@processmaker/modeler 1.30.3 → 1.32.0

package/src/components/topRail/validateControl/validatePanel/validatePanel.scss

@@ -0,0 +1,67 @@
+.validate {
+  &-container {
+    position: absolute;
+    top: 48px;
+    right: 8px;
+    display: flex;
+    flex-direction: column;
+    width: 386px;
+    height: 273px;
+    padding: 12px;
+    background: #F7F7F7;
+    border: 1px solid #C4C8CC;
+    border-radius: 4px;
+    overflow-y: auto;
+    z-index: 1;
+  }
+
+  &-item {
+    &-box {
+      display: flex;
+      justify-content: flex-start;
+      margin-bottom: 10px;
+      color: #000000;
+
+      & > svg {
+        width: 16px;
+        margin: {
+          top: 4px;
+          right: 10px;
+        };
+        fill: #D11401;
+      }
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+
+    &-info {
+      flex: 1 1 0;
+      display: flex;
+      flex-direction: column;
+      font-family: 'Open Sans';
+      font-style: normal;
+      font-size: 14px;
+    }
+
+    &-title {
+      font-weight: 600;
+      text-transform: capitalize;
+    }
+
+    &-description {
+      font-style: italic;
+      font-weight: 400;
+      color: #6C757D;
+    }
+
+    &-node {
+      &-title {
+        font-weight: 600;
+      }
+
+      font-weight: 400;
+    }
+  }
+}

package/src/main.js

@@ -12,11 +12,17 @@ import ScreenBuilder from '@processmaker/screen-builder';
 import Multiselect from '@processmaker/vue-multiselect/src/Multiselect';
 
 import '@fortawesome/fontawesome-free/css/all.min.css';
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
+import { library } from '@fortawesome/fontawesome-svg-core';
+import { faBoundaryEvent } from '@/components/crown/crownButtons/icons';
+
+library.add(faBoundaryEvent);
 
 Vue.use(BootstrapVue);
 Vue.use(VueDeepSet);
 Vue.use(VueI18Next);
 Vue.use(ScreenBuilder);
+Vue.component('font-awesome-icon', FontAwesomeIcon);
 Vue.component('Multiselect', Multiselect);
 
 Vue.config.productionTip = false;

package/src/mixins/clickAndDrop.js

@@ -0,0 +1,100 @@
+import nodeTypesStore from '@/nodeTypesStore';
+
+export default {
+  data() {
+    return {
+      wasClicked: false,
+      selectedSubmenuItem: null,
+      xOffset: 0,
+      yOffset: 0,
+      helperStyles: {
+        backgroundColor:'#ffffff',
+        position: 'absolute',
+        height: '40px',
+        width: '40px',
+        zIndex: '10',
+        opacity: '0.5',
+        pointerEvents: 'none',
+      },
+      popperType: null,
+    };
+  },
+  methods: {
+    onClickHandler(event, control) {
+      this.createDraggingHelper(event, control);
+      document.addEventListener('mousemove', this.setDraggingPosition);
+      this.setDraggingPosition(event);
+      // Deselect control on click if same control is already selected
+      if (this.selectedItem && (this.selectedItem.type === control.type)) {
+        document.removeEventListener('mousemove', this.setDraggingPosition);
+        document.body.removeChild(this.movedElement);
+        this.$emit('onSetCursor', 'none');
+        nodeTypesStore.commit('clearSelectedNode');
+        nodeTypesStore.commit('setGhostNode', null);
+        this.wasClicked = false;
+        return;
+      }
+      this.wasClicked = true;
+      nodeTypesStore.commit('setSelectedNode', control);
+      this.$emit('onSetCursor', 'crosshair');
+      if (!this.parent) {
+        this.popperType = control.type;
+      }
+      window.ProcessMaker.EventBus.$on('custom-pointerclick', message => {
+        window.ProcessMaker.EventBus.$off('custom-pointerclick');
+        document.removeEventListener('mousemove', this.setDraggingPosition);
+        if (this.movedElement) {
+          document.body.removeChild(this.movedElement);
+        }
+        this.popperType = null;
+        this.selectedSubmenuItem = null;
+        this.onCreateElement(message);
+        nodeTypesStore.commit('clearSelectedNode');
+        nodeTypesStore.commit('setGhostNode', null);
+      });
+    },
+    onCreateElement(event){
+      if (this.wasClicked && this.selectedItem) {
+        if (this.parent) {
+          this.parent = null;
+        }
+        this.$emit('onCreateElement', { event, control: this.selectedItem });
+        this.$emit('onSetCursor', 'none');
+        event.preventDefault();
+        this.wasClicked = false;
+      }
+    },
+    setDraggingPosition({ pageX, pageY }) {
+      let tempGhost = this.movedElement;
+      tempGhost.style.left = `${pageX}px`;
+      tempGhost.style.top = `${pageY}px`;
+      nodeTypesStore.commit('setGhostNode', tempGhost);
+    },
+    createDraggingHelper(event, control) {
+      if (this.movedElement) {
+        document.removeEventListener('mousemove', this.setDraggingPosition);
+        document.body.removeChild(this.movedElement);
+        nodeTypesStore.commit('setGhostNode', null);
+      }
+      const sourceElement = event.target;
+      nodeTypesStore.commit('setGhostNode', document.createElement('img'));
+      let tempGhost = this.movedElement;
+      Object.keys(this.helperStyles).forEach((property) => {
+        tempGhost.style[property] = this.helperStyles[property];
+      });
+      tempGhost.src = control.icon;
+      nodeTypesStore.commit('setGhostNode', tempGhost);
+      document.body.appendChild(this.movedElement);
+      this.xOffset = event.clientX - sourceElement.getBoundingClientRect().left;
+      this.yOffset = event.clientY - sourceElement.getBoundingClientRect().top;
+    },
+  },
+  computed: {
+    selectedItem() {
+      return nodeTypesStore.getters.getSelectedNode;
+    },
+    movedElement() {
+      return nodeTypesStore.getters.getGhostNode;
+    },
+  },
+};

package/src/mixins/highlightConfig.js

@@ -1,4 +1,6 @@
+/* eslint-disable no-unused-vars */
 import cloneDeep from 'lodash/cloneDeep';
+import store from '@/store';
 
 const errorHighlighter = {
   highlighter: {
@@ -27,6 +29,31 @@ const defaultHighlighter = {
   },
 };
 
+const completedHighlighter = {
+  highlighter: {
+    name: 'stroke',
+    options: {
+      attrs: {
+        stroke: '#1572C2',
+        'stroke-width': 3,
+      },
+    },
+  },
+};
+
+const inProgressHighlighter = {
+  highlighter: {
+    name: 'stroke',
+    options: {
+      attrs: {
+        stroke: '#00875A',
+        'stroke-width': 3,
+        'stroke-dasharray': '4 4',
+      },
+    },
+  },
+};
+
 export default {
   props: [
     'highlighted',
@@ -34,6 +61,8 @@ export default {
     'hasError',
     'autoValidate',
     'borderOutline',
+    'isCompleted',
+    'isInProgress',
   ],
   data() {
     return {
@@ -68,6 +97,18 @@ export default {
   },
   methods: {
     setShapeHighlight() {
+      if (store.getters.isReadOnly) {
+        this.shapeView.unhighlight(this.shapeBody, completedHighlighter);
+        if (this.isCompleted) {
+          this.shapeView.highlight(this.shapeBody, completedHighlighter);
+        }
+        this.shapeView.unhighlight(this.shapeBody, inProgressHighlighter);
+        if (this.isInProgress) {
+          this.shapeView.highlight(this.shapeBody, inProgressHighlighter);
+        }
+        return;
+      }
+
       if (!this.shapeView) {
         return;
       }
@@ -84,7 +125,9 @@ export default {
       if (this.currentBorderOutline) {
         this.shapeView.unhighlight(this.shapeBody, this.currentBorderOutline);
       }
-      this.currentBorderOutline = borderOutline ? cloneDeep(borderOutline) : null;
+      this.currentBorderOutline = borderOutline
+        ? cloneDeep(borderOutline)
+        : null;
       if (this.currentBorderOutline) {
         this.shapeView.highlight(this.shapeBody, this.currentBorderOutline);
       }
@@ -92,14 +135,15 @@ export default {
   },
   mounted() {
     this.$nextTick(() => {
-      this.paperManager.awaitScheduledUpdates()
-        .then(() => {
-          this.setShapeHighlight();
-          this.shape.on('change:size', () => {
-            this.paperManager.awaitScheduledUpdates().then(this.setShapeHighlight);
-            this.$emit('shape-resize', this.shape);
-          });
+      this.paperManager.awaitScheduledUpdates().then(() => {
+        this.setShapeHighlight();
+        this.shape.on('change:size', () => {
+          this.paperManager
+            .awaitScheduledUpdates()
+            .then(this.setShapeHighlight);
+          this.$emit('shape-resize', this.shape);
         });
+      });
     });
   },
 };

package/src/mixins/linkConfig.js

@@ -4,6 +4,7 @@ import debounce from 'lodash/debounce';
 import { invalidNodeColor, setShapeColor, validNodeColor } from '@/components/nodeColors';
 import { getDefaultAnchorPoint } from '@/portsUtils';
 import resetShapeColor from '@/components/resetShapeColor';
+import store from '@/store';
 
 const endpoints = {
   source: 'source',
@@ -39,6 +40,9 @@ export default {
       }
     },
     highlighted(highlighted) {
+      if (store.getters.isReadOnly) {
+        return;
+      }
       if (highlighted) {
         this.shape.attr({
           line: { stroke: '#5096db' },
@@ -254,6 +258,9 @@ export default {
 
     this.$once('click', () => {
       this.$nextTick(() => {
+        if (store.getters.isReadOnly) {
+          return;
+        }
         this.setupLinkTools();
       });
     });

package/src/mixins/resizeConfig.js

@@ -28,7 +28,9 @@ export default {
       }
 
       if (highlighted) {
-        this.addResizeAnchors();
+        if (store.getters.isReadOnly === false) {
+          this.addResizeAnchors();
+        }
         this.calculateElementLimits();
         this.updateAnchorPointPosition();
       } else {

package/src/nodeTypesStore.js

@@ -0,0 +1,133 @@
+import Vue from 'vue';
+import Vuex from 'vuex';
+import { uniqueId, uniqBy } from 'lodash';
+import { BOTTOM } from '@/components/rails/explorer-rail/rankConstants';
+
+Vue.use(Vuex);
+
+export default new Vuex.Store({
+  state: {
+    nodeTypes: [],
+    pinnedNodeTypes: [],
+    filteredNodeTypes: [],
+    explorerOpen: false,
+    searchTerm: '',
+    selectedNode: null,
+    ghostNode: null,
+  },
+  getters: {
+    getNodeTypes: state => state.nodeTypes,
+    getPinnedNodeTypes: state => state.pinnedNodeTypes,
+    getFilteredNodeTypes: state => state.filteredNodeTypes,
+    getExplorerOpen: state => state.explorerOpen,
+    getSearchTerm: state => state.searchTerm,
+    getSelectedNode: state => state.selectedNode,
+    getGhostNode: state => state.ghostNode,
+  },
+  mutations: {
+    setNodeTypes(state, nodeTypes) {
+      state.nodeTypes = nodeTypes
+        .filter(nodeType => nodeType.control)
+        .map(nodeType => ({
+          id: uniqueId('nodeType_'),
+          type: nodeType.id,
+          icon: nodeType.icon,
+          label: nodeType.label,
+          bpmnType: nodeType.bpmnType,
+          rank: nodeType.rank || BOTTOM,
+          items: nodeType.items?.map(item => ({ ...item, type: item.id })),
+        }))
+        .sort((node1, node2) => node1.rank - node2.rank);
+    },
+    setPinnedNodes(state, payload) {
+      state.pinnedNodeTypes.push(payload);
+      // Remove duplicates
+      state.pinnedNodeTypes = [...new Map(state.pinnedNodeTypes.map(node => [node['type'], node])).values()];
+      state.pinnedNodeTypes.sort((node1, node2) => node1.rank - node2.rank);
+    },
+    setUnpinNode(state, payload) {
+      state.pinnedNodeTypes = state.pinnedNodeTypes.filter(node => node !== payload);
+    },
+    setFilteredNodeTypes(state, searchTerm) {
+      const pinnedNodeTypes = state.pinnedNodeTypes;
+      const nodeTypes = state.nodeTypes;
+      state.searchTerm = searchTerm;
+      const allNodes = uniqBy([...pinnedNodeTypes, ...nodeTypes], 'id');
+      state.filteredNodeTypes = allNodes.filter(node => {
+        return node.label.toLowerCase().includes(searchTerm.toLowerCase());
+      });
+    },
+    clearFilteredNodes(state) {
+      state.filteredNodeTypes = [];
+      state.searchTerm = '';
+    },
+    closeExplorer(state) {
+      state.explorerOpen = false;
+    },
+    toggleExplorer(state) {
+      state.explorerOpen = !state.explorerOpen;
+    },
+    setSelectedNode(state, payload) {
+      state.selectedNode = payload;
+    },
+    clearSelectedNode(state) {
+      state.selectedNode = null;
+    },
+    setGhostNode(state, payload) {
+      state.ghostNode = payload;
+    },
+  },
+  actions: {
+    getUserPinnedObjects({ commit }) {
+      if (!window.ProcessMaker.user) {
+        // For standalone version of Modeler
+        const pinnedNodes = localStorage.pinnedNodes ? JSON.parse(localStorage.pinnedNodes) : [] ;
+        pinnedNodes.forEach(node => {
+          commit('setPinnedNodes', node);
+        });
+        return;
+      }
+      const user = window.ProcessMaker.user ? window.ProcessMaker.user.id : '';
+      window.ProcessMaker.apiClient.get(`/users/${user}/get_pinnned_controls`)
+        .then(({ data }) => {
+          data.forEach(node => {
+            commit('setPinnedNodes', node);
+          });
+        })
+        .catch((e) => {
+          // eslint-disable-next-line no-console
+          console.error(e);
+        });
+    },
+    addUserPinnedObject({ commit, state }, pinnedNode) {
+      commit('setPinnedNodes', pinnedNode);
+      const pinnedNodes = state.pinnedNodeTypes;
+      if (!window.ProcessMaker.user) {
+        // For standalone version of Modeler
+        localStorage.pinnedNodes = JSON.stringify(pinnedNodes);
+        return;
+      }
+      const user = window.ProcessMaker.user ? window.ProcessMaker.user.id : '';
+      window.ProcessMaker.apiClient.put(`/users/${user}/update_pinned_controls`, { pinnedNodes })
+        .catch((e) => {
+          // eslint-disable-next-line no-console
+          console.error(e);
+        });
+    },
+    removeUserPinnedObject({ commit, state }, nodeToUnpin) {
+      commit('setUnpinNode', nodeToUnpin);
+      const pinnedNodes = state.pinnedNodeTypes;
+      if (!window.ProcessMaker.user) {
+        // For standalone version of Modeler
+        localStorage.pinnedNodes = JSON.stringify(pinnedNodes);
+        return;
+      }
+      const user = window.ProcessMaker.user ? window.ProcessMaker.user.id : '';
+      window.ProcessMaker.apiClient.put(`/users/${user}/update_pinned_controls`, { pinnedNodes })
+        .catch((e) => {
+          // eslint-disable-next-line no-console
+          console.error(e);
+        });
+    },
+  },
+});

package/src/store.js

@@ -37,6 +37,7 @@ export default new Vuex.Store({
     allowSavingElementPosition: true,
     copiedElements: [],
     clientLeftPaper: false,
+    readOnly: false,
   },
   getters: {
     nodes: state => state.nodes,
@@ -57,8 +58,12 @@ export default new Vuex.Store({
     allowSavingElementPosition: state => state.allowSavingElementPosition,
     copiedElements: state => state.copiedElements,
     clientLeftPaper: state => state.clientLeftPaper,
+    isReadOnly: state => state.readOnly,
   },
   mutations: {
+    setReadOnly(state, value) {
+      state.readOnly = value;
+    },
     preventSavingElementPosition(state) {
       state.allowSavingElementPosition = false;
     },

package/dist/img/clipboard.bcc7796a.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="#fff" d="M280 64h40c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128C0 92.7 28.7 64 64 64h40 9.6C121 27.5 153.3 0 192 0s71 27.5 78.4 64H280zM64 112c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16H320c8.8 0 16-7.2 16-16V128c0-8.8-7.2-16-16-16H304v24c0 13.3-10.7 24-24 24H192 104c-13.3 0-24-10.7-24-24V112H64zm128-8a24 24 0 1 0 0-48 24 24 0 1 0 0 48z"/></svg>

package/dist/img/copy-regular.3eb4c04a.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="copy" class="svg-inline--fa fa-copy fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="#fff" d="M433.941 65.941l-51.882-51.882A48 48 0 0 0 348.118 0H176c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h224c26.51 0 48-21.49 48-48v-48h80c26.51 0 48-21.49 48-48V99.882a48 48 0 0 0-14.059-33.941zM266 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h74v224c0 26.51 21.49 48 48 48h96v42a6 6 0 0 1-6 6zm128-96H182a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h106v88c0 13.255 10.745 24 24 24h88v202a6 6 0 0 1-6 6zm6-256h-64V48h9.632c1.591 0 3.117.632 4.243 1.757l48.368 48.368a6 6 0 0 1 1.757 4.243V112z"></path></svg>

package/dist/img/data-object.e931f8e7.svg

@@ -1,9 +0,0 @@
-<svg width="36" height="50" viewBox="0 0 36 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path
-            d="M1,1 L25,1 L35,10 L35,49 L1,49 L1,1 M24,1 L24,10 L35,10"
-            stroke="#788793"
-            stroke-width="1.5"
-            stroke-linejoin="round"
-            stroke-linecap="round"
-    />
-</svg>

package/dist/img/data-store.7ca4c899.svg

@@ -1,6 +0,0 @@
-<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12.5 0C6.6594 0 2.08337 1.6475 2.08337 3.75C2.08337 5.85251 6.6594 7.50001 12.5 7.50001C18.3406 7.50001 22.9167 5.85251 22.9167 3.75C22.9167 1.6475 18.3406 0 12.5 0ZM12.5 6.66669C6.97502 6.66669 3.12502 5.12919 3.12502 3.75C3.12502 2.37082 6.97502 0.833321 12.5 0.833321C18.025 0.833321 21.875 2.37082 21.875 3.75C21.875 5.12919 18.025 6.66669 12.5 6.66669Z" fill="#788793"/>
-<path d="M22.4122 5.23438C22.1247 5.23438 21.8913 5.42106 21.8913 5.65106C21.8913 7.03024 18.0413 8.56774 12.5163 8.56774C6.99131 8.56774 3.14131 7.03024 3.14131 5.65106C3.14131 5.42106 2.90796 5.23438 2.62046 5.23438C2.33296 5.23438 2.09961 5.42106 2.09961 5.65106C2.09961 7.75356 6.67563 9.40106 12.5163 9.40106C18.3569 9.40106 22.9329 7.75356 22.9329 5.65106C22.933 5.42106 22.6997 5.23438 22.4122 5.23438Z" fill="#788793"/>
-<path d="M22.4122 7.30473C22.1247 7.30473 21.8913 7.49141 21.8913 7.72141C21.8913 9.10055 18.0413 10.6381 12.5163 10.6381C6.99131 10.6381 3.14131 9.10055 3.14131 7.72137C3.14131 7.49137 2.90796 7.30469 2.62046 7.30469C2.33296 7.30469 2.09961 7.49137 2.09961 7.72137C2.09961 9.82387 6.67563 11.4714 12.5163 11.4714C18.3569 11.4714 22.9329 9.82387 22.9329 7.72137C22.933 7.49137 22.6997 7.30473 22.4122 7.30473Z" fill="#788793"/>
-<path d="M22.3959 3.33331C22.1084 3.33331 21.875 3.51999 21.875 3.74999V16.25C21.875 17.6292 18.025 19.1667 12.5 19.1667C6.97502 19.1667 3.12502 17.6292 3.12502 16.25V3.74999C3.12502 3.51999 2.89167 3.33331 2.60417 3.33331C2.31667 3.33331 2.08337 3.51999 2.08337 3.74999V16.25C2.08337 18.3525 6.6594 20 12.5 20C18.3406 20 22.9167 18.3525 22.9167 16.25V3.74999C22.9167 3.51999 22.6834 3.33331 22.3959 3.33331Z" fill="#788793"/>
-</svg>

package/dist/img/end-event.1ad31396.svg

@@ -1,19 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch -->
-    <title>icons/processbuilder/end-event</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <circle id="path-1" cx="29" cy="17" r="11"></circle>
-    </defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Build/Applications/Processes/ProcessBuilder" transform="translate(-18.000000, -307.000000)">
-            <g id="10" transform="translate(0.000000, 301.000000)">
-                <g id="icons/processbuilder/end-event">
-                    <use fill="#FFF1F2" fill-rule="evenodd" xlink:href="#path-1"></use>
-                    <circle stroke="#ED4757" stroke-width="2" cx="29" cy="17" r="10"></circle>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

package/dist/img/generic-gateway.3a76fc75.svg

@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="21px" height="22px" viewBox="0 0 21 22" version="1.1" xmlns="http://www.w3.org/2000/svg">
-    <title>icons/processbuilder/exlusive-gateway</title>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Build/Applications/Processes/ProcessBuilder" transform="translate(-19.000000, -76.000000)">
-            <g id="3" transform="translate(0.000000, 70.000000)">
-                <g id="icons/processbuilder/exlusive-gateway" transform="translate(19.000000, 6.000000)">
-                    <path d="M0.625628427,10.6725043 C0.458127928,10.8493013 0.458171241,11.1511931 0.625436542,11.3272938 L10.1747502,21.3788402 C10.3282145,21.5403866 10.5717855,21.5403866 10.7252498,21.3788402 L20.274552,11.3266381 C20.441816,11.1505655 20.441816,10.8487669 20.2745635,10.6727062 L10.7252498,0.621159773 C10.5717855,0.459613409 10.3282145,0.459613409 10.1747387,0.621171796 L0.625628427,10.6725043 Z"
-                          id="3" stroke="#788793"/>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

package/dist/img/generic-intermediate-event.ba2e1d71.svg

@@ -1,5 +0,0 @@
-<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0C4.92487 0 0 4.92487 0 11C0 17.0751 4.92487 22 11 22Z" fill="#fff4d3"/>
-<path d="M11 21.5C16.799 21.5 21.5 16.799 21.5 11C21.5 5.20101 16.799 0.5 11 0.5C5.20101 0.5 0.5 5.20101 0.5 11C0.5 16.799 5.20101 21.5 11 21.5Z" stroke="#fabd2d"/>
-<path d="M11 19.5C15.6944 19.5 19.5 15.6944 19.5 11C19.5 6.30558 15.6944 2.5 11 2.5C6.30558 2.5 2.5 6.30558 2.5 11C2.5 15.6944 6.30558 19.5 11 19.5Z" stroke="#fabd2d"/>
-</svg>

package/dist/img/intermediate-message-throw-event.ac432d96.svg

@@ -1,6 +0,0 @@
-<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="5" y="6" width="12" height="9" fill="black"/>
-<path d="M11 21.5C16.799 21.5 21.5 16.799 21.5 11C21.5 5.20101 16.799 0.5 11 0.5C5.20101 0.5 0.5 5.20101 0.5 11C0.5 16.799 5.20101 21.5 11 21.5Z" stroke="#788793"/>
-<path d="M11 19.5C15.6944 19.5 19.5 15.6944 19.5 11C19.5 6.30558 15.6944 2.5 11 2.5C6.30558 2.5 2.5 6.30558 2.5 11C2.5 15.6944 6.30558 19.5 11 19.5Z" stroke="#788793"/>
-<path d="M15.9298 15.4253H6.07027C5.80048 15.4253 5.56654 15.3359 5.36782 15.1595L8.76914 11.7471C8.85422 11.8084 8.93291 11.8657 9.00387 11.9178C9.25849 12.1059 9.46493 12.2527 9.62351 12.3579C9.78194 12.4633 9.99293 12.5707 10.2565 12.6804C10.52 12.7903 10.7655 12.845 10.9933 12.845H11H11.0067C11.2344 12.845 11.48 12.7902 11.7435 12.6804C12.0069 12.5707 12.2179 12.4633 12.3765 12.3579C12.5351 12.2527 12.7416 12.1059 12.9961 11.9178C13.0708 11.8636 13.1499 11.8067 13.2315 11.748L16.6322 15.1595C16.4334 15.3359 16.1997 15.4253 15.9298 15.4253ZM5.67459 9.61452C6.62031 10.256 7.39064 10.7842 7.98851 11.2008L5 14.1839V9.03448C5.19588 9.2523 5.42087 9.44568 5.67459 9.61452ZM16.3319 9.61451C16.5857 9.44116 16.8084 9.24792 17 9.03448V14.1839L14.0115 11.202C14.6484 10.7581 15.4219 10.2291 16.3319 9.61451ZM15.9285 6C16.2187 6 16.4698 6.10452 16.682 6.31346C16.8938 6.52265 17 6.77382 17 7.06735C17 7.41868 16.8905 7.75445 16.6721 8.07455C16.4533 8.39465 16.181 8.66826 15.8552 8.89499C14.7717 9.64411 13.954 10.2097 13.3989 10.5939C13.0938 10.805 12.8668 10.9621 12.7212 11.0631C12.6996 11.0782 12.6659 11.1021 12.6211 11.1341C12.5728 11.1685 12.5117 11.2123 12.4366 11.2665C12.2915 11.3711 12.1709 11.4556 12.0749 11.5201C11.9788 11.5845 11.8628 11.6568 11.7266 11.7369C11.5904 11.817 11.4621 11.877 11.3416 11.917C11.221 11.957 11.1094 11.977 11.0068 11.977H11.0001H10.9934C10.8908 11.977 10.7792 11.957 10.6586 11.917C10.5381 11.877 10.4097 11.8168 10.2735 11.7369C10.1373 11.6568 10.0211 11.5847 9.92528 11.5201C9.82929 11.4556 9.70877 11.3711 9.56369 11.2665C9.48835 11.2123 9.42728 11.1685 9.37902 11.134C9.33423 11.1021 9.30048 11.0781 9.27902 11.0631C9.09209 10.9321 8.86568 10.7743 8.60314 10.5921C8.29514 10.3781 7.93673 10.1301 7.52458 9.8456C6.7611 9.3187 6.30349 9.00179 6.15174 8.89499C5.87494 8.70823 5.61374 8.45149 5.36826 8.12462C5.12279 7.79762 5 7.4941 5 7.21398C5 6.86719 5.09253 6.57802 5.27789 6.34679C5.4631 6.11568 5.72749 6 6.07137 6H15.9285Z" stroke="#788793"/>
-</svg>

package/dist/img/pool.ac62ddae.svg

@@ -1,11 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="27px" height="18px" viewBox="0 0 27 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
-    <title>custom/processbuilder/pool2</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="custom/processbuilder/pool2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <rect id="Rectangle" stroke="#333333" fill="#FFFFFF" x="0.5" y="0.5" width="26" height="17"></rect>
-        <rect id="Rectangle-3" fill="#333333" x="7" y="1" width="1" height="16"></rect>
-    </g>
-</svg>

package/dist/img/start-event.e895cee2.svg

@@ -1,19 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch -->
-    <title>icons/processbuilder/start-event</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <circle id="path-1" cx="29" cy="17" r="11"></circle>
-    </defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Build/Applications/Processes/ProcessBuilder" transform="translate(-18.000000, -175.000000)">
-            <g id="6" transform="translate(0.000000, 169.000000)">
-                <g id="icons/processbuilder/start-event">
-                    <use fill="#EDFFFC" fill-rule="evenodd" xlink:href="#path-1"></use>
-                    <circle stroke="#00BF9C" stroke-width="1" cx="29" cy="17" r="10.5"></circle>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

package/dist/img/task.e7419065.svg

@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="27px" height="18px" viewBox="0 0 27 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch -->
-    <title>icons/processbuilder/task</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Build/Applications/Processes/ProcessBuilder" transform="translate(-16.000000, -12.000000)" stroke="#788793">
-            <g id="1" transform="translate(0.000000, 4.000000)">
-                <rect id="icons/processbuilder/task" x="16.5" y="8.5" width="25.3076923" height="17" rx="2"></rect>
-            </g>
-        </g>
-    </g>
-</svg>

package/dist/img/text-annotation.926416f4.svg

@@ -1,17 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="31px" height="18px" viewBox="0 0 31 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch -->
-    <title>icons/processbuilder/text-annotation</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Build/Applications/Processes/ProcessBuilder" transform="translate(-14.000000, -573.000000)" fill="#788793">
-            <g id="18" transform="translate(0.000000, 565.000000)">
-                <g id="icons/processbuilder/text-annotation" transform="translate(14.000000, 7.000000)">
-                    <path d="M2.945435,2.96366812 C3.4877712,2.96366812 3.92733623,2.52423743 3.92733623,1.98190123 C3.92733623,1.43956503 3.48790554,1 2.945435,1 L0.981901229,1 C0.439565032,1 0,1.43956503 0,1.98190123 L0,18.0183675 C0,18.5603006 0.439430691,19 0.981901229,19 L2.945435,19 C3.4877712,19 3.92733623,18.5605693 3.92733623,18.0183675 C3.92733623,17.4760313 3.48790554,17.0363319 2.945435,17.0363319 L1.96366812,17.0363319 L1.96366812,2.96366812 L2.945435,2.96366812 Z" id="Shape" fill-rule="nonzero"></path>
-                    <path d="M8.640625,15 L7.47851562,15 L7.47851562,6.03808594 L4.31347656,6.03808594 L4.31347656,5.00585938 L11.8056641,5.00585938 L11.8056641,6.03808594 L8.640625,6.03808594 L8.640625,15 Z M15.3261719,15.1367188 C14.2187445,15.1367188 13.3448925,14.7994825 12.7045898,14.125 C12.0642872,13.4505175 11.7441406,12.5140034 11.7441406,11.3154297 C11.7441406,10.1077414 12.0415009,9.14844105 12.6362305,8.4375 C13.23096,7.72655895 14.0296174,7.37109375 15.0322266,7.37109375 C15.9710333,7.37109375 16.7138645,7.67984717 17.2607422,8.29736328 C17.8076199,8.91487939 18.0810547,9.72948713 18.0810547,10.7412109 L18.0810547,11.4589844 L12.9199219,11.4589844 C12.9427084,12.3385461 13.1648742,13.0061826 13.5864258,13.4619141 C14.0079774,13.9176455 14.6015587,14.1455078 15.3671875,14.1455078 C16.1738322,14.1455078 16.9713502,13.9768897 17.7597656,13.6396484 L17.7597656,14.6513672 C17.358722,14.8245451 16.9793312,14.9487301 16.621582,15.0239258 C16.2638328,15.0991215 15.8320338,15.1367188 15.3261719,15.1367188 Z M15.0185547,8.32128906 C14.4169892,8.32128906 13.937339,8.51725064 13.5795898,8.90917969 C13.2218407,9.30110873 13.011068,9.84342102 12.9472656,10.5361328 L16.8642578,10.5361328 C16.8642578,9.82063444 16.7047542,9.2726256 16.3857422,8.89208984 C16.0667302,8.51155409 15.6110056,8.32128906 15.0185547,8.32128906 Z M21.5400391,11.1650391 L18.9355469,7.5078125 L20.2275391,7.5078125 L22.203125,10.3789062 L24.171875,7.5078125 L25.4501953,7.5078125 L22.8457031,11.1650391 L25.5869141,15 L24.3017578,15 L22.203125,11.9648438 L20.0839844,15 L18.7988281,15 L21.5400391,11.1650391 Z M29.4902344,14.2001953 C29.6907562,14.2001953 29.8844392,14.1853843 30.0712891,14.1557617 C30.258139,14.1261392 30.4062495,14.0953778 30.515625,14.0634766 L30.515625,14.9316406 C30.3925775,14.9908857 30.211427,15.0398761 29.972168,15.0786133 C29.732909,15.1173505 29.5175791,15.1367188 29.3261719,15.1367188 C27.8769459,15.1367188 27.1523438,14.37338 27.1523438,12.8466797 L27.1523438,8.38964844 L26.0791016,8.38964844 L26.0791016,7.84277344 L27.1523438,7.37109375 L27.6308594,5.77148438 L28.2871094,5.77148438 L28.2871094,7.5078125 L30.4609375,7.5078125 L30.4609375,8.38964844 L28.2871094,8.38964844 L28.2871094,12.7988281 C28.2871094,13.2500023 28.3942047,13.596353 28.6083984,13.8378906 C28.8225922,14.0794283 29.1165346,14.2001953 29.4902344,14.2001953 Z" id="Text"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

package/dist/img/trash-alt-solid.f2f64c1f.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
-    <path fill="#fff"
-          d="M0 84V56c0-13.3 10.7-24 24-24h112l9.4-18.7c4-8.2 12.3-13.3 21.4-13.3h114.3c9.1 0 17.4 5.1 21.5 13.3L312 32h112c13.3 0 24 10.7 24 24v28c0 6.6-5.4 12-12 12H12C5.4 96 0 90.6 0 84zm416 56v324c0 26.5-21.5 48-48 48H80c-26.5 0-48-21.5-48-48V140c0-6.6 5.4-12 12-12h360c6.6 0 12 5.4 12 12zm-272 68c0-8.8-7.2-16-16-16s-16 7.2-16 16v224c0 8.8 7.2 16 16 16s16-7.2 16-16V208zm96 0c0-8.8-7.2-16-16-16s-16 7.2-16 16v224c0 8.8 7.2 16 16 16s16-7.2 16-16V208zm96 0c0-8.8-7.2-16-16-16s-16 7.2-16 16v224c0 8.8 7.2 16 16 16s16-7.2 16-16V208z"/>
-</svg>