bpmn-js 15.1.3 → 15.2.0

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/bpmn-modeler.development.js

@@ -1,5 +1,5 @@
 /*!
- * bpmn-js - bpmn-modeler v15.1.3
+ * bpmn-js - bpmn-modeler v15.2.0
  *
  * Copyright (c) 2014-present, camunda Services GmbH
  *
@@ -8,7 +8,7 @@
  *
  * Source Code: https://github.com/bpmn-io/bpmn-js
  *
- * Date: 2023-11-07
+ * Date: 2023-11-21
  */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -22648,15 +22648,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;
@@ -22671,12 +22676,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) {
@@ -22686,7 +22690,7 @@
       var outline = query('.djs-outline', gfx);
 
       if (!outline) {
-        outline = createOutline(gfx, element);
+        outline = createOutline();
         append(gfx, outline);
       }
 
@@ -22730,7 +22734,7 @@
    *
    * @param {SVGElement} outline
    * @param {Element} connection
-   **/
+   */
   Outline.prototype.updateConnectionOutline = function(outline, connection) {
     var bbox = getBBox(connection);
 
@@ -30047,12 +30051,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(target) ? getLastWaypoint(target) : target;
+
     var elements = isArray$3(target) ? target : [ target ];
     var bBox = getBBox(elements);
 
@@ -30087,6 +30099,10 @@
     return array.indexOf(item) !== -1;
   }
 
+  function getLastWaypoint(connection) {
+    return connection.waypoints[connection.waypoints.length - 1];
+  }
+
   /**
    * @type { import('didi').ModuleDeclaration }
    */
@@ -63433,6 +63449,19 @@
         height: element.height + DEFAULT_OFFSET * 2
       }, OUTLINE_STYLE));
 
+    } else if (is$1(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$1(element, 'bpmn:Event')) {
       outline = create$1('circle');