@sapui5/sap.suite.ui.commons 1.147.0 → 1.149.0

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

@@ -296,6 +296,16 @@ sap.ui.define([
 						"RightToLeft": "Finish to Start",
 						"RightToRight": "Finish to Finish"
 					}
+				},
+				/**
+				 * Custom labels for element types displayed in the SearchField suggestions and Legend section headers.
+				 * Supported keys: nodeLabel, nodeLabelPlural, lineLabel, lineLabelPlural, groupLabel, groupLabelPlural.
+				 * Reverts to the default values for keys that are not set.
+				 * @public
+				 * @since 1.149
+				 */
+				labels: {
+					type: "object", group: "Appearance", defaultValue: {}
 				}
 			},
 			aggregations: {
@@ -1015,6 +1025,13 @@ sap.ui.define([
 		this._createLegend();
 	};
 
+	Graph.prototype.setLabels = function (oValue) {
+		this.setProperty("labels", oValue, true);
+		this._createSearchSuggestItems();
+		this._createLegend();
+		return this;
+	};
+
 
 	/**
 	 * Zooms in or out of the graph.
@@ -1157,6 +1174,7 @@ sap.ui.define([
 					return;
 				}
 
+				this._oFocus = null;
 				this.setFocus(oFocus);
 
 				if (oFocus.button == "menu") {
@@ -1335,7 +1353,6 @@ sap.ui.define([
 				return sTitleLabel;
 			};
 		if (this.getDomRef("wrapper")) {
-			this.getDomRef("wrapper").setAttribute("aria-live", "assertive");
 			this._setAriaLabelForWrapper();
 		}
 		if (oFocus) {
@@ -2890,6 +2907,11 @@ sap.ui.define([
 		// indicates current count of suggestion items when they are rendered
 		this._oSuggestionItemsModel.setSizeLimit(SUGGESTION_ITEMS_LIMIT);
 
+		const oLabels = this.getLabels() || {};
+		const sNodeLabel = oLabels.nodeLabel || oResourceBundle.getText("NETWORK_GRAPH_NODE");
+		const sLineLabel = oLabels.lineLabel || oResourceBundle.getText("NETWORK_GRAPH_LINE");
+		const sGroupLabel = oLabels.groupLabel || oResourceBundle.getText("NETWORK_GRAPH_GROUP");
+
 		aNodes.forEach(function (oNode) {
 			var sTitle = Utils.trimText(oNode.getTitle(), TITLE_LENGTH);
 			oData.items.push({
@@ -2897,7 +2919,7 @@ sap.ui.define([
 				type: SUGGESTIONS.Node,
 				icon: oNode.getIcon(),
 				key: oNode.getKey(),
-				description: "(" + oResourceBundle.getText("NETWORK_GRAPH_NODE") + ")"
+				description: "(" + sNodeLabel + ")"
 			});
 		});
 
@@ -2910,7 +2932,7 @@ sap.ui.define([
 					text: oLine._createSuggestionHelpText(),
 					type: SUGGESTIONS.Line,
 					key: oLine._getLineId(),
-					description: "(" + oResourceBundle.getText("NETWORK_GRAPH_LINE") + ")"
+					description: "(" + sLineLabel + ")"
 				});
 			}
 		});
@@ -2922,7 +2944,7 @@ sap.ui.define([
 					text: sTitle ? sTitle : oGroup.getKey(),
 					key: oGroup.getKey(),
 					type: SUGGESTIONS.Group,
-					description: "(" + oResourceBundle.getText("NETWORK_GRAPH_GROUP") + ")"
+					description: "(" + sGroupLabel + ")"
 				});
 			}
 		});
@@ -3089,7 +3111,7 @@ sap.ui.define([
 			if (fnHasStatus(oCollection)) {
 				oRm.openStart("div").class(sClass).openEnd();
 				oRm.openStart("label").class("sapSuiteUiCommonsNetworkGraphLegendTitle").openEnd();
-				oRm.text(oResourceBundle.getText(sTitle));
+				oRm.text(sTitle);
 				oRm.close("label");
 				oRm.close("div");
 				// get the status labels for sorting (some statuses can have custom labels)
@@ -3124,12 +3146,13 @@ sap.ui.define([
 			return;
 		}
 
+		const oLabels = this.getLabels() || {};
 		fnProcessElements(this.getNodes(), oNodeStatuses, "sapSuiteUiCommonsNetworkGraphLegendTitleNode",
-			"NETWORK_GRAPH_NODES", StatusType.Node);
+			oLabels.nodeLabelPlural || oResourceBundle.getText("NETWORK_GRAPH_NODES"), StatusType.Node);
 		fnProcessElements(this.getLines(), oLineStatuses, "sapSuiteUiCommonsNetworkGraphLegendTitleLine",
-			"NETWORK_GRAPH_LINES", StatusType.Line);
+			oLabels.lineLabelPlural || oResourceBundle.getText("NETWORK_GRAPH_LINES"), StatusType.Line);
 		fnProcessElements(this.getGroups(), oGroupStatuses, "sapSuiteUiCommonsNetworkGraphLegendTitleLine",
-			"NETWORK_GRAPH_GROUPS", StatusType.Group);
+			oLabels.groupLabelPlural || oResourceBundle.getText("NETWORK_GRAPH_GROUPS"), StatusType.Group);
 		oRm.flush($legend[0]);
 		oRm.destroy();
 		// $legend.html(sHtml);
@@ -3283,7 +3306,10 @@ sap.ui.define([
 		} else {
 			sLabel = oItem._getAccessibilityLabel(this);
 		}
-		if (oWrapper) {
+		if (oWrapper && oWrapper.length) {
+			// Switch to assertive only when deliberately updating text, so re-render
+			// of the div (which resets to default text) does not trigger an announcement.
+			oWrapper[0].setAttribute("aria-live", "assertive");
 			oWrapper.html(encodeXML(sLabel));
 		}
 	};

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

@@ -43,7 +43,6 @@ sap.ui.define([
 			oRM.openStart("div", oNetworkGraph.getId() + "-wrapper" );
 			oRM.class("sapSuiteUiCommonsNetworkGraphContentWrapper");
 			oRM.attr("tabindex", "0");
-			oRM.attr("aria-live", "assertive");
 			oRM.attr("aria-label", oResourceBundle.getText("NETWORK_GRAPH_ACCESSIBILITY_LABEL"));
 			oRM.attr("role", "application");
 			oRM.openEnd();
@@ -54,6 +53,7 @@ sap.ui.define([
 			 */
 			oRM.openStart("div", oNetworkGraph.getId() + "-accessibility" );
 			oRM.class("sapSuiteUiCommonsNetworkGraphContentWrapperAccessibility");
+			oRM.attr("aria-live", "off");
 			oRM.openEnd();
 			oRM.text(oResourceBundle.getText("NETWORK_GRAPH_ACCESSIBILITY_CONTENT"));
 			oRM.close("div");

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

@@ -480,10 +480,8 @@ sap.ui.define([
 	KeyboardNavigator.prototype._handleTab = function (oEvent, sDirection) {
 		const oFocus = this.getFocus(),
 			bBackward = sDirection === mDirections.LEFT;
-		this._oWrapperDom.setAttribute("aria-live", "assertive");
 		this._oGraph._setAriaLabelForWrapper(oResourceBundle.getText("NETWORK_GRAPH_ACCESSIBILITY_LABEL"));
 		if (this._ignoreEvent(oEvent)) {
-			this._oWrapperDom.setAttribute("aria-live","off");
 			this._oWrapperDom.classList.remove("sapSuiteUiCommonsNetworkGraphContentFocusHidden");
 			if (oEvent.target.getAttribute("title") === oResourceBundle.getText("CALCULATION_BUILDER_ENTER_FULL_SCREEN_BUTTON")){
 				this.isFromFullscreen = true;

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

@@ -101,6 +101,9 @@ sap.ui.define([
 			beforeOpen: function () {
 				this._fnCreate();
 				this._oPopover.setInitialFocus(Element.getElementById(this.getId() + "-detailsSection"));
+				if (this._oOpener && this._oElement && this._oElement._setActionButtonFocus) {
+					this._oElement._setActionButtonFocus(this._oOpener, false);
+				}
 			}.bind(this),
 			contentWidth: "350px"
 		}).addStyleClass("sapSuiteUiCommonsNetworkTooltip");
@@ -161,6 +164,7 @@ sap.ui.define([
 
 		this._fnCreate = this._createDetail;
 		this._oElement = mArguments.item;
+		this._oOpener = oOpener;
 		this._oPopover.openBy(oOpener);
 	};
 

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.147.0
+		 * @version 1.149.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.147.0
+	 * @version 1.149.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.147.0
+	 * @version 1.149.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.147.0
+	 * @version 1.149.0
 	 * @since 1.50
 	 *
 	 * @constructor

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

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @extends sap.suite.ui.commons.statusindicator.CustomShape
 	 *
 	 * @author SAP SE
-	 * @version 1.147.0
+	 * @version 1.149.0
 	 * @since 1.60.0
 	 *
 	 * @constructor

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

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

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

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.147.0
+	 * @version 1.149.0
 	 * @since 1.50
 	 *
 	 * @constructor

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

@@ -29,7 +29,7 @@ sap.ui.define(
 		 * @extends sap.suite.ui.commons.statusindicator.SimpleShape
 		 *
 		 * @author SAP SE
-		 * @version 1.147.0
+		 * @version 1.149.0
 		 * @since 1.50
 		 *
 		 * @constructor

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

@@ -42,7 +42,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.147.0
+	 * @version 1.149.0
 	 * @since 1.50
 	 *
 	 * @constructor

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

@@ -30,7 +30,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.147.0
+	 * @version 1.149.0
 	 * @since 1.50
 	 *
 	 * @constructor

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

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

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

@@ -49,7 +49,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.147.0
+	 * @version 1.149.0
 	 * @since 1.50
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/taccount/TAccount.js

@@ -56,7 +56,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.147.0
+	 * @version 1.149.0
 	 * @since 1.58.0
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/taccount/TAccountGroup.js

@@ -41,7 +41,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.147.0
+	 * @version 1.149.0
 	 * @since 1.58.0
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/taccount/TAccountItem.js

@@ -41,7 +41,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.147.0
+	 * @version 1.149.0
 	 * @since 1.58.0
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/taccount/TAccountItemProperty.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.147.0
+	 * @version 1.149.0
 	 * @since 1.58.0
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/taccount/TAccountPanel.js

@@ -65,7 +65,7 @@ sap.ui.define([
 	 * @extends sap.m.Panel
 	 *
 	 * @author SAP SE
-	 * @version 1.147.0
+	 * @version 1.149.0
 	 * @since 1.58.0
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/themes/base/MicroProcessFlow.less

@@ -87,8 +87,8 @@
 }
 
 .sapSuiteUiCommonsMicroProcessFlowItemInformation {
-	border-color: var(--sapInformationBorderColor);
-	background-color: var(--sapInformationBackground);
+	border-color: var(--sapIndicationColor_5_BorderColor);
+	background-color: var(--sapIndicationColor_5_Background);
 }
 
 .sapSuiteUiCommonsMicroProcessFlowItemNone {
@@ -102,7 +102,8 @@
 }
 
 .sapSuiteUiCommonsMicroProcessFlowItemInformation .sapSuiteUiCommonsMicroProcessFlowItemIcon {
-	color: var(--sapInformativeTextColor);
+	color: var(--sapContent_ContrastTextColor);
+	text-shadow: var(--sapContent_ContrastTextShadow);
 }
 
 .sapSuiteUiCommonsMicroProcessFlowItemWarning .sapSuiteUiCommonsMicroProcessFlowItemIcon {

package/src/sap/suite/ui/commons/themes/sap_fiori_3/MicroProcessFlow.less

@@ -2,12 +2,10 @@
 /* CSS for control sap.suite.ui.commons/MicroProcessFlow  */
 /* Quartz Light theme                                     */
 /* ====================================================== */
-
 .sapSuiteUiCommonsMicroProcessFlowItemInformation:hover {
-	background-color: var(--sapButton_Hover_Background);
-	border-color: var(--sapInformationBorderColor);
+    background-color: var(--sapButton_Information_Hover_Background);
 
-	.sapSuiteUiCommonsMicroProcessFlowItemIcon {
-		color: var(--sapButton_Hover_TextColor);
-	}
+    .sapSuiteUiCommonsMicroProcessFlowItemIcon {
+        color: var(--sapContent_ContrastTextColor);
+    }
 }

package/src/sap/suite/ui/commons/themes/sap_fiori_3_dark/MicroProcessFlow.less

@@ -2,12 +2,10 @@
 /* CSS for control sap.suite.ui.commons/MicroProcessFlow  */
 /* Quartz Dark theme                                      */
 /* ====================================================== */
-
 .sapSuiteUiCommonsMicroProcessFlowItemInformation:hover {
-	background-color: var(--sapButton_Hover_Background);
-	border-color: var(--sapInformationBorderColor);
+    background-color: var(--sapButton_Information_Hover_Background);
 
-	.sapSuiteUiCommonsMicroProcessFlowItemIcon {
-		color: var(--sapButton_Information_Hover_Background);
-	}
+    .sapSuiteUiCommonsMicroProcessFlowItemIcon {
+        color: var(--sapContent_ContrastTextColor);
+    }
 }

package/src/sap/suite/ui/commons/themes/sap_fiori_3_hcb/MicroProcessFlow.less

@@ -0,0 +1,7 @@
+.sapSuiteUiCommonsMicroProcessFlowItemInformation:hover {
+    background-color: var(--sapButton_Information_Hover_Background);
+
+    .sapSuiteUiCommonsMicroProcessFlowItemIcon {
+        color: var(--sapContent_ContrastTextColor);
+    }
+}

package/src/sap/suite/ui/commons/themes/sap_fiori_3_hcw/MicroProcessFlow.less

@@ -0,0 +1,7 @@
+.sapSuiteUiCommonsMicroProcessFlowItemInformation:hover {
+    background-color: var(--sapButton_Information_Hover_Background);
+
+    .sapSuiteUiCommonsMicroProcessFlowItemIcon {
+        color: var(--sapContent_ContrastTextColor);
+    }
+}

package/src/sap/suite/ui/commons/themes/sap_horizon/MicroProcessFlow.less

@@ -7,4 +7,11 @@
 	border-radius: 100%;
 	min-width: 1.25rem;
 	min-height: 1.25rem;
+}
+.sapSuiteUiCommonsMicroProcessFlowItemInformation:hover {
+    background-color: var(--sapButton_Lite_Hover_TextColor);
+
+    .sapSuiteUiCommonsMicroProcessFlowItemIcon {
+        color: var(--sapContent_ContrastTextColor);
+    }
 }

package/src/sap/suite/ui/commons/themes/sap_horizon_dark/MicroProcessFlow.less

@@ -7,4 +7,11 @@
 	border-radius: 100%;
 	min-width: 1.25rem;
 	min-height: 1.25rem;
+}
+.sapSuiteUiCommonsMicroProcessFlowItemInformation:hover {
+    background-color: var(--sapButton_Lite_Hover_TextColor);
+
+    .sapSuiteUiCommonsMicroProcessFlowItemIcon {
+        color: var(--sapContent_ContrastTextColor);
+    }
 }

package/src/sap/suite/ui/commons/themes/sap_horizon_hcb/MicroProcessFlow.less

@@ -6,4 +6,11 @@
 .sapUiSizeCompact .sapSuiteUiCommonsMicroProcessFlowItem {
 	min-width: 1.25rem;
 	min-height: 1.25rem;
+}
+.sapSuiteUiCommonsMicroProcessFlowItemInformation:hover {
+    background-color: var(--sapButton_Information_Hover_Background);
+
+    .sapSuiteUiCommonsMicroProcessFlowItemIcon {
+        color: var(--sapContent_ContrastTextColor);
+    }
 }

package/src/sap/suite/ui/commons/themes/sap_horizon_hcw/MicroProcessFlow.less

@@ -6,4 +6,11 @@
 .sapUiSizeCompact .sapSuiteUiCommonsMicroProcessFlowItem {
 	min-width: 1.25rem;
 	min-height: 1.25rem;
+}
+.sapSuiteUiCommonsMicroProcessFlowItemInformation:hover {
+    background-color: var(--sapButton_Information_Hover_Background);
+
+    .sapSuiteUiCommonsMicroProcessFlowItemIcon {
+        color: var(--sapContent_ContrastTextColor);
+    }
 }