camunda-bpmn-js 5.4.0 → 5.4.2

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

@@ -10314,6 +10314,7 @@
    *   deferUpdate?: boolean;
    *   width?: number;
    *   height?: number;
+   *   autoFocus?: boolean;
    * } } CanvasConfig
    * @typedef { {
    *   group: SVGElement;
@@ -10500,18 +10501,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);
@@ -10581,6 +10584,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();
@@ -10605,10 +10619,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);
   };
 
   /**