@joint/core 4.1.0-beta.1 → 4.1.1

package/dist/geometry.js

@@ -1,4 +1,4 @@
-/*! JointJS v4.1.0-beta.1 (2024-10-30) - JavaScript diagramming library
+/*! JointJS v4.1.1 (2024-12-02) - 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-beta.1 (2024-10-30) - JavaScript diagramming library
+/*! JointJS v4.1.1 (2024-12-02) - 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-beta.1 (2024-10-30) - JavaScript diagramming library
+/*! JointJS v4.1.1 (2024-12-02) - 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;
 
@@ -5181,6 +5183,8 @@ export declare namespace shapes {
 
 export declare namespace util {
 
+    export function cloneCells(cells: dia.Cell[]): { [id: string]: dia.Cell };
+
     export function isCalcExpression(value: any): boolean;
 
     export function evalCalcFormula(formula: string, rect: g.PlainRect): number;
@@ -5242,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-beta.1 (2024-10-30) - JavaScript diagramming library
+/*! JointJS v4.1.1 (2024-12-02) - JavaScript diagramming library
 
 
 This Source Code Form is subject to the terms of the Mozilla Public
@@ -34469,15 +34469,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 +34487,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 +34522,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 +34532,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 +36496,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 		Control: Control
 	});
 
-	var version = "4.1.0-beta.1";
+	var version = "4.1.1";
 
 	const Vectorizer = V;
 	const layout = {