bpmn-js 18.25.0 → 18.26.0

package/lib/features/drilldown/DrilldownBreadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrilldownBreadcrumbs.d.ts","mappings":";;;;AA4BAA;IAqFAC;;;;;;IArFAC;;;cAlBa,OAAO,4BAA4B,EAAE;uBACrC,OAAO,qCAAqC,EAAE;gBAC9C,OAAO,8BAA8B,EAAE;eAEvC,OAAO,mBAAmB,EAAE;aAC5B,OAAO,mBAAmB,EAAE","names":["DrilldownBreadcrumbs class","DrilldownBreadcrumbs#$inject","DrilldownBreadcrumbs constructor"],"ignoreList":[],"sources":["DrilldownBreadcrumbs.js"]}
+{"version":3,"file":"DrilldownBreadcrumbs.d.ts","mappings":";;;;AA4BAA;IA6GAC;;;;;;IA7GAC;;;cAlBa,OAAO,4BAA4B,EAAE;uBACrC,OAAO,qCAAqC,EAAE;gBAC9C,OAAO,8BAA8B,EAAE;eAEvC,OAAO,mBAAmB,EAAE;aAC5B,OAAO,mBAAmB,EAAE","names":["DrilldownBreadcrumbs class","DrilldownBreadcrumbs#$inject","DrilldownBreadcrumbs constructor"],"ignoreList":[],"sources":["DrilldownBreadcrumbs.js"]}

package/lib/features/drilldown/DrilldownBreadcrumbs.js

@@ -83,14 +83,7 @@ export default function DrilldownBreadcrumbs(eventBus, elementRegistry, canvas)
         return [];
       }
 
-      var title = escapeHTML(parent.name || parent.id);
-      var link = domify('<li><span class="bjs-crumb"><a title="' + title + '">' + title + '</a></span></li>');
-
-      link.addEventListener('click', function() {
-        canvas.setRootElement(parentPlane);
-      });
-
-      return link;
+      return [ { parent: parent, parentPlane: parentPlane } ];
     });
 
     breadcrumbs.innerHTML = '';
@@ -100,8 +93,39 @@ export default function DrilldownBreadcrumbs(eventBus, elementRegistry, canvas)
 
     containerClasses.toggle(OPEN_CLASS, visible);
 
-    path.forEach(function(element) {
-      breadcrumbs.appendChild(element);
+    path.forEach(function(entry, index) {
+      var parent = entry.parent,
+          parentPlane = entry.parentPlane,
+          title = escapeHTML(parent.name || parent.id);
+
+      // the last crumb represents the current plane; render it as
+      // plain, non-interactive text
+      var isCurrent = index === path.length - 1;
+
+      var crumb;
+
+      if (isCurrent) {
+        crumb = domify(
+          '<li><span class="bjs-crumb" title="' + title + '">' + title + '</span></li>'
+        );
+      } else {
+
+        // render navigable crumbs as local links so they are focusable
+        // and keyboard-operable
+        var href = '#' + escapeHTML(parent.id);
+
+        crumb = domify(
+          '<li><a class="bjs-crumb" href="' + href + '" title="' + title + '">' + title + '</a></li>'
+        );
+
+        crumb.addEventListener('click', function(event) {
+          event.preventDefault();
+
+          canvas.setRootElement(parentPlane);
+        });
+      }
+
+      breadcrumbs.appendChild(crumb);
     });
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpmn-js",
-  "version": "18.25.0",
+  "version": "18.26.0",
   "description": "A bpmn 2.0 toolkit and web modeler",
   "main": "lib/index.js",
   "files": [
@@ -74,7 +74,7 @@
     "babel-loader": "^10.1.1",
     "babel-plugin-istanbul": "^8.0.0",
     "bio-dts": "^0.15.3",
-    "bpmn-font": "^0.12.1",
+    "bpmn-font": "^0.13.0",
     "camunda-bpmn-moddle": "^4.0.1",
     "chai": "^6.2.2",
     "chai-match": "^1.1.1",
@@ -110,8 +110,8 @@
     "webpack": "^5.107.2"
   },
   "dependencies": {
-    "bpmn-moddle": "^10.0.0",
-    "diagram-js": "^15.24.0",
+    "bpmn-moddle": "^10.2.0",
+    "diagram-js": "^15.25.0",
     "diagram-js-direct-editing": "^3.5.1",
     "ids": "^3.0.2",
     "inherits-browser": "^0.1.0",