camunda-bpmn-js 3.9.0 → 3.10.1

package/dist/assets/diagram-js.css

@@ -121,8 +121,13 @@
   stroke: var(--element-selected-outline-stroke-color);
 }
 
+.djs-connection.selected .djs-outline {
+  display: none;
+}
+
 .djs-multi-select .djs-element.selected .djs-outline {
   stroke: var(--element-selected-outline-secondary-stroke-color);
+  display: block;
 }
 
 .djs-shape.connect-ok .djs-visual > :nth-child(1) {

package/dist/base-modeler.development.js

@@ -18467,7 +18467,7 @@
   /**
    * Get width and height from element or overrides.
    *
-   * @param {Dimensions|Rect|Shape} bounds
+   * @param {Dimensions|Rect|ShapeLike} bounds
    * @param {Object} overrides
    *
    * @returns {Dimensions}
@@ -18482,7 +18482,7 @@
   /**
    * Get width from element or overrides.
    *
-   * @param {Dimensions|Rect|Shape} bounds
+   * @param {Dimensions|Rect|ShapeLike} bounds
    * @param {Object} overrides
    *
    * @returns {number}
@@ -18494,7 +18494,7 @@
   /**
    * Get height from element or overrides.
    *
-   * @param {Dimensions|Rect|Shape} bounds
+   * @param {Dimensions|Rect|ShapeLike} bounds
    * @param {Object} overrides
    *
    * @returns {number}
@@ -22861,15 +22861,20 @@
 
     var self = this;
 
-    function createOutline(gfx, element) {
+    /**
+     * @param {SVGElement} gfx
+     *
+     * @return {SVGElement} outline
+     */
+    function createOutline(gfx) {
       var outline = create$1('rect');
 
       attr(outline, assign$1({
-        x: - self.offset,
-        y: - self.offset,
+        x: 0,
+        y: 0,
         rx: 4,
-        width: element.width + self.offset * 2,
-        height: element.height + self.offset * 2
+        width: 100,
+        height: 100
       }, OUTLINE_STYLE));
 
       return outline;
@@ -22884,12 +22889,11 @@
       var outline = query('.djs-outline', gfx);
 
       if (!outline) {
-        outline = self.getOutline(element) || createOutline(gfx, element);
+        outline = self.getOutline(element) || createOutline();
         append(gfx, outline);
-
-      } else {
-        self.updateShapeOutline(outline, element);
       }
+
+      self.updateShapeOutline(outline, element);
     });
 
     eventBus.on([ 'connection.added', 'connection.changed' ], function(event) {
@@ -22899,7 +22903,7 @@
       var outline = query('.djs-outline', gfx);
 
       if (!outline) {
-        outline = createOutline(gfx, element);
+        outline = createOutline();
         append(gfx, outline);
       }
 
@@ -22943,7 +22947,7 @@
    *
    * @param {SVGElement} outline
    * @param {Element} connection
-   **/
+   */
   Outline.prototype.updateConnectionOutline = function(outline, connection) {
     var bbox = getBBox(connection);
 
@@ -30260,12 +30264,20 @@
   /**
    * Get contex pad position.
    *
+   * If target is a connection, the context pad will be placed according to the
+   * connection's last waypoint.
+   *
+   * If multiple targets, the context pad will be placed according to the bounding
+   * box containing all targets.
+   *
    * @param {ContextPadTarget} target
    *
    * @return {Rect}
    */
   ContextPad.prototype._getPosition = function(target) {
 
+    target = isConnection$1(target) ? getLastWaypoint(target) : target;
+
     var elements = isArray$3(target) ? target : [ target ];
     var bBox = getBBox(elements);
 
@@ -30300,6 +30312,10 @@
     return array.indexOf(item) !== -1;
   }
 
+  function getLastWaypoint(connection) {
+    return connection.waypoints[connection.waypoints.length - 1];
+  }
+
   /**
    * @type { import('didi').ModuleDeclaration }
    */
@@ -31138,6 +31154,11 @@
       top = position.y - containerBounds.height;
     }
 
+    // underAxis
+    if (position.y < documentBounds.top) {
+      top = position.y + containerBounds.height;
+    }
+
     return {
       x: left,
       y: top
@@ -63648,6 +63669,19 @@
         height: element.height + DEFAULT_OFFSET * 2
       }, OUTLINE_STYLE));
 
+    } else if (is$5(element, 'bpmn:EndEvent')) {
+
+      outline = create$1('circle');
+
+      // Extra 1px offset needed due to increased stroke-width of end event
+      // which makes it bigger than other events.
+
+      attr(outline, assign$1({
+        cx: element.width / 2,
+        cy: element.height / 2,
+        r: element.width / 2 + DEFAULT_OFFSET + 1
+      }, OUTLINE_STYLE));
+
     } else if (is$5(element, 'bpmn:Event')) {
       outline = create$1('circle');