bpmn-js 18.22.0 → 18.22.1

package/dist/assets/diagram-js.css

@@ -153,6 +153,10 @@
   display: block;
 }
 
+.djs-outline-hidden .djs-outline {
+  display: none !important;
+}
+
 .djs-shape.connect-ok .djs-visual > :nth-child(1) {
   fill: var(--shape-connect-allowed-fill-color) !important;
 }

package/dist/bpmn-modeler.development.js

@@ -1,5 +1,5 @@
 /*!
- * bpmn-js - bpmn-modeler v18.22.0
+ * bpmn-js - bpmn-modeler v18.22.1
  *
  * Copyright (c) 2014-present, camunda Services GmbH
  *
@@ -8,7 +8,7 @@
  *
  * Source Code: https://github.com/bpmn-io/bpmn-js
  *
- * Date: 2026-07-23
+ * Date: 2026-07-29
  */
 (function (global, factory) {
 	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -4544,6 +4544,17 @@
 	  return isObject(value) && has(value, 'labelTarget');
 	}
 
+	/**
+	 * Checks whether a value is an instance of Root.
+	 *
+	 * @param {any} value
+	 *
+	 * @return {boolean}
+	 */
+	function isRoot(value) {
+	  return isObject(value) && isNil(value.parent);
+	}
+
 	/**
 	 * @typedef {import('../core/Types.js').ElementLike} Element
 	 * @typedef {import('../core/Types.js').ConnectionLike} Connection
@@ -17087,6 +17098,23 @@
 	 * @see http://bpmn.io/license for more information.
 	 */
 
+	/**
+	 * Padding added around the diagram bounds on SVG export.
+	 *
+	 * `getBBox` returns the geometry bounds only, excluding element strokes, so
+	 * without padding strokes at the diagram edges get clipped. Historically this
+	 * padding was provided implicitly by element outlines, which diagram-js now
+	 * creates lazily (diagram-js@15.19, bpmn-io/diagram-js#1064).
+	 */
+	const EXPORT_PADDING = 5;
+
+	/**
+	 * Class set on the canvas container to hide element outlines, which diagram-js
+	 * excludes from rendering while present. Applied when measuring the export
+	 * bounds so lazily created outlines do not skew them.
+	 */
+	const OUTLINE_HIDDEN_CLS = 'djs-outline-hidden';
+
 	/**
 	 * @template T
 	 *
@@ -17537,15 +17565,31 @@
 	    const contents = innerSVG(contentNode),
 	          defs = defsNode ? '<defs>' + innerSVG(defsNode) + '</defs>' : '';
 
-	    const bbox = contentNode.getBBox();
+	    // hide outlines so they do not skew the measured bounds
+	    const container = canvas.getContainer();
+
+	    classes$1(container).add(OUTLINE_HIDDEN_CLS);
+
+	    let bbox;
+
+	    try {
+	      bbox = contentNode.getBBox();
+	    } finally {
+	      classes$1(container).remove(OUTLINE_HIDDEN_CLS);
+	    }
+
+	    const x = bbox.x - EXPORT_PADDING,
+	          y = bbox.y - EXPORT_PADDING,
+	          width = bbox.width + EXPORT_PADDING * 2,
+	          height = bbox.height + EXPORT_PADDING * 2;
 
 	    svg =
 	      '<?xml version="1.0" encoding="utf-8"?>\n' +
 	      '<!-- created with bpmn-js / http://bpmn.io -->\n' +
 	      '<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\n' +
 	      '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" ' +
-	      'width="' + bbox.width + '" height="' + bbox.height + '" ' +
-	      'viewBox="' + bbox.x + ' ' + bbox.y + ' ' + bbox.width + ' ' + bbox.height + '" version="1.1">' +
+	      'width="' + width + '" height="' + height + '" ' +
+	      'viewBox="' + x + ' ' + y + ' ' + width + ' ' + height + '" version="1.1">' +
 	      defs + contents +
 	      '</svg>';
 	  } catch (e) {
@@ -62350,6 +62394,13 @@
 	   * @param {Element} element
 	   */
 	  function createElementOutline(element) {
+
+	    // root elements have no outline; creating one would append a never-updated
+	    // rect to the untransformed root layer, polluting getActiveLayer().getBBox()
+	    if (isRoot(element)) {
+	      return;
+	    }
+
 	    self.createOutline(element);
 	  }