@joint/core 4.0.2 → 4.0.4

package/dist/joint.nowrap.js

@@ -1,4 +1,4 @@
-/*! JointJS v4.0.2 (2024-04-09) - 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': {
@@ -20341,6 +20357,13 @@ var joint = (function (exports) {
 	            'port-group': port.group
 	        });
 
+	        // If the port ID is a number, we need to add
+	        // extra information to the port element to distinguish
+	        // between ports with the same ID but different types.
+	        if (isNumber(port.id)) {
+	            portElement.attr('port-id-type', 'number');
+	        }
+
 	        var labelMarkupDef = this._getPortLabelMarkup(port.label);
 	        if (Array.isArray(labelMarkupDef)) {
 	            // JSON Markup
@@ -21607,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);
 	        }
 	    },
 
@@ -23863,23 +23891,25 @@ var joint = (function (exports) {
 	        return this;
 	    },
 
-	    findAttribute: function(attributeName, node) {
-
+	    findAttributeNode: function(attributeName, node) {
 	        var currentNode = node;
-
 	        while (currentNode && currentNode.nodeType === 1) {
-	            var attributeValue = currentNode.getAttribute(attributeName);
 	            // attribute found
-	            if (attributeValue) { return attributeValue; }
+	            // (empty value does not count as attribute found)
+	            if (currentNode.getAttribute(attributeName)) { return currentNode; }
 	            // do not climb up the DOM
 	            if (currentNode === this.el) { return null; }
 	            // try parent node
 	            currentNode = currentNode.parentNode;
 	        }
-
 	        return null;
 	    },
 
+	    findAttribute: function(attributeName, node) {
+	        var matchedNode = this.findAttributeNode(attributeName, node);
+	        return matchedNode && matchedNode.getAttribute(attributeName);
+	    },
+
 	    // Override the mvc ViewBase `_ensureElement()` method in order to create an
 	    // svg element (e.g., `<g>`) node that wraps all the nodes of the Cell view.
 	    // Expose class name setter as a separate method.
@@ -30603,13 +30633,18 @@ var joint = (function (exports) {
 
 	        var model = this.model;
 	        var id = model.id;
-	        var port = this.findAttribute('port', magnet);
+	        // Find a node with the `port` attribute set on it.
+	        var portNode = this.findAttributeNode('port', magnet);
 	        // Find a unique `selector` of the element under pointer that is a magnet.
 	        var selector = magnet.getAttribute('joint-selector');
 
 	        var end = { id: id };
 	        if (selector != null) { end.magnet = selector; }
-	        if (port != null) {
+	        if (portNode != null) {
+	            var port = portNode.getAttribute('port');
+	            if (portNode.getAttribute('port-id-type') === 'number') {
+	                port = parseInt(port, 10);
+	            }
 	            end.port = port;
 	            if (!model.hasPort(port) && !selector) {
 	                // port created via the `port` attribute (not API)
@@ -32468,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;
 	        }
 
@@ -32521,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);
 	    },
@@ -34664,6 +34718,8 @@ var joint = (function (exports) {
 	    },
 
 	    renderGrid: function renderGrid() {
+	        var this$1 = this;
+
 
 	        var ref = this;
 	        var paper = ref.options.paper;
@@ -34683,7 +34739,7 @@ var joint = (function (exports) {
 
 	        gridSettings.forEach(function (gridLayerSetting, index) {
 
-	            var id = 'pattern_' + index;
+	            var id = this$1._getPatternId(index);
 	            var options = merge({}, gridLayerSetting);
 	            var scaleFactor = options.scaleFactor; if ( scaleFactor === void 0 ) scaleFactor = 1;
 	            options.width = gridSize * scaleFactor || 1;
@@ -34711,6 +34767,8 @@ var joint = (function (exports) {
 	    },
 
 	    updateGrid: function updateGrid() {
+	        var this$1 = this;
+
 
 	        var ref = this;
 	        var grid = ref._gridCache;
@@ -34731,12 +34789,16 @@ var joint = (function (exports) {
 	        }
 	        gridSettings.forEach(function (options, index) {
 	            if (isFunction(options.update)) {
-	                var vPattern = patterns['pattern_' + index];
+	                var vPattern = patterns[this$1._getPatternId(index)];
 	                options.update(vPattern.node.firstChild, options, paper);
 	            }
 	        });
 	    },
 
+	    _getPatternId: function _getPatternId(index) {
+	        return ("pattern_" + (this.options.paper.cid) + "_" + index);
+	    },
+
 	    _getGridRefs: function _getGridRefs() {
 	        var ref = this;
 	        var grid = ref._gridCache;
@@ -38961,12 +39023,14 @@ var joint = (function (exports) {
 	        evt.stopPropagation();
 	        evt.preventDefault();
 	        var relatedView = this.relatedView;
+	        var paper = relatedView.paper;
 	        relatedView.model.startBatch('arrowhead-move', { ui: true, tool: this.cid });
 	        relatedView.startArrowheadMove(this.arrowheadType);
 	        this.delegateDocumentEvents();
-	        relatedView.paper.undelegateEvents();
+	        paper.undelegateEvents();
 	        this.focus();
 	        this.el.style.pointerEvents = 'none';
+	        relatedView.notifyPointerdown.apply(relatedView, paper.getPointerArgs(evt));
 	    },
 	    onPointerMove: function(evt) {
 	        var normalizedEvent = normalizeEvent(evt);
@@ -39921,7 +39985,7 @@ var joint = (function (exports) {
 		Control: Control
 	});
 
-	var version = "4.0.2";
+	var version = "4.0.4";
 
 	var Vectorizer = V;
 	var layout = { PortLabel: PortLabel, Port: Port };