bpmn-js 11.0.4 → 11.1.0

package/dist/bpmn-modeler.development.js

@@ -1,5 +1,5 @@
 /*!
- * bpmn-js - bpmn-modeler v11.0.4
+ * bpmn-js - bpmn-modeler v11.1.0
  *
  * Copyright (c) 2014-present, camunda Services GmbH
  *
@@ -8,7 +8,7 @@
  *
  * Source Code: https://github.com/bpmn-io/bpmn-js
  *
- * Date: 2022-12-07
+ * Date: 2022-12-12
  */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -21907,6 +21907,9 @@
 
   };
 
+  Overlays.prototype.isShown = function() {
+    return this._overlayRoot.style.display !== 'none';
+  };
 
   Overlays.prototype.show = function() {
     setVisible$1(this._overlayRoot);
@@ -27813,7 +27816,9 @@
 
 
   /**
-   * Trigger context pad action.
+   * Trigger context pad via DOM event.
+   *
+   * The entry to trigger is determined by the target element.
    *
    * @param  {string} action
    * @param  {Event} event
@@ -27821,10 +27826,7 @@
    */
   ContextPad.prototype.trigger = function(action, event, autoActivate) {
 
-    var target = this._current.target,
-        entries = this._current.entries,
-        entry,
-        handler,
+    var entry,
         originalEvent,
         button = event.delegateTarget || event.target;
 
@@ -27832,19 +27834,45 @@
       return event.preventDefault();
     }
 
-    entry = entries[attr$1(button, 'data-action')];
-    handler = entry.action;
-
+    entry = attr$1(button, 'data-action');
     originalEvent = event.originalEvent || event;
 
+    return this.triggerEntry(entry, action, originalEvent, autoActivate);
+  };
+
+  /**
+   * Trigger context pad entry entry.
+   *
+   * @param {string} entryId
+   * @param {string} action
+   * @param {Event} event
+   * @param {boolean} [autoActivate=false]
+   */
+  ContextPad.prototype.triggerEntry = function(entryId, action, event, autoActivate) {
+
+    if (!this.isShown()) {
+      return;
+    }
+
+    var target = this._current.target,
+        entries = this._current.entries;
+
+    var entry = entries[entryId];
+
+    if (!entry) {
+      return;
+    }
+
+    var handler = entry.action;
+
     // simple action (via callback function)
     if (isFunction(handler)) {
       if (action === 'click') {
-        return handler(originalEvent, target, autoActivate);
+        return handler(event, target, autoActivate);
       }
     } else {
       if (handler[action]) {
-        return handler[action](originalEvent, target, autoActivate);
+        return handler[action](event, target, autoActivate);
       }
     }
 
@@ -28045,6 +28073,16 @@
   };
 
 
+  /**
+   * Check if pad is open and not hidden.
+   *
+   * @return {boolean}
+   */
+  ContextPad.prototype.isShown = function() {
+    return this.isOpen() && this._overlays.isShown();
+  };
+
+
   /**
    * Get contex pad position.
    *
@@ -28301,7 +28339,9 @@
       width,
       scale,
       search,
-      entries: originalEntries
+      entries: originalEntries,
+      onOpened,
+      onClosed
     } = props;
 
     const searchable = F(() => {
@@ -28319,6 +28359,14 @@
     const [ entries, setEntries ] = p(originalEntries);
     const [ selectedEntry, setSelectedEntry ] = p(entries[0]);
 
+    h(() => {
+      onOpened();
+
+      return () => {
+        onClosed();
+      };
+    }, []);
+
     const updateEntries = T((newEntries) => {
 
       // select first entry if non is selected
@@ -28341,10 +28389,8 @@
         }
 
         const search = [
-          entry.name,
           entry.description || '',
-          entry.label || '',
-          entry.id || ''
+          entry.label || ''
         ]
           .join('---')
           .toLowerCase();
@@ -28679,6 +28725,8 @@
         entries=${ entriesArray }
         headerEntries=${ headerEntriesArray }
         scale=${ scale }
+        onOpened=${ this._onOpened.bind(this) }
+        onClosed=${ this._onClosed.bind(this) }
         ...${{ ...options }}
       />
     `,
@@ -28782,6 +28830,14 @@
     this._eventBus.fire(`popupMenu.${ event }`, payload);
   };
 
+  PopupMenu.prototype._onOpened = function() {
+    this._emit('opened');
+  };
+
+  PopupMenu.prototype._onClosed = function() {
+    this._emit('closed');
+  };
+
   PopupMenu.prototype._createContainer = function(config) {
 
     let parent = config && config.parent || 'body';
@@ -39650,6 +39706,7 @@
     var directEditing = injector.get('directEditing', false);
     var searchPad = injector.get('searchPad', false);
     var modeling = injector.get('modeling', false);
+    var contextPad = injector.get('contextPad', false);
 
     // (2) check components and register actions
 
@@ -39773,6 +39830,12 @@
       });
     }
 
+    if (selection && contextPad) {
+      this._registerAction('replaceElement', function(event) {
+        contextPad.triggerEntry('replace', 'click', event);
+      });
+    }
+
   };
 
   var EditorActionsModule = {
@@ -40891,6 +40954,23 @@
       }
     });
 
+    // activate replace element
+    // R
+    addListener('replaceElement', function(context) {
+
+      var event = context.keyEvent;
+
+      if (keyboard.hasModifier(event)) {
+        return;
+      }
+
+      if (keyboard.isKey([ 'r', 'R' ], event)) {
+        editorActions.trigger('replaceElement', event);
+
+        return true;
+      }
+    });
+
   };
 
   var KeyboardModule = {