bpmn-js 18.2.0 → 18.3.0

package/lib/features/auto-place/BpmnAutoPlaceUtil.d.ts

@@ -1,52 +1,52 @@
-/**
- * Get the position for given new target relative to the source it will be
- * connected to.
- *
- * @param  source
- * @param  element
- * @param  elementRegistry
- *
- * @return
- */
-export function getNewShapePosition(source: Shape, element: Shape, elementRegistry: ElementRegistry): Point;
-
-/**
- * Get the position for given new flow node. Try placing the flow node right/bottom of
- * the source.
- *
- * @param source
- * @param element
- * @param placeHorizontally Whether to place the new element horizontally
- *
- * @return
- */
-export function getFlowNodePosition(source: Shape, element: Shape, placeHorizontally: boolean): Point;
-
-/**
- * Get the position for given text annotation. Try placing the text annotation
- * top-right of the source (bottom-right in vertical layouts).
- *
- * @param source
- * @param element
- * @param placeHorizontally Whether to place the new element horizontally
- *
- * @return
- */
-export function getTextAnnotationPosition(source: Shape, element: Shape, placeHorizontally: boolean): Point;
-
-/**
- * Get the position for given new data element. Try placing the data element
- * bottom-right of the source (bottom-left in vertical layouts).
- *
- * @param source
- * @param element
- * @param placeHorizontally Whether to place the new element horizontally
- *
- * @return
- */
-export function getDataElementPosition(source: Shape, element: Shape, placeHorizontally: boolean): Point;
-
-type Shape = import("../../model/Types").Shape;
-type ElementRegistry = import("diagram-js/lib/core/ElementRegistry").default;
-type Point = import("diagram-js/lib/util/Types").Point;
-type DirectionTRBL = import("diagram-js/lib/util/Types").DirectionTRBL;
+/**
+ * Get the position for given new target relative to the source it will be
+ * connected to.
+ *
+ * @param  source
+ * @param  element
+ * @param  elementRegistry
+ *
+ * @return
+ */
+export function getNewShapePosition(source: Shape, element: Shape, elementRegistry: ElementRegistry): Point;
+
+/**
+ * Get the position for given new flow node. Try placing the flow node right/bottom of
+ * the source.
+ *
+ * @param source
+ * @param element
+ * @param placeHorizontally Whether to place the new element horizontally
+ *
+ * @return
+ */
+export function getFlowNodePosition(source: Shape, element: Shape, placeHorizontally: boolean): Point;
+
+/**
+ * Get the position for given text annotation. Try placing the text annotation
+ * top-right of the source (bottom-right in vertical layouts).
+ *
+ * @param source
+ * @param element
+ * @param placeHorizontally Whether to place the new element horizontally
+ *
+ * @return
+ */
+export function getTextAnnotationPosition(source: Shape, element: Shape, placeHorizontally: boolean): Point;
+
+/**
+ * Get the position for given new data element. Try placing the data element
+ * bottom-right of the source (bottom-left in vertical layouts).
+ *
+ * @param source
+ * @param element
+ * @param placeHorizontally Whether to place the new element horizontally
+ *
+ * @return
+ */
+export function getDataElementPosition(source: Shape, element: Shape, placeHorizontally: boolean): Point;
+
+type Shape = import("../../model/Types").Shape;
+type ElementRegistry = import("diagram-js/lib/core/ElementRegistry").default;
+type Point = import("diagram-js/lib/util/Types").Point;
+type DirectionTRBL = import("diagram-js/lib/util/Types").DirectionTRBL;

package/lib/features/auto-place/BpmnAutoPlaceUtil.js

@@ -1,227 +1,227 @@
-import { is } from '../../util/ModelUtil';
-
-import {
-  isAny,
-  isDirectionHorizontal
-} from '../modeling/util/ModelingUtil';
-
-import {
-  getMid,
-  asTRBL,
-  getOrientation
-} from 'diagram-js/lib/layout/LayoutUtil';
-
-import {
-  findFreePosition,
-  generateGetNextPosition,
-  getConnectedDistance
-} from 'diagram-js/lib/features/auto-place/AutoPlaceUtil';
-
-import { isConnection } from 'diagram-js/lib/util/ModelUtil';
-
-/**
- * @typedef {import('../../model/Types').Shape} Shape
- *
- * @typedef {import('diagram-js/lib/core/ElementRegistry').default} ElementRegistry
- * @typedef {import('diagram-js/lib/util/Types').Point} Point
- * @typedef {import('diagram-js/lib/util/Types').DirectionTRBL} DirectionTRBL
- */
-
-/**
- * Get the position for given new target relative to the source it will be
- * connected to.
- *
- * @param  {Shape} source
- * @param  {Shape} element
- * @param  {ElementRegistry} elementRegistry
- *
- * @return {Point}
- */
-export function getNewShapePosition(source, element, elementRegistry) {
-
-  var placeHorizontally = isDirectionHorizontal(source, elementRegistry);
-
-  if (is(element, 'bpmn:TextAnnotation')) {
-    return getTextAnnotationPosition(source, element, placeHorizontally);
-  }
-
-  if (isAny(element, [ 'bpmn:DataObjectReference', 'bpmn:DataStoreReference' ])) {
-    return getDataElementPosition(source, element, placeHorizontally);
-  }
-
-  if (is(element, 'bpmn:FlowNode')) {
-    return getFlowNodePosition(source, element, placeHorizontally);
-  }
-}
-
-/**
- * Get the position for given new flow node. Try placing the flow node right/bottom of
- * the source.
- *
- * @param {Shape} source
- * @param {Shape} element
- * @param {boolean} placeHorizontally Whether to place the new element horizontally
- *
- * @return {Point}
- */
-export function getFlowNodePosition(source, element, placeHorizontally) {
-
-  var sourceTrbl = asTRBL(source);
-  var sourceMid = getMid(source);
-
-  var placement = placeHorizontally ? {
-    directionHint: 'e',
-    minDistance: 80,
-    baseOrientation: 'left',
-    boundaryOrientation: 'top',
-    start: 'top',
-    end: 'bottom'
-  } : {
-    directionHint: 's',
-    minDistance: 90,
-    baseOrientation: 'top',
-    boundaryOrientation: 'left',
-    start: 'left',
-    end: 'right'
-  };
-
-  var connectedDistance = getConnectedDistance(source, {
-    filter: function(connection) {
-      return is(connection, 'bpmn:SequenceFlow');
-    },
-    direction: placement.directionHint
-  });
-
-  var margin = 30,
-      minDistance = placement.minDistance,
-      orientation = placement.baseOrientation;
-
-  if (is(source, 'bpmn:BoundaryEvent')) {
-    orientation = getOrientation(source, source.host, -25);
-
-    if (orientation.indexOf(placement.boundaryOrientation) !== -1) {
-      margin *= -1;
-    }
-  }
-
-  var position = placeHorizontally ? {
-    x: sourceTrbl.right + connectedDistance + element.width / 2,
-    y: sourceMid.y + getDistance(orientation, minDistance, placement)
-  } : {
-    x: sourceMid.x + getDistance(orientation, minDistance, placement),
-    y: sourceTrbl.bottom + connectedDistance + element.height / 2
-  };
-
-  var nextPosition = {
-    margin: margin,
-    minDistance: minDistance
-  };
-
-  var nextPositionDirection = placeHorizontally ? {
-    y: nextPosition
-  } : {
-    x: nextPosition
-  };
-
-  return findFreePosition(source, element, position, generateGetNextPosition(nextPositionDirection));
-}
-
-/**
- * @param {DirectionTRBL} orientation
- * @param {number} minDistance
- * @param {{ start: DirectionTRBL, end: DirectionTRBL }} placement
- *
- * @return {number}
- */
-function getDistance(orientation, minDistance, placement) {
-  if (orientation.includes(placement.start)) {
-    return -1 * minDistance;
-  } else if (orientation.includes(placement.end)) {
-    return minDistance;
-  } else {
-    return 0;
-  }
-}
-
-
-/**
- * Get the position for given text annotation. Try placing the text annotation
- * top-right of the source (bottom-right in vertical layouts).
- *
- * @param {Shape} source
- * @param {Shape} element
- * @param {boolean} placeHorizontally Whether to place the new element horizontally
- *
- * @return {Point}
- */
-export function getTextAnnotationPosition(source, element, placeHorizontally) {
-
-  var sourceTrbl = asTRBL(source);
-
-  var position = placeHorizontally ? {
-    x: sourceTrbl.right + element.width / 2,
-    y: sourceTrbl.top - 50 - element.height / 2
-  } : {
-    x: sourceTrbl.right + 50 + element.width / 2,
-    y: sourceTrbl.bottom + element.height / 2
-  };
-
-  if (isConnection(source)) {
-    position = getMid(source);
-    if (placeHorizontally) {
-      position.x += 100;
-      position.y -= 50;
-    } else {
-      position.x += 100;
-      position.y += 50;
-    }
-  }
-
-  var nextPosition = {
-    margin: placeHorizontally ? -30 : 30,
-    minDistance: 20
-  };
-  var nextPositionDirection = placeHorizontally ? {
-    y: nextPosition
-  } : {
-    x: nextPosition
-  };
-
-  return findFreePosition(source, element, position, generateGetNextPosition(nextPositionDirection));
-}
-
-
-/**
- * Get the position for given new data element. Try placing the data element
- * bottom-right of the source (bottom-left in vertical layouts).
- *
- * @param {Shape} source
- * @param {Shape} element
- * @param {boolean} placeHorizontally Whether to place the new element horizontally
- *
- * @return {Point}
- */
-export function getDataElementPosition(source, element, placeHorizontally) {
-
-  var sourceTrbl = asTRBL(source);
-
-  var position = placeHorizontally ? {
-    x: sourceTrbl.right - 10 + element.width / 2,
-    y: sourceTrbl.bottom + 40 + element.width / 2
-  } : {
-    x: sourceTrbl.left - 40 - element.width / 2,
-    y: sourceTrbl.bottom - 10 + element.height / 2
-  };
-
-  var nextPosition = {
-    margin: 30,
-    minDistance: 30
-  };
-  var nextPositionDirection = placeHorizontally ? {
-    x: nextPosition
-  } : {
-    y: nextPosition
-  };
-
-  return findFreePosition(source, element, position, generateGetNextPosition(nextPositionDirection));
+import { is } from '../../util/ModelUtil';
+
+import {
+  isAny,
+  isDirectionHorizontal
+} from '../modeling/util/ModelingUtil';
+
+import {
+  getMid,
+  asTRBL,
+  getOrientation
+} from 'diagram-js/lib/layout/LayoutUtil';
+
+import {
+  findFreePosition,
+  generateGetNextPosition,
+  getConnectedDistance
+} from 'diagram-js/lib/features/auto-place/AutoPlaceUtil';
+
+import { isConnection } from 'diagram-js/lib/util/ModelUtil';
+
+/**
+ * @typedef {import('../../model/Types').Shape} Shape
+ *
+ * @typedef {import('diagram-js/lib/core/ElementRegistry').default} ElementRegistry
+ * @typedef {import('diagram-js/lib/util/Types').Point} Point
+ * @typedef {import('diagram-js/lib/util/Types').DirectionTRBL} DirectionTRBL
+ */
+
+/**
+ * Get the position for given new target relative to the source it will be
+ * connected to.
+ *
+ * @param  {Shape} source
+ * @param  {Shape} element
+ * @param  {ElementRegistry} elementRegistry
+ *
+ * @return {Point}
+ */
+export function getNewShapePosition(source, element, elementRegistry) {
+
+  var placeHorizontally = isDirectionHorizontal(source, elementRegistry);
+
+  if (is(element, 'bpmn:TextAnnotation')) {
+    return getTextAnnotationPosition(source, element, placeHorizontally);
+  }
+
+  if (isAny(element, [ 'bpmn:DataObjectReference', 'bpmn:DataStoreReference' ])) {
+    return getDataElementPosition(source, element, placeHorizontally);
+  }
+
+  if (is(element, 'bpmn:FlowNode')) {
+    return getFlowNodePosition(source, element, placeHorizontally);
+  }
+}
+
+/**
+ * Get the position for given new flow node. Try placing the flow node right/bottom of
+ * the source.
+ *
+ * @param {Shape} source
+ * @param {Shape} element
+ * @param {boolean} placeHorizontally Whether to place the new element horizontally
+ *
+ * @return {Point}
+ */
+export function getFlowNodePosition(source, element, placeHorizontally) {
+
+  var sourceTrbl = asTRBL(source);
+  var sourceMid = getMid(source);
+
+  var placement = placeHorizontally ? {
+    directionHint: 'e',
+    minDistance: 80,
+    baseOrientation: 'left',
+    boundaryOrientation: 'top',
+    start: 'top',
+    end: 'bottom'
+  } : {
+    directionHint: 's',
+    minDistance: 90,
+    baseOrientation: 'top',
+    boundaryOrientation: 'left',
+    start: 'left',
+    end: 'right'
+  };
+
+  var connectedDistance = getConnectedDistance(source, {
+    filter: function(connection) {
+      return is(connection, 'bpmn:SequenceFlow');
+    },
+    direction: placement.directionHint
+  });
+
+  var margin = 30,
+      minDistance = placement.minDistance,
+      orientation = placement.baseOrientation;
+
+  if (is(source, 'bpmn:BoundaryEvent')) {
+    orientation = getOrientation(source, source.host, -25);
+
+    if (orientation.indexOf(placement.boundaryOrientation) !== -1) {
+      margin *= -1;
+    }
+  }
+
+  var position = placeHorizontally ? {
+    x: sourceTrbl.right + connectedDistance + element.width / 2,
+    y: sourceMid.y + getDistance(orientation, minDistance, placement)
+  } : {
+    x: sourceMid.x + getDistance(orientation, minDistance, placement),
+    y: sourceTrbl.bottom + connectedDistance + element.height / 2
+  };
+
+  var nextPosition = {
+    margin: margin,
+    minDistance: minDistance
+  };
+
+  var nextPositionDirection = placeHorizontally ? {
+    y: nextPosition
+  } : {
+    x: nextPosition
+  };
+
+  return findFreePosition(source, element, position, generateGetNextPosition(nextPositionDirection));
+}
+
+/**
+ * @param {DirectionTRBL} orientation
+ * @param {number} minDistance
+ * @param {{ start: DirectionTRBL, end: DirectionTRBL }} placement
+ *
+ * @return {number}
+ */
+function getDistance(orientation, minDistance, placement) {
+  if (orientation.includes(placement.start)) {
+    return -1 * minDistance;
+  } else if (orientation.includes(placement.end)) {
+    return minDistance;
+  } else {
+    return 0;
+  }
+}
+
+
+/**
+ * Get the position for given text annotation. Try placing the text annotation
+ * top-right of the source (bottom-right in vertical layouts).
+ *
+ * @param {Shape} source
+ * @param {Shape} element
+ * @param {boolean} placeHorizontally Whether to place the new element horizontally
+ *
+ * @return {Point}
+ */
+export function getTextAnnotationPosition(source, element, placeHorizontally) {
+
+  var sourceTrbl = asTRBL(source);
+
+  var position = placeHorizontally ? {
+    x: sourceTrbl.right + element.width / 2,
+    y: sourceTrbl.top - 50 - element.height / 2
+  } : {
+    x: sourceTrbl.right + 50 + element.width / 2,
+    y: sourceTrbl.bottom + element.height / 2
+  };
+
+  if (isConnection(source)) {
+    position = getMid(source);
+    if (placeHorizontally) {
+      position.x += 100;
+      position.y -= 50;
+    } else {
+      position.x += 100;
+      position.y += 50;
+    }
+  }
+
+  var nextPosition = {
+    margin: placeHorizontally ? -30 : 30,
+    minDistance: 20
+  };
+  var nextPositionDirection = placeHorizontally ? {
+    y: nextPosition
+  } : {
+    x: nextPosition
+  };
+
+  return findFreePosition(source, element, position, generateGetNextPosition(nextPositionDirection));
+}
+
+
+/**
+ * Get the position for given new data element. Try placing the data element
+ * bottom-right of the source (bottom-left in vertical layouts).
+ *
+ * @param {Shape} source
+ * @param {Shape} element
+ * @param {boolean} placeHorizontally Whether to place the new element horizontally
+ *
+ * @return {Point}
+ */
+export function getDataElementPosition(source, element, placeHorizontally) {
+
+  var sourceTrbl = asTRBL(source);
+
+  var position = placeHorizontally ? {
+    x: sourceTrbl.right - 10 + element.width / 2,
+    y: sourceTrbl.bottom + 40 + element.width / 2
+  } : {
+    x: sourceTrbl.left - 40 - element.width / 2,
+    y: sourceTrbl.bottom - 10 + element.height / 2
+  };
+
+  var nextPosition = {
+    margin: 30,
+    minDistance: 30
+  };
+  var nextPositionDirection = placeHorizontally ? {
+    x: nextPosition
+  } : {
+    y: nextPosition
+  };
+
+  return findFreePosition(source, element, position, generateGetNextPosition(nextPositionDirection));
 }

package/lib/features/auto-place/index.d.ts

@@ -1,7 +1,7 @@
-declare namespace _default {
-    let __depends__: import("didi").ModuleDeclaration[];
-    let __init__: string[];
-    let bpmnAutoPlace: (string | typeof BpmnAutoPlace)[];
-}
-export default _default;
-import BpmnAutoPlace from './BpmnAutoPlace';
+declare namespace _default {
+    let __depends__: import("didi").ModuleDeclaration[];
+    let __init__: string[];
+    let bpmnAutoPlace: (string | typeof BpmnAutoPlace)[];
+}
+export default _default;
+import BpmnAutoPlace from './BpmnAutoPlace';

package/lib/features/auto-place/index.js

@@ -1,9 +1,9 @@
-import AutoPlaceModule from 'diagram-js/lib/features/auto-place';
-
-import BpmnAutoPlace from './BpmnAutoPlace';
-
-export default {
-  __depends__: [ AutoPlaceModule ],
-  __init__: [ 'bpmnAutoPlace' ],
-  bpmnAutoPlace: [ 'type', BpmnAutoPlace ]
+import AutoPlaceModule from 'diagram-js/lib/features/auto-place';
+
+import BpmnAutoPlace from './BpmnAutoPlace';
+
+export default {
+  __depends__: [ AutoPlaceModule ],
+  __init__: [ 'bpmnAutoPlace' ],
+  bpmnAutoPlace: [ 'type', BpmnAutoPlace ]
 };

package/lib/features/auto-resize/BpmnAutoResize.d.ts

@@ -1,25 +1,25 @@
-/**
- * BPMN-specific resize behavior.
- *
- */
-export default class BpmnAutoResize extends AutoResize {
-    /**
-     * @param injector
-     */
-    constructor(injector: Injector);
-    /**
-     * Perform BPMN-specific resizing of participants.
-     *
-     * @param target
-     * @param newBounds
-     * @param hints
-     */
-    resize(target: Shape, newBounds: Rect, hints?: {
-        autoResize?: string;
-    }): void;
-}
-
-type Injector = import("didi").Injector;
-type Shape = import("../../model/Types").Shape;
-type Rect = import("diagram-js/lib/util/Types").Rect;
-import AutoResize from 'diagram-js/lib/features/auto-resize/AutoResize';
+/**
+ * BPMN-specific resize behavior.
+ *
+ */
+export default class BpmnAutoResize extends AutoResize {
+    /**
+     * @param injector
+     */
+    constructor(injector: Injector);
+    /**
+     * Perform BPMN-specific resizing of participants.
+     *
+     * @param target
+     * @param newBounds
+     * @param hints
+     */
+    resize(target: Shape, newBounds: Rect, hints?: {
+        autoResize?: string;
+    }): void;
+}
+
+type Injector = import("didi").Injector;
+type Shape = import("../../model/Types").Shape;
+type Rect = import("diagram-js/lib/util/Types").Rect;
+import AutoResize from 'diagram-js/lib/features/auto-resize/AutoResize';