camunda-bpmn-js 3.10.1 → 3.11.0

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

@@ -713,6 +713,26 @@
     return true;
   }
 
+  /**
+   * @param {Element} element
+   *
+   * @return {boolean}
+   */
+  function isHorizontal(element) {
+
+    if (!is$1(element, 'bpmn:Participant') && !is$1(element, 'bpmn:Lane')) {
+      return undefined;
+    }
+
+    var isHorizontal = getDi(element).isHorizontal;
+
+    if (isHorizontal === undefined) {
+      return true;
+    }
+
+    return isHorizontal;
+  }
+
   /**
    * @param {Element} element
    *
@@ -3783,10 +3803,12 @@
     }
 
     function renderLaneLabel(parentGfx, text, element, attrs = {}) {
+      var isHorizontalLane = isHorizontal(element);
+
       var textBox = renderLabel(parentGfx, text, {
         box: {
           height: 30,
-          width: getHeight(element, attrs),
+          width: isHorizontalLane ? getHeight(element, attrs) : getWidth(element, attrs),
         },
         align: 'center-middle',
         style: {
@@ -3794,9 +3816,10 @@
         }
       });
 
-      var top = -1 * getHeight(element, attrs);
-
-      transform(textBox, 0, -top, 270);
+      if (isHorizontalLane) {
+        var top = -1 * getHeight(element, attrs);
+        transform(textBox, 0, -top, 270);
+      }
     }
 
     function renderActivity(parentGfx, element, attrs = {}) {
@@ -4514,12 +4537,13 @@
         var participant = renderLane(parentGfx, element, attrs);
 
         var expandedParticipant = isExpanded(element);
+        var horizontalParticipant = isHorizontal(element);
 
         var semantic = getBusinessObject(element),
             name = semantic.get('name');
 
         if (expandedParticipant) {
-          drawLine(parentGfx, [
+          var waypoints = horizontalParticipant ? [
             {
               x: 30,
               y: 0
@@ -4528,20 +4552,43 @@
               x: 30,
               y: getHeight(element, attrs)
             }
-          ], {
+          ] : [
+            {
+              x: 0,
+              y: 30
+            },
+            {
+              x: getWidth(element, attrs),
+              y: 30
+            }
+          ];
+
+          drawLine(parentGfx, waypoints, {
             stroke: getStrokeColor(element, defaultStrokeColor, attrs.stroke),
             strokeWidth: PARTICIPANT_STROKE_WIDTH
           });
 
           renderLaneLabel(parentGfx, name, element, attrs);
         } else {
-          renderLabel(parentGfx, name, {
-            box: getBounds(element, attrs),
+          var bounds = getBounds(element, attrs);
+
+          if (!horizontalParticipant) {
+            bounds.height = getWidth(element, attrs);
+            bounds.width = getHeight(element, attrs);
+          }
+
+          var textBox = renderLabel(parentGfx, name, {
+            box: bounds,
             align: 'center-middle',
             style: {
               fill: getLabelColor(element, defaultLabelColor, defaultStrokeColor, attrs.stroke)
             }
           });
+
+          if (!horizontalParticipant) {
+            var top = -1 * getHeight(element, attrs);
+            transform(textBox, 0, -top, 270);
+          }
         }
 
         if (semantic.get('participantMultiplicity')) {
@@ -6128,10 +6175,6 @@
     translate: [ 'value', translate ]
   };
 
-  function getDefaultExportFromCjs (x) {
-  	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-  }
-
   /**
    * @param {Point} point
    *
@@ -9837,7 +9880,7 @@
   }
 
   /**
-   * @typedef {import('./index').InjectAnnotated } InjectAnnotated
+   * @typedef {import('./index.js').InjectAnnotated } InjectAnnotated
    */
 
   /**
@@ -9907,9 +9950,9 @@
   }
 
   /**
-   * @typedef { import('./index').ModuleDeclaration } ModuleDeclaration
-   * @typedef { import('./index').ModuleDefinition } ModuleDefinition
-   * @typedef { import('./index').InjectorContext } InjectorContext
+   * @typedef { import('./index.js').ModuleDeclaration } ModuleDeclaration
+   * @typedef { import('./index.js').ModuleDefinition } ModuleDefinition
+   * @typedef { import('./index.js').InjectorContext } InjectorContext
    */
 
   /**
@@ -10012,11 +10055,20 @@
       };
     }
 
-    function instantiate(Type) {
+    /**
+     * Instantiate the given type, injecting dependencies.
+     *
+     * @template T
+     *
+     * @param { Function | [...string[], Function ]} type
+     *
+     * @return T
+     */
+    function instantiate(type) {
       const {
         fn,
         dependencies
-      } = fnDef(Type);
+      } = fnDef(type);
 
       // instantiate var args constructor
       const Constructor = Function.prototype.bind.apply(fn, [ null ].concat(dependencies));
@@ -10024,6 +10076,17 @@
       return new Constructor();
     }
 
+    /**
+     * Invoke the given function, injecting dependencies. Return the result.
+     *
+     * @template T
+     *
+     * @param { Function | [...string[], Function ]} func
+     * @param { Object } [context]
+     * @param { Object } [locals]
+     *
+     * @return {T} invocation result
+     */
     function invoke(func, context, locals) {
       const {
         fn,
@@ -12292,6 +12355,10 @@
     }
   };
 
+  function getDefaultExportFromCjs (x) {
+  	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+  }
+
   var objectRefs = {exports: {}};
 
   var collection = {};