@sapui5/sap.suite.ui.commons 1.140.0 → 1.142.0

package/src/sap/suite/ui/commons/imageeditor/FilterHistoryItem.js

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * @extends sap.suite.ui.commons.imageeditor.HistoryItem
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.142.0
 	 * @since 1.66.0
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/imageeditor/FlipHistoryItem.js

@@ -25,7 +25,7 @@ sap.ui.define([
 	 * @extends sap.suite.ui.commons.imageeditor.HistoryItem
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.142.0
 	 * @since 1.66.0
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/imageeditor/HistoryItem.js

@@ -17,7 +17,7 @@ sap.ui.define([
 	 * @extends sap.ui.base.Object
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.142.0
 	 * @since 1.66.0
 	 *
 	 * @abstract

package/src/sap/suite/ui/commons/imageeditor/ImageEditor.js

@@ -50,7 +50,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.142.0
 	 * @since 1.66.0
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/imageeditor/ImageEditorContainer.js

@@ -162,7 +162,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.142.0
 	 * @since 1.66.0
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/imageeditor/ImageEditorResponsiveContainer.js

@@ -34,7 +34,7 @@ sap.ui.define([
 	 * @extends sap.suite.ui.commons.imageeditor.ImageEditorContainer
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.142.0
 	 * @since 1.68.0
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/imageeditor/ResizeHistoryItem.js

@@ -29,7 +29,7 @@ sap.ui.define([
 	 * @extends sap.suite.ui.commons.imageeditor.HistoryItem
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.142.0
 	 * @since 1.66.0
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/imageeditor/RotateHistoryItem.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @extends sap.suite.ui.commons.imageeditor.HistoryItem
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.142.0
 	 * @since 1.66.0
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/library.js

@@ -195,7 +195,7 @@ sap.ui.define([
 			"sap.suite.ui.commons.TargetFilterMeasureColumn",
 			"sap.suite.ui.commons.AriaProperties"
 		],
-		version: "1.140.0",
+		version: "1.142.0",
 		extensions: {
 			flChangeHandlers: {
 				"sap.suite.ui.commons.Timeline": "sap/suite/ui/commons/flexibility/Timeline"

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

@@ -493,6 +493,8 @@ NETWORK_GRAPH_WRONGDATA=Network graph data is not consistent. Check the console
 NETWORK_GRAPH_COLLAPSED=Collapsed
 #XACT: Title for expanded icon.
 NETWORK_GRAPH_EXPANDED=Expanded
+#XACT: Title for collapsed icon.
+NETWORK_GRAPH_PARTIAL=Partially Expanded
 #XACT: No Data title
 NETWORK_GRAPH_NO_DATA=No data found.
 #XACT: Title for group details
@@ -543,7 +545,8 @@ MICRO_PROCESS_FLOW_ERROR=Error
 MICRO_PROCESS_FLOW_INFORMATION=Information
 #XACT: Text for ARIA text
 MICRO_PROCESS_FLOW_ITEM=Item
-
+#XBUT: Text for confirm button
+MICRO_PROCESS_FLOW_ITEM_ACC_BUTTON=Button {0} of {1}. To move to an item press the Arrow keys.
 
 #YINS: Placeholder text for search variable field
 CALCULATION_BUILDER_SEARCH_VARIABLE=Search...
@@ -701,6 +704,10 @@ CALCULATION_BUILDER_LOGICAL_DISJUNCTION_TOOLTIP=Logical disjunction
 CALCULATION_BUILDER_EXCLUSIVE_DISJUNCTION_TOOLTIP=Exclusive disjunction
 #XCAP: Tooltip for negation operator
 CALCULATION_BUILDER_NEGATION_TOOLTIP=Negation
+#XCAP: CalculationBuilder Negative Action Tutor message
+CALCULATION_BUILDER_NEGATIVE_ACTION=Negative Action.
+#XCAP: CalculationBuilder Navigation Tutor message
+CALCULATION_BUILDER_NAVIGATION=Use arrow keys to navigate
 
 #XCAP: T Account title
 TACCOUNT_TITLE=T Account
@@ -1005,10 +1012,18 @@ COLLABORATION_MSTEAMS_CHAT_SINGLE=Chat in Microsoft Teams
 COLLABORATION_MSTEAMS_CARD_SINGLE=Card in Microsoft Teams
 #XTXT: Text for Collaboration popover teams option
 COLLABORATION_POPOVER_TEAMS = Microsoft Teams Chat
+#XTXT: Text for Universal collaboration bar Chat option
+COLLABORATION_POPOVER_CHAT=Chat
+#XTXT: Text for Universal collaboration bar Tab option
+COLLABORATION_POPOVER_TAB=Tab
+#XTXT: Text for Universal collaboration bar Collaboration Manager option
+COLLABORATION_POPOVER_MANAGER=Collaboration Manager
 #XTXT: Text for Collaboration popover Mail option
 COLLABORATION_POPOVER_MAIL = Email
 #XTXT: Message strip text for copy link
 COLLABORATION_POPOVER_MSGSTRIP = Click to copy the link for later use
+#XTXT: Message text for copy link successfully
+COLLABORATION_POPOVER_MSGSTRIP_SUCCESS = Link copied successfully
 #XTXT: Text for Collaboration popover Copy URL Button
 COLLABORATION_POPOVER_COPYURL_BUTTON = Copy Link
 #XTXT: Text for Share to Collaboration Manager 

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

@@ -520,9 +520,12 @@ COLLABORATION_MSTEAMS_TAB_SINGLE=Tab to Microsoft Teams
 COLLABORATION_MSTEAMS_CHAT_SINGLE=Chat in Microsoft Teams
 COLLABORATION_MSTEAMS_CARD_SINGLE=Card in Microsoft Teams
 COLLABORATION_POPOVER_TEAMS=Microsoft Teams Chat
+COLLABORATION_POPOVER_CHAT=Chat
+COLLABORATION_POPOVER_TAB=Tab
 COLLABORATION_POPOVER_MAIL=Email
 COLLABORATION_POPOVER_MSGSTRIP=Click to copy the link for later use
 COLLABORATION_POPOVER_COPYURL_BUTTON=Copy Link
+COLLABORATION_POPOVER_MANAGER=Collaboration Manager
 COLLABORATION_MANGER=Collaboration Manager
 SAVE_CARD_ERROR=The card couldn't be shared. Please try again later.
 

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

@@ -42,7 +42,8 @@ sap.ui.define([
 	"sap/ui/core/RenderManager",
 	"sap/ui/core/Theming",
 	'sap/ui/core/InvisibleText',
-	"./GraphRenderer"
+	"./GraphRenderer",
+	"./util/DragDropManager"
 ], function (
 	library,
 	jQuery,
@@ -80,7 +81,8 @@ sap.ui.define([
 	RenderManager,
 	Theming,
 	InvisibleText,
-	GraphRenderer
+	GraphRenderer,
+	DragDropManager
 ) {
 	"use strict";
 
@@ -98,7 +100,8 @@ sap.ui.define([
 	var ZOOM_MILESTONES = [0.05, 0.1, 0.25, 0.33, 0.50, 0.67, 0.75, 0.80, 0.90, 1, 1.1, 1.25, 1.5, 1.75, 2, 2.5, 3, 4, 5],
 		DEFAULT_ZOOM_MILESTONE = 1,
 		ZOOM_OUT_RATING = 0.4,
-		SUGGESTION_ITEMS_LIMIT = 100;
+		SUGGESTION_ITEMS_LIMIT = 100,
+		MOVING_THRESHOLD = 20;
 
 	var SUGGESTIONS = {
 		Group: "group",
@@ -136,6 +139,7 @@ sap.ui.define([
 	var Graph = SvgBase.extend("sap.suite.ui.commons.networkgraph.Graph", {
 		metadata: {
 			library: "sap.suite.ui.commons",
+			dnd: { draggable: false, droppable: true },
 			properties: {
 				/**
 				 * The height of the graph. If this property is set to 'auto', the network graph will be resized to fit the height of its content, regardless of the height of the parent control.
@@ -210,10 +214,19 @@ sap.ui.define([
 				 * Only works when enableWheelZoom is set to true or 'ctrl' key is pressed while wheel scrolling.
 				 * Add delay in milliseconds.
 				 *
-				 * @private since 1.125
+				 * @private
 				 */
 				_smoothWheelZoom: {
 					type: "int", group: "Behavior", defaultValue: 125, visibility: "hidden"
+				},
+				/**
+				 * 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
+				 */
+				enableDragAndDrop: {
+					type: "boolean", group: "Behavior", defaultValue: false, visibility: "hidden"
 				}
 			},
 			aggregations: {
@@ -327,7 +340,28 @@ sap.ui.define([
 						term: { type: "string" },
 						key: { type: "string" }
 					}
-				}
+				},
+				/**
+				 * This event is fired when a user drops a node in the graph. This event is available only for the noop layout.
+				 * @private
+				 */
+				nodeDropped: {
+					parameters: {
+						/**
+						 * The node that was moved.
+						 */
+						node: { type: "sap.suite.ui.commons.networkgraph.Node" },
+						/**
+						 * The new x coordinate of the node.
+						 */
+						newX: { type: "float" },
+						/**
+						 * The new y coordinate of the node.
+						 */
+						newY: { type: "float" }
+					},
+					visibility: "hidden"
+				},
 			}
 		}
 	});
@@ -408,6 +442,17 @@ sap.ui.define([
 
 		this._createToolbar();
 
+		/**
+		 * Attach drag and drop events
+		 */
+		if (this.getDragDropConfig().length === 0) {
+			try {
+				DragDropManager.injectDnD(this);
+			} catch (error) {
+				Log.error("Graph DnD: ", error);
+			}
+		}
+
 	};
 
 	Graph.prototype.onBeforeRendering = function () {
@@ -553,6 +598,7 @@ sap.ui.define([
 		if (this._oFullScreenUtil) {
 			this._oFullScreenUtil.cleanUpFullScreen(this);
 		}
+		DragDropManager.removeDnD(this);
 	};
 	/* =========================================================== */
 	/* Pseudo events and event triggers */
@@ -864,6 +910,20 @@ sap.ui.define([
 		this.$().find("." + this.FOCUS_CLASS).removeClass(this.FOCUS_CLASS);
 	};
 
+	/**
+	 * @private
+	 */
+	Graph.prototype.setEnableDragAndDrop = function (bEnabled) {
+		this.setProperty("enableDragAndDrop", bEnabled, true);
+	};
+
+	/**
+	 * @private
+	 */
+	Graph.prototype.getEnableDragAndDrop = function () {
+		return this.getProperty("enableDragAndDrop");
+	};
+
 	/**
 	 * Sets focus of the graph. Since one element at max can be focused at one time, handling of this belongs to the graph itself.
 	 * @param {object} oFocus Element (and optionally button) to focus
@@ -1029,6 +1089,14 @@ sap.ui.define([
 		return this.getNodes().concat(this.getGroups());
 	};
 
+	Graph.prototype._isNoopLayout = function () {
+		return this._getLayoutAlgorithm().isA("sap.suite.ui.commons.networkgraph.layout.NoopLayout");
+	};
+
+	Graph.prototype._isDnDEnabled = function() {
+		return this._isNoopLayout() && this.getEnableDragAndDrop();
+	};
+
 	Graph.prototype._render = function () {
 		this._beforeRender();
 
@@ -1092,6 +1160,10 @@ sap.ui.define([
 
 		if (!this._isSwimLane() && !this._isTwoColumnsLayout()) {
 			this.$("innerscroller").addClass(" sapSuiteUiCommonsNetworkGraphInnerScrollerCenter ");
+			if (this._isDnDEnabled()) {
+				// If NoopLayout is used, users must set certain styles to ensure precise coordinates setting.
+				this.$("innerscroller").addClass("sapSuiteUiCommonsNetworkGraphInnerScrollerNoMargin");
+			}
 		}
 	};
 
@@ -2161,6 +2233,34 @@ sap.ui.define([
 			$wrapper.on("touchmove", function (oEvent) {
 				fnTouchMove(oEvent);
 			});
+
+			this.getDomRef("wrapper").addEventListener("keydown",(oEvent) => {
+				var oScroller = this.$scroller[0];
+				setTimeout(() => {
+					// Check whether the focus is not on childElements
+					if (!document.querySelector(".sapSuiteUiCommonsNetworkElementFocus")) {
+						var iX = 0;
+						var iY = 0;
+
+						// Handle horizontal movement
+						if (oEvent.key === "ArrowLeft") {
+							iX = -MOVING_THRESHOLD;
+						} else if (oEvent.key === "ArrowRight") {
+							iX = MOVING_THRESHOLD;
+						}
+
+						// Handle vertical movement
+						if (oEvent.key === "ArrowUp") {
+							iY = -MOVING_THRESHOLD;
+						} else if (oEvent.key === "ArrowDown") {
+							iY = MOVING_THRESHOLD;
+						}
+
+						oScroller.scrollTop = oScroller.scrollTop + iY;
+						oScroller.scrollLeft = oScroller.scrollLeft + iX;
+					}
+				}, 0);
+			});
 			this._bEventsAdded = true;
 		}
 

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

@@ -20,8 +20,10 @@ sap.ui.define([
 	"sap/ui/core/Core",
 	"sap/ui/core/Theming",
 	"sap/ui/core/Lib",
-	"./Utils"
-], function(jQuery, library, ElementBase, ElementAttribute, IconPool, Device, encodeXML, sanitizeHTML, CheckBox, Text, NodeRenderer, Core, Theming, CoreLib, Utils) {
+	"./Utils",
+	"sap/base/Log",
+	"./util/DragDropManager"
+], function(jQuery, library, ElementBase, ElementAttribute, IconPool, Device, encodeXML, sanitizeHTML, CheckBox, Text, NodeRenderer, Core, Theming, CoreLib, Utils, Log, DragDropManager) {
 	"use strict";
 
 	var Shape = library.networkgraph.NodeShape,
@@ -116,6 +118,7 @@ sap.ui.define([
 	var Node = ElementBase.extend("sap.suite.ui.commons.networkgraph.Node", {
 		metadata: {
 			library: "sap.suite.ui.commons",
+			dnd : { draggable: true, droppable: false },
 			properties: {
 				/**
 				 * Defines if the Header checkbox should be displayed and whether it should be selected or not. By default, the checkbox is hidden. Available only for box nodes.
@@ -338,6 +341,13 @@ sap.ui.define([
 			}
 		},
 		onAfterRendering: function() {
+			if (this.getDragDropConfig().length === 0) {
+				try {
+					DragDropManager.injectDnD(this);
+				} catch (error) {
+					Log.error("Node DnD: ", error);
+				}
+			}
 			this._afterRenderingBase();
 		}
 	});
@@ -453,6 +463,10 @@ sap.ui.define([
 		}
 	};
 
+	Node.prototype.exit = function () {
+		DragDropManager.removeDnD(this);
+	};
+
 	Node.prototype._isInteractiveNode = function() {
 		var bIsShowExpandButton = this.getShowExpandButton() && this._hasVisibleChildren(),
 			bIsShowDetailButton = this.getShowDetailButton() && (this._hasDetailData() || this.getTitle()),
@@ -615,9 +629,7 @@ sap.ui.define([
 					"class": "sapSuiteUiCommonsNetworkNodeActionCollapseIcon",
 					icon: this._getExpandIcon(true),
 					enable: this._hasVisibleChildren(),
-					title: this._oExpandState === ExpandState.EXPANDED ?
-						oResourceBundle.getText("NETWORK_GRAPH_EXPANDED") :
-						oResourceBundle.getText("NETWORK_GRAPH_COLLAPSED"),
+					title: this._getExpandStateTitle(),
 					id: this._getDomId("actionCollapse"),
 					click: this._expandClick.bind(this)
 				}, $right);
@@ -723,6 +735,7 @@ sap.ui.define([
 				id: sId,
 				"data-sap-ui": sId,
 				"class": sNodeClass,
+				"draggable": !!(this.getParent()._isDnDEnabled())
 			};
 
 		if (sNodeClass.includes("sapSuiteUiCommonsNetworkBox") && this.getTooltip_AsString()) {
@@ -2041,6 +2054,19 @@ sap.ui.define([
 		}
 	};
 
+	Node.prototype._getExpandStateTitle = function () {
+		switch (this._oExpandState) {
+			case ExpandState.PARTIAL:
+				return oResourceBundle.getText("NETWORK_GRAPH_PARTIAL");
+			case ExpandState.EXPANDED:
+				return oResourceBundle.getText("NETWORK_GRAPH_EXPANDED");
+			case ExpandState.COLLAPSED:
+				return oResourceBundle.getText("NETWORK_GRAPH_COLLAPSED");
+			default:
+				return oResourceBundle.getText("NETWORK_GRAPH_EXPANDED");
+		}
+	};
+
 	Node.prototype._createLineText = function(sText, iWidth, oText, iMaxLines) {
 		var aLines = [[]],
 			iLine = 0, sRest,
@@ -3158,9 +3184,7 @@ sap.ui.define([
 					icon: this._getExpandIcon(true),
 					"class": "sapSuiteUiCommonsNetworkNodeActionCollapseIcon",
 					enable: this._hasVisibleChildren(),
-					title: this._oExpandState === ExpandState.EXPANDED ?
-						oResourceBundle.getText("NETWORK_GRAPH_EXPANDED") :
-						oResourceBundle.getText("NETWORK_GRAPH_COLLAPSED"),
+					title: this._getExpandStateTitle(),
 					id: this._getDomId("actionCollapse"),
 					click: this._expandClick.bind(this)
 				});
@@ -3413,9 +3437,7 @@ sap.ui.define([
 		if ($icon[0]) {
 			$icon[0].textContent = this._getExpandIcon();
 			if ($iconParent && $iconParent.title) {
-				$iconParent.title = this._oExpandState === ExpandState.EXPANDED ?
-					oResourceBundle.getText("NETWORK_GRAPH_EXPANDED") :
-					oResourceBundle.getText("NETWORK_GRAPH_COLLAPSED")
+				$iconParent.title = this._getExpandStateTitle();
 			}
 		}
 

package/src/sap/suite/ui/commons/networkgraph/util/DragDropManager.js

@@ -0,0 +1,197 @@
+/*!
+ * 
+		SAP UI development toolkit for HTML5 (SAPUI5)
+		(c) Copyright 2009-2015 SAP SE. All rights reserved
+	
+ */
+sap.ui.define([
+	"sap/ui/core/dnd/DragInfo",
+	"sap/ui/core/dnd/DropInfo",
+	"sap/base/Log"
+], function (DragInfo, DropInfo, Log) {
+	"use strict";
+
+	// Instance object: Only one will exist
+	var instance = null;
+	var sDragSessionKey = "networkGraphDragSession";
+
+	/**
+	 * Constructor for DragDropManager.
+	 * This class is for internal use only
+	 *
+	 * @class
+	 * Manages drag and drop functionality for network graph components.
+	 * This class handles drag start, drag end, drag over, and drop events
+	 * for both Graph and Node controls in the network graph library.
+	 *
+	 * @private
+	 */
+	function DragDropManager() { }
+
+	/**
+	 * Validates if the given control is supported for drag and drop operations.
+	 *
+	 * @param oControl - The control to validate
+	 * @returns {boolean} True if the control is eligible for drag and drop, otherwise false
+	 * @private
+	 */
+	DragDropManager.prototype.isValidControl = function (oControl) {
+		if (!oControl || typeof oControl !== 'object') {
+			return false;
+		}
+
+		// Check if it's an empty object
+		if (Object.keys(oControl).length === 0 && oControl.constructor === Object) {
+			return false;
+		}
+
+		// Check if it has the required isA method
+		if (typeof oControl.isA !== 'function') {
+			return false;
+		}
+
+		return oControl.isA("sap.suite.ui.commons.networkgraph.Graph") ||
+			oControl.isA("sap.suite.ui.commons.networkgraph.Node");
+	}
+
+	/**
+	 * Handles the drag start event for nodes.
+	 *
+	 * @param {sap.ui.base.Event} oEvent - The drag start event handler
+	 * @private
+	 */
+	DragDropManager.prototype._handleDragStart = function (oEvent) {
+		let dragSession = oEvent.getParameter("dragSession");
+		let browserEvent = oEvent.getParameter("browserEvent");
+		dragSession.setComplexData(sDragSessionKey, {
+			cursorX: browserEvent.clientX,
+			cursorY: browserEvent.clientY
+		});
+	}
+
+	/**
+	 * Handles the drag end event for nodes.
+	 *
+	 * @param {sap.ui.base.Event} oEvent - The drag End event handler
+	 * @private
+	 */
+	DragDropManager.prototype._handleDragEnd = function (oEvent) {
+
+		let oBrowserEvent = oEvent.getParameter("browserEvent");
+
+		if (!oBrowserEvent) {
+			Log.warn("No native browser event available in drag end event.");
+			return;
+		}
+	};
+
+	/**
+	 * Handles the drag over event for nodes.
+	 *
+	 * @param {sap.ui.base.Event} oEvent - The drag over event handler
+	 * @private
+	 */
+	DragDropManager.prototype._handleDragOver = function (oEvent) {
+		// Optional: Implement visual feedback  of drag ghost for Lasso selection
+		let oBrowserEvent = oEvent.getParameter("browserEvent");
+
+		if (!oBrowserEvent) {
+			Log.warn("No native browser event available in drag over event.");
+			return;
+		}
+	};
+
+	/**
+	 * Handles the drop event.
+	 *
+	 * @param {sap.ui.base.Event} oEvent - The drop event
+	 * @param {sap.suite.ui.commons.networkgraph.Graph} oGraph - The graph control
+	 * @private
+	 */
+	DragDropManager.prototype._handleDrop = function (oEvent, oGraph) {
+		let oBrowserEvent = oEvent.getParameter("browserEvent") || {};
+		let { clientX = 0, clientY = 0 } = oBrowserEvent,
+			oDraggedControl = oEvent.getParameter("draggedControl");
+		if (!oBrowserEvent) {
+			Log.warn("No native browser event available in drop event.");
+			return;
+		}
+
+		if (oEvent.getParameter("draggedControl")?.isA("sap.suite.ui.commons.networkgraph.Node")) {
+			let dragSessionComplexData = oEvent.getParameter("dragSession").getComplexData(sDragSessionKey),
+				deltaX = clientX - (dragSessionComplexData?.cursorX || 0),
+				deltaY = clientY - (dragSessionComplexData?.cursorY || 0);
+
+			oGraph.fireEvent("nodeDropped", {
+				node: oDraggedControl,
+				newX: oDraggedControl.getX() + deltaX,
+				newY: oDraggedControl.getY() + deltaY
+			});
+		} else {
+			let boundingRect = oGraph?._$innerscroller[0]?.getBoundingClientRect() || { left: 0, top: 0 },
+				x = clientX - boundingRect.left,
+				y = clientY - boundingRect.top;
+
+			oGraph.fireEvent("nodeDropped", {
+				...oEvent.getParameters(),
+				node: oDraggedControl,
+				newX: x,
+				newY: y
+			});
+		}
+	};
+
+	// Add drag and drop config if needed
+	DragDropManager.prototype.injectDnD = function (oControl) {
+		if (!this.isValidControl(oControl)) {
+			throw new Error("DragDropManager: Control is not valid for DnD");
+		}
+		var sControlType = oControl.getMetadata().getName();
+		switch (sControlType) {
+			case "sap.suite.ui.commons.networkgraph.Graph":
+				var dragInfo = new DragInfo({
+					sourceAggregation: "nodes",
+					dragEnd: this._handleDragEnd.bind(this)
+				});
+				var dropInfo = new DropInfo({
+					dropPosition: "Between",
+					drop: function (oEvent) {
+						this._handleDrop(oEvent, oControl);
+					}.bind(this),
+					dragOver: this._handleDragOver.bind(this)
+				});
+
+				oControl.addDragDropConfig(dragInfo);
+				oControl.addDragDropConfig(dropInfo);
+				break;
+			case "sap.suite.ui.commons.networkgraph.Node":
+				var dragInfo = new DragInfo({
+					dragStart: this._handleDragStart.bind(this),
+				});
+				oControl.addDragDropConfig(dragInfo);
+				break;
+			default:
+				throw new Error("DragDropManager: Control type " + sControlType + " is not supported");
+		}
+	};
+
+	// Remove DnD config
+	DragDropManager.prototype.removeDnD = function (oControl) {
+		if (!this.isValidControl(oControl)) {
+			throw new Error("DragDropManager: Control is not valid for DnD");
+		}
+		// Check if control has any drag drop configurations
+		if (!oControl.getDragDropConfig || oControl.getDragDropConfig().length === 0) {
+			return true; // Not an error, just nothing to remove
+		}
+
+		oControl?.destroyDragDropConfig();
+	};
+
+	// Exported singleton object - instantiate on first access
+	if (!instance) {
+		instance = new DragDropManager();
+	}
+
+	return instance;
+}, /* bExport= */true);

package/src/sap/suite/ui/commons/statusindicator/Circle.js

@@ -30,7 +30,7 @@ sap.ui.define([
 		 * @extends sap.suite.ui.commons.statusindicator.SimpleShape
 		 *
 		 * @author SAP SE
-		 * @version 1.140.0
+		 * @version 1.142.0
 		 * @since 1.50
 		 *
 		 * @constructor

package/src/sap/suite/ui/commons/statusindicator/CustomShape.js

@@ -36,7 +36,7 @@ sap.ui.define([
 	 * @extends sap.suite.ui.commons.statusindicator.Shape
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.142.0
 	 * @since 1.50
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/statusindicator/DiscreteThreshold.js

@@ -21,7 +21,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.142.0
 	 * @since 1.50
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/statusindicator/FillingOption.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.142.0
 	 * @since 1.50
 	 *
 	 * @constructor