@sapui5/sap.suite.ui.commons 1.144.0 → 1.145.1

package/src/sap/suite/ui/commons/messagebundle_zh_TW.properties

@@ -17,7 +17,7 @@ MICRO_AREA_CHART_TARGET_VALUES=\u76EE\u6A19\u503C
 
 SEMANTIC_COLOR_CRITICAL=\u8B66\u544A
 SEMANTIC_COLOR_GOOD=\u826F\u597D
-SEMANTIC_COLOR_NEUTRAL=\u4E2D\u6027
+SEMANTIC_COLOR_NEUTRAL=\u4E00\u822C
 SEMANTIC_COLOR_ERROR=\u56B4\u91CD
 
 DATERANGESCROLLER_PREV_TEXT=\u4E0A\u4E00\u6B65
@@ -188,7 +188,7 @@ PF_ARIA_STATUS_NEGATIVE=\u8CA0\u5411
 PF_ARIA_STATUS_CRITICAL=\u91CD\u8981
 PF_ARIA_STATUS_PLANNED=\u8A08\u5283
 PF_ARIA_STATUS_PLNNEGATIVE=\u8A08\u5283\u8CA0\u5411
-PF_ARIA_STATUS_NEUTRAL=\u4E2D\u6027
+PF_ARIA_STATUS_NEUTRAL=\u4E00\u822C
 PF_ARIA_TYPE=\uFF0C\u96C6\u5408
 PF_CONNECTIONLABEL=\u9023\u7DDA\u6A19\u7C64
 PF_ARROW_ICON_LEFT=\u4E0A\u4E00\u6B65
@@ -239,9 +239,7 @@ NETWORK_GRAPH_ACCESSIBILITY_LABEL=\u7DB2\u72C0\u5716
 NETWORK_GRAPH_SVG_ACCESSIBILITY_LABEL=\u7DB2\u72C0\u5716 SVG
 NETWORK_GRAPH_OVERVIEW_SVG_ACCESSIBILITY_LABEL=\u7DB2\u72C0\u5716\u6982\u89C0 SVG
 NETWORK_GRAPH_NAVIGATOR_SVG_ACCESSIBILITY_LABEL=\u7DB2\u72C0\u5716\u700F\u89BD\u5668 SVG
-NETWORK_GRAPH_ACCESSIBILITY_DESCRIPTION=\u95DC\u9589\u8B80\u53D6\u6A21\u5F0F\uFF0C\u4EE5\u4FBF\u5728\u5176\u4E2D\u9032\u884C\u700F\u89BD
 NETWORK_GRAPH_ACCESSIBILITY_CONTENT=\u7DB2\u72C0\u5716\u5167\u5BB9
-NETWORK_GRAPH_ACCESSIBILITY_LINE_LABEL={0} \u5230 {1} \u7684\u7DDA\u689D
 NETWORK_GRAPH_ACCESSIBILITY_TOGGLE_STATE=\u6309\u4E0B\u7A7A\u767D\u9375\u4EE5\u5207\u63DB\u72C0\u614B
 NETWORK_GRAPH_ACCESSIBILITY_ACTION_BUTTON=\u52D5\u4F5C\u6309\u9215
 NETWORK_GRAPH_ACCESSIBILITY_ACTION_BUTTONS_LEFT=\u5DE6\u5074
@@ -266,6 +264,7 @@ NETWORK_GRAPH_STANDARD=\u6A19\u6E96
 NETWORK_GRAPH_SUCCESS=\u6210\u529F
 NETWORK_GRAPH_WARNING=\u8B66\u544A
 NETWORK_GRAPH_ERROR=\u932F\u8AA4
+NETWORK_GRAPH_NEUTRAL=\u4E00\u822C
 NETWORK_GRAPH_INFORMATION=\u8CC7\u8A0A
 NETWORK_GRAPH_ZOOM_LEVEL=\u7E2E\u653E\u6BD4\u4F8B
 NETWORK_GRAPH_NODE_DESCRIPTION=\u8AAA\u660E
@@ -284,6 +283,22 @@ NETWORKGRAPH_CONNECTION_TYPE_TOP_TO_TOP=\u5F9E\u4E0A\u5230\u4E0A
 NETWORKGRAPH_CONNECTION_TYPE_TOP_TO_BOTTOM=\u5F9E\u4E0A\u5230\u4E0B
 NETWORKGRAPH_CONNECTION_TYPE_BOTTOM_TO_TOP=\u5F9E\u4E0B\u5230\u4E0A
 NETWORKGRAPH_CONNECTION_TYPE_BOTTOM_TO_BOTTOM=\u5F9E\u4E0B\u5230\u4E0B
+NETWORKGRAPH_CONNECTION_TYPE_START_TO_START=\u5F9E\u958B\u59CB\u5230\u958B\u59CB
+NETWORKGRAPH_CONNECTION_TYPE_START_TO_FINISH=\u5F9E\u958B\u59CB\u5230\u7D50\u675F
+NETWORKGRAPH_CONNECTION_TYPE_FINISH_TO_START=\u5F9E\u7D50\u675F\u5230\u958B\u59CB
+NETWORKGRAPH_CONNECTION_TYPE_FINISH_TO_FINISH=\u5F9E\u7D50\u675F\u5230\u7D50\u675F
+NETWORK_GRAPH_NODE_ATTRIBUTES=\u5C6C\u6027\u70BA
+NETWORK_GRAPH_NODE_ACCESSIBILITY_STATUS=\u72C0\u614B\u70BA
+NETWORK_GRAPH_INCOMING_CONNECTOR_SINGULAR=\u76EE\u524D\u6709 {0} \u500B\u5167\u90E8\u9023\u63A5\u5668
+NETWORK_GRAPH_INCOMING_CONNECTORS_PLURAL=\u76EE\u524D\u6709 {0} \u500B\u5167\u90E8\u9023\u63A5\u5668
+NETWORK_GRAPH_OUTGOING_CONNECTOR_SINGULAR=\u76EE\u524D\u6709 {0} \u500B\u5916\u90E8\u9023\u63A5\u5668
+NETWORK_GRAPH_OUTGOING_CONNECTORS_PLURAL=\u76EE\u524D\u6709 {0} \u500B\u5916\u90E8\u9023\u63A5\u5668
+NETWORK_GRAPH_NAVIGATION_TAB_TO_OUTGOING=\u6309\u4E0B Tab \u9375\u524D\u5F80\u5916\u90E8\u9023\u63A5\u5668
+NETWORK_GRAPH_NAVIGATION_SHIFT_TAB_TO_INCOMING=\u6309\u4E0B Shift+Tab \u524D\u5F80\u5167\u90E8\u9023\u63A5\u5668
+NETWORK_GRAPH_LINE_NAVIGATION_TAB_TO_TARGET=\u6309\u4E0B Tab \u9375\u700F\u89BD\u81F3 {0}
+NETWORK_GRAPH_LINE_NAVIGATION_SHIFT_TAB_TO_SOURCE=\u6309\u4E0B shift + Tab \u9375\u700F\u89BD\u56DE {0}
+NETWORK_GRAPH_LINE_ACCESSIBILITY_STATUS=\u72C0\u614B\u70BA
+NETWORK_GRAPH_LINE_ACCESSIBILITY_CONNECTION_FROM_TO=\u9023\u7DDA\u5F9E {0} \u5230 {1}
 
 STATUS_INDICATOR_ARIA_LABEL=\u72C0\u614B\u6307\u793A\u78BC
 STATUS_INDICATOR_VALUE_BELOW_THRESHOLD_COLOR={0}%\u3001\u4F4E\u65BC {1}\u3001{2}

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

@@ -47,7 +47,8 @@ sap.ui.define([
 	'sap/ui/core/InvisibleText',
 	"./GraphRenderer",
 	"./util/DragDropManager",
-	"./util/PortManager"
+	"./util/PortManager",
+	"sap/ui/core/IconPool"
 ], function (
 	library,
 	jQuery,
@@ -90,7 +91,8 @@ sap.ui.define([
 	InvisibleText,
 	GraphRenderer,
 	DragDropManager,
-	PortManager
+	PortManager,
+	IconPool
 ) {
 	"use strict";
 
@@ -413,7 +415,8 @@ 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.
+				 * 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
 				 */
@@ -461,6 +464,20 @@ sap.ui.define([
 						 **/
 						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" }
+					}
 				}
 			}
 		}
@@ -1143,10 +1160,16 @@ sap.ui.define([
 		this.setProperty("enableDragAndDrop", bEnabled, true);
 
 		// Update zoom button states
-		if (this._zoomIn && this._zoomOut) {
+		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;
@@ -1176,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();
 		}
 
@@ -2203,21 +2226,27 @@ 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);
-			}
+		// 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({
@@ -2622,7 +2651,7 @@ sap.ui.define([
 		this._tooltip.instantClose();
 
 		// Remove all ports when deselecting
-		if (this.getNodePorts() !== "None") {
+		if (PortManager._currentTriggerNodeKey !== null) {
 			PortManager.removeAllPorts();
 		}
 	};
@@ -3309,7 +3338,7 @@ sap.ui.define([
 	 * @private
 	 */
 	Graph.prototype._supportsNodePorts = function () {
-		return this.getNodePorts() !== "None" && this._isDnDEnabled() && this.getShowCreateConnectionButton();
+		return this.getNodePorts() !== "None" && this._isDnDEnabled();
 	};
 
 	return Graph;

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

@@ -187,13 +187,15 @@ sap.ui.define([
 	};
 
 	KeyboardNavigator.prototype.onkeyup = function(oEvent) {
-			if (oEvent.keyCode === KeyCodes.SPACE){
-				this._handleEnter();
-				if (this._oGraph.getFocusDomRef() === document.activeElement) {
+		if (oEvent.keyCode === KeyCodes.SPACE){
+			this._handleEnter();
+			if (this._oGraph.getFocusDomRef() === document.activeElement) {
 				oEvent.stopPropagation();
 				oEvent.preventDefault();
-			  }
 			}
+		} else if (oEvent.keyCode === KeyCodes.DELETE || oEvent.keyCode === KeyCodes.BACKSPACE) {
+			this._handleDelete(oEvent);
+		}
 	};
 
 	KeyboardNavigator.prototype.onsapenter = function (oEvent) {
@@ -331,6 +333,45 @@ sap.ui.define([
 		}
 	};
 
+	KeyboardNavigator.prototype._handleDelete = function (oEvent) {
+		// Only handle delete when DnD is enabled
+		if (!this._oGraph._isDnDEnabled()) {
+			return;
+		}
+
+		var oFocus = this.getFocus();
+		if (!oFocus) {
+			return;
+		}
+
+		var oItem = oFocus.item;
+
+		// Only allow delete for Node and Line, not Group
+		if (oItem instanceof Node || oItem instanceof Line) {
+			oItem.setSelected(false);
+
+			// Clear focus before delete to prevent stale reference issues
+			if (this._oGraph._oFocus && this._oGraph._oFocus.item === oItem) {
+				this._oGraph._oFocus = null;
+			}
+
+			// Fire the itemDeleted event on the graph
+			var bExecuteDefault = this._oGraph.fireEvent("itemDeleted", {
+				item: oItem
+			}, true);
+
+			if (bExecuteDefault) {
+				oEvent.stopPropagation();
+				oEvent.preventDefault();
+			}
+
+			// Restore focus after a small timeout (to let any rerender settle)
+			setTimeout(function () {
+				this._oGraph.setFocus(oFocus)
+			}.bind(this), 0);
+		}
+	};
+
 	KeyboardNavigator.prototype._handleTab = function (oEvent, sDirection) {
 		var oResourceBundle = CoreLib.getResourceBundleFor("sap.suite.ui.commons");
 		this._oWrapperDom.setAttribute("aria-live","assertive");

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

@@ -905,6 +905,11 @@ sap.ui.define([
 
 		aSentenceParts.push(oResourceBundle.getText('NETWORK_GRAPH_ACCESSIBILITY_TOGGLE_STATE'));
 
+		const iIncomingConnectors = this.getFromNode().getChildLines().length;
+		if (iIncomingConnectors > 1) {
+			aSentenceParts.push(oResourceBundle.getText('NETWORK_GRAPH_LINE_NAVIGATION_ARROW_KEYS', [sFromNodeText]));
+		}
+
 		aSentenceParts.push(oResourceBundle.getText('NETWORK_GRAPH_LINE_NAVIGATION_TAB_TO_TARGET', [sToNodeText]));
 		aSentenceParts.push(oResourceBundle.getText('NETWORK_GRAPH_LINE_NAVIGATION_SHIFT_TAB_TO_SOURCE', [sFromNodeText]));
 
@@ -1106,10 +1111,39 @@ sap.ui.define([
 		$line.on("mouseout", function (oEvent) {
 			this._mouseOut();
 		}.bind(this));
+
+		// Setup events for text box
+		var oParent = this.getParent();
+		if (oParent) {
+			var sLineId = this._getLineId();
+			var $textBox = oParent.$("line-texts").find('[data-line-id="' + sLineId + '"]');
+
+			$textBox.on("click", function (oEvent) {
+				this._click({
+					ctrlKey: oEvent.ctrlKey,
+					clientX: oEvent.clientX,
+					clientY: oEvent.clientY
+				});
+			}.bind(this));
+
+			$textBox.on("mouseover", function (oEvent) {
+				this._mouseOver();
+			}.bind(this));
+
+			$textBox.on("mouseout", function (oEvent) {
+				this._mouseOut();
+			}.bind(this));
+		}
 	};
 
 	Line.prototype._mouseOut = function () {
 		this.$().removeClass(this.HIGHLIGHT_CLASS);
+		// Remove highlight class from text box using data-line-id attribute
+		var oParent = this.getParent();
+		if (oParent) {
+			var sLineId = this._getLineId();
+			oParent.$("line-texts").find('[data-line-id="' + sLineId + '"]').removeClass(this.HIGHLIGHT_CLASS);
+		}
 		if (!this.getSelected()) {
 			this._setStatusColors("");
 		}
@@ -1121,6 +1155,12 @@ sap.ui.define([
 		if (!this.getSelected() && bExecuteDefault) {
 			this._setStatusColors("Hover");
 			this.$().addClass(this.HIGHLIGHT_CLASS);
+			// Add highlight class to text box using data-line-id attribute
+			var oParent = this.getParent();
+			if (oParent) {
+				var sLineId = this._getLineId();
+				oParent.$("line-texts").find('[data-line-id="' + sLineId + '"]').addClass(this.HIGHLIGHT_CLASS);
+			}
 		}
 	};
 
@@ -1434,6 +1474,18 @@ sap.ui.define([
 		if (bFocus) {
 			this._renderFocusWrapper();
 		}
+
+		// Apply focus class to text box for blue border
+		var oParent = this.getParent();
+		if (oParent) {
+			var sLineId = this._getLineId();
+			var $textBox = oParent.$("line-texts").find('[data-line-id="' + sLineId + '"]');
+			if (bFocus) {
+				$textBox.addClass(this.FOCUS_CLASS);
+			} else {
+				$textBox.removeClass(this.FOCUS_CLASS);
+			}
+		}
 	};
 
 	Line.prototype._isEndPosition = function () {