camunda-bpmn-js 5.4.0 → 5.4.2

package/dist/camunda-cloud-navigated-viewer.development.js

@@ -10339,6 +10339,7 @@
    *   deferUpdate?: boolean;
    *   width?: number;
    *   height?: number;
+   *   autoFocus?: boolean;
    * } } CanvasConfig
    * @typedef { {
    *   group: SVGElement;
@@ -10525,18 +10526,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);
@@ -10606,6 +10609,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();
@@ -10630,10 +10644,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);
   };
 
   /**
@@ -23944,12 +23960,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);
+      }
     });
 
 
@@ -24137,8 +24160,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);
     });
   }
 
@@ -24185,8 +24208,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;
     }