bpmn-js 9.3.2 → 10.0.0-alpha.1

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

@@ -1,5 +1,5 @@
 /*!
- * bpmn-js - bpmn-navigated-viewer v9.3.2
+ * bpmn-js - bpmn-navigated-viewer v10.0.0-alpha.1
  *
  * Copyright (c) 2014-present, camunda Services GmbH
  *
@@ -8,7 +8,7 @@
  *
  * Source Code: https://github.com/bpmn-io/bpmn-js
  *
- * Date: 2022-08-04
+ * Date: 2022-08-17
  */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -8910,20 +8910,11 @@
       return function() {
         initializers.forEach(function(initializer) {
 
-          try {
-
-            // eagerly resolve component (fn or string)
-            if (typeof initializer === 'string') {
-              injector.get(initializer);
-            } else {
-              injector.invoke(initializer);
-            }
-          } catch (error) {
-            if (typeof AggregateError !== 'undefined') {
-              throw new AggregateError([ error ], 'Failed to initialize!');
-            }
-
-            throw new Error('Failed to initialize! ' + error.message);
+          // eagerly resolve component (fn or string)
+          if (typeof initializer === 'string') {
+            injector.get(initializer);
+          } else {
+            injector.invoke(initializer);
           }
         });
       };
@@ -9433,7 +9424,19 @@
     var container = this._container = createContainer(config);
 
     var svg = this._svg = create$1('svg');
-    attr$1(svg, { width: '100%', height: '100%' });
+
+    attr$1(svg, {
+      width: '100%',
+      height: '100%'
+    });
+
+    attr(svg, 'tabindex', 0);
+
+    eventBus.on('element.hover', function() {
+      if (document.activeElement === document.body) {
+        svg.focus();
+      }
+    });
 
     append(container, svg);
 
@@ -21615,6 +21618,16 @@
   // default moddle extensions the viewer is composed of
   Viewer.prototype._moddleExtensions = {};
 
+  var KEYCODE_C = 67;
+  var KEYCODE_V = 86;
+  var KEYCODE_Y = 89;
+  var KEYCODE_Z = 90;
+
+  var KEYS_COPY = [ 'c', 'C', KEYCODE_C ];
+  var KEYS_PASTE = [ 'v', 'V', KEYCODE_V ];
+  var KEYS_REDO = [ 'y', 'Y', KEYCODE_Y ];
+  var KEYS_UNDO = [ 'z', 'Z', KEYCODE_Z ];
+
   /**
    * Returns true if event was triggered with any modifier
    * @param {KeyboardEvent} event
@@ -21654,15 +21667,36 @@
    */
   function isShift(event) {
     return event.shiftKey;
+  }
+
+  function isCopy(event) {
+    return isCmd(event) && isKey(KEYS_COPY, event);
+  }
+
+  function isPaste(event) {
+    return isCmd(event) && isKey(KEYS_PASTE, event);
+  }
+
+  function isUndo(event) {
+    return isCmd(event) && !isShift(event) && isKey(KEYS_UNDO, event);
+  }
+
+  function isRedo(event) {
+    return isCmd(event) && (
+      isKey(KEYS_REDO, event) || (
+        isKey(KEYS_UNDO, event) && isShift(event)
+      )
+    );
   }
 
   var KEYDOWN_EVENT = 'keyboard.keydown',
       KEYUP_EVENT = 'keyboard.keyup';
 
-  var HANDLE_MODIFIER_ATTRIBUTE = 'input-handle-modified-keys';
-
   var DEFAULT_PRIORITY = 1000;
 
+  var compatMessage = 'Explicit binding of keyboard to an element got removed. For more information, see https://github.com/bpmn-io/diagram-js/issues/661';
+
+
   /**
    * A keyboard abstraction that may be activated and
    * deactivated by users at will, consuming key events
@@ -21681,8 +21715,8 @@
    *
    * All events contain one field which is node.
    *
-   * A default binding for the keyboard may be specified via the
-   * `keyboard.bindTo` configuration option.
+   * Specify the initial keyboard binding state via the
+   * `keyboard.bind=true|false` configuration option.
    *
    * @param {Config} config
    * @param {EventBus} eventBus
@@ -21690,7 +21724,8 @@
   function Keyboard(config, eventBus) {
     var self = this;
 
-    this._config = config || {};
+    this._config = config = config || {};
+
     this._eventBus = eventBus;
 
     this._keydownHandler = this._keydownHandler.bind(this);
@@ -21703,19 +21738,22 @@
       self.unbind();
     });
 
-    eventBus.on('diagram.init', function() {
-      self._fire('init');
-    });
+    if (config.bindTo) {
+      console.error('unsupported configuration <keyboard.bindTo>', new Error(compatMessage));
+    }
+
+    var bind = config && config.bind !== false;
+
+    eventBus.on('canvas.init', function(event) {
+      self._target = event.svg;
 
-    eventBus.on('attach', function() {
-      if (config && config.bindTo) {
-        self.bind(config.bindTo);
+      if (bind) {
+        self.bind();
       }
-    });
 
-    eventBus.on('detach', function() {
-      self.unbind();
+      self._fire('init');
     });
+
   }
 
   Keyboard.$inject = [
@@ -21750,34 +21788,19 @@
   };
 
   Keyboard.prototype._isEventIgnored = function(event) {
-    return isInput(event.target) && this._isModifiedKeyIgnored(event);
-  };
-
-  Keyboard.prototype._isModifiedKeyIgnored = function(event) {
-    if (!isCmd(event)) {
-      return true;
-    }
-
-    var allowedModifiers = this._getAllowedModifiers(event.target);
-    return allowedModifiers.indexOf(event.key) === -1;
+    return false;
   };
 
-  Keyboard.prototype._getAllowedModifiers = function(element) {
-    var modifierContainer = closest(element, '[' + HANDLE_MODIFIER_ATTRIBUTE + ']', true);
+  Keyboard.prototype.bind = function(node) {
 
-    if (!modifierContainer || (this._node && !this._node.contains(modifierContainer))) {
-      return [];
+    if (node) {
+      console.error('unsupported argument <node>', new Error(compatMessage));
     }
 
-    return modifierContainer.getAttribute(HANDLE_MODIFIER_ATTRIBUTE).split(',');
-  };
-
-  Keyboard.prototype.bind = function(node) {
-
     // make sure that the keyboard is only bound once to the DOM
     this.unbind();
 
-    this._node = node;
+    node = this._node = this._target;
 
     // bind key events
     componentEvent.bind(node, 'keydown', this._keydownHandler, true);
@@ -21836,26 +21859,8 @@
   Keyboard.prototype.isShift = isShift;
   Keyboard.prototype.isKey = isKey;
 
-
-
-  // helpers ///////
-
-  function isInput(target) {
-    return target && (matchesSelector(target, 'input, textarea') || target.contentEditable === 'true');
-  }
-
   var LOW_PRIORITY = 500;
 
-  var KEYCODE_C = 67;
-  var KEYCODE_V = 86;
-  var KEYCODE_Y = 89;
-  var KEYCODE_Z = 90;
-
-  var KEYS_COPY = [ 'c', 'C', KEYCODE_C ];
-  var KEYS_PASTE = [ 'v', 'V', KEYCODE_V ];
-  var KEYS_REDO = [ 'y', 'Y', KEYCODE_Y ];
-  var KEYS_UNDO = [ 'z', 'Z', KEYCODE_Z ];
-
 
   /**
    * Adds default keyboard bindings.
@@ -21913,7 +21918,7 @@
 
       var event = context.keyEvent;
 
-      if (isCmd(event) && !isShift(event) && isKey(KEYS_UNDO, event)) {
+      if (isUndo(event)) {
         editorActions.trigger('undo');
 
         return true;
@@ -21927,7 +21932,7 @@
 
       var event = context.keyEvent;
 
-      if (isCmd(event) && (isKey(KEYS_REDO, event) || (isKey(KEYS_UNDO, event) && isShift(event)))) {
+      if (isRedo(event)) {
         editorActions.trigger('redo');
 
         return true;
@@ -21940,7 +21945,7 @@
 
       var event = context.keyEvent;
 
-      if (isCmd(event) && isKey(KEYS_COPY, event)) {
+      if (isCopy(event)) {
         editorActions.trigger('copy');
 
         return true;
@@ -21953,7 +21958,7 @@
 
       var event = context.keyEvent;
 
-      if (isCmd(event) && isKey(KEYS_PASTE, event)) {
+      if (isPaste(event)) {
         editorActions.trigger('paste');
 
         return true;