bpmn-js 9.0.0-subprocesses.0 → 9.0.0

package/lib/features/collapsed-subprocesses-navigation/CollapsedSubprocessNavigation.js

@@ -1,198 +0,0 @@
-import inherits from 'inherits';
-
-import { assign } from 'min-dash';
-import { domify } from 'min-dom';
-import { getBusinessObject, is } from '../../util/ModelUtil';
-
-import CommandInterceptor from 'diagram-js/lib/command/CommandInterceptor';
-import { selfAndAllChildren } from 'diagram-js/lib/util/Elements';
-
-
-var ARROW_DOWN_SVG = '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.81801948,3.50735931 L10.4996894,9.1896894 L10.5,4 L12,4 L12,12 L4,12 L4,10.5 L9.6896894,10.4996894 L3.75735931,4.56801948 C3.46446609,4.27512627 3.46446609,3.80025253 3.75735931,3.50735931 C4.05025253,3.21446609 4.52512627,3.21446609 4.81801948,3.50735931 Z"/></svg>';
-
-export default function CollapsedProcesses(injector, eventBus, elementRegistry, overlays, canvas) {
-  var breadcrumbs = domify('<ul class="breadcrumbs" style="display: none; position: absolute; top: 10px; left: 100px;"></ul>');
-
-  injector.invoke(CommandInterceptor, this);
-
-  assign(breadcrumbs.style, {
-    fontFamily: 'Arial, sans-serif'
-  });
-
-  var container = canvas.getContainer();
-
-  container.appendChild(breadcrumbs);
-
-  eventBus.on('plane.set', function(event) {
-    var plane = event.plane;
-
-    updateBreadcrumbs(plane);
-  });
-
-  const updateBreadcrumbs = function(plane) {
-    var parents = getParentChain(plane.rootElement);
-
-    var path = parents.flatMap(function(el, idx, array) {
-
-      var separator = domify('<span>»</span>');
-
-      assign(separator.style, {
-        padding: '8px'
-      });
-
-      var html = domify(`<li><a>${el.name || el.id}</a></li>`);
-
-      assign(html.style, {
-        display: 'inline',
-      });
-
-      html.addEventListener('click', () => {
-        if (elementRegistry.get(el.id + '_layer')) {
-          canvas.setActivePlane(el.id);
-        } else {
-          var plane = canvas.findPlane(el.id);
-          canvas.setActivePlane(plane);
-        }
-      });
-
-      if (idx + 1 < array.length) {
-        assign(html.style, {
-          color: '#4d90ff',
-          cursor: 'pointer'
-        });
-      }
-
-      if (idx !== 0) {
-        return [separator, html];
-      }
-
-      return [html];
-    });
-
-    breadcrumbs.innerHTML = '';
-    breadcrumbs.style.display = path.length > 1 ? '' : 'none';
-    breadcrumbs.append(...path);
-  };
-
-  var overlayMap = {};
-
-  var createOverlay = function(element) {
-    if (overlayMap[element.id]) {
-
-      // New overlay, remove old one
-      removeOverlay(element);
-    }
-
-    let html = domify(`<button>${ARROW_DOWN_SVG}</button>`);
-
-    assign(html.style, {
-      padding: '0px',
-      marginLeft: '-20px',
-      fontSize: '0',
-      border: 'none',
-      borderRadius: '2px',
-      fill: 'white',
-      outline: 'none',
-      cursor: 'pointer',
-      backgroundColor: '#4d90ff',
-    });
-
-    html.addEventListener('click', () => {
-      canvas.setActivePlane(element.id);
-    });
-
-
-    overlayMap[element.id] = overlays.add(element, {
-      position: {
-        bottom: -7,
-        right: -8
-      },
-      html
-    });
-  };
-
-  var removeOverlay = function(element) {
-    if (overlayMap[element.id]) {
-      overlays.remove(overlayMap[element.id]);
-    }
-  };
-
-  var removeOverlays = function(elements) {
-    elements.forEach(removeOverlay);
-  };
-
-  var addOverlays = (elements) => {
-    elements.forEach(element => {
-      if (element.type === 'bpmn:SubProcess' && element.collapsed) {
-        createOverlay(element);
-      }
-    });
-  };
-
-  eventBus.on('import.done', function() {
-    addOverlays(elementRegistry.getAll());
-  });
-
-  this.executed([ 'shape.toggleCollapse' ], function(event) {
-    var shape = event.context.shape;
-
-    if (!is(shape, 'bpmn:SubProcess')) {
-      return;
-    }
-
-    if (shape.collapsed) {
-
-      // Collapse
-      removeOverlays(selfAndAllChildren(shape));
-      createOverlay(shape);
-
-      var plane = elementRegistry.get(shape.id + '_layer');
-      addOverlays(selfAndAllChildren(plane));
-    } else {
-
-      // Expand
-      addOverlays(selfAndAllChildren(shape));
-      removeOverlay(shape);
-    }
-  });
-
-  this.reverted([ 'shape.toggleCollapse' ], function(event) {
-    var shape = event.context.shape;
-
-    if (!is(shape, 'bpmn:SubProcess')) {
-      return;
-    }
-
-    if (shape.collapsed) {
-      removeOverlays(selfAndAllChildren(shape));
-      createOverlay(shape);
-
-      var plane = elementRegistry.get(shape.id + '_layer');
-      addOverlays(selfAndAllChildren(plane));
-    } else {
-      addOverlays(selfAndAllChildren(shape));
-      removeOverlay(shape);
-    }
-  });
-
-}
-
-inherits(CollapsedProcesses, CommandInterceptor);
-
-
-CollapsedProcesses.$inject = [ 'injector', 'eventBus', 'elementRegistry', 'overlays', 'canvas' ];
-
-
-var getParentChain = function(child) {
-  var bo = getBusinessObject(child);
-
-  var parents = [];
-
-  for (var element = bo; element; element = element.$parent) {
-    if (is(element, 'bpmn:SubProcess') || is(element, 'bpmn:Process')) {
-      parents.push(element);
-    }
-  }
-
-  return parents.reverse();
-};

package/lib/features/collapsed-subprocesses-navigation/index.js

@@ -1,7 +0,0 @@
-import CollapsedSubprocessNavigation from './CollapsedSubprocessNavigation';
-
-export default {
-  __depends__: [ ],
-  __init__: [ 'collapsedSubprocessNavigation' ],
-  collapsedSubprocessNavigation: [ 'type', CollapsedSubprocessNavigation ],
-};