@joint/core 4.0.3 → 4.0.4

package/dist/joint.nowrap.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
@@ -17407,6 +17407,8 @@ var joint = (function (exports) {
 	    return (attrs.text !== undefined);
 	}
 
+	var FONT_ATTRIBUTES = ['font-weight', 'font-family', 'font-size', 'letter-spacing', 'text-transform'];
+
 	var textAttributesNS = {
 
 	    'line-height': {
@@ -17522,18 +17524,28 @@ var joint = (function (exports) {
 	            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,
@@ -17547,7 +17559,11 @@ var joint = (function (exports) {
 	                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': {
@@ -21614,6 +21630,11 @@ var joint = (function (exports) {
 	        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);
 	        }
 	    },
 
@@ -32482,6 +32503,11 @@ var joint = (function (exports) {
 	            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;
 	        }
 
@@ -32535,6 +32561,20 @@ var joint = (function (exports) {
 	        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);
 	    },
@@ -39945,7 +39985,7 @@ var joint = (function (exports) {
 		Control: Control
 	});
 
-	var version = "4.0.3";
+	var version = "4.0.4";
 
 	var Vectorizer = V;
 	var layout = { PortLabel: PortLabel, Port: Port };