@joint/core 4.0.3 → 4.0.4

package/README.md

@@ -5,13 +5,13 @@
 [![NPM Version](https://img.shields.io/npm/v/jointjs)](https://www.npmjs.com/package/jointjs)
 [![NPM License](https://img.shields.io/npm/l/jointjs?color=blue)](https://github.com/clientIO/joint/blob/master/LICENSE)
 
- [JointJS](https://jointjs.com) is a tested and proven  *JavaScript*/*Typescript* diagramming library that helps developers and companies of any size build visual and No-Code/Low-Code applications faster and with confidence. It’s a flexible tool from which a wide range of UIs can be created (interactive diagramming applications, drawing tools, data visualizations, UIs for monitoring systems, and many more). It can become the foundational layer of your next application and help you bring your idea to market in days, not months or years.
+[JointJS](https://jointjs.com) is a tested and proven *JavaScript*/*Typescript* diagramming library that helps developers and companies of any size build visual and No-Code/Low-Code applications faster and with confidence. It’s a flexible tool from which a wide range of UIs can be created (interactive diagramming applications, drawing tools, data visualizations, UIs for monitoring systems, and many more). It can become the foundational layer of your next application and help you bring your idea to market in days, not months or years.
 
 ![Use Cases](https://user-images.githubusercontent.com/3967880/200360293-808f148c-32af-4f46-bec1-b4ae4e1592a0.jpg)
 
 Further **information**, **examples** and **documentation** can be found at [jointjs.com](https://jointjs.com).
 
-:1234: Get started with [tutorials](https://resources.jointjs.com/tutorial).
+:1234: Get started with [tutorials](https://docs.jointjs.com).
 
 :bulb: To ask a question, share feedback, or engage in a discussion with other community members, visit our [GitHub discussions](https://github.com/clientIO/joint/discussions).
 

package/dist/geometry.js

@@ -1,4 +1,4 @@
-/*! JointJS v4.0.3 (2024-05-14) - JavaScript diagramming library
+/*! JointJS v4.0.4 (2024-05-31) - 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.0.3 (2024-05-14) - JavaScript diagramming library
+/*! JointJS v4.0.4 (2024-05-31) - 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.0.3 (2024-05-14) - JavaScript diagramming library
+/*! JointJS v4.0.4 (2024-05-31) - JavaScript diagramming library
 
 
 This Source Code Form is subject to the terms of the Mozilla Public
@@ -618,6 +618,16 @@ export declare namespace connectors {
     var curve: CurveConnector;
 }
 
+declare type DeepPartial<T> = _DeepPartial<_DeepRequired<T>>;
+
+declare type _DeepPartial<T> = {
+    	[P in keyof T]?: T[P] extends object ? _DeepPartial<T[P]> : T[P];
+};
+
+declare type _DeepRequired<T> = {
+    [P in keyof T]-?: T[P] extends object ? _DeepRequired<T[P]> : T[P];
+};
+
 export declare namespace dia {
 
     export type Event = mvc.TriggeredEvent;
@@ -933,7 +943,7 @@ export declare namespace dia {
 
     export class Cell<A extends ObjectHash = Cell.Attributes, S extends mvc.ModelSetOptions = dia.ModelSetOptions> extends mvc.Model<A, S> {
 
-        constructor(attributes?: A, opt?: Cell.ConstructorOptions);
+        constructor(attributes?: DeepPartial<A>, opt?: Cell.ConstructorOptions);
 
         id: Cell.ID;
         graph: Graph;
@@ -967,7 +977,7 @@ export declare namespace dia {
         isEmbedded(): boolean;
 
         prop(key: Path): any;
-        prop(object: Partial<A>, opt?: Cell.Options): this;
+        prop(object: DeepPartial<A>, opt?: Cell.Options): this;
         prop(key: Path, value: any, opt?: Cell.Options): this;
 
         removeProp(path: Path, opt?: Cell.Options): this;

package/dist/joint.js

@@ -1,4 +1,4 @@
-/*! JointJS v4.0.3 (2024-05-14) - JavaScript diagramming library
+/*! JointJS v4.0.4 (2024-05-31) - JavaScript diagramming library
 
 
 This Source Code Form is subject to the terms of the Mozilla Public
@@ -17410,6 +17410,8 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    return (attrs.text !== undefined);
 	}
 
+	var FONT_ATTRIBUTES = ['font-weight', 'font-family', 'font-size', 'letter-spacing', 'text-transform'];
+
 	var textAttributesNS = {
 
 	    'line-height': {
@@ -17525,18 +17527,28 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	            var text = value.text;
 	            if (text === undefined) { text = attrs.text; }
 	            if (text !== undefined) {
+
 	                var breakTextFn = value.breakText || breakText;
 	                var computedStyles = getComputedStyle(node);
+	                var wrapFontAttributes = {};
+	                // The font size attributes must be set on the node
+	                // to get the correct text wrapping.
+	                // TODO: set the native SVG attributes before special attributes
+	                for (var i = 0; i < FONT_ATTRIBUTES.length; i++) {
+	                    var name = FONT_ATTRIBUTES[i];
+	                    if (name in attrs) {
+	                        node.setAttribute(name, attrs[name]);
+	                    }
+	                    // Note: computedStyles is a live object
+	                    // i.e. the properties are evaluated when accessed.
+	                    wrapFontAttributes[name] = computedStyles[name];
+	                }
 
-	                wrappedText = breakTextFn('' + text, size, {
-	                    'font-weight': computedStyles.fontWeight,
-	                    'font-family': computedStyles.fontFamily,
-	                    'text-transform': computedStyles.textTransform,
-	                    'font-size': computedStyles.fontSize,
-	                    'letter-spacing': computedStyles.letterSpacing,
-	                    // The `line-height` attribute in SVG is JoinJS specific.
-	                    'lineHeight': attrs['line-height'],
-	                }, {
+	                // The `line-height` attribute in SVG is JoinJS specific.
+	                // TODO: change the `lineHeight` to breakText option.
+	                wrapFontAttributes.lineHeight = attrs['line-height'];
+
+	                wrappedText = breakTextFn('' + text, size, wrapFontAttributes, {
 	                    // Provide an existing SVG Document here
 	                    // instead of creating a temporary one over again.
 	                    svgDocument: this.paper.svg,
@@ -17550,7 +17562,11 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	                wrappedText = '';
 	            }
 	            textAttributesNS.text.set.call(this, wrappedText, refBBox, node, attrs);
-	        }
+	        },
+	        // We expose the font attributes list to allow
+	        // the user to take other custom font attributes into account
+	        // when wrapping the text.
+	        FONT_ATTRIBUTES: FONT_ATTRIBUTES
 	    },
 
 	    'title': {
@@ -21617,6 +21633,11 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	        svgforeignobject: function() {
 	            return !!document.createElementNS &&
 	                /SVGForeignObject/.test(({}).toString.call(document.createElementNS('http://www.w3.org/2000/svg', 'foreignObject')));
+	        },
+
+	        // works for iOS browsers too
+	        isSafari: function() {
+	            return /Safari/.test(navigator.userAgent) && /Apple Computer/.test(navigator.vendor);
 	        }
 	    },
 
@@ -32485,6 +32506,11 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	            this.updateHighlighters(true);
 	            this.updateTools(opt);
 	            flags = this.removeFlag(flags, [Flags$2.RENDER, Flags$2.UPDATE, Flags$2.LABELS, Flags$2.TOOLS, Flags$2.CONNECTOR]);
+
+	            if (env.test('isSafari')) {
+	                this.__fixSafariBug268376();
+	            }
+
 	            return flags;
 	        }
 
@@ -32538,6 +32564,20 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	        return flags;
 	    },
 
+	    __fixSafariBug268376: function() {
+	        // Safari has a bug where any change after the first render is not reflected in the DOM.
+	        // https://bugs.webkit.org/show_bug.cgi?id=268376
+	        var ref = this;
+	        var el = ref.el;
+	        var childNodes = Array.from(el.childNodes);
+	        var fragment = document.createDocumentFragment();
+	        for (var i = 0, n = childNodes.length; i < n; i++) {
+	            el.removeChild(childNodes[i]);
+	            fragment.appendChild(childNodes[i]);
+	        }
+	        el.appendChild(fragment);
+	    },
+
 	    requestConnectionUpdate: function(opt) {
 	        this.requestUpdate(this.getFlag(Flags$2.UPDATE), opt);
 	    },
@@ -39948,7 +39988,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 		Control: Control
 	});
 
-	var version = "4.0.3";
+	var version = "4.0.4";
 
 	var Vectorizer = V;
 	var layout = { PortLabel: PortLabel, Port: Port };