bpmn-js 11.0.0 → 11.0.3

package/dist/assets/diagram-js.css

@@ -514,7 +514,7 @@ marker.djs-dragger tspan {
 /**
  * popup styles
  */
-.djs-popup {
+.djs-popup-backdrop {
   position: fixed;
   width: 100vw;
   height: 100vh;
@@ -527,15 +527,15 @@ marker.djs-dragger tspan {
   border-radius: 2px;
 }
 
-.djs-popup-overlay {
+.djs-popup {
   width: min-content;
   background: var(--popup-background-color);
   overflow: hidden;
   position: absolute;
 
   box-shadow: 0px 2px 10px var(--popup-shadow-color);
-  padding-top: 12px;
   min-width: 120px;
+  outline: none;
 }
 
 .djs-popup-search input {
@@ -554,18 +554,11 @@ marker.djs-dragger tspan {
   outline: none;
 }
 
-.djs-popup_header {
-  display: flex;
-  align-items: stretch;
-  line-height: 20px;
-  margin: 12px 12px 10px 12px;
-}
-
 .djs-popup-header {
   display: flex;
   align-items: stretch;
   line-height: 20px;
-  margin: 0 12px 10px 12px;
+  margin: 10px 12px 10px 12px;
 }
 
 .djs-popup-header .entry {
@@ -609,7 +602,7 @@ marker.djs-dragger tspan {
 }
 
 .djs-popup-results {
-  margin: 0 3px 7px 12px;
+  margin: 7px 3px 7px 12px;
   list-style: none;
   max-height: 280px;
   overflow: overlay;

package/dist/bpmn-modeler.development.js

@@ -1,5 +1,5 @@
 /*!
- * bpmn-js - bpmn-modeler v11.0.0
+ * bpmn-js - bpmn-modeler v11.0.3
  *
  * Copyright (c) 2014-present, camunda Services GmbH
  *
@@ -8,7 +8,7 @@
  *
  * Source Code: https://github.com/bpmn-io/bpmn-js
  *
- * Date: 2022-11-24
+ * Date: 2022-12-05
  */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -28505,28 +28505,26 @@
 
     const checkClose = T((event) => {
 
-      const overlay = closest(event.target, '.djs-popup .djs-popup-overlay', true);
+      const popup = closest(event.target, '.djs-popup', true);
 
-      if (overlay) {
+      if (popup) {
         return;
       }
 
       onClose();
     }, [ onClose ]);
 
-    const overlayRef = _();
-
     s(() => {
       if (typeof positionGetter !== 'function') {
         return;
       }
 
-      const overlayEl = overlayRef.current;
-      const position = positionGetter(overlayEl);
+      const popupEl = popupRef.current;
+      const position = positionGetter(popupEl);
 
-      overlayEl.style.left = `${position.x}px`;
-      overlayEl.style.top = `${position.y}px`;
-    }, [ overlayRef.current, positionGetter ]);
+      popupEl.style.left = `${position.x}px`;
+      popupEl.style.top = `${position.y}px`;
+    }, [ popupRef.current, positionGetter ]);
 
     // focus popup initially, on mount
     s(() => {
@@ -28535,17 +28533,16 @@
 
     return m`
     <div
-      class=${ clsx('djs-popup', className) }
+      class="djs-popup-backdrop"
       onClick=${ checkClose }
-      onKeydown=${ onKeydown }
-      onKeyup=${ onKeyup }
-      ref=${ popupRef }
-      tabIndex="-1"
     >
       <div
-        class="djs-popup-overlay"
-        ref=${ overlayRef }
-        style=${ getOverlayStyle(props) }
+        class=${ clsx('djs-popup', className) }
+        style=${ getPopupStyle(props) }
+        onKeydown=${ onKeydown }
+        onKeyup=${ onKeyup }
+        ref=${ popupRef }
+        tabIndex="-1"
       >
         ${children}
       </div>
@@ -28555,7 +28552,7 @@
 
   // helpers //////////////////////
 
-  function getOverlayStyle(props) {
+  function getPopupStyle(props) {
     return {
       transform: `scale(${props.scale})`,
       width: `${props.width}px`
@@ -28599,7 +28596,8 @@
   function PopupMenu(config, eventBus, canvas) {
     this._eventBus = eventBus;
     this._canvas = canvas;
-    this._current = {};
+
+    this._current = null;
 
     var scale = isDefined(config && config.scale) ? config.scale : {
       min: 1,
@@ -28612,7 +28610,7 @@
 
 
     eventBus.on('diagram.destroy', () => {
-      this._destroy();
+      this.close();
     });
 
     eventBus.on('element.changed', event => {
@@ -28663,19 +28661,20 @@
     const onClose = result => this.close(result);
     const onSelect = (event, entry) => this.trigger(event, entry);
 
-    P(m`
-    <${PopupMenuComponent}
-      onClose=${ onClose }
-      onSelect=${ onSelect }
-      position=${ position }
-      className=${ className }
-      entries=${ entriesArray }
-      headerEntries=${ headerEntriesArray }
-      scale=${ scale }
-      ...${{ ...options }}
-    />
-  `,
-    this._current.container
+    P(
+      m`
+      <${PopupMenuComponent}
+        onClose=${ onClose }
+        onSelect=${ onSelect }
+        position=${ position }
+        className=${ className }
+        entries=${ entriesArray }
+        headerEntries=${ headerEntriesArray }
+        scale=${ scale }
+        ...${{ ...options }}
+      />
+    `,
+      this._current.container
     );
   };
 
@@ -28705,6 +28704,7 @@
     if (this.isOpen()) {
       this.close();
     }
+
     const {
       entries,
       headerEntries
@@ -28725,8 +28725,6 @@
     this._bindAutoClose();
 
     this._render();
-
-
   };
 
 
@@ -28761,11 +28759,15 @@
 
     this.reset();
 
-    this._current.container = null;
+    this._current = null;
   };
 
   PopupMenu.prototype.reset = function() {
-    P(null, this._current.container);
+    const container = this._current.container;
+
+    P(null, container);
+
+    remove$2(container);
   };
 
   PopupMenu.prototype._emit = function(event, payload) {
@@ -28803,11 +28805,6 @@
   };
 
 
-  PopupMenu.prototype._destroy = function() {
-    this._current.container && remove$2(this._current.container);
-  };
-
-
   /**
    * Updates popup style.transform with respect to the config and zoom level.
    *
@@ -29027,7 +29024,7 @@
    * @return {boolean} true if open
    */
   PopupMenu.prototype.isOpen = function() {
-    return !!this._current.container;
+    return !!this._current;
   };
 
 
@@ -36676,7 +36673,9 @@
       );
 
       var isTriggeredByEventEqual = (
-        businessObject.triggeredByEvent === target.triggeredByEvent
+
+        // coherse to <false>
+        !!target.triggeredByEvent === !!businessObject.triggeredByEvent
       );
 
       var isExpandedEqual = (
@@ -37092,6 +37091,15 @@
   ];
 
   var TRANSACTION = [
+    {
+      label: 'Transaction',
+      actionName: 'replace-with-transaction',
+      className: 'bpmn-icon-transaction',
+      target: {
+        type: 'bpmn:Transaction',
+        isExpanded: true
+      }
+    },
     {
       label: 'Sub Process',
       actionName: 'replace-with-subprocess',
@@ -37113,26 +37121,7 @@
     }
   ];
 
-  var EVENT_SUB_PROCESS = [
-    {
-      label: 'Sub Process',
-      actionName: 'replace-with-subprocess',
-      className: 'bpmn-icon-subprocess-expanded',
-      target: {
-        type: 'bpmn:SubProcess',
-        isExpanded: true
-      }
-    },
-    {
-      label: 'Transaction',
-      actionName: 'replace-with-transaction',
-      className: 'bpmn-icon-transaction',
-      target: {
-        type: 'bpmn:Transaction',
-        isExpanded: true
-      }
-    }
-  ];
+  var EVENT_SUB_PROCESS = TRANSACTION;
 
   var TASK = [
     {