@processmaker/modeler 1.30.2 → 1.31.0

package/src/components/rails/explorer-rail/nodeTypesLoop/nodeTypesLoop.vue

@@ -0,0 +1,234 @@
+<script>
+import pinIcon from '@/assets/pin-angle.svg';
+import pinFillIcon from '@/assets/pin-angle-fill.svg';
+import nodeTypesStore from '@/nodeTypesStore';
+
+export default {
+  name: 'NodeTypesLoop',
+  data() {
+    return {
+      pinIcon,
+      pinFillIcon,
+      showPin: false,
+      wasClicked: false,
+      element: null,
+      selectedItem: null,
+      xOffset: 0,
+      yOffset: 0,
+      movedElement: null,
+      helperStyles: {
+        backgroundColor:'#ffffff',
+        position: 'absolute',
+        height: '40px',
+        width: '40px',
+        zIndex: '10',
+        opacity: '0.5',
+        pointerEvents: 'none',
+      },
+    };
+  },
+  created() {
+    nodeTypesStore.dispatch('getUserPinnedObjects');
+  },
+  methods: {
+    nodeTypeAlreadyPinned(object, type) {
+      return !!this.pinnedObjects.find(obj => obj.type === type);
+    },
+    unPin(object) {
+      return nodeTypesStore.dispatch('removeUserPinnedObject', object);
+    },
+    addPin(object) {
+      return nodeTypesStore.dispatch('addUserPinnedObject', object);
+    },
+    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 === control.type) {
+        document.removeEventListener('mousemove', this.setDraggingPosition);
+        document.body.removeChild(this.movedElement);
+        this.$emit('onSetCursor', 'none');
+        this.selectedItem = null;
+        this.movedElement = null;
+        this.wasClicked = false;
+        return;
+      }
+      this.wasClicked = true;
+      this.element = control;
+      this.$emit('onSetCursor', 'crosshair');
+      this.selectedItem = 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.selectedItem = null;
+        this.movedElement = null;
+        this.onCreateElement(message);
+      });
+    },
+    createDraggingHelper(event, control) {
+      if (this.movedElement) {
+        document.removeEventListener('mousemove', this.setDraggingPosition);
+        document.body.removeChild(this.movedElement);
+        this.movedElement = null;
+      }
+      const sourceElement = event.target;
+      this.movedElement = document.createElement('img');
+      Object.keys(this.helperStyles).forEach((property) => {
+        this.movedElement.style[property] = this.helperStyles[property];
+      });
+      this.movedElement.src = control.icon;
+      document.body.appendChild(this.movedElement);
+      this.xOffset = event.clientX - sourceElement.getBoundingClientRect().left;
+      this.yOffset = event.clientY - sourceElement.getBoundingClientRect().top;
+    },
+    setDraggingPosition({ pageX, pageY }) {
+      this.movedElement.style.left = pageX  + 'px';
+      this.movedElement.style.top = pageY + 'px';
+    },
+    onCreateElement(event){
+      if (this.wasClicked && this.element) {
+        this.$emit('onCreateElement', { event, control: this.element });
+        this.$emit('onSetCursor', 'none');
+        event.preventDefault();
+        this.wasClicked = false;
+      }
+    },
+  },
+  computed: {
+    pinnedObjects() {
+      return nodeTypesStore.getters.getPinnedNodeTypes;
+    },
+    objects() {
+      return nodeTypesStore.getters.getNodeTypes;
+    },
+    unpinnedObjects() {
+      const objects = this.objects;
+      return objects.filter((obj) => !this.pinnedObjects.some(pinnedObj => pinnedObj.type === obj.type));
+    },
+    filteredNodes() {
+      return nodeTypesStore.getters.getFilteredNodeTypes;
+    },
+    searchTerm() {
+      return nodeTypesStore.getters.getSearchTerm;
+    },
+  },
+};
+</script>
+
+<template>
+  <div id="nodeTypesList">
+    <div id="filteredNodes-container" v-if="filteredNodes.length > 0">
+      <template v-for="object in filteredNodes">
+        <div
+          class="node-types__item"
+          :key="object.id"
+          @mouseover="showPin = true"
+          @mouseleave="showPin = false"
+          @click.stop="onClickHandler($event, object)"
+        >
+          <img class="node-types__item__icon" :src="object.icon" :alt="$t(object.label)">
+          <span>{{ $t(object.label) }}</span>
+          <img
+            v-if="nodeTypeAlreadyPinned(object, object.type)"
+            :src="pinFillIcon"
+            class="pinIcon"
+            alt="Unpin Element"
+            @click="unPin(object)"
+          >
+          <img
+            v-else
+            :src="pinIcon"
+            class="pinIcon"
+            alt="Pin Element"
+            @click="addPin(object)"
+          >
+        </div>
+      </template>
+    </div>
+    <template v-if="filteredNodes.length === 0 && !searchTerm">
+      <div class="pinnedObjects" v-if="pinnedObjects.length > 0">
+        <p>{{ $t('Pinned Objects') }}</p>
+        <template v-for="pinnedObject in pinnedObjects">
+          <div
+            class="node-types__item"
+            :key="pinnedObject.id"
+            @mouseover="showPin = true"
+            @mouseleave="showPin = false"
+            @click.stop="onClickHandler($event, pinnedObject)"
+          >
+            <img class="node-types__item__icon" :src="pinnedObject.icon" :alt="$t(pinnedObject.label)">
+            <span>{{ $t(pinnedObject.label) }}</span>
+            <img
+              :src="pinFillIcon"
+              class="pinIcon"
+              alt="Pin/Unpin Element"
+              @click="unPin(pinnedObject)"
+            >
+          </div>
+        </template>
+      </div>
+      <div class="objectCategory">
+        <p>{{ $t('Object Category') }}</p>
+        <template v-for="nodeType in unpinnedObjects">
+          <div
+            class="node-types__item"
+            :key="nodeType.id"
+            @mouseover="showPin = true"
+            @mouseleave="showPin = false"
+            @click.stop="onClickHandler($event, nodeType)"
+          >
+            <img class="node-types__item__icon" :src="nodeType.icon" :alt="$t(nodeType.label)">
+            <span>{{ $t(nodeType.label) }}</span>
+            <img
+              :src="pinIcon"
+              class="pinIcon"
+              alt="Pin/Unpin Element"
+              @click="addPin(nodeType)"
+            >
+          </div>
+        </template>
+      </div>
+    </template>
+  </div>
+</template>
+
+<style lang="scss">
+#nodeTypesList {
+  .pinnedObjects {
+    margin-bottom: 1rem;
+  }
+}
+.node-types {
+  &__item {
+    display: flex;
+    padding: 0.5rem 0.3rem;
+    align-items: center;
+    border-radius: 4px;
+    user-select: none;
+    &:hover {
+      background-color: #EBEEF2;
+      .pinIcon {
+        background-color: #DADDDF;
+      }
+    }
+    &__icon {
+      width: 1.5rem;
+      height: 1.5rem;
+    }
+    span {
+      margin-left: 0.8rem;
+      font-size: 13px;
+      line-height: 19px;
+    }
+    .pinIcon {
+      margin-left: auto;
+      border-radius: 4px;
+      padding: 0.3rem;
+    }
+  }
+}
+</style>

package/src/components/rails/explorer-rail/rankConstants.js

@@ -0,0 +1 @@
+export const BOTTOM = 5000;

package/src/components/toolbar/ToolBar.vue

@@ -7,62 +7,6 @@
       <div class="mr-3">
         <align-buttons @save-state="$emit('save-state')" />
 
-        <div class="btn-group btn-group-sm mr-2" role="group" aria-label="Undo/redo controls">
-          <b-button
-            class="btn btn-sm btn-secondary btn-undo"
-            :disabled="!canUndo"
-            data-test="undo"
-            v-b-tooltip.hover
-            :title="$t('Undo')"
-            @click="undo"
-          >
-            <font-awesome-icon :icon="undoIcon" />
-          </b-button>
-
-          <b-button
-            class="btn btn-sm btn-secondary btn-redo"
-            :disabled="!canRedo"
-            data-test="redo"
-            v-b-tooltip.hover
-            :title="$t('Redo')"
-            @click="redo"
-          >
-            <font-awesome-icon :icon="redoIcon" />
-          </b-button>
-        </div>
-
-        <div class="btn-group btn-group-sm mr-2" role="group" aria-label="Zoom controls">
-          <b-button
-            class="btn btn-sm btn-secondary"
-            @click="paperManager.scale = paperManager.scale.sx + scaleStep"
-            data-test="zoom-in"
-            v-b-tooltip.hover
-            :title="$t('Zoom In')"
-          >
-            <font-awesome-icon :icon="plusIcon" />
-          </b-button>
-          <b-button
-            class="btn btn-sm btn-secondary"
-            @click="paperManager.scale = Math.max(minimumScale, paperManager.scale.sx -= scaleStep)"
-            data-test="zoom-out"
-            v-b-tooltip.hover
-            :title="$t('Zoom Out')"
-          >
-            <font-awesome-icon :icon="minusIcon" />
-          </b-button>
-          <b-button
-            v-if="paperManager"
-            class="btn btn-sm btn-secondary"
-            @click="paperManager.scale = initialScale"
-            :disabled="paperManager.scale.sx === initialScale"
-            data-test="zoom-reset"
-            v-b-tooltip.hover
-            :title="$t('Reset to initial scale')"
-          >
-            {{ $t('Reset') }}
-          </b-button>
-          <span v-if="paperManager" class="btn btn-sm btn-secondary scale-value">{{ Math.round(paperManager.scale.sx*100) }}%</span>
-        </div>
 
         <div class="btn-group btn-group-sm mr-2" role="group" aria-label="Additional controls">
           <b-button
@@ -74,16 +18,6 @@
           >
             <font-awesome-icon :icon="panelsCompressed ? expandIcon : compressIcon" />
           </b-button>
-
-          <b-button
-            class="btn btn-sm btn-secondary mini-map-btn ml-auto"
-            data-test="mini-map-btn"
-            @click="miniMapOpen = !miniMapOpen"
-            v-b-tooltip.hover
-            :title="miniMapOpen ? $t('Hide Mini-Map') : $t('Show Mini-Map')"
-          >
-            <font-awesome-icon :icon="miniMapOpen ? minusIcon : mapIcon" />
-          </b-button>
         </div>
         <div class="btn-group btn-group-sm" role="group" aria-label="Publish controls">
           <template v-if="isVersionsInstalled">

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/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',
@@ -118,14 +119,23 @@ export default {
       const targetShape = this.shape.getTargetElement();
       resetShapeColor(targetShape);
 
-      this.shape.listenTo(this.sourceShape, 'change:position', this.updateWaypoints);
-      this.shape.listenTo(targetShape, 'change:position', this.updateWaypoints);
-      this.shape.on('change:vertices change:source change:target', this.updateWaypoints);
+      this.shape.on('change:vertices', this.onChangeVertices);
 
       const sourceShape = this.shape.getSourceElement();
       sourceShape.embed(this.shape);
       this.$emit('set-shape-stacking', sourceShape);
     },
+    /**
+      * On Change vertices handler
+      * @param {Object} link 
+      * @param {Array} vertices 
+      * @param {Object} options 
+      */
+    onChangeVertices(link, vertices, options){
+      if (options && options.ui) {
+        this.updateWaypoints();
+      }
+    },
     updateWaypoints() {
       const linkView = this.shape.findView(this.paper);
       const start = linkView.sourceAnchor;
@@ -245,7 +255,9 @@ export default {
 
     this.$once('click', () => {
       this.$nextTick(() => {
-        this.setupLinkTools();
+        if (store.getters.isReadOnly === false) {
+          this.setupLinkTools();
+        }
       });
     });
 
@@ -296,7 +308,6 @@ export default {
       this.paper.el.addEventListener('mousemove', this.updateLinkTarget);
 
       this.$emit('set-cursor', 'not-allowed');
-
       if (this.isValidConnection) {
         this.shape.stopListening(this.paper, 'blank:pointerdown link:pointerdown element:pointerdown', this.removeLink);
       } else {

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,118 @@
+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: '',
+  },
+  getters: {
+    getNodeTypes: state => state.nodeTypes,
+    getPinnedNodeTypes: state => state.pinnedNodeTypes,
+    getFilteredNodeTypes: state => state.filteredNodeTypes,
+    getExplorerOpen: state => state.explorerOpen,
+    getSearchTerm: state => state.searchTerm,
+  },
+  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);
+      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;
+    },
+  },
+  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>