@sapui5/sap.suite.ui.commons 1.143.0 → 1.145.0

package/src/sap/suite/ui/commons/networkgraph/Graph.js

@@ -31,7 +31,10 @@ sap.ui.define([
 	"sap/ui/performance/Measurement",
 	"sap/base/security/encodeXML",
 	"sap/m/ToggleButton",
+	"sap/m/BusyIndicator",
 	"sap/m/library",
+	"sap/m/IllustratedMessage",
+	"sap/m/IllustratedMessageType",
 	"sap/suite/ui/commons/util/FullScreenUtil",
 	"sap/ui/core/InvisibleMessage",
 	"sap/ui/core/library",
@@ -43,7 +46,9 @@ sap.ui.define([
 	"sap/ui/core/Theming",
 	'sap/ui/core/InvisibleText',
 	"./GraphRenderer",
-	"./util/DragDropManager"
+	"./util/DragDropManager",
+	"./util/PortManager",
+	"sap/ui/core/IconPool"
 ], function (
 	library,
 	jQuery,
@@ -70,7 +75,10 @@ sap.ui.define([
 	Measurement,
 	encodeXML,
 	ToggleButton,
+	BusyIndicator,
 	MobileLibrary,
+	IllustratedMessage,
+	IllustratedMessageType,
 	FullScreenUtil,
 	InvisibleMessage,
 	coreLibrary,
@@ -82,7 +90,9 @@ sap.ui.define([
 	Theming,
 	InvisibleText,
 	GraphRenderer,
-	DragDropManager
+	DragDropManager,
+	PortManager,
+	IconPool
 ) {
 	"use strict";
 
@@ -91,7 +101,8 @@ sap.ui.define([
 		Orientation = library.networkgraph.Orientation,
 		LayoutRenderType = library.networkgraph.LayoutRenderType,
 		RenderType = library.networkgraph.RenderType,
-		SemanticColorType = library.SemanticColorType;
+		SemanticColorType = library.SemanticColorType,
+		NodePorts = library.networkgraph.NodePorts;
 
 	var AGG_NODES = "nodes",
 		AGG_LINES = "lines",
@@ -212,6 +223,22 @@ sap.ui.define([
 				noDataText: {
 					type: "string", group: "Behavior", defaultValue: ""
 				},
+				/**
+				 * Set this property to <code>true</code> to display a loading indicator while the data loads.
+				 * @public
+				 * @since 1.144
+				 */
+				loading: {
+					type: "boolean", group: "Behavior", defaultValue: false
+				},
+				/**
+				 * Text that is displayed when the loading is set. <br> This property takes effect only when the <code>loading</code> property is set to <code>true</code>.
+				 * @public
+				 * @since 1.144
+				 */
+				loadingText: {
+					type: "string", group: "Behavior", defaultValue: ""
+				},
 				/**
 				 * Adds delay in wheel scrolling to make zooming smooth.
 				 * Only works when enableWheelZoom is set to true or 'ctrl' key is pressed while wheel scrolling.
@@ -225,11 +252,49 @@ sap.ui.define([
 				/**
 				 * Enables the drag and drop of nodes. This property is ignored if the layout property is not set to noop.
 				 * If set to <code>true</code>, nodes can be dragged and dropped within the graph.
-				 *
-				 * @private
+				 * @public
+				 * @since 1.144
 				 */
 				enableDragAndDrop: {
-					type: "boolean", group: "Behavior", defaultValue: false, visibility: "hidden"
+					type: "boolean", group: "Behavior", defaultValue: false
+				},
+				/**
+				 * Specifies the ports that are to be displayed on nodes. Ports are used for creating connections between nodes.
+				 * Ports are available only when the layout algorithm is set to "NoopLayout", and when the drag and drop is enabled. Otherwise, this property is ignored.
+				 * @public
+				 * @since 1.144
+				 */
+				nodePorts: {
+					type: "sap.suite.ui.commons.networkgraph.NodePorts", group: "Behavior", defaultValue: NodePorts.None
+				},
+				/**
+				 * This action button is used to create connections between nodes as an accessible alternative to node ports.
+				 * The button is displayed on each node when the layout algorithm is set to "NoopLayout" and drag and drop is enabled.
+				 * shows the 'Create Connection' action button on node.
+				 * If set to <code>false</code>, the button remains hidden.
+				 * Hide this button when you want to implement your own way of creating connections between nodes as an accessible alternative to node ports.
+				 * @public
+				 * @since 1.144
+				 */
+				showCreateConnectionButton: {
+					type: "boolean", group: "Behavior", defaultValue: true
+				},
+				/**
+				 * Mapping of connection types to their display text keys or custom text values.
+				 * This allows customization of how connection types are displayed in the connection creation popover.
+				 * The mapping should be an object where keys are connection type values (LeftToLeft, LeftToRight, RightToLeft, RightToRight)
+				 * and values are custom text that follows the correct format (e.g., "Start to End", "Source to Target").
+				 * If the format is invalid or not provided, default values are used
+				 * @public
+				 * @since 1.144
+				 */
+				connectionTypeMapping: {
+					type: "object", group: "Behavior", defaultValue: {
+						"LeftToLeft": "Left to Left",
+						"LeftToRight": "Left to Right",
+						"RightToLeft": "Right to Left",
+						"RightToRight": "Right to Right"
+					}
 				}
 			},
 			aggregations: {
@@ -243,7 +308,7 @@ sap.ui.define([
 				 * Holds the nodes to be displayed in the graph.
 				 */
 				nodes: {
-					type: "sap.suite.ui.commons.networkgraph.Node", multiple: true, singularName: "node"
+					type: "sap.suite.ui.commons.networkgraph.Node", multiple: true, singularName: "node", dnd: true
 				},
 				/**
 				 * Holds a list of groups used in the graph.
@@ -280,7 +345,12 @@ sap.ui.define([
 				/**
 				 * Controls or IDs that label this control. This association is used by screen reader software.
 				 */
-				ariaLabelledBy: { type: "sap.ui.core.Control", multiple: true, singularName: "ariaLabelledBy" }
+				ariaLabelledBy: { type: "sap.ui.core.Control", multiple: true, singularName: "ariaLabelledBy" },
+				/**
+				 * Control or ID of an auxiliary control associated with this graph.
+				 * @since 1.144
+				 */
+				associatedControl: { type: "sap.ui.core.Control", multiple: false, singularName: "associatedControl" }
 			},
 			events: {
 				/**
@@ -345,8 +415,10 @@ sap.ui.define([
 					}
 				},
 				/**
-				 * This event is fired when a user drops a node in the graph. This event is available only for the noop layout.
-				 * @private
+				 * This event is fired when a user drops a node in the graph.
+				 * This event is available only when the layout algorithm is set to "NoopLayout" and the <code>enableDragAndDrop</code> property is set to <code>true</code>.
+				 * @public
+				 * @since 1.144
 				 */
 				nodeDropped: {
 					parameters: {
@@ -362,9 +434,51 @@ sap.ui.define([
 						 * The new y coordinate of the node.
 						 */
 						newY: { type: "float" }
-					},
-					visibility: "hidden"
+					}
 				},
+				/**
+				 * This event is fired when a new connection is created between two nodes by using node ports.
+				 * @public
+				 * @since 1.144
+				 */
+				connectionCreated: {
+					parameters: {
+						/**
+						 * The key of the source node.
+						 **/
+						from: { type: "string" },
+						/**
+						 * The key of the target node.
+						 **/
+						to: { type: "string" },
+						/**
+						 * The connection type defining how the line connects the source and target nodes.
+						 */
+						connectionType: {type: "sap.suite.ui.commons.networkgraph.ConnectionType"},
+						/**
+						 * The source node control instance.
+						 **/
+						fromNode: { type: "sap.suite.ui.commons.networkgraph.Node" },
+						/**
+						 * The target node control instance.
+						 **/
+						toNode: { type: "sap.suite.ui.commons.networkgraph.Node" }
+					}
+				},
+				/**
+				 * This event is fired when a user presses the delete key on a focused node or line.
+				 * This event is available only when the layout algorithm is set to "NoopLayout" and the <code>enableDragAndDrop</code> property is set to <code>true</code>.
+				 * @public
+				 * @since 1.145
+				 */
+				itemDeleted: {
+					parameters: {
+						/**
+						 * The item (node or line) that is to be deleted.
+						 */
+						item: { type: "sap.suite.ui.commons.networkgraph.ElementBase" }
+					}
+				}
 			}
 		}
 	});
@@ -425,6 +539,9 @@ sap.ui.define([
 		// RTL mode - it's reset in 'onBeforeRendering' in case it changed runtime
 		this._bIsRtl = Localization.getRTL();
 
+		// Private variable for multiple directed arrows feature
+		this._enableMultipleDirectedArrows = false;
+
 		// element with focus
 		this._oFocus = null;
 
@@ -443,6 +560,9 @@ sap.ui.define([
 		// flag to check if the events has been added to the graph
 		this._bEventsAdded = false;
 
+		// illustrated message instance for empty state
+		this._oIllustratedMessage = null;
+
 		this._createToolbar();
 
 		/**
@@ -452,9 +572,11 @@ sap.ui.define([
 			try {
 				DragDropManager.injectDnD(this);
 			} catch (error) {
-				Log.error("Graph DnD: ", error);
+				Log.warning("Graph injectDnD issue: ", error);
 			}
 		}
+		// Initialize PortManager with this graph instance
+		PortManager.setGraphInstance(this);
 
 	};
 
@@ -601,6 +723,19 @@ sap.ui.define([
 		if (this._oFullScreenUtil) {
 			this._oFullScreenUtil.cleanUpFullScreen(this);
 		}
+
+		// Clean up busy indicator
+		if (this._oBusyIndicator) {
+			this._oBusyIndicator.destroy();
+			this._oBusyIndicator = null;
+		}
+
+		// Clean up illustrated message
+		if (this._oIllustratedMessage) {
+			this._oIllustratedMessage.destroy();
+			this._oIllustratedMessage = null;
+		}
+
 		DragDropManager.removeDnD(this);
 	};
 	/* =========================================================== */
@@ -632,6 +767,7 @@ sap.ui.define([
 	/**
 	 * Returns <code>true</code> if the graph is in full screen mode.
 	 * @public
+	 * @returns {boolean} Returns whether the graph is in full screen mode.
 	 */
 	Graph.prototype.isFullScreen = function () {
 		return this._bIsFullScreen;
@@ -766,6 +902,33 @@ sap.ui.define([
 		return this._mNodes[sKey];
 	};
 
+	/**
+	 * Re-rendering a node and all connected lines to update the positions of both the node and the lines.
+	 * Note: This method should be used only when the layout algorithm is set to NoopLayout and enableDragAndDrop is set to true.
+	 *
+	 * @param {sap.suite.ui.commons.networkgraph.Node|string} vNode Node instance or node key
+	 * @param {number} iX New X coordinate
+	 * @param {number} iY New Y coordinate
+	 * @returns {sap.suite.ui.commons.networkgraph.Graph} Reference to this for method chaining
+	 * @public
+	 * @since 1.144
+	 */
+	Graph.prototype.updateNodePosition = function (vNode, iX, iY) {
+		if (!this._isDnDEnabled()) {
+			return this;
+		}
+
+		var oNode = typeof vNode === "string" ? this.getNodeByKey(vNode) : vNode;
+
+		if (!oNode) {
+			Log.warning("Node not found", "updateNodePosition", "sap.suite.ui.commons.networkgraph.Graph");
+			return this;
+		}
+
+		this.invalidate();
+		return this;
+	};
+
 	/**
 	 * Sets a custom label for the legend.
 	 * @param {object} mArguments Parameters for this method
@@ -840,7 +1003,7 @@ sap.ui.define([
 	/**
 	 * Returns current zoom level.
 	 *
-	 * @return {number}
+	 * @return {number} Current zoom level
 	 * @public
 	 */
 	Graph.prototype.getCurrentZoomLevel = function () {
@@ -860,6 +1023,16 @@ sap.ui.define([
 		this._oZoomLevelInvisibleText.setText(oResourceBundle.getText("NETWORK_GRAPH_ZOOM_LEVEL") + ": " + this._getZoomText());
 	};
 
+	/**
+	 * Gets the associated control linked to this graph instance using the 'associatedControl' association.
+	 * This can be any UI5 control that is related to the graph.
+	 * @returns {sap.ui.core.Control|null} The associated control instance or null if not set.
+	 * @public
+	 */
+	Graph.prototype.getAssociatedControl = function () {
+		var sId = this.getAssociation("associatedControl");
+		return sId ? Element.getElementById(sId) : null;
+	};
 
 	/* =========================================================== */
 	/* Private methods */
@@ -886,6 +1059,24 @@ sap.ui.define([
 		};
 	};
 
+	/**
+	 * Returns a busy indicator instance for loading states.
+	 * @returns {sap.m.BusyIndicator} BusyIndicator instance
+	 * @private
+	 */
+	Graph.prototype._getBusyIndicator = function () {
+		var sText = this.getLoadingText() || oResourceBundle.getText("NETWORK_GRAPH_OPENING_CANVAS");
+
+		if (!this._oBusyIndicator) {
+			this._oBusyIndicator = new BusyIndicator({ text: sText });
+			this.addDependent(this._oBusyIndicator);
+		} else {
+			this._oBusyIndicator.setText(sText);
+		}
+
+		return this._oBusyIndicator;
+	};
+
 	Graph.prototype._createTooltip = function () {
 		var oTooltip = new Tooltip(this.getId() + "-tooltip");
 		this.addDependent(oTooltip);
@@ -906,22 +1097,87 @@ sap.ui.define([
 		return oTooltip;
 	};
 
+	/**
+	 * Gets or creates an IllustratedMessage instance for displaying empty state.
+	 * This method reuses the same instance to avoid memory leaks.
+	 * The illustrated message content depends on whether drag-and-drop is enabled:
+	 * - When drag-and-drop is enabled: Shows "AddDimensions" illustration with plan-building message
+	 * - When drag-and-drop is disabled: Shows "NoChartData" illustration with custom or default no-data text
+	 *
+	 * @returns {sap.m.IllustratedMessage} The illustrated message instance for empty state
+	 * @private
+	 */
+	Graph.prototype._getIllustratedMessage = function () {
+		// Helper function to get configuration based on current state
+		var fnConfigureIllustratedMessage = function () {
+			var sText = this.getNoDataText(),
+				sTextInline = sText || oResourceBundle.getText("NETWORK_GRAPH_NO_DATA");
+
+			if (this._isDnDEnabled()) {
+				return {
+					illustrationType: IllustratedMessageType.AddDimensions,
+					title: oResourceBundle.getText("NETWORK_GRAPH_DND_EMPTY_TITLE"),
+					description: oResourceBundle.getText("NETWORK_GRAPH_DND_EMPTY_DESCRIPTION"),
+					enableDefaultTitleAndDescription: false
+				};
+			} else {
+				return {
+					illustrationType: IllustratedMessageType.NoChartData,
+					title: sTextInline,
+					enableDefaultTitleAndDescription: false
+				};
+			}
+		}.bind(this);
+
+		if (!this._oIllustratedMessage) {
+			var oConfig = fnConfigureIllustratedMessage();
+			this._oIllustratedMessage = new IllustratedMessage(oConfig);
+			this.addDependent(this._oIllustratedMessage);
+		} else {
+			var oConfig = fnConfigureIllustratedMessage();
+			this._oIllustratedMessage.setIllustrationType(oConfig.illustrationType);
+			this._oIllustratedMessage.setTitle(oConfig.title);
+			this._oIllustratedMessage.setDescription(oConfig.description);
+		}
+
+		return this._oIllustratedMessage;
+	};
+
 	/**
 	 * @private
+	 * Defocuses the currently focused element.
 	 */
 	Graph.prototype.defocus = function () {
 		this.$().find("." + this.FOCUS_CLASS).removeClass(this.FOCUS_CLASS);
 	};
 
 	/**
+	 * Sets whether drag and drop is enabled.
+	 * @param {boolean} bEnabled Whether drag and drop should be enabled
 	 * @private
 	 */
 	Graph.prototype.setEnableDragAndDrop = function (bEnabled) {
 		this.setProperty("enableDragAndDrop", bEnabled, true);
+
+		// Update zoom button states
+		if (this._zoomIn && this._zoomOut && this._zoomToFitButton) {
+			var bZoomEnabled = !this._isDnDEnabled();
+			this._zoomIn.setEnabled(bZoomEnabled);
+			this._zoomOut.setEnabled(bZoomEnabled);
+			this._zoomToFitButton.setEnabled(bZoomEnabled);
+		}
+
+		// remove the node ports when drag and drop is disabled
+		if (!bEnabled) {
+			PortManager.removeAllPorts();
+		}
+
+		return this;
 	};
 
 	/**
 	 * @private
+	 * @returns {boolean} Returns whether drag and drop is enabled.
 	 */
 	Graph.prototype.getEnableDragAndDrop = function () {
 		return this.getProperty("enableDragAndDrop");
@@ -943,12 +1199,12 @@ sap.ui.define([
 									this._oFocus.item.isA("sap.suite.ui.commons.networkgraph.Node")))) {
 				this._updateAccessibility(oFocus);
 			}
-				this._updateAccessibility(oFocus);
-				return;
+			this._updateAccessibility(oFocus);
+			return;
 		}
 
 		this.defocus();
-		if (this.getFocusDomRef()) {
+		if (this.getFocusDomRef() && !(oFocus && oFocus.button && oFocus.button.id && oFocus.button.id.indexOf("actionOverflow") !== -1)) {
 			this.getFocusDomRef().focus();
 		}
 
@@ -988,7 +1244,7 @@ sap.ui.define([
 			this._setAccessibilityTitle(oResourceBundle.getText("NETWORK_GRAPH_ACCESSIBILITY_CONTENT"));
 		}.bind(this),
 			fnBuildTitleForButton = function (sLabel) {
-				var sTitleLabel = sLabel + " " + oResourceBundle.getText("NETWORK_GRAPH_ACCESSIBILITY_ACTION_BUTTON") ;
+				var sTitleLabel = sLabel + " " + oResourceBundle.getText("NETWORK_GRAPH_ACCESSIBILITY_ACTION_BUTTON");
 				if (sLabel === "Expand/Collapse") {
 					if (oFocus.item.getCollapsed()) {
 						sTitleLabel = sTitleLabel + " " + oResourceBundle.getText("NETWORK_GRAPH_COLLAPSED");
@@ -1128,8 +1384,9 @@ sap.ui.define([
 			this.$background.width(iSvgWidth * this._fZoomLevel);
 			this.$background.height(iSvgHeight * this._fZoomLevel);
 
+			var sScale = "";
 			if (this._isUseNodeHtml()) {
-				var sScale = "scale(" + this._fZoomLevel + ")";
+				sScale = "scale(" + this._fZoomLevel + ")";
 				this.$("divnodes").css("transform", sScale);
 			}
 
@@ -1390,6 +1647,8 @@ sap.ui.define([
 		oRm.openStart("g", this.getId() + "-svgbody");
 		oRm.openEnd();
 		fnRenderItems("lines", aLines, "sapSuiteUiCommonsNetworkLines");
+		// Render line texts after all lines are rendered to handle overlaps
+		this._renderAllLineTexts(aLines, oRm);
 		if (!this._isUseNodeHtml()) {
 			fnRenderItems("nodes", aNodes, "sapSuiteUiCommonsNetworkNodes");
 		}
@@ -1414,6 +1673,45 @@ sap.ui.define([
 
 	};
 
+	/**
+	 * Renders text labels for all lines in a dedicated SVG group container.
+	 *
+	 * This method creates a batch rendering context for line labels, enabling
+	 * potential overlap handling and positioning optimizations. Labels are only
+	 * rendered for lines that meet all of the following conditions:
+	 * - The line has a labelName property value set
+	 * - The graph is using NoopLayout
+	 * - The line's arrowPosition is set to "Both"
+	 *
+	 * @param {sap.suite.ui.commons.networkgraph.Line[]} aLines Array of line objects to render text labels for
+	 * @param {sap.ui.core.RenderManager} oRm The RenderManager instance used for SVG rendering
+	 * @private
+	 */
+	Graph.prototype._renderAllLineTexts = function (aLines, oRm) {
+		// Early return if line labels are disabled or NoopLayout is not active
+		if (!this._isNoopLayout()) {
+			return;
+		}
+
+		// Create a dedicated SVG group container for all line text labels
+		// This enables batch processing and potential overlap handling
+		oRm.openStart("g");
+		oRm.attr("id", this.getId() + "-line-texts");
+		oRm.class("sapSuiteUiCommonsNetworkLineTexts");
+		oRm.openEnd();
+
+		// Iterate through all lines and render their text labels within the group
+		// Only process lines that are valid, not ignored by layout, and visible
+		aLines.forEach(function (oLine) {
+			if (oLine && !oLine._isIgnored() && oLine.getVisible()) {
+				oLine._renderLineText(oRm);
+			}
+		});
+
+		// Close the SVG group container
+		oRm.close("g");
+	};
+
 	Graph.prototype._isProperKey = function (sKey) {
 		return sKey || (sKey === "0");
 	};
@@ -1494,7 +1792,11 @@ sap.ui.define([
 					}
 				}
 
-				this._isUseNodeHtml() ? oNode._resetDimensions() : oNode._setupWidthAndHeight();
+				if (this._isUseNodeHtml()) {
+					oNode._resetDimensions();
+				} else {
+					oNode._setupWidthAndHeight();
+				}
 				oNode._clearChildren();
 				oNode._rendered = false;
 
@@ -1923,16 +2225,28 @@ sap.ui.define([
 				}
 			});
 			this._toolbar.addContent(this._zoomOut);
+
+		// Disable zoom buttons if drag and drop is enabled
+		if (this._isDnDEnabled()) {
+			this._zoomIn.setEnabled(false);
+			this._zoomOut.setEnabled(false);
 		}
+	}
 
 		// fit to viewport
-		this._toolbar.addContent(new OverflowToolbarButton({
+		this._zoomToFitButton = new OverflowToolbarButton({
 			type: ButtonType.Transparent,
 			icon: "sap-icon://popup-window",
 			tooltip: oResourceBundle.getText("NETWORK_GRAPH_ZOOMTOFIT"),
 			text: oResourceBundle.getText("NETWORK_GRAPH_ZOOMTOFIT"),
 			press: this._fitToScreen.bind(this)
-		}));
+		});
+		this._toolbar.addContent(this._zoomToFitButton);
+
+		// Disable zoom to fit button if drag and drop is enabled
+		if (this._isDnDEnabled()) {
+			this._zoomToFitButton.setEnabled(false);
+		}
 
 		// toggle full screen
 		this._oFullScreenButton = new OverflowToolbarButton({
@@ -2214,7 +2528,9 @@ sap.ui.define([
 
 			$wrapper.on("mouseleave", this._endDragging.bind(this));
 			$wrapper.on("mouseup", this._mouseUp.bind(this));
-			if (this.getEnableZoom()) {
+			if (this.getEnableZoom() && !this._isDnDEnabled()) {
+				// Disabling zooming capability in edit mode.
+				// TODO: consider scaling when dragging and dropping nodes and update ghost image dimenstion and coordinates prediction, to allow zooming.
 				$wrapper.on("wheel", function (oEvent) {
 					if (this._wheel({
 						x: oEvent.originalEvent.clientX,
@@ -2300,6 +2616,7 @@ sap.ui.define([
 			this._oZoomLevelInvisibleText.setText(oResourceBundle.getText("NETWORK_GRAPH_ZOOM_LEVEL") + ": " + this._getZoomText());
 			return true;
 		}
+		return false;
 	};
 
 	Graph.prototype._endDragging = function () {
@@ -2332,6 +2649,11 @@ sap.ui.define([
 		this._oPanning.dragging = true;
 
 		this._tooltip.instantClose();
+
+		// Remove all ports when deselecting
+		if (PortManager._currentTriggerNodeKey !== null) {
+			PortManager.removeAllPorts();
+		}
 	};
 
 	Graph.prototype._mouseUp = function () {
@@ -2634,13 +2956,15 @@ sap.ui.define([
 				"class": "sapSuiteUiCommonsNetworkGraphLegendLine"
 			}, false, oRm);
 
+			var sLegendClass = "sapSuiteUiCommonsNetworkGraphLegendColorLine " + this._getStatusClass(sStatus);
+			if (sClass) {
+				sLegendClass += " " + sClass;
+			}
 			this._renderControl.call(that, "div", {
-				"class": "sapSuiteUiCommonsNetworkGraphLegendColorLine " + this._getStatusClass(sStatus) + " " + sClass,
+				"class": sLegendClass,
 				/** @deprecated As of 1.120 */
 				"style": sStyle
-			}, null, oRm);
-
-			this._renderControl.call(that, "label", {
+			}, null, oRm); this._renderControl.call(that, "label", {
 				"class": "sapSuiteUiCommonsNetworkGraphLegendLineLabel"
 			}, false, oRm);
 			oRm.text(this._oLegendLabels[sType + sStatus] ? this._oLegendLabels[sType + sStatus] : sLabel);
@@ -2856,8 +3180,15 @@ sap.ui.define([
 	};
 
 	Graph.prototype._isTopBottom = function () {
-		return this.getOrientation() === Orientation.TopBottom ||
-			this.getOrientation() === Orientation.BottomTop;
+		return this.getOrientation() === Orientation.TopBottom;
+	};
+
+	Graph.prototype._isBottomTop = function () {
+		return this.getOrientation() === Orientation.BottomTop;
+	};
+
+	Graph.prototype._isRightLeft = function () {
+		return this.getOrientation() === Orientation.RightLeft;
 	};
 
 	/* =========================================================== */
@@ -2999,5 +3330,16 @@ sap.ui.define([
 		}
 	};
 
+	/**
+	 * Checks if the current layout algorithm supports node ports functionality.
+	 * For now, only NoopLayout algorithms support node ports.
+	 *
+	 * @returns {boolean} True if the layout supports node ports, false otherwise
+	 * @private
+	 */
+	Graph.prototype._supportsNodePorts = function () {
+		return this.getNodePorts() !== "None" && this._isDnDEnabled();
+	};
+
 	return Graph;
 });