@joint/core 4.1.0 → 4.1.2

package/dist/geometry.js

@@ -1,4 +1,4 @@
-/*! JointJS v4.1.0 (2024-11-27) - JavaScript diagramming library
+/*! JointJS v4.1.2 (2025-01-16) - JavaScript diagramming library
 
 
 This Source Code Form is subject to the terms of the Mozilla Public

package/dist/geometry.min.js

@@ -1,4 +1,4 @@
-/*! JointJS v4.1.0 (2024-11-27) - JavaScript diagramming library
+/*! JointJS v4.1.2 (2025-01-16) - JavaScript diagramming library
 
 
 This Source Code Form is subject to the terms of the Mozilla Public

package/dist/joint.d.ts

@@ -1,4 +1,4 @@
-/*! JointJS v4.1.0 (2024-11-27) - JavaScript diagramming library
+/*! JointJS v4.1.2 (2025-01-16) - JavaScript diagramming library
 
 
 This Source Code Form is subject to the terms of the Mozilla Public
@@ -1001,7 +1001,7 @@ export declare namespace dia {
 
         export type UnsetCallback<V> = (
         this: V,
-        node: Element,
+        node: DOMElement,
         nodeAttributes: { [name: string]: any },
         cellView: V
         ) => string | Array<string> | null | void;
@@ -1010,7 +1010,7 @@ export declare namespace dia {
         this: V,
         attributeValue: any,
         refBBox: g.Rect,
-        node: Element,
+        node: DOMElement,
         nodeAttributes: { [name: string]: any },
         cellView: V
         ) => { [key: string]: any } | string | number | void;
@@ -1019,7 +1019,7 @@ export declare namespace dia {
         this: V,
         attributeValue: any,
         refBBox: g.Rect,
-        node: Element,
+        node: DOMElement,
         nodeAttributes: { [name: string]: any },
         cellView: V
         ) => dia.Point | null | void;
@@ -1028,7 +1028,7 @@ export declare namespace dia {
         this: V,
         attributeValue: any,
         nodeBBox: g.Rect,
-        node: Element,
+        node: DOMElement,
         nodeAttributes: { [name: string]: any },
         cellView: V
         ) => dia.Point | null | void;
@@ -1529,7 +1529,7 @@ export declare namespace dia {
 
         isNodeConnection(node: SVGElement): boolean;
 
-        getEventTarget(evt: dia.Event, opt?: { fromPoint?: boolean }): Element;
+        getEventTarget(evt: dia.Event, opt?: { fromPoint?: boolean }): DOMElement;
 
         checkMouseleave(evt: dia.Event): void;
 
@@ -1650,7 +1650,7 @@ export declare namespace dia {
 
     export class ElementView<E extends Element = Element> extends CellViewGeneric<E> {
 
-        update(element?: E, renderingOnlyAttrs?: { [key: string]: any }): void;
+        update(element?: DOMElement, renderingOnlyAttrs?: { [key: string]: any }): void;
 
         setInteractivity(value: boolean | ElementView.InteractivityOptions): void;
 
@@ -1659,9 +1659,9 @@ export declare namespace dia {
         getTargetParentView(evt: dia.Event): CellView | null;
 
         findPortNode(portId: string | number): SVGElement | null;
-        findPortNode(portId: string | number, selector: string): E | null;
+        findPortNode(portId: string | number, selector: string): DOMElement | null;
 
-        findPortNodes(portId: string | number, groupSelector: string): E[];
+        findPortNodes(portId: string | number, groupSelector: string): DOMElement[];
 
         protected renderMarkup(): void;
 
@@ -1810,9 +1810,9 @@ export declare namespace dia {
         getEndMagnet(endType: dia.LinkEnd): SVGElement | null;
 
         findLabelNode(labelIndex: string | number): SVGElement | null;
-        findLabelNode(labelIndex: string | number, selector: string): Element | null;
+        findLabelNode(labelIndex: string | number, selector: string): DOMElement | null;
 
-        findLabelNodes(labelIndex: string | number, groupSelector: string): Element[];
+        findLabelNodes(labelIndex: string | number, groupSelector: string): DOMElement[];
 
         removeRedundantLinearVertices(opt?: dia.ModelSetOptions): number;
 
@@ -2757,6 +2757,8 @@ export declare namespace dia {
     }
 }
 
+declare type DOMElement = Element;
+
 export declare namespace elementTools {
 
     export namespace Button {
@@ -4234,7 +4236,7 @@ export declare namespace mvc {
     export type Dom = unknown;
     // The following types represent the DOM elements that can be passed to the
     // $() function.
-    export type $Element<T extends Element = Element> = string | T | T[] | Dom;
+    export type $Element<T extends DOMElement = DOMElement> = string | T | T[] | Dom;
     export type $HTMLElement = $Element<HTMLElement>;
     export type $SVGElement = $Element<SVGElement>;
 
@@ -4242,7 +4244,7 @@ export declare namespace mvc {
         duration?: number;
         delay?: number;
         easing?: string;
-        complete?: (this: Element) => void;
+        complete?: (this: DOMElement) => void;
     }
 
     export interface Event {
@@ -4265,7 +4267,7 @@ export declare namespace mvc {
         screenX: number | undefined;
         screenY: number | undefined;
         /** @deprecated */
-        toElement: Element | undefined;
+        toElement: DOMElement | undefined;
         // PointerEvent
         pointerId: number | undefined;
         pointerType: string | undefined;
@@ -4630,7 +4632,7 @@ export declare namespace mvc {
 
     }
 
-    export interface ViewBaseOptions<TModel extends (Model | undefined) = Model, TElement extends Element = HTMLElement> {
+    export interface ViewBaseOptions<TModel extends (Model | undefined) = Model, TElement extends DOMElement = HTMLElement> {
         model?: TModel | undefined;
         // TODO: quickfix, this can't be fixed easy. The collection does not need to have the same model as the parent view.
         collection?: Collection<any> | undefined; // was: Collection<TModel>;
@@ -4644,7 +4646,7 @@ export declare namespace mvc {
 
     export type ViewBaseEventListener = (event: mvc.Event) => void;
 
-    export class ViewBase<TModel extends (Model | undefined) = Model, TElement extends Element = HTMLElement> extends EventsMixin implements Events {
+    export class ViewBase<TModel extends (Model | undefined) = Model, TElement extends DOMElement = HTMLElement> extends EventsMixin implements Events {
         /**
          * Do not use, prefer TypeScript's extend functionality.
          */
@@ -4696,7 +4698,7 @@ export declare namespace mvc {
         protected _setAttributes(attributes: Record<string, any>): void;
     }
 
-    export interface ViewOptions<T extends (mvc.Model | undefined), E extends Element = HTMLElement> extends mvc.ViewBaseOptions<T, E> {
+    export interface ViewOptions<T extends (mvc.Model | undefined), E extends DOMElement = HTMLElement> extends mvc.ViewBaseOptions<T, E> {
         theme?: string;
         [key: string]: any;
     }
@@ -4705,7 +4707,7 @@ export declare namespace mvc {
         [key: string]: any;
     }
 
-    export class View<T extends (mvc.Model | undefined), E extends Element = HTMLElement> extends mvc.ViewBase<T, E> {
+    export class View<T extends (mvc.Model | undefined), E extends DOMElement = HTMLElement> extends mvc.ViewBase<T, E> {
 
         constructor(opt?: ViewOptions<T, E>);
 
@@ -4733,7 +4735,7 @@ export declare namespace mvc {
 
         children?: dia.MarkupJSON;
 
-        childNodes?: { [key: string]: Element } | null;
+        childNodes?: { [key: string]: DOMElement } | null;
 
         style?: { [key: string]: any };
 
@@ -4745,9 +4747,9 @@ export declare namespace mvc {
 
         undelegateDocumentEvents(): this;
 
-        delegateElementEvents(element: Element, events?: mvc.EventsHash, data?: viewEventData): this;
+        delegateElementEvents(element: DOMElement, events?: mvc.EventsHash, data?: viewEventData): this;
 
-        undelegateElementEvents(element: Element): this;
+        undelegateElementEvents(element: DOMElement): this;
 
         eventData(evt: dia.Event): viewEventData;
         eventData(evt: dia.Event, data: viewEventData): this;
@@ -4757,7 +4759,7 @@ export declare namespace mvc {
 
         renderChildren(children?: dia.MarkupJSON): this;
 
-        findAttribute(attributeName: string, node: Element): string | null;
+        findAttribute(attributeName: string, node: DOMElement): string | null;
 
         confirmUpdate(flag: number, opt: { [key: string]: any }): number;
 
@@ -4765,7 +4767,7 @@ export declare namespace mvc {
 
         isMounted(): boolean;
 
-        protected findAttributeNode(attributeName: string, node: Element): Element | null;
+        protected findAttributeNode(attributeName: string, node: DOMElement): DOMElement | null;
 
         protected init(): void;
 
@@ -5244,27 +5246,27 @@ export declare namespace util {
 
     export function imageToDataUri(url: string, callback: (err: Error | null, dataUri: string) => void): void;
 
-    export function getElementBBox(el: Element): dia.BBox;
+    export function getElementBBox(el: DOMElement): dia.BBox;
 
     export function sortElements(
     elements: mvc.$Element,
-    comparator: (a: Element, b: Element) => number
-    ): Element[];
+    comparator: (a: DOMElement, b: DOMElement) => number
+    ): DOMElement[];
 
-    export function setAttributesBySelector(el: Element, attrs: { [selector: string]: { [attribute: string]: any }}): void;
+    export function setAttributesBySelector(el: DOMElement, attrs: { [selector: string]: { [attribute: string]: any }}): void;
 
     export function normalizeSides(sides: dia.Sides): dia.PaddingJSON;
 
     export function template(html: string): (data: any) => string;
 
-    export function toggleFullScreen(el?: Element): void;
+    export function toggleFullScreen(el?: DOMElement): void;
 
     export function objectDifference(object: object, base: object, opt?: { maxDepth?: number }): object;
 
     export interface DOMJSONDocument {
         fragment: DocumentFragment;
-        selectors: { [key: string]: Element };
-        groupSelectors: { [key: string]: Element[] };
+        selectors: { [key: string]: DOMElement };
+        groupSelectors: { [key: string]: DOMElement[] };
     }
 
     export function parseDOMJSON(json: dia.MarkupJSON): DOMJSONDocument;

package/dist/joint.js

@@ -1,4 +1,4 @@
-/*! JointJS v4.1.0 (2024-11-27) - JavaScript diagramming library
+/*! JointJS v4.1.2 (2025-01-16) - JavaScript diagramming library
 
 
 This Source Code Form is subject to the terms of the Mozilla Public
@@ -7255,7 +7255,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	  const Constructor = object.constructor;
 	  switch (tag) {
 	    case arrayBufferTag:
-	      return cloneArrayBuffer(object, isDeep);
+	      return cloneArrayBuffer(object);
 	    case boolTag:
 	    case dateTag:
 	      return new Constructor(+object);
@@ -7874,7 +7874,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	      }
 	      assignMergeValue(object, key, newValue);
 	    }
-	  }, keysIn);
+	  });
 	};
 	const baseMergeDeep = (object, source, key, srcIndex, mergeFunc, customizer, stack) => {
 	  const objValue = safeGet(object, key);
@@ -7964,7 +7964,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	  const length = array == null ? 0 : array.length;
 	  return length ? array[length - 1] : undefined;
 	}
-	const createSet = Set && 1 / setToArray(new Set([undefined, -0]))[1] == 1 / 0 ? values => new Set(values) : () => {};
+	const createSet = Set && 1 / setToArray(new Set([undefined, -0]))[1] == 1 / 0 ? values => new Set(values) : () => {/* no-op */};
 	function customDefaultsMerge(objValue, srcValue, key, object, source, stack) {
 	  if (isObject$1(objValue) && isObject$1(srcValue)) {
 	    // Recursively merge objects and arrays (susceptible to call stack limits).
@@ -8758,8 +8758,8 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	}
 	const groupBy = (collection, iteratee) => {
 	  iteratee = getIteratee(iteratee, 2);
-	  return reduce(collection, (result, value, key) => {
-	    key = iteratee(value);
+	  return reduce(collection, (result, value) => {
+	    const key = iteratee(value);
 	    if (hasOwnProperty.call(result, key)) {
 	      result[key].push(value);
 	    } else {
@@ -9152,8 +9152,8 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	  }
 	  return ret;
 	};
-	$.fn.add = function (selector, context) {
-	  const newElements = $(selector, context).toArray();
+	$.fn.add = function (selector) {
+	  const newElements = $(selector).toArray();
 	  const prevElements = this.toArray();
 	  const ret = this.pushStack([]);
 	  $.merge(ret, uniq(prevElements.concat(newElements)));
@@ -9969,8 +9969,8 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	      case 'bottom':
 	        dy = -(0.25 * llMaxFont) - rLineHeights;
 	        break;
-	      default:
 	      case 'top':
+	      default:
 	        dy = 0.8 * flMaxFont;
 	        break;
 	    }
@@ -11817,7 +11817,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	  if (!el) return null;
 	  if (arguments.length === 0) return el.innerHTML;
 	  if (html === undefined) return this; // do nothing
-	  cleanNodesData(dataPriv, el.getElementsByTagName('*'));
+	  cleanNodesData(el.getElementsByTagName('*'));
 	  if (typeof html === 'string' || typeof html === 'number') {
 	    el.innerHTML = html;
 	  } else {
@@ -12076,17 +12076,21 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    // when a statically positioned element is identified
 	    doc = el.ownerDocument;
 	    offsetParent = el.offsetParent || doc.documentElement;
-	    const $parentOffset = $(offsetParent);
-	    const parentOffsetElementPosition = $parentOffset.css('position') || 'static';
-	    while (offsetParent && (offsetParent === doc.body || offsetParent === doc.documentElement) && parentOffsetElementPosition === 'static') {
-	      offsetParent = offsetParent.parentNode;
+	    const isStaticallyPositioned = el => {
+	      const {
+	        position
+	      } = el.style;
+	      return !position || position === 'static';
+	    };
+	    while (offsetParent && offsetParent !== doc.documentElement && isStaticallyPositioned(offsetParent)) {
+	      offsetParent = offsetParent.offsetParent || doc.documentElement;
 	    }
-	    if (offsetParent && offsetParent !== el && offsetParent.nodeType === 1) {
+	    if (offsetParent && offsetParent !== el && offsetParent.nodeType === 1 && !isStaticallyPositioned(offsetParent)) {
 	      // Incorporate borders into its offset, since they are outside its content origin
 	      const offsetParentStyles = window.getComputedStyle(offsetParent);
 	      const borderTopWidth = parseFloat(offsetParentStyles.borderTopWidth) || 0;
 	      const borderLeftWidth = parseFloat(offsetParentStyles.borderLeftWidth) || 0;
-	      parentOffset = $parentOffset.offset();
+	      parentOffset = $(offsetParent).offset();
 	      parentOffset.top += borderTopWidth;
 	      parentOffset.left += borderLeftWidth;
 	    }
@@ -12445,9 +12449,9 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	  const selectors = {};
 	  const groupSelectors = {};
 	  const svgNamespace = V.namespace.svg;
-	  const ns = namespace || svgNamespace;
+	  const initialNS = namespace || svgNamespace;
 	  const fragment = document.createDocumentFragment();
-	  const parseNode = function (siblingsDef, parentNode, ns) {
+	  const parseNode = function (siblingsDef, parentNode, parentNS) {
 	    for (let i = 0; i < siblingsDef.length; i++) {
 	      const nodeDef = siblingsDef[i];
 
@@ -12464,7 +12468,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	      let node;
 
 	      // Namespace URI
-	      if (nodeDef.hasOwnProperty('namespaceURI')) ns = nodeDef.namespaceURI;
+	      const ns = nodeDef.hasOwnProperty('namespaceURI') ? nodeDef.namespaceURI : parentNS;
 	      node = document.createElementNS(ns, tagName);
 	      const svg = ns === svgNamespace;
 	      const wrapperNode = svg ? V(node) : $(node);
@@ -12514,7 +12518,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	      }
 	    }
 	  };
-	  parseNode(json, fragment, ns);
+	  parseNode(json, fragment, initialNS);
 	  return {
 	    fragment: fragment,
 	    selectors: selectors,
@@ -13845,7 +13849,9 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	  } = opt || {};
 	  return findDifference(object, base, 0, maxDepth);
 	}
-	const noop = function () {};
+	const noop = function () {
+	  // Do nothing.
+	};
 
 	// Events
 	// ---------------
@@ -14316,10 +14322,14 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	  cidPrefix: 'c',
 	  // preinitialize is an empty function by default. You can override it with a function
 	  // or object.  preinitialize will run before any instantiation logic is run in the Model.
-	  preinitialize: function () {},
+	  preinitialize: function () {
+	    // No implementation.
+	  },
 	  // Initialize is an empty function by default. Override it with your own
 	  // initialization logic.
-	  initialize: function () {},
+	  initialize: function () {
+	    // No implementation.
+	  },
 	  // Return a copy of the model's `attributes` object.
 	  toJSON: function (options) {
 	    return clone(this.attributes);
@@ -20536,10 +20546,14 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	  },
 	  // preinitialize is an empty function by default. You can override it with a function
 	  // or object.  preinitialize will run before any instantiation logic is run in the View
-	  preinitialize: function () {},
+	  preinitialize: function () {
+	    // No implementation.
+	  },
 	  // Initialize is an empty function by default. Override it with your own
 	  // initialization logic.
-	  initialize: function () {},
+	  initialize: function () {
+	    // No implementation.
+	  },
 	  // **render** is the core function that your view should override, in order
 	  // to populate its element (`this.el`), with the appropriate HTML. The
 	  // convention is for **render** to always return `this`.
@@ -20929,7 +20943,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
 	      args[_key2 - 2] = arguments[_key2];
 	    }
-	    if (V.isObject(evt)) {
+	    if (evt && typeof evt === 'object') {
 	      const [context = null] = args;
 	      Object.entries(evt).forEach(_ref => {
 	        let [eventName, cb] = _ref;
@@ -21006,10 +21020,14 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	  model: Model,
 	  // preinitialize is an empty function by default. You can override it with a function
 	  // or object.  preinitialize will run before any instantiation logic is run in the Collection.
-	  preinitialize: function () {},
+	  preinitialize: function () {
+	    // No implementation.
+	  },
 	  // Initialize is an empty function by default. Override it with your own
 	  // initialization logic.
-	  initialize: function () {},
+	  initialize: function () {
+	    // No implementation.
+	  },
 	  // The JSON representation of a Collection is an array of the
 	  // models' attributes.
 	  toJSON: function (options) {
@@ -21527,13 +21545,13 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	      cellView,
 	      nodeSelector
 	    } = this;
-	    if (!cellView.isMounted()) {
+	    if (cellView.isMounted()) {
+	      this.update(cellView, nodeSelector);
+	      this.mount();
+	      this.transform();
+	    } else {
 	      this.postponedUpdate = true;
-	      return 0;
 	    }
-	    this.update(cellView, nodeSelector);
-	    this.mount();
-	    this.transform();
 	    return 0;
 	  },
 	  findNode(cellView) {
@@ -28515,7 +28533,9 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	  /**
 	   * @abstract
 	   */
-	  _initializePorts: function () {},
+	  _initializePorts: function () {
+	    // implemented in ports.js
+	  },
 	  update: function (_, renderingOnlyAttrs) {
 	    this.cleanNodesCache();
 
@@ -34469,15 +34489,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	      const tool = tools[i];
 	      tool.updateVisibility();
 	      if (!tool.isVisible()) continue;
-	      if (!this.isRendered) {
-	        // There is at least one visible tool
-	        this.isRendered = Array(n).fill(false);
-	      }
-	      if (!this.isRendered[i]) {
-	        // First update executes render()
-	        tool.render();
-	        this.isRendered[i] = true;
-	      } else if (opt.tool !== tool.cid) {
+	      if (this.ensureToolRendered(tools, i) && opt.tool !== tool.cid) {
 	        tool.update();
 	      }
 	    }
@@ -34495,6 +34507,19 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    }
 	    return this;
 	  },
+	  ensureToolRendered(tools, i) {
+	    if (!this.isRendered) {
+	      // There is at least one visible tool
+	      this.isRendered = Array(tools.length).fill(false);
+	    }
+	    if (!this.isRendered[i]) {
+	      // First update executes render()
+	      tools[i].render();
+	      this.isRendered[i] = true;
+	      return false;
+	    }
+	    return true;
+	  },
 	  focusTool: function (focusedTool) {
 	    var tools = this.tools;
 	    if (!tools) return this;
@@ -34517,7 +34542,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	        tool.show();
 	        // Check if the tool is conditionally visible too
 	        if (tool.isVisible()) {
-	          tool.update();
+	          this.ensureToolRendered(tools, i) && tool.update();
 	        }
 	      }
 	    }
@@ -34527,7 +34552,12 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    return this.focusTool(null);
 	  },
 	  show: function () {
-	    return this.blurTool(null);
+	    this.blurTool(null);
+	    // If this the first time the tools are shown, make sure they are mounted
+	    if (!this.isMounted()) {
+	      this.mount();
+	    }
+	    return this;
 	  },
 	  onRemove: function () {
 	    var tools = this.tools;
@@ -36486,7 +36516,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 		Control: Control
 	});
 
-	var version = "4.1.0";
+	var version = "4.1.2";
 
 	const Vectorizer = V;
 	const layout = {