camunda-bpmn-js 4.20.1 → 4.20.2

package/dist/base-modeler.development.js

@@ -6041,7 +6041,7 @@
   Canvas.prototype.viewbox = function(box) {
 
     if (box === undefined && this._cachedViewbox) {
-      return this._cachedViewbox;
+      return structuredClone(this._cachedViewbox);
     }
 
     const viewport = this._viewport,
@@ -64796,6 +64796,8 @@
    * @typedef {import('./SearchPadProvider').Token} Token
    */
 
+  var SCROLL_TO_ELEMENT_PADDING = 300;
+
   /**
    * Provides searching infrastructure.
    *
@@ -64806,7 +64808,7 @@
    */
   function SearchPad(canvas, eventBus, selection, translate) {
     this._open = false;
-    this._results = [];
+    this._results = {};
     this._eventMaps = [];
 
     this._cachedRootElement = null;
@@ -64960,6 +64962,9 @@
     });
 
     if (!searchResults.length) {
+      this._clearMarkers();
+      this._selection.select(null);
+
       return;
     }
 
@@ -65028,12 +65033,22 @@
   SearchPad.prototype._clearResults = function() {
     clear$1(this._resultsContainer);
 
-    this._results = [];
+    this._results = {};
 
     this._eventBus.fire('searchPad.cleared');
   };
 
 
+  /**
+   * Clears all markers.
+   */
+  SearchPad.prototype._clearMarkers = function() {
+    for (var id in this._results) {
+      this._canvas.removeMarker(this._results[id].element, 'djs-search-preselected');
+    }
+  };
+
+
   /**
    * Get currently selected result.
    *
@@ -65150,6 +65165,8 @@
     classes$1(this._canvas.getContainer()).remove('djs-search-open');
     classes$1(this._container).remove('open');
 
+    this._clearMarkers();
+
     this._clearResults();
 
     this._searchInput.value = '';
@@ -65188,6 +65205,8 @@
       return;
     }
 
+    this._clearMarkers();
+
     // removing preselection from current node
     if (selectedNode) {
       classes$1(selectedNode).remove(SearchPad.RESULT_SELECTED_CLASS);
@@ -65198,14 +65217,14 @@
 
     classes$1(node).add(SearchPad.RESULT_SELECTED_CLASS);
 
-    this._canvas.zoom(1);
-
     this._canvas.scrollToElement(element, {
-      top: 300
+      top: SCROLL_TO_ELEMENT_PADDING
     });
 
     this._selection.select(element);
 
+    this._canvas.addMarker(element, 'djs-search-preselected');
+
     this._eventBus.fire('searchPad.preselected', element);
   };
 
@@ -65224,7 +65243,9 @@
 
     this.close(false);
 
-    this._canvas.scrollToElement(element, { top: 400 });
+    this._canvas.scrollToElement(element, {
+      top: SCROLL_TO_ELEMENT_PADDING
+    });
 
     this._selection.select(element);
 
@@ -67211,57 +67232,64 @@
     http://jedwatson.github.io/classnames
   */
 
-  (function (module) {
-  	/* global define */
+  var hasRequiredClassnames;
 
-  	(function () {
+  function requireClassnames () {
+  	if (hasRequiredClassnames) return classnames$1.exports;
+  	hasRequiredClassnames = 1;
+  	(function (module) {
+  		/* global define */
 
-  		var hasOwn = {}.hasOwnProperty;
+  		(function () {
 
-  		function classNames() {
-  			var classes = [];
+  			var hasOwn = {}.hasOwnProperty;
 
-  			for (var i = 0; i < arguments.length; i++) {
-  				var arg = arguments[i];
-  				if (!arg) continue;
+  			function classNames() {
+  				var classes = [];
 
-  				var argType = typeof arg;
+  				for (var i = 0; i < arguments.length; i++) {
+  					var arg = arguments[i];
+  					if (!arg) continue;
 
-  				if (argType === 'string' || argType === 'number') {
-  					classes.push(arg);
-  				} else if (Array.isArray(arg)) {
-  					if (arg.length) {
-  						var inner = classNames.apply(null, arg);
-  						if (inner) {
-  							classes.push(inner);
+  					var argType = typeof arg;
+
+  					if (argType === 'string' || argType === 'number') {
+  						classes.push(arg);
+  					} else if (Array.isArray(arg)) {
+  						if (arg.length) {
+  							var inner = classNames.apply(null, arg);
+  							if (inner) {
+  								classes.push(inner);
+  							}
   						}
-  					}
-  				} else if (argType === 'object') {
-  					if (arg.toString === Object.prototype.toString) {
-  						for (var key in arg) {
-  							if (hasOwn.call(arg, key) && arg[key]) {
-  								classes.push(key);
+  					} else if (argType === 'object') {
+  						if (arg.toString === Object.prototype.toString) {
+  							for (var key in arg) {
+  								if (hasOwn.call(arg, key) && arg[key]) {
+  									classes.push(key);
+  								}
   							}
+  						} else {
+  							classes.push(arg.toString());
   						}
-  					} else {
-  						classes.push(arg.toString());
   					}
   				}
-  			}
 
-  			return classes.join(' ');
-  		}
+  				return classes.join(' ');
+  			}
 
-  		if (module.exports) {
-  			classNames.default = classNames;
-  			module.exports = classNames;
-  		} else {
-  			window.classNames = classNames;
-  		}
-  	}()); 
-  } (classnames$1));
+  			if (module.exports) {
+  				classNames.default = classNames;
+  				module.exports = classNames;
+  			} else {
+  				window.classNames = classNames;
+  			}
+  		}()); 
+  	} (classnames$1));
+  	return classnames$1.exports;
+  }
 
-  var classnamesExports = classnames$1.exports;
+  var classnamesExports = requireClassnames();
   var classnames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
 
   /**