bpmn-js 18.1.0 → 18.1.2

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

@@ -1,5 +1,5 @@
 /*!
- * bpmn-js - bpmn-navigated-viewer v18.1.0
+ * bpmn-js - bpmn-navigated-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() :
@@ -10340,6 +10340,7 @@
    *   deferUpdate?: boolean;
    *   width?: number;
    *   height?: number;
+   *   autoFocus?: boolean;
    * } } CanvasConfig
    * @typedef { {
    *   group: SVGElement;
@@ -10526,18 +10527,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);
@@ -10607,6 +10610,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();
@@ -10631,10 +10645,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);
   };
 
   /**
@@ -23945,12 +23961,19 @@
 
     var context;
 
+    function handleMousedown(event) {
+      return handleStart(event.originalEvent);
+    }
 
     // listen for move on element mouse down;
     // allow others to hook into the event before us though
     // (dragging / element moving will do this)
-    eventBus.on('element.mousedown', 500, function(e) {
-      return handleStart(e.originalEvent);
+    eventBus.on('canvas.focus.changed', function(event) {
+      if (event.focused) {
+        eventBus.on('element.mousedown', 500, handleMousedown);
+      } else {
+        eventBus.off('element.mousedown', handleMousedown);
+      }
     });
 
 
@@ -24138,8 +24161,8 @@
 
     var self = this;
 
-    eventBus.on('canvas.init', function(e) {
-      self._init(config.enabled !== false);
+    eventBus.on('canvas.focus.changed', function(event) {
+      self._init(event.focused && config.enabled !== false);
     });
   }
 
@@ -24186,8 +24209,7 @@
 
   ZoomScroll.prototype._handleWheel = function handleWheel(event) {
 
-    // event is already handled by '.djs-scrollable'
-    if (closest(event.target, '.djs-scrollable', true)) {
+    if (!this._canvas.isFocused()) {
       return;
     }