bpmn-js 18.1.0 → 18.1.2

package/dist/bpmn-viewer.development.js

@@ -1,5 +1,5 @@
 /*!
- * bpmn-js - bpmn-viewer v18.1.0
+ * bpmn-js - bpmn-viewer v18.1.2
  *
  * Copyright (c) 2014-present, camunda Services GmbH
  *
@@ -8,7 +8,7 @@
  *
  * Source Code: https://github.com/bpmn-io/bpmn-js
  *
- * Date: 2024-11-20
+ * Date: 2024-12-20
  */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -10315,6 +10315,7 @@
    *   deferUpdate?: boolean;
    *   width?: number;
    *   height?: number;
+   *   autoFocus?: boolean;
    * } } CanvasConfig
    * @typedef { {
    *   group: SVGElement;
@@ -10501,18 +10502,20 @@
 
     attr(svg, 'tabindex', 0);
 
-    eventBus.on('element.hover', () => {
+    config.autoFocus && eventBus.on('element.hover', () => {
       this.restoreFocus();
     });
 
+    eventBus.on('element.mousedown', 500, (event) => {
+      this.focus();
+    });
+
     svg.addEventListener('focusin', () => {
-      this._focused = true;
-      eventBus.fire('canvas.focus.changed', { focused: true });
+      this._setFocused(true);
     });
 
     svg.addEventListener('focusout', () => {
-      this._focused = false;
-      eventBus.fire('canvas.focus.changed', { focused: false });
+      this._setFocused(false);
     });
 
     append(container, svg);
@@ -10582,6 +10585,17 @@
     delete this._viewport;
   };
 
+  Canvas.prototype._setFocused = function(focused) {
+
+    if (focused == this._focused) {
+      return;
+    }
+
+    this._focused = focused;
+
+    this._eventBus.fire('canvas.focus.changed', { focused });
+  };
+
   Canvas.prototype._clear = function() {
 
     const allElements = this._elementRegistry.getAll();
@@ -10606,10 +10620,12 @@
   };
 
   /**
-  * Sets focus on the canvas SVG element.
-  */
+   * Sets focus on the canvas SVG element.
+   */
   Canvas.prototype.focus = function() {
     this._svg.focus({ preventScroll: true });
+
+    this._setFocused(true);
   };
 
   /**