@joint/core 4.2.1 → 4.2.3

package/README.md

@@ -65,7 +65,7 @@ Make sure you have the following dependencies installed on your system:
 
 The installation requires Node version >= 20.19.3, to avoid syntax errors during installation.
 
-Make sure that you are using Yarn version >= 2.0.0, so that you have access to [Yarn workspace ranges](https://yarnpkg.com/features/workspaces#workspace-ranges-workspace) functionality. If you are using [Volta](https://volta.sh/), it will automatically read this restriction from `package.json`. 
+Make sure that you are using Yarn version >= 2.0.0, so that you have access to [Yarn workspace ranges](https://yarnpkg.com/features/workspaces#workspace-ranges-workspace) functionality. If you are using [Volta](https://volta.sh/), it will automatically read this restriction from `package.json`.
 
 ### Setup
 
@@ -159,4 +159,4 @@ The output for all unit tests will be saved in the `packages/joint-core/coverage
 
 The *JointJS* library is licensed under the [Mozilla Public License 2.0](https://github.com/clientIO/joint/blob/master/LICENSE).
 
-Copyright © 2013-2025 client IO
+Copyright © 2013-2026 client IO

package/dist/geometry.js

@@ -1,4 +1,4 @@
-/*! JointJS v4.2.1 (2025-11-20) - JavaScript diagramming library
+/*! JointJS v4.2.3 (2026-01-21) - 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

package/dist/geometry.min.js

@@ -1,4 +1,4 @@
-/*! JointJS v4.2.1 (2025-11-20) - JavaScript diagramming library
+/*! JointJS v4.2.3 (2026-01-21) - 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

package/dist/joint.d.ts

@@ -1,4 +1,4 @@
-/*! JointJS v4.2.1 (2025-11-20) - JavaScript diagramming library
+/*! JointJS v4.2.3 (2026-01-21) - 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
@@ -926,6 +926,7 @@ export declare namespace dia {
         constructor(attributes?: Graph.Attributes, opt?: {
             cellNamespace?: any,
             layerNamespace?: any,
+            ignoreLayers?: boolean,
             /** @deprecated use cellNamespace instead */
             cellModel?: typeof Cell
         });
@@ -1154,7 +1155,7 @@ export declare namespace dia {
         }
 
         export interface ExportOptions {
-            ignoreDefault?: boolean | string[];
+            ignoreDefaults?: boolean | string[];
             ignoreEmptyAttributes?: boolean;
         }
 
@@ -2270,8 +2271,8 @@ export declare namespace dia {
             moveThreshold?: number;
             magnetThreshold?: number | string;
             // views
-            elementView?: typeof ElementView | ((element: Element) => typeof ElementView);
-            linkView?: typeof LinkView | ((link: Link) => typeof LinkView);
+            elementView?: typeof ElementView<any> | ((element: Element) => typeof ElementView<any> | null | undefined);
+            linkView?: typeof LinkView<any> | ((link: Link) => typeof LinkView<any> | null | undefined);
             measureNode?: MeasureNodeCallback;
             // embedding
             embeddingMode?: boolean;
@@ -5861,6 +5862,7 @@ export declare namespace util {
 
     export function toArray(value: any): any[];
 
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
     export function debounce<T extends Function>(func: T, wait?: number, options?: { leading?: boolean, maxWait?: number, trailing?: boolean }): T & Cancelable;
 
     export function groupBy(collection: Collection, iteratee?: IterateeFunction<any>): object;

package/dist/joint.js

@@ -1,4 +1,4 @@
-/*! JointJS v4.2.1 (2025-11-20) - JavaScript diagramming library
+/*! JointJS v4.2.3 (2026-01-21) - 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
@@ -7208,7 +7208,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	};
 	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;
@@ -7386,13 +7386,13 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	  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) {
@@ -7527,7 +7527,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	};
 	const mapToArray = map => {
 	  let index = -1;
-	  let result = Array(map.size);
+	  const result = Array(map.size);
 	  map.forEach((value, key) => {
 	    result[++index] = [key, value];
 	  });
@@ -7637,7 +7637,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    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;
@@ -9051,7 +9051,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	// 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];
@@ -9219,7 +9219,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	      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;
@@ -12068,7 +12068,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	  } 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]);
@@ -12174,7 +12174,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	  }
 	  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;
@@ -12218,7 +12218,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	function position() {
 	  const [el] = this;
 	  if (!el) return;
-	  let $el = $(el);
+	  const $el = $(el);
 	  let offsetParent;
 	  let offset;
 	  let doc;
@@ -12337,8 +12337,10 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	function animateNode(el, properties, opt = {}) {
 	  let {
 	    duration = 400,
+	    delay = 0
+	  } = opt;
+	  const {
 	    easing = 'ease-in-out',
-	    delay = 0,
 	    complete
 	  } = opt;
 	  const delayId = setTimeout(function () {
@@ -12474,7 +12476,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	  } else {
 	    attributes = name;
 	  }
-	  for (let attr in attributes) {
+	  for (const attr in attributes) {
 	    if (attributes.hasOwnProperty(attr)) {
 	      const value = attributes[attr];
 	      if (propertiesMap[attr]) {
@@ -12628,11 +12630,10 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	      // 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
@@ -12813,7 +12814,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	  // 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) {
@@ -14980,7 +14981,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	  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;
@@ -15643,7 +15644,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	      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;
@@ -16198,8 +16199,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    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) {
@@ -16211,7 +16211,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	      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;
@@ -16386,11 +16386,11 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    }, 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;
 	  }
 	});
@@ -16739,7 +16739,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	  });
 	}
 	function argTransform(bbox, args) {
-	  let {
+	  const {
 	    x,
 	    y,
 	    angle
@@ -17203,7 +17203,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    } else {
 	      groupPortTransformations = this._getGroupPortTransformations(group, portsArgs, elBBox);
 	    }
-	    let accumulator = {
+	    const accumulator = {
 	      ports: ports,
 	      result: {}
 	    };
@@ -17361,7 +17361,10 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    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) {
@@ -20955,17 +20958,15 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    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();
@@ -21463,6 +21464,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    }
 	    // 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);
@@ -22289,7 +22291,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	      // 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);
@@ -22319,7 +22321,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    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;
@@ -22364,7 +22366,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    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) {
@@ -22377,8 +22379,8 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    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);
@@ -22950,7 +22952,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	// Connection Points
 
 	function anchorConnectionPoint(line, _view, _magnet, opt) {
-	  let {
+	  const {
 	    offset,
 	    alignOffset,
 	    align
@@ -25223,8 +25225,8 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	      }];
 	    }
 	    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) {
@@ -25266,8 +25268,8 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	      }];
 	    }
 	    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) {
@@ -25309,8 +25311,8 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	      }];
 	    }
 	    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);
@@ -25351,8 +25353,8 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	      }];
 	    }
 	    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);
@@ -26169,7 +26171,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	  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));
 	  }
@@ -27072,9 +27074,8 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    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;
 	  },
@@ -27568,6 +27569,12 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	   * @description The ID of the default layer.
 	   */
 	  defaultLayerId: DEFAULT_LAYER_ID,
+	  /**
+	   * @protected
+	   * @description If `true`, layer functionality is disabled
+	   * and all cells are assigned to the default layer.
+	   */
+	  ignoreLayers: false,
 	  initialize: function (attrs, options = {}) {
 	    const layerCollection = this.layerCollection = new GraphLayerCollection([], {
 	      layerNamespace: options.layerNamespace,
@@ -27596,6 +27603,11 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	      graph: this
 	    });
 
+	    // Option to ignore layers altogether.
+	    if (options.ignoreLayers) {
+	      this.ignoreLayers = true;
+	    }
+
 	    // `Graph` keeps an internal data structure (an adjacency list)
 	    // for fast graph queries. All changes that affect the structure of the graph
 	    // must be reflected in the `al` object. This object provides fast answers to
@@ -27691,7 +27703,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    // Backward compatibility: prior v4.2, z-index was not set during reset.
 	    if (opt && opt.ensureZIndex) {
 	      if (cellAttributes.z === undefined) {
-	        const layerId = cellAttributes[config$3.layerAttribute] || this.defaultLayerId;
+	        const layerId = this.getCellLayerId(cellInit);
 	        const zIndex = this.maxZIndex(layerId) + 1;
 	        if (cellInit[CELL_MARKER]) {
 	          // Set with event in case there is a listener
@@ -27796,6 +27808,10 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    if (!cellInit) {
 	      throw new Error('dia.Graph: No cell provided.');
 	    }
+	    if (this.ignoreLayers) {
+	      // When layers are ignored, all cells belong to the default layer.
+	      return this.defaultLayerId;
+	    }
 	    const cellAttributes = cellInit[CELL_MARKER] ? cellInit.attributes : cellInit;
 	    return cellAttributes[config$3.layerAttribute] || this.defaultLayerId;
 	  },
@@ -28036,9 +28052,11 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	   */
 	  _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.');
 	    }
@@ -28950,7 +28968,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	}, {});
 	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);
 	  }
@@ -31796,7 +31814,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    } = this;
 	    const selectors = _labelSelectors[index];
 	    if (!selectors) return;
-	    for (let selector in selectors) {
+	    for (const selector in selectors) {
 	      const {
 	        id
 	      } = selectors[selector];
@@ -33076,7 +33094,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	      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 () {
@@ -34049,9 +34067,8 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	      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,
@@ -34115,6 +34132,9 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    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'
@@ -34260,11 +34280,11 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    } = 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.
@@ -34492,8 +34512,10 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	   * Helper method for addLayerView and moveLayerView methods
 	   */
 	  _getBeforeLayerViewFromOptions(layerView, options) {
+	    const {
+	      before = null
+	    } = options;
 	    let {
-	      before = null,
 	      index
 	    } = options;
 	    if (before && index !== undefined) {
@@ -34939,7 +34961,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	        delete prevPriorityUpdates[cid];
 	      }
 	    }
-	    let currentType = priorityUpdates[cid] || 0;
+	    const currentType = priorityUpdates[cid] || 0;
 	    // Prevent cycling
 	    if ((currentType & type) === type) return;
 	    if (!currentType) updates.count++;
@@ -35085,7 +35107,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    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;
 	  },
@@ -35404,10 +35426,13 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    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
@@ -35642,8 +35667,8 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	      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;
@@ -36517,7 +36542,9 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 
 	  resolveHighlighter: function (opt = {}) {
 	    let {
-	      highlighter: highlighterDef,
+	      highlighter: highlighterDef
+	    } = opt;
+	    const {
 	      type
 	    } = opt;
 	    const {
@@ -38266,7 +38293,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	        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]);
 	      }
 	    }
@@ -38868,7 +38895,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    } = this;
 	    handleNode.setAttribute('transform', this.getHandleTransformString());
 	    if (handleAttributes) {
-	      for (let attrName in handleAttributes) {
+	      for (const attrName in handleAttributes) {
 	        handleNode.setAttribute(attrName, handleAttributes[attrName]);
 	      }
 	    }
@@ -39066,7 +39093,9 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    const labelPosition = this.getLabelPosition(label);
 	    const coords = view.getLabelCoordinates(labelPosition);
 	    let {
-	      angle = 0,
+	      angle = 0
+	    } = labelPosition;
+	    const {
 	      args = {}
 	    } = labelPosition;
 	    const keepGradient = args.keepGradient;
@@ -39148,15 +39177,18 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    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
@@ -39594,11 +39626,12 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    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);
 	    }
@@ -39619,7 +39652,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    const {
 	      relatedView: view
 	    } = this;
-	    let {
+	    const {
 	      useModelGeometry,
 	      rotate
 	    } = getToolOptions(this);
@@ -39645,7 +39678,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 		Remove: Remove
 	};
 
-	var version = "4.2.1";
+	var version = "4.2.3";
 
 	const Vectorizer = V;
 	const layout$1 = {