bpmn-js 15.1.2 → 15.2.0

package/dist/assets/diagram-js.css

@@ -40,7 +40,6 @@
   --context-pad-entry-hover-background-color: var(--color-grey-225-10-95);
 
   --element-dragger-color: var(--color-blue-205-100-50);
-  --element-dragging-color: var(--color-grey-225-10-75);
   --element-hover-outline-fill-color: var(--color-blue-205-100-45);
   --element-selected-outline-stroke-color: var(--color-blue-205-100-50);
   --element-selected-outline-secondary-stroke-color: var(--color-blue-205-100-70);
@@ -122,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) {
@@ -283,40 +287,10 @@ marker.djs-dragger tspan {
 
 .djs-dragging,
 .djs-dragging > * {
+  opacity: 0.3 !important;
   pointer-events: none !important;
 }
 
-.djs-dragging .djs-context-pad,
-.djs-dragging .djs-outline {
-  display: none !important;
-}
-
-.djs-dragging * {
-  fill: none !important;
-  stroke: var(--element-dragging-color) !important;
-}
-
-.djs-dragging tspan,
-.djs-dragging text {
-  fill: var(--element-dragging-color) !important;
-  stroke: none !important;
-}
-
-marker.djs-dragging circle,
-marker.djs-dragging path,
-marker.djs-dragging polygon,
-marker.djs-dragging polyline,
-marker.djs-dragging rect {
-  fill: var(--element-dragging-color) !important;
-  stroke: none !important;
-}
-
-marker.djs-dragging text,
-marker.djs-dragging tspan {
-  fill: none !important;
-  stroke: var(--element-dragging-color) !important;
-}
-
 /**
  * no pointer events for visual
  */

package/dist/bpmn-modeler.development.js

@@ -1,5 +1,5 @@
 /*!
- * bpmn-js - bpmn-modeler v15.1.2
+ * 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-03
+ * 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);
 
@@ -29982,6 +29986,8 @@
       return;
     }
 
+    clearTimeout(this._timeout);
+
     this._overlays.remove(this._overlayId);
 
     this._overlayId = null;
@@ -30045,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);
 
@@ -30085,6 +30099,10 @@
     return array.indexOf(item) !== -1;
   }
 
+  function getLastWaypoint(connection) {
+    return connection.waypoints[connection.waypoints.length - 1];
+  }
+
   /**
    * @type { import('didi').ModuleDeclaration }
    */
@@ -63431,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');