@joint/core 4.2.2 → 4.2.4

package/dist/joint.nowrap.js

@@ -1,4 +1,4 @@
-/*! JointJS v4.2.2 (2025-12-16) - JavaScript diagramming library
+/*! JointJS v4.2.4 (2026-02-13) - JavaScript diagramming library
 
 This Source Code Form is subject to the terms of the Mozilla Public
 License, v. 2.0. If a copy of the MPL was not distributed with this
@@ -7205,7 +7205,7 @@ var joint = (function (exports) {
 	};
 	const initCloneArray = array => {
 	  const length = array.length;
-	  let result = new array.constructor(length);
+	  const result = new array.constructor(length);
 	  if (length && typeof array[0] == 'string' && hasOwnProperty.call(array, 'index')) {
 	    result.index = array.index;
 	    result.input = array.input;
@@ -7383,13 +7383,13 @@ var joint = (function (exports) {
 	  return baseIsEqualDeep(value, other, baseIsEqual, stack);
 	};
 	const baseIsEqualDeep = (object, other, equalFunc, stack) => {
-	  let objIsArr = Array.isArray(object);
+	  const objIsArr = Array.isArray(object);
 	  const othIsArr = Array.isArray(other);
 	  let objTag = objIsArr ? arrayTag : getTag(object);
 	  let othTag = othIsArr ? arrayTag : getTag(other);
 	  objTag = objTag == argsTag ? objectTag : objTag;
 	  othTag = othTag == argsTag ? objectTag : othTag;
-	  let objIsObj = objTag == objectTag;
+	  const objIsObj = objTag == objectTag;
 	  const othIsObj = othTag == objectTag;
 	  const isSameTag = objTag == othTag;
 	  if (isSameTag && !objIsObj) {
@@ -7524,7 +7524,7 @@ var joint = (function (exports) {
 	};
 	const mapToArray = map => {
 	  let index = -1;
-	  let result = Array(map.size);
+	  const result = Array(map.size);
 	  map.forEach((value, key) => {
 	    result[++index] = [key, value];
 	  });
@@ -7634,7 +7634,7 @@ var joint = (function (exports) {
 	    isCommon = false;
 	    values = new SetCache(values);
 	  }
-	  outer: for (let key in array) {
+	  outer: for (const key in array) {
 	    let value = array[key];
 	    const computed = value;
 	    value = value !== 0 ? value : 0;
@@ -9048,7 +9048,7 @@ var joint = (function (exports) {
 	// User data storage
 	$.data = dataUser;
 	$.merge = function (first, second) {
-	  let len = +second.length;
+	  const len = +second.length;
 	  let i = first.length;
 	  for (let j = 0; j < len; j++) {
 	    first[i++] = second[j];
@@ -9216,7 +9216,7 @@ var joint = (function (exports) {
 	      data = data || selector;
 	      selector = undefined;
 	    }
-	    for (let type in types) {
+	    for (const type in types) {
 	      $.event.on(elem, type, selector, data, types[type], one);
 	    }
 	    return elem;
@@ -9709,6 +9709,25 @@ var joint = (function (exports) {
 	  return `matrix(${a},${b},${c},${d},${e},${f})`;
 	}
 
+	/**
+	 * @param {SVGElement} node
+	 * @returns {SVGSVGElement|null}
+	 * @description Returns the root SVG element for the given node,
+	 * walking up through nested SVG elements.
+	 * Returns `null` if the node is not part of an SVG document.
+	 */
+	function getRootSVG(node) {
+	  let svg = node.ownerSVGElement;
+	  if (!svg) {
+	    // The node itself may be an <svg> element
+	    return node instanceof SVGSVGElement ? node : null;
+	  }
+	  while (svg.ownerSVGElement) {
+	    svg = svg.ownerSVGElement;
+	  }
+	  return svg;
+	}
+
 	/**
 	 *
 	 * @param {SVGElement} a
@@ -9719,9 +9738,12 @@ var joint = (function (exports) {
 	 * in order to calculate the correct transformation matrix.
 	 */
 	function getRelativeTransformation(a, b) {
-	  // Different SVG elements, no transformation possible
-	  // Note: SVGSVGElement has no `ownerSVGElement`
-	  if ((a.ownerSVGElement || a) !== (b.ownerSVGElement || b)) return null;
+	  // Elements must be part of an SVG document
+	  const rootA = getRootSVG(a);
+	  const rootB = getRootSVG(b);
+	  if (!rootA || !rootB) return null;
+	  // Different SVG documents, no transformation possible
+	  if (rootA !== rootB) return null;
 	  // Get the transformation matrix from `a` to `b`.
 	  const am = b.getScreenCTM();
 	  if (!am) return null;
@@ -12065,7 +12087,7 @@ var joint = (function (exports) {
 	  } else {
 	    styles = name;
 	  }
-	  for (let style in styles) {
+	  for (const style in styles) {
 	    if (styles.hasOwnProperty(style)) {
 	      for (let i = 0; i < this.length; i++) {
 	        setCSSProperty(this[i], style, styles[style]);
@@ -12171,7 +12193,7 @@ var joint = (function (exports) {
 	  }
 	  if (typeof types === 'object') {
 	    // ( types-object [, selector] )
-	    for (let type in types) {
+	    for (const type in types) {
 	      this.off(type, selector, types[type]);
 	    }
 	    return this;
@@ -12215,7 +12237,7 @@ var joint = (function (exports) {
 	function position() {
 	  const [el] = this;
 	  if (!el) return;
-	  let $el = $(el);
+	  const $el = $(el);
 	  let offsetParent;
 	  let offset;
 	  let doc;
@@ -12334,8 +12356,10 @@ var joint = (function (exports) {
 	function animateNode(el, properties, opt = {}) {
 	  let {
 	    duration = 400,
+	    delay = 0
+	  } = opt;
+	  const {
 	    easing = 'ease-in-out',
-	    delay = 0,
 	    complete
 	  } = opt;
 	  const delayId = setTimeout(function () {
@@ -12471,7 +12495,7 @@ var joint = (function (exports) {
 	  } else {
 	    attributes = name;
 	  }
-	  for (let attr in attributes) {
+	  for (const attr in attributes) {
 	    if (attributes.hasOwnProperty(attr)) {
 	      const value = attributes[attr];
 	      if (propertiesMap[attr]) {
@@ -12625,11 +12649,10 @@ var joint = (function (exports) {
 	      // TagName
 	      if (!nodeDef.hasOwnProperty('tagName')) throw new Error('json-dom-parser: missing tagName');
 	      const tagName = nodeDef.tagName;
-	      let node;
 
 	      // Namespace URI
 	      const ns = nodeDef.hasOwnProperty('namespaceURI') ? nodeDef.namespaceURI : parentNS;
-	      node = document.createElementNS(ns, tagName);
+	      const node = document.createElementNS(ns, tagName);
 	      const svg = ns === svgNamespace;
 	      const wrapperNode = svg ? V(node) : $(node);
 	      // Attributes
@@ -12810,7 +12833,7 @@ var joint = (function (exports) {
 	  // If the event is a touch event, normalize it to a mouse event.
 	  const touch = originalEvent && originalEvent.changedTouches && originalEvent.changedTouches[0];
 	  if (touch) {
-	    for (let property in touch) {
+	    for (const property in touch) {
 	      // copy all the properties from the first touch that are not
 	      // defined on TouchEvent (clientX, clientY, pageX, pageY, screenX, screenY, identifier, ...)
 	      if (evt[property] === undefined) {
@@ -14543,7 +14566,9 @@ var joint = (function (exports) {
 	    if (this.idAttribute in attrs) {
 	      var prevId = this.id;
 	      this.id = this.get(this.idAttribute);
-	      this.trigger(this.eventPrefix + 'changeId', this, prevId, options);
+	      if (this.id !== prevId) {
+	        this.trigger(this.eventPrefix + 'changeId', this, prevId, options);
+	      }
 	    }
 
 	    // Trigger all relevant attribute changes.
@@ -14977,7 +15002,7 @@ var joint = (function (exports) {
 	  let value = expression;
 	  let startSearchIndex = 0;
 	  do {
-	    let calcIndex = value.indexOf(calcStart, startSearchIndex);
+	    const calcIndex = value.indexOf(calcStart, startSearchIndex);
 	    if (calcIndex === -1) return value;
 	    let calcEndIndex = calcIndex + calcStartOffset;
 	    let brackets = 1;
@@ -15640,7 +15665,7 @@ var joint = (function (exports) {
 	      return finalAttributes;
 	    }
 	    let defaultAttributes = {};
-	    let attributes = cloneDeep(this.attributes);
+	    const attributes = cloneDeep(this.attributes);
 	    if (ignoreDefaults === true) {
 	      // Compare all attributes with the defaults
 	      defaultAttributes = defaults;
@@ -16195,8 +16220,7 @@ var joint = (function (exports) {
 	    const {
 	      _scheduledTransitionIds
 	    } = this;
-	    let initialId;
-	    var initiator = callback => {
+	    const initiator = callback => {
 	      if (_scheduledTransitionIds[transitionKey]) {
 	        _scheduledTransitionIds[transitionKey] = without(_scheduledTransitionIds[transitionKey], initialId);
 	        if (_scheduledTransitionIds[transitionKey].length === 0) {
@@ -16208,7 +16232,7 @@ var joint = (function (exports) {
 	      this._transitionIds[transitionKey] = nextFrame(callback);
 	      this.trigger('transition:start', this, transitionKey);
 	    };
-	    initialId = setTimeout(initiator, opt.delay, setter);
+	    const initialId = setTimeout(initiator, opt.delay, setter);
 	    _scheduledTransitionIds[transitionKey] || (_scheduledTransitionIds[transitionKey] = []);
 	    _scheduledTransitionIds[transitionKey].push(initialId);
 	    return initialId;
@@ -16383,11 +16407,11 @@ var joint = (function (exports) {
 	    }, protoProps);
 	    var Cell = this.extend(protoProps, staticProps);
 	    // es5 backward compatibility
-	    /* eslint-disable no-undef */
+	    // eslint-disable-next-line no-undef
 	    if (typeof joint !== 'undefined' && has(joint, 'shapes')) {
+	      // eslint-disable-next-line no-undef
 	      setByPath(joint.shapes, type, Cell, '.');
 	    }
-	    /* eslint-enable no-undef */
 	    return Cell;
 	  }
 	});
@@ -16736,7 +16760,7 @@ var joint = (function (exports) {
 	  });
 	}
 	function argTransform(bbox, args) {
-	  let {
+	  const {
 	    x,
 	    y,
 	    angle
@@ -17200,7 +17224,7 @@ var joint = (function (exports) {
 	    } else {
 	      groupPortTransformations = this._getGroupPortTransformations(group, portsArgs, elBBox);
 	    }
-	    let accumulator = {
+	    const accumulator = {
 	      ports: ports,
 	      result: {}
 	    };
@@ -17358,7 +17382,10 @@ var joint = (function (exports) {
 	    evaluated.position = this._evaluatePortPositionProperty(group, evaluated);
 	    evaluated.label = this._evaluatePortLabelProperty(group, evaluated);
 	    evaluated.z = this._evaluatePortZProperty(group, evaluated);
-	    evaluated.size = assign({}, group.size, evaluated.size);
+	    evaluated.size = assign({
+	      width: 0,
+	      height: 0
+	    }, group.size, evaluated.size);
 	    return evaluated;
 	  },
 	  _evaluatePortPositionProperty: function (group, port) {
@@ -20952,17 +20979,15 @@ var joint = (function (exports) {
 	    const v2 = tpNext.difference(points[i]).normalize();
 	    const vAngle = angleBetweenVectors(v1, v2);
 	    let rot = (Math.PI - vAngle) / 2;
-	    let t;
 	    const vectorDeterminant = determinant(v1, v2);
-	    let pointsDeterminant;
-	    pointsDeterminant = determinant(points[i].difference(points[i + 1]), points[i].difference(points[i - 1]));
+	    const pointsDeterminant = determinant(points[i].difference(points[i + 1]), points[i].difference(points[i - 1]));
 	    if (vectorDeterminant < 0) {
 	      rot = -rot;
 	    }
 	    if (vAngle < Math.PI / 2 && (rot < 0 && pointsDeterminant < 0 || rot > 0 && pointsDeterminant > 0)) {
 	      rot = rot - Math.PI;
 	    }
-	    t = v2.clone();
+	    const t = v2.clone();
 	    rotateVector(t, rot);
 	    const t1 = t.clone();
 	    const t2 = t.clone();
@@ -21460,6 +21485,7 @@ var joint = (function (exports) {
 	    }
 	    // signature 2 - (object, event, callback, context)
 	    else if (typeof evt === 'string' && typeof args[0] === 'function') {
+	      // eslint-disable-next-line prefer-const
 	      let [cb, context = null] = args;
 	      // Invoke the callback with callbackArguments passed first
 	      if (context || callbackArguments.length > 0) cb = cb.bind(context, ...callbackArguments);
@@ -22286,7 +22312,7 @@ var joint = (function (exports) {
 	      // all highlighters
 	      const views = [];
 	      if (!refs) return views;
-	      for (let hid in refs) {
+	      for (const hid in refs) {
 	        const ref = refs[hid];
 	        if (ref instanceof this) {
 	          views.push(ref);
@@ -22316,7 +22342,7 @@ var joint = (function (exports) {
 	    if (!refs) return false;
 	    if (id === null) {
 	      // any highlighter
-	      for (let hid in refs) {
+	      for (const hid in refs) {
 	        if (refs[hid] instanceof this) return true;
 	      }
 	      return false;
@@ -22361,7 +22387,7 @@ var joint = (function (exports) {
 	    const refs = _views[cid];
 	    if (!refs) return;
 	    if (id) delete refs[id];
-	    for (let _ in refs) return;
+	    for (const _ in refs) return;
 	    delete _views[cid];
 	  },
 	  remove(cellView, id = null) {
@@ -22374,8 +22400,8 @@ var joint = (function (exports) {
 	    const {
 	      _views
 	    } = this;
-	    for (let cid in _views) {
-	      for (let hid in _views[cid]) {
+	    for (const cid in _views) {
+	      for (const hid in _views[cid]) {
 	        const view = _views[cid][hid];
 	        if (view.cellView.paper === paper && view instanceof this && (id === null || hid === id)) {
 	          views.push(view);
@@ -22947,7 +22973,7 @@ var joint = (function (exports) {
 	// Connection Points
 
 	function anchorConnectionPoint(line, _view, _magnet, opt) {
-	  let {
+	  const {
 	    offset,
 	    alignOffset,
 	    align
@@ -25220,8 +25246,8 @@ var joint = (function (exports) {
 	      }];
 	    }
 	    let x;
-	    let y1 = Math.min((sy1 + ty0) / 2, toy);
-	    let y2 = Math.min((sy0 + ty1) / 2, soy);
+	    const y1 = Math.min((sy1 + ty0) / 2, toy);
+	    const y2 = Math.min((sy0 + ty1) / 2, soy);
 	    if (toy < soy) {
 	      // Use the shortest path along the connections on horizontal sides
 	      if (rightD > leftD) {
@@ -25263,8 +25289,8 @@ var joint = (function (exports) {
 	      }];
 	    }
 	    let x;
-	    let y1 = Math.max((sy0 + ty1) / 2, toy);
-	    let y2 = Math.max((sy1 + ty0) / 2, soy);
+	    const y1 = Math.max((sy0 + ty1) / 2, toy);
+	    const y2 = Math.max((sy1 + ty0) / 2, soy);
 	    if (toy > soy) {
 	      // Use the shortest path along the connections on horizontal sides
 	      if (rightD > leftD) {
@@ -25306,8 +25332,8 @@ var joint = (function (exports) {
 	      }];
 	    }
 	    let y;
-	    let x1 = Math.min((sx1 + tx0) / 2, tox);
-	    let x2 = Math.min((sx0 + tx1) / 2, sox);
+	    const x1 = Math.min((sx1 + tx0) / 2, tox);
+	    const x2 = Math.min((sx0 + tx1) / 2, sox);
 	    if (tox > sox) {
 	      if (topD <= bottomD) {
 	        y = Math.min(smy0, toy);
@@ -25348,8 +25374,8 @@ var joint = (function (exports) {
 	      }];
 	    }
 	    let y;
-	    let x1 = Math.max((sx0 + tx1) / 2, tox);
-	    let x2 = Math.max((sx1 + tx0) / 2, sox);
+	    const x1 = Math.max((sx0 + tx1) / 2, tox);
+	    const x2 = Math.max((sx1 + tx0) / 2, sox);
 	    if (tox <= sox) {
 	      if (topD <= bottomD) {
 	        y = Math.min(smy0, toy);
@@ -26166,7 +26192,7 @@ var joint = (function (exports) {
 	  const sourcePoint = pointDataFromAnchor(linkView.sourceView, linkView.sourceAnchor, linkView.sourceBBox, sourceDirection, isSourcePort, linkView.sourceAnchor, margin);
 	  const isTargetPort = !!linkView.model.target().port;
 	  const targetPoint = pointDataFromAnchor(linkView.targetView, linkView.targetAnchor, linkView.targetBBox, targetDirection, isTargetPort, linkView.targetAnchor, margin);
-	  let resultVertices = [];
+	  const resultVertices = [];
 	  if (!useVertices || vertices.length === 0) {
 	    return simplifyPoints(routeBetweenPoints(sourcePoint, targetPoint));
 	  }
@@ -27069,9 +27095,8 @@ var joint = (function (exports) {
 	    if (cellNamespace) {
 	      this.cellNamespace = cellNamespace;
 	    } else {
-	      /* eslint-disable no-undef */
+	      // eslint-disable-next-line no-undef
 	      this.cellNamespace = typeof joint !== 'undefined' && has(joint, 'shapes') ? joint.shapes : null;
-	      /* eslint-enable no-undef */
 	    }
 	    this.graph = graph;
 	  },
@@ -27682,7 +27707,7 @@ var joint = (function (exports) {
 	      // links first.
 	      this.layerCollection.removeCell(sortedCells.shift(), opt);
 	    } while (sortedCells.length > 0);
-	    this.stopBatch('clear');
+	    this.stopBatch('clear', opt);
 	    return this;
 	  },
 	  _prepareCell: function (cellInit, opt) {
@@ -27850,7 +27875,7 @@ var joint = (function (exports) {
 	  removeCells: function (cellRefs, options) {
 	    if (!cellRefs.length) return this;
 	    // Remove multiple cells in a single batch
-	    this.startBatch('remove');
+	    this.startBatch('remove', options);
 	    for (const cellRef of cellRefs) {
 	      if (!cellRef) continue;
 	      let cell;
@@ -27865,7 +27890,7 @@ var joint = (function (exports) {
 	      }
 	      this.layerCollection.removeCell(cell, options);
 	    }
-	    this.stopBatch('remove');
+	    this.stopBatch('remove', options);
 	    return this;
 	  },
 	  /**
@@ -27895,7 +27920,7 @@ var joint = (function (exports) {
 
 	    // 3. Add the replacement cell
 	    this.addCell(replacement, replaceOptions);
-	    this.stopBatch(batchName);
+	    this.stopBatch(batchName, opt);
 	  },
 	  /**
 	   * @protected
@@ -27984,7 +28009,7 @@ var joint = (function (exports) {
 	        this.getLayer(layerId).cellCollection.sort(opt);
 	      }
 	    }
-	    this.stopBatch(batchName);
+	    this.stopBatch(batchName, opt);
 	  },
 	  /**
 	   * @public
@@ -28010,13 +28035,13 @@ var joint = (function (exports) {
 	      throw new Error('dia.Graph: cell to remove does not exist in the graph.');
 	    }
 	    if (cell.graph !== this) return;
-	    this.startBatch('remove');
+	    this.startBatch('remove', options);
 	    cell.collection.remove(cell, options);
-	    this.stopBatch('remove');
+	    this.stopBatch('remove', options);
 	  },
 	  transferCellEmbeds: function (sourceCell, targetCell, opt = {}) {
 	    const batchName = 'transfer-embeds';
-	    this.startBatch(batchName);
+	    this.startBatch(batchName, opt);
 
 	    // Embed children of the source cell in the target cell.
 	    const children = sourceCell.getEmbeddedCells();
@@ -28024,11 +28049,11 @@ var joint = (function (exports) {
 	      ...opt,
 	      reparent: true
 	    });
-	    this.stopBatch(batchName);
+	    this.stopBatch(batchName, opt);
 	  },
 	  transferCellConnectedLinks: function (sourceCell, targetCell, opt = {}) {
 	    const batchName = 'transfer-connected-links';
-	    this.startBatch(batchName);
+	    this.startBatch(batchName, opt);
 
 	    // Reconnect all the links connected to the old cell to the new cell.
 	    const connectedLinks = this.getConnectedLinks(sourceCell, opt);
@@ -28040,7 +28065,7 @@ var joint = (function (exports) {
 	        link.prop(['target', 'id'], targetCell.id, opt);
 	      }
 	    });
-	    this.stopBatch(batchName);
+	    this.stopBatch(batchName, opt);
 	  },
 	  /**
 	   * @private
@@ -28048,9 +28073,11 @@ var joint = (function (exports) {
 	   */
 	  _getBeforeLayerIdFromOptions(options, layer = null) {
 	    let {
-	      before = null,
 	      index
 	    } = options;
+	    const {
+	      before = null
+	    } = options;
 	    if (before && index !== undefined) {
 	      throw new Error('dia.Graph: Options "before" and "index" are mutually exclusive.');
 	    }
@@ -28962,7 +28989,7 @@ var joint = (function (exports) {
 	}, {});
 	function evalAttributes(attrs, refBBox) {
 	  const evalAttrs = {};
-	  for (let attrName in attrs) {
+	  for (const attrName in attrs) {
 	    if (!attrs.hasOwnProperty(attrName)) continue;
 	    evalAttrs[attrName] = evalAttribute(attrName, attrs[attrName], refBBox);
 	  }
@@ -31808,7 +31835,7 @@ var joint = (function (exports) {
 	    } = this;
 	    const selectors = _labelSelectors[index];
 	    if (!selectors) return;
-	    for (let selector in selectors) {
+	    for (const selector in selectors) {
 	      const {
 	        id
 	      } = selectors[selector];
@@ -33088,7 +33115,7 @@ var joint = (function (exports) {
 	      el,
 	      pivotNodes
 	    } = this;
-	    for (let z in pivotNodes) el.removeChild(pivotNodes[z]);
+	    for (const z in pivotNodes) el.removeChild(pivotNodes[z]);
 	    this.pivotNodes = {};
 	  },
 	  isEmpty: function () {
@@ -34061,9 +34088,8 @@ var joint = (function (exports) {
 	      options
 	    } = this;
 	    if (!options.cellViewNamespace) {
-	      /* eslint-disable no-undef */
+	      // eslint-disable-next-line no-undef
 	      options.cellViewNamespace = typeof joint !== 'undefined' && has(joint, 'shapes') ? joint.shapes : null;
-	      /* eslint-enable no-undef */
 	    }
 	    const defaultLayerViewNamespace = {
 	      LayerView,
@@ -34127,6 +34153,9 @@ var joint = (function (exports) {
 	    var position = opt.position;
 	    if (this.isAsync() || !isNumber(position)) {
 	      this.renderView(cell, opt);
+	      // Wake up the paper in case it was idle
+	      // When using initializeUnmounted: true the paper won't wake up by itself
+	      this.wakeUp();
 	    } else {
 	      if (opt.maxPosition === position) this.freeze({
 	        key: 'addCells'
@@ -34272,11 +34301,11 @@ var joint = (function (exports) {
 	    } = options;
 
 	    // Default cellView namespace for ES5
-	    /* eslint-disable no-undef */
+	    // eslint-disable-next-line no-undef
 	    if (!cellViewNamespace && typeof joint !== 'undefined' && has(joint, 'shapes')) {
+	      // eslint-disable-next-line no-undef
 	      options.cellViewNamespace = joint.shapes;
 	    }
-	    /* eslint-enable no-undef */
 
 	    // Here if a function was provided, we can not clone it, as this would result in loosing the function.
 	    // If the default is used, the cloning is necessary in order to prevent modifying the options on prototype.
@@ -34504,8 +34533,10 @@ var joint = (function (exports) {
 	   * Helper method for addLayerView and moveLayerView methods
 	   */
 	  _getBeforeLayerViewFromOptions(layerView, options) {
+	    const {
+	      before = null
+	    } = options;
 	    let {
-	      before = null,
 	      index
 	    } = options;
 	    if (before && index !== undefined) {
@@ -34951,7 +34982,7 @@ var joint = (function (exports) {
 	        delete prevPriorityUpdates[cid];
 	      }
 	    }
-	    let currentType = priorityUpdates[cid] || 0;
+	    const currentType = priorityUpdates[cid] || 0;
 	    // Prevent cycling
 	    if ((currentType & type) === type) return;
 	    if (!currentType) updates.count++;
@@ -35097,7 +35128,7 @@ var joint = (function (exports) {
 	    let i = priorityIndexes.length;
 	    while (i > 0 && i--) {
 	      // a faster way how to check if an object is empty
-	      for (let _key in priorities[priorityIndexes[i]]) return true;
+	      for (const _key in priorities[priorityIndexes[i]]) return true;
 	    }
 	    return false;
 	  },
@@ -35416,10 +35447,13 @@ var joint = (function (exports) {
 	    var updates = this._updates;
 	    var unmountedList = updates.unmountedList;
 	    for (var i = 0, n = Math.min(unmountedList.length, batchSize); i < n; i++) {
+	      // stop if there are no more unmounted views
+	      // this can happen when another view was mounted in the onViewUpdate() callback
+	      if (unmountedList.length === 0) break;
 	      const {
 	        key: cid
 	      } = unmountedList.peekHead();
-	      let view = views[cid] || this._viewPlaceholders[cid];
+	      const view = views[cid] || this._viewPlaceholders[cid];
 	      if (!view) {
 	        // This should not occur
 	        // Prevent looping over this invalid cid
@@ -35654,8 +35688,8 @@ var joint = (function (exports) {
 	      width: currentWidth,
 	      height: currentHeight
 	    } = options;
-	    let w = width === undefined ? currentWidth : width;
-	    let h = height === undefined ? currentHeight : height;
+	    const w = width === undefined ? currentWidth : width;
+	    const h = height === undefined ? currentHeight : height;
 	    if (currentWidth === w && currentHeight === h) return;
 	    options.width = w;
 	    options.height = h;
@@ -36529,7 +36563,9 @@ var joint = (function (exports) {
 
 	  resolveHighlighter: function (opt = {}) {
 	    let {
-	      highlighter: highlighterDef,
+	      highlighter: highlighterDef
+	    } = opt;
+	    const {
 	      type
 	    } = opt;
 	    const {
@@ -36756,7 +36792,8 @@ var joint = (function (exports) {
 	    if (view) {
 	      // The view could have been disposed during dragging
 	      // e.g. dragged outside of the viewport and hidden
-	      view = this.findViewByModel(view.model);
+	      // The model can be removed in previous mousemove event handlers
+	      view = this.findViewByModel(view.model) || view;
 	      view.pointermove(evt, localPoint.x, localPoint.y);
 	    } else {
 	      this.trigger('blank:pointermove', evt, localPoint.x, localPoint.y);
@@ -36771,7 +36808,8 @@ var joint = (function (exports) {
 	    if (view) {
 	      // The view could have been disposed during dragging
 	      // e.g. dragged outside of the viewport and hidden
-	      view = this.findViewByModel(view.model);
+	      // The model can be removed in previous mouseup event handlers (e.g. when deleting an element after dragging)
+	      view = this.findViewByModel(view.model) || view;
 	      view.pointerup(normalizedEvt, localPoint.x, localPoint.y);
 	    } else {
 	      this.trigger('blank:pointerup', normalizedEvt, localPoint.x, localPoint.y);
@@ -38278,7 +38316,7 @@ var joint = (function (exports) {
 	        const isSingleVertex = data.originalVertices.length === 1;
 	        const origVIndex = isSingleVertex ? 0 : handleIndex;
 	        const additionalOffset = data.firstHandleShifted && !isSingleVertex ? 1 : 0;
-	        let nextVIndex = 1 + indexOffset;
+	        const nextVIndex = 1 + indexOffset;
 	        vertices.splice(handleIndex + nextVIndex, 0, data.originalVertices[origVIndex - additionalOffset]);
 	      }
 	    }
@@ -38880,7 +38918,7 @@ var joint = (function (exports) {
 	    } = this;
 	    handleNode.setAttribute('transform', this.getHandleTransformString());
 	    if (handleAttributes) {
-	      for (let attrName in handleAttributes) {
+	      for (const attrName in handleAttributes) {
 	        handleNode.setAttribute(attrName, handleAttributes[attrName]);
 	      }
 	    }
@@ -39078,7 +39116,9 @@ var joint = (function (exports) {
 	    const labelPosition = this.getLabelPosition(label);
 	    const coords = view.getLabelCoordinates(labelPosition);
 	    let {
-	      angle = 0,
+	      angle = 0
+	    } = labelPosition;
+	    const {
 	      args = {}
 	    } = labelPosition;
 	    const keepGradient = args.keepGradient;
@@ -39160,15 +39200,18 @@ var joint = (function (exports) {
 	    const {
 	      relatedView: view
 	    } = this;
+	    const toolOptions = getToolOptions(this);
 	    let {
 	      x = 0,
-	      y = 0,
-	      offset = {},
+	      y = 0
+	    } = toolOptions;
+	    const {
 	      useModelGeometry,
+	      offset = {},
 	      rotate,
 	      scale,
 	      relative
-	    } = getToolOptions(this);
+	    } = toolOptions;
 	    let bbox = getViewBBox(view, {
 	      useModelGeometry,
 	      relative
@@ -39606,11 +39649,12 @@ var joint = (function (exports) {
 	    const {
 	      relatedView: view
 	    } = this;
-	    let {
+	    const {
 	      useModelGeometry,
 	      relative,
-	      trackPath = 'M 0 0 H calc(w) V calc(h) H 0 Z'
+	      trackPath: initialTrackPath = 'M 0 0 H calc(w) V calc(h) H 0 Z'
 	    } = getToolOptions(this);
+	    let trackPath = initialTrackPath;
 	    if (typeof trackPath === 'function') {
 	      trackPath = trackPath.call(this, view);
 	    }
@@ -39631,7 +39675,7 @@ var joint = (function (exports) {
 	    const {
 	      relatedView: view
 	    } = this;
-	    let {
+	    const {
 	      useModelGeometry,
 	      rotate
 	    } = getToolOptions(this);
@@ -39657,7 +39701,7 @@ var joint = (function (exports) {
 		Remove: Remove
 	};
 
-	var version = "4.2.2";
+	var version = "4.2.4";
 
 	const Vectorizer = V;
 	const layout$1 = {