bpmn-js 18.22.0 → 18.23.0

package/dist/bpmn-navigated-viewer.development.js

@@ -1,5 +1,5 @@
 /*!
- * bpmn-js - bpmn-navigated-viewer v18.22.0
+ * bpmn-js - bpmn-navigated-viewer v18.23.0
  *
  * 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-08-10
  */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -22510,6 +22510,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
    *
@@ -22960,15 +22977,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(container).add(OUTLINE_HIDDEN_CLS);
+
+      let bbox;
+
+      try {
+        bbox = contentNode.getBBox();
+      } finally {
+        classes(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) {