camunda-bpmn-js 0.15.0 → 0.15.1

package/CHANGELOG.md

@@ -6,6 +6,10 @@ All notable changes to [camunda-bpmn-js](https://github.com/camunda/camunda-bpmn
 
 ___Note:__ Yet to be released changes appear here._
 
+## 0.15.1
+
+* `DEPS`: update to `bpmn-js@9.3.1`
+
 ## 0.15.0
 
 * `DEPS`: update to `bpmn-js@9.3.0`

package/dist/assets/bpmn-js.css

@@ -129,15 +129,14 @@
 }
 
 [data-popup="align-elements"] .djs-popup-body .entry {
-  height: 20px;
-  width: 20px;
-
   padding: 6px 8px;
 }
 
 [data-popup="align-elements"] .djs-popup-body .entry img {
-  height: 100%;
-  width: 100%;
+  display: block;
+
+  height: 20px;
+  width: 20px;
 }
 
 [data-popup="align-elements"] .bjs-align-elements-menu-entry {

package/dist/camunda-cloud-modeler.development.js

@@ -76417,6 +76417,12 @@
 	function isArray$4(obj) {
 	  return nativeToString$2.call(obj) === '[object Array]';
 	}
+	function isObject$1(obj) {
+	  return nativeToString$2.call(obj) === '[object Object]';
+	}
+	function isNumber$1(obj) {
+	  return nativeToString$2.call(obj) === '[object Number]';
+	}
 	function isFunction$1(obj) {
 	  var tag = nativeToString$2.call(obj);
 	  return tag === '[object Function]' || tag === '[object AsyncFunction]' || tag === '[object GeneratorFunction]' || tag === '[object AsyncGeneratorFunction]' || tag === '[object Proxy]';
@@ -76532,6 +76538,167 @@
 	  return Number(arg);
 	}
 
+	/**
+	 * Is an element of the given BPMN type?
+	 *
+	 * @param  {djs.model.Base|ModdleElement} element
+	 * @param  {string} type
+	 *
+	 * @return {boolean}
+	 */
+	function is$3(element, type) {
+	  var bo = getBusinessObject$1(element);
+
+	  return bo && (typeof bo.$instanceOf === 'function') && bo.$instanceOf(type);
+	}
+
+	/**
+	 * Return the business object for a given element.
+	 *
+	 * @param  {djs.model.Base|ModdleElement} element
+	 *
+	 * @return {ModdleElement}
+	 */
+	function getBusinessObject$1(element) {
+	  return (element && element.businessObject) || element;
+	}
+
+	var DEFAULT_PRIORITY$8 = 1000;
+
+	/**
+	 * A utility that can be used to plug-in into the command execution for
+	 * extension and/or validation.
+	 *
+	 * @param {EventBus} eventBus
+	 *
+	 * @example
+	 *
+	 * import inherits from 'inherits';
+	 *
+	 * import CommandInterceptor from 'diagram-js/lib/command/CommandInterceptor';
+	 *
+	 * function CommandLogger(eventBus) {
+	 *   CommandInterceptor.call(this, eventBus);
+	 *
+	 *   this.preExecute(function(event) {
+	 *     console.log('command pre-execute', event);
+	 *   });
+	 * }
+	 *
+	 * inherits(CommandLogger, CommandInterceptor);
+	 *
+	 */
+	function CommandInterceptor$1(eventBus) {
+	  this._eventBus = eventBus;
+	}
+
+	CommandInterceptor$1.$inject = [ 'eventBus' ];
+
+	function unwrapEvent$1(fn, that) {
+	  return function(event) {
+	    return fn.call(that || null, event.context, event.command, event);
+	  };
+	}
+
+	/**
+	 * Register an interceptor for a command execution
+	 *
+	 * @param {string|Array<string>} [events] list of commands to register on
+	 * @param {string} [hook] command hook, i.e. preExecute, executed to listen on
+	 * @param {number} [priority] the priority on which to hook into the execution
+	 * @param {Function} handlerFn interceptor to be invoked with (event)
+	 * @param {boolean} unwrap if true, unwrap the event and pass (context, command, event) to the
+	 *                          listener instead
+	 * @param {Object} [that] Pass context (`this`) to the handler function
+	 */
+	CommandInterceptor$1.prototype.on = function(events, hook, priority, handlerFn, unwrap, that) {
+
+	  if (isFunction$1(hook) || isNumber$1(hook)) {
+	    that = unwrap;
+	    unwrap = handlerFn;
+	    handlerFn = priority;
+	    priority = hook;
+	    hook = null;
+	  }
+
+	  if (isFunction$1(priority)) {
+	    that = unwrap;
+	    unwrap = handlerFn;
+	    handlerFn = priority;
+	    priority = DEFAULT_PRIORITY$8;
+	  }
+
+	  if (isObject$1(unwrap)) {
+	    that = unwrap;
+	    unwrap = false;
+	  }
+
+	  if (!isFunction$1(handlerFn)) {
+	    throw new Error('handlerFn must be a function');
+	  }
+
+	  if (!isArray$4(events)) {
+	    events = [ events ];
+	  }
+
+	  var eventBus = this._eventBus;
+
+	  forEach$2(events, function(event) {
+
+	    // concat commandStack(.event)?(.hook)?
+	    var fullEvent = [ 'commandStack', event, hook ].filter(function(e) { return e; }).join('.');
+
+	    eventBus.on(fullEvent, priority, unwrap ? unwrapEvent$1(handlerFn, that) : handlerFn, that);
+	  });
+	};
+
+
+	var hooks$1 = [
+	  'canExecute',
+	  'preExecute',
+	  'preExecuted',
+	  'execute',
+	  'executed',
+	  'postExecute',
+	  'postExecuted',
+	  'revert',
+	  'reverted'
+	];
+
+	/*
+	 * Install hook shortcuts
+	 *
+	 * This will generate the CommandInterceptor#(preExecute|...|reverted) methods
+	 * which will in term forward to CommandInterceptor#on.
+	 */
+	forEach$2(hooks$1, function(hook) {
+
+	  /**
+	   * {canExecute|preExecute|preExecuted|execute|executed|postExecute|postExecuted|revert|reverted}
+	   *
+	   * A named hook for plugging into the command execution
+	   *
+	   * @param {string|Array<string>} [events] list of commands to register on
+	   * @param {number} [priority] the priority on which to hook into the execution
+	   * @param {Function} handlerFn interceptor to be invoked with (event)
+	   * @param {boolean} [unwrap=false] if true, unwrap the event and pass (context, command, event) to the
+	   *                          listener instead
+	   * @param {Object} [that] Pass context (`this`) to the handler function
+	   */
+	  CommandInterceptor$1.prototype[hook] = function(events, priority, handlerFn, unwrap, that) {
+
+	    if (isFunction$1(events) || isNumber$1(events)) {
+	      that = unwrap;
+	      unwrap = handlerFn;
+	      handlerFn = priority;
+	      priority = events;
+	      events = null;
+	    }
+
+	    this.on(events, hook, priority, handlerFn, unwrap, that);
+	  };
+	});
+
 	/**
 	 * Get extension elements of business object. Optionally filter by type.
 	 *
@@ -76540,7 +76707,7 @@
 	 * @returns {Array<ModdleElement>}
 	 */
 	function getExtensionElementsList$1(element, type = undefined) {
-	  const businessObject = getBusinessObject(element),
+	  const businessObject = getBusinessObject$1(element),
 	        extensionElements = businessObject.get('extensionElements');
 
 	  if (!extensionElements) {
@@ -76554,7 +76721,7 @@
 	  }
 
 	  if (type) {
-	    return values.filter(value => is$1(value, type));
+	    return values.filter(value => is$3(value, type));
 	  }
 
 	  return values;
@@ -76594,7 +76761,7 @@
 	 * (1) zeebe:CalledDecision
 	 * (2) zeebe:TaskDefinition and zeebe:TaskHeaders
 	 */
-	class CleanUpBusinessRuleTaskBehavior extends CommandInterceptor {
+	class CleanUpBusinessRuleTaskBehavior extends CommandInterceptor$1 {
 	  constructor(commandStack, eventBus) {
 	    super(eventBus);
 
@@ -76609,8 +76776,8 @@
 	      } = context;
 
 	      if (
-	        !is$1(element, 'bpmn:BusinessRuleTask')
-	        || !is$1(moddleElement, 'bpmn:ExtensionElements')
+	        !is$3(element, 'bpmn:BusinessRuleTask')
+	        || !is$3(moddleElement, 'bpmn:ExtensionElements')
 	        || !properties.values
 	      ) {
 	        return;
@@ -76622,8 +76789,8 @@
 	      if (
 	        calledDecision
 	        && !taskDefinition
-	        && properties.values.find(value => is$1(value, 'zeebe:CalledDecision'))
-	        && properties.values.find(value => is$1(value, 'zeebe:TaskDefinition'))
+	        && properties.values.find(value => is$3(value, 'zeebe:CalledDecision'))
+	        && properties.values.find(value => is$3(value, 'zeebe:TaskDefinition'))
 	      ) {
 	        properties.values = without$1(properties.values, calledDecision);
 	      }
@@ -76640,8 +76807,8 @@
 	      } = context;
 
 	      if (
-	        !is$1(element, 'bpmn:BusinessRuleTask')
-	        || !is$1(moddleElement, 'bpmn:ExtensionElements')
+	        !is$3(element, 'bpmn:BusinessRuleTask')
+	        || !is$3(moddleElement, 'bpmn:ExtensionElements')
 	        || !properties.values
 	      ) {
 	        return;
@@ -76654,8 +76821,8 @@
 	      if (
 	        !calledDecision
 	        && (taskDefinition || taskHeaders)
-	        && properties.values.find(value => is$1(value, 'zeebe:CalledDecision'))
-	        && properties.values.find(value => is$1(value, 'zeebe:TaskDefinition') || is$1(value, 'zeebe:TaskHeaders'))
+	        && properties.values.find(value => is$3(value, 'zeebe:CalledDecision'))
+	        && properties.values.find(value => is$3(value, 'zeebe:TaskDefinition') || is$3(value, 'zeebe:TaskHeaders'))
 	      ) {
 	        properties.values = without$1(properties.values, (value) => value === taskDefinition || value === taskHeaders);
 	      }
@@ -76673,19 +76840,19 @@
 	// helpers //////////
 
 	function getCalledDecision$2(element) {
-	  const businessObject = getBusinessObject(element);
+	  const businessObject = getBusinessObject$1(element);
 
 	  return getExtensionElementsList$1(businessObject, 'zeebe:CalledDecision')[ 0 ];
 	}
 
 	function getTaskDefinition$3(element) {
-	  const businessObject = getBusinessObject(element);
+	  const businessObject = getBusinessObject$1(element);
 
 	  return getExtensionElementsList$1(businessObject, 'zeebe:TaskDefinition')[ 0 ];
 	}
 
 	function getTaskHeaders$1(element) {
-	  const businessObject = getBusinessObject(element);
+	  const businessObject = getBusinessObject$1(element);
 
 	  return getExtensionElementsList$1(businessObject, 'zeebe:TaskHeaders')[ 0 ];
 	}
@@ -76717,7 +76884,7 @@
 	 * @return {ModdleElement}
 	 */
 	function getIoMapping$1(element) {
-	  const businessObject = getBusinessObject(element);
+	  const businessObject = getBusinessObject$1(element);
 
 	  const extensionElements = businessObject.get('extensionElements');
 
@@ -76726,7 +76893,7 @@
 	  }
 
 	  return extensionElements.get('values').find((value) => {
-	    return is$1(value, 'zeebe:IoMapping');
+	    return is$3(value, 'zeebe:IoMapping');
 	  });
 	}
 
@@ -76772,7 +76939,7 @@
 	 * @returns {boolean}
 	 */
 	function getPropagateAllChildVariablesDefault(element) {
-	  if (!is$1(element, 'bpmn:CallActivity')) {
+	  if (!is$3(element, 'bpmn:CallActivity')) {
 	    return false;
 	  }
 
@@ -76797,7 +76964,7 @@
 	}
 
 	function getCalledElements$1(element) {
-	  const businessObject = getBusinessObject(element);
+	  const businessObject = getBusinessObject$1(element);
 
 	  return getExtensionElementsList$1(businessObject, 'zeebe:CalledElement');
 	}
@@ -76811,11 +76978,11 @@
 	 * @returns {boolean}
 	 */
 	function isPropagateAllChildVariables$1(element) {
-	  if (!is$1(element, 'bpmn:CallActivity')) {
+	  if (!is$3(element, 'bpmn:CallActivity')) {
 	    return false;
 	  }
 
-	  const businessObject = getBusinessObject(element),
+	  const businessObject = getBusinessObject$1(element),
 	        calledElement = getCalledElement$1(businessObject);
 
 	  if (calledElement && has$2(calledElement, 'propagateAllChildVariables')) {
@@ -76831,7 +76998,7 @@
 	/**
 	 * Zeebe BPMN specific behavior for creating call activities.
 	 */
-	class CreateZeebeCallActivityBehavior extends CommandInterceptor {
+	class CreateZeebeCallActivityBehavior extends CommandInterceptor$1 {
 	  constructor(bpmnFactory, eventBus, modeling) {
 	    super(eventBus);
 
@@ -76842,11 +77009,11 @@
 	    this.postExecuted('shape.create', HIGH_PRIORITY$o, function(context) {
 	      const { shape } = context;
 
-	      if (!is$1(shape, 'bpmn:CallActivity')) {
+	      if (!is$3(shape, 'bpmn:CallActivity')) {
 	        return;
 	      }
 
-	      const businessObject = getBusinessObject(shape);
+	      const businessObject = getBusinessObject$1(shape);
 
 	      let calledElement = getCalledElement$1(businessObject);
 
@@ -77111,7 +77278,7 @@
 	}
 
 	function getFormDefinition(element) {
-	  const businessObject = getBusinessObject(element);
+	  const businessObject = getBusinessObject$1(element);
 
 	  const formDefinitions = getExtensionElementsList$1(businessObject, 'zeebe:FormDefinition');
 
@@ -77119,10 +77286,10 @@
 	}
 
 	function getRootElement$1(element) {
-	  var businessObject = getBusinessObject(element),
+	  var businessObject = getBusinessObject$1(element),
 	      parent = businessObject;
 
-	  while (parent.$parent && !is$1(parent, 'bpmn:Process')) {
+	  while (parent.$parent && !is$3(parent, 'bpmn:Process')) {
 	    parent = parent.$parent;
 	  }
 
@@ -77146,7 +77313,7 @@
 	/**
 	 * Zeebe BPMN specific form definition behavior.
 	 */
-	class FormDefinitionBehavior extends CommandInterceptor {
+	class FormDefinitionBehavior extends CommandInterceptor$1 {
 	  constructor(bpmnFactory, eventBus, modeling) {
 	    super(eventBus);
 
@@ -77163,7 +77330,7 @@
 
 	      const userTaskForm = getUserTaskForm(shape, rootElement);
 
-	      if (!is$1(shape, 'bpmn:UserTask') || !userTaskForm) {
+	      if (!is$3(shape, 'bpmn:UserTask') || !userTaskForm) {
 	        return;
 	      }
 
@@ -77185,7 +77352,7 @@
 
 	      const oldFormDefinition = getFormDefinition(shape);
 
-	      if (!is$1(shape, 'bpmn:UserTask') || !oldFormDefinition) {
+	      if (!is$3(shape, 'bpmn:UserTask') || !oldFormDefinition) {
 	        return;
 	      }
 
@@ -77193,7 +77360,7 @@
 
 	      const rootElement = getRootElement$2(shape);
 
-	      const businessObject = getBusinessObject(shape);
+	      const businessObject = getBusinessObject$1(shape);
 
 	      const extensionElements = businessObject.get('extensionElements');
 
@@ -77252,10 +77419,10 @@
 	// helpers //////////////
 
 	function getRootElement$2(element) {
-	  var businessObject = getBusinessObject(element),
+	  var businessObject = getBusinessObject$1(element),
 	      parent = businessObject;
 
-	  while (parent.$parent && !is$1(parent, 'bpmn:Process')) {
+	  while (parent.$parent && !is$3(parent, 'bpmn:Process')) {
 	    parent = parent.$parent;
 	  }
 
@@ -77269,7 +77436,7 @@
 	 * Zeebe BPMN behavior removing zeebe:AssignmentDefinition elements without
 	 * zeebe:assignee and zeebe:candidateGroups.
 	 */
-	class CleanUpBusinessRuleTaskBehavior$1 extends CommandInterceptor {
+	class CleanUpBusinessRuleTaskBehavior$1 extends CommandInterceptor$1 {
 	  constructor(commandStack, eventBus) {
 	    super(eventBus);
 
@@ -77279,18 +77446,18 @@
 	        moddleElement
 	      } = context;
 
-	      if (!is$1(moddleElement, 'zeebe:AssignmentDefinition')) {
+	      if (!is$3(moddleElement, 'zeebe:AssignmentDefinition')) {
 	        return;
 	      }
 
 	      const assignmentDefinition = moddleElement;
 
 	      if (
-	        is$1(element, 'bpmn:UserTask')
+	        is$3(element, 'bpmn:UserTask')
 	          && isUndefined$4(assignmentDefinition.get('zeebe:assignee'))
 	          && isUndefined$4(assignmentDefinition.get('zeebe:candidateGroups'))
 	      ) {
-	        const businessObject = getBusinessObject(element);
+	        const businessObject = getBusinessObject$1(element);
 
 	        removeExtensionElements$1(element, businessObject, assignmentDefinition, commandStack);
 	      }
@@ -77314,7 +77481,7 @@
 	 * (1) zeebe:propagateAllChildVariables of zeebe:CalledElement is set to true
 	 * (2) zeebe:IoMapping extension element has zeebe:Output elements
 	 */
-	class UpdatePropagateAllChildVariablesBehavior extends CommandInterceptor {
+	class UpdatePropagateAllChildVariablesBehavior extends CommandInterceptor$1 {
 	  constructor(commandStack, eventBus, modeling) {
 	    super(eventBus);
 
@@ -77332,8 +77499,8 @@
 	      const propagateAllChildVariables = properties.propagateAllChildVariables || properties[ 'zeebe:propagateAllChildVariables' ];
 
 	      if (
-	        !is$1(element, 'bpmn:CallActivity')
-	        || !is$1(moddleElement, 'zeebe:CalledElement')
+	        !is$3(element, 'bpmn:CallActivity')
+	        || !is$3(moddleElement, 'zeebe:CalledElement')
 	        || !propagateAllChildVariables
 	      ) {
 	        return;
@@ -77353,7 +77520,7 @@
 	      });
 
 	      if (!inputParameters || !inputParameters.length) {
-	        removeExtensionElements$1(element, getBusinessObject(element), ioMapping, commandStack);
+	        removeExtensionElements$1(element, getBusinessObject$1(element), ioMapping, commandStack);
 	      }
 	    }, true);
 
@@ -77370,21 +77537,21 @@
 	      } = context;
 
 	      if (
-	        !is$1(element, 'bpmn:CallActivity')
+	        !is$3(element, 'bpmn:CallActivity')
 	        || !isPropagateAllChildVariables$1(element)
 	      ) {
 	        return;
 	      }
 
-	      const businessObject = getBusinessObject(element),
+	      const businessObject = getBusinessObject$1(element),
 	            calledElement = getCalledElement$1(businessObject);
 
 	      // (1) zeebe:IoMapping extension element with zeebe:Output added
 	      if (
-	        is$1(moddleElement, 'bpmn:ExtensionElements')
+	        is$3(moddleElement, 'bpmn:ExtensionElements')
 	        && properties.values
 	      ) {
-	        const ioMapping = properties.values.find((value) => is$1(value, 'zeebe:IoMapping'));
+	        const ioMapping = properties.values.find((value) => is$3(value, 'zeebe:IoMapping'));
 
 	        if (
 	          ioMapping
@@ -77398,7 +77565,7 @@
 	      }
 
 	      // (2) zeebe:Output added
-	      if (is$1(moddleElement, 'zeebe:IoMapping')) {
+	      if (is$3(moddleElement, 'zeebe:IoMapping')) {
 	        const outputParameters = properties.outputParameters || properties[ 'zeebe:outputParameters' ];
 
 	        if (outputParameters && outputParameters.length) {
@@ -77771,7 +77938,7 @@
 	};
 
 	var isFunction$2 = require$$0.isFunction,
-	    isObject$1 = require$$0.isObject,
+	    isObject$2 = require$$0.isObject,
 	    some$1 = require$$0.some;
 
 	var WILDCARD = '*';
@@ -77795,7 +77962,7 @@
 	ZeebeModdleExtension.prototype.canCopyProperty = function(property, parent) {
 
 	  // (1) check if property is allowed in parent
-	  if (isObject$1(property) && !isAllowedInParent(property, parent)) {
+	  if (isObject$2(property) && !isAllowedInParent(property, parent)) {
 	    return false;
 	  }
 
@@ -77823,7 +77990,7 @@
 
 	// helpers //////////
 
-	function is$3(element, type) {
+	function is$4(element, type) {
 	  return element && isFunction$2(element.$instanceOf) && element.$instanceOf(type);
 	}
 
@@ -77832,7 +77999,7 @@
 	    return element.$parent;
 	  }
 
-	  if (is$3(element, type)) {
+	  if (is$4(element, type)) {
 	    return element;
 	  }
 
@@ -77868,14 +78035,14 @@
 	  const eventDefinitions = event.get('eventDefinitions');
 
 	  return eventDefinitions.some(function(def) {
-	    return is$3(def, 'bpmn:MessageEventDefinition');
+	    return is$4(def, 'bpmn:MessageEventDefinition');
 	  });
 	}
 
 	// check if property is allowed in ZeebeServiceTask but not for none events
 	function isAllowedInZeebeServiceTask(property) {
 	  return zeebeServiceTaskProperties.some(function(propertyType) {
-	    return is$3(property, propertyType);
+	    return is$4(property, propertyType);
 	  });
 	}