@sapui5/sap.suite.ui.commons 1.150.0 → 1.152.0

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

@@ -462,7 +462,7 @@ IMGEDITOR_FILTER_SEPIA=Sepia
 IMGEDITOR_FILTER_GRAYSCALE=\u0421\u043A\u0430\u043B\u0430 \u0441\u043E \u0441\u0438\u0432\u0438 \u0442\u043E\u043D\u043E\u0432\u0438
 IMGEDITOR_FILTER_SATURATION=\u0417\u0430\u0441\u0438\u0442\u0435\u043D\u043E\u0441\u0442
 IMGEDITOR_FILTER_HUE=\u041D\u0438\u0458\u0430\u043D\u0441\u0430
-IMGEDITOR_FILTER_INVERT=\u041F\u0440\u0435\u0432\u0440\u0442\u0435\u043D\u043E
+IMGEDITOR_FILTER_INVERT=\u0418\u043D\u0432\u0435\u0440\u0437\u0438\u0458\u0430
 IMGEDITOR_FILTER_BRIGHTNESS=\u0421\u0432\u0435\u0442\u043B\u0438\u043D\u0430
 IMGEDITOR_FILTER_CONTRAST=\u041A\u043E\u043D\u0442\u0440\u0430\u0441\u0442
 IMGEDITOR_FILTER_BLUR=\u0417\u0430\u043C\u0430\u0442\u0435\u043D\u043E

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

@@ -301,7 +301,7 @@ NETWORK_GRAPH_LINE_NAVIGATION_TAB_TO_TARGET=Aby przej\u015B\u0107 do {0}, naci\u
 NETWORK_GRAPH_LINE_NAVIGATION_SHIFT_TAB_TO_SOURCE=Aby przej\u015B\u0107 z powrotem do {0}, naci\u015Bnij klawisze Shift + Tab
 NETWORK_GRAPH_LINE_NAVIGATION_ARROW_KEYS=Aby przej\u015B\u0107 do innych konektor\u00F3w z {0}, u\u017Cyj klawiszy strza\u0142ek
 NETWORK_GRAPH_NAVIGATION_ALT_CONNECTORS=Aby dowiedzie\u0107 si\u0119 o mo\u017Cliwych konektorach, naci\u015Bnij ALT +
-NETWORK_GRAPH_NAVIGATION_ALT_CONNECTOR_ANNOUNCE=Przejd\u017A do konektora {0} na {1}, konektora {2} \u0142\u0105cz\u0105cego {3} z {4}, naci\u015Bnij ALT + {5}
+NETWORK_GRAPH_NAVIGATION_ALT_CONNECTOR_ANNOUNCE=Przejd\u017A do konektora\: {0} na\: {1}, konektora {2} \u0142\u0105cz\u0105cego {3} z {4}, naci\u015Bnij ALT + {5}
 NETWORK_GRAPH_LINE_ACCESSIBILITY_STATUS=Status to
 NETWORK_GRAPH_LINE_ACCESSIBILITY_CONNECTION_FROM_TO=Po\u0142\u0105czenie z {0} do {1}
 

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

@@ -500,7 +500,7 @@ sap.ui.define([
 
 	ElementBase.prototype._appendActionButton = function (mArguments, $wrapper) {
 		var sId = mArguments.id ? "id=\"" + mArguments.id + "\"" : "";
-		var sButtonHtml = "<div " + sId + " title=\"" + mArguments.title + "\"class=\"sapSuiteUiCommonsNetworkGraphDivActionButtonBackground\">";
+		var sButtonHtml = "<div " + sId + " title=\"" + mArguments.title + "\" role=\"button\" aria-label=\"" + mArguments.title + "\" class=\"sapSuiteUiCommonsNetworkGraphDivActionButtonBackground\">";
 		sButtonHtml += "<div class=\"sapSuiteUiCommonsNetworkGraphDivActionButton ";
 
 		if (!mArguments.enable) {
@@ -509,7 +509,7 @@ sap.ui.define([
 		}
 		sButtonHtml += "\">";
 
-		sButtonHtml += this._renderHtmlIcon(mArguments.icon, (mArguments.class || ""));
+		sButtonHtml += this._renderHtmlIcon(mArguments.icon, (mArguments.class || ""), null, null, mArguments.title);
 
 		sButtonHtml += "</div>";
 		sButtonHtml += "<div class=\"sapSuiteUiCommonsNetworkActionButtonFocusCircle\"></div>";
@@ -536,6 +536,11 @@ sap.ui.define([
 			(Math.min(iY1, iY2) < iBottom);
 	};
 
+	ElementBase._isRectFullyOnScreen = function (iX1, iX2, iY1, iY2, iLeft, iRight, iTop, iBottom) {
+		return (Math.min(iX1, iX2) >= iLeft) && (Math.max(iX1, iX2) <= iRight) &&
+			(Math.min(iY1, iY2) >= iTop) && (Math.max(iY1, iY2) <= iBottom);
+	};
+
 	ElementBase.prototype._isOnScreen = function (iLeft, iRight, iTop, iBottom) {
 		return false;
 	};

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

@@ -306,6 +306,15 @@ sap.ui.define([
 				 */
 				labels: {
 					type: "object", group: "Appearance", defaultValue: {}
+				},
+				/**
+				 * Enables enhanced line routing for the network graph.
+				 * When set to <code>true</code>, overlapping connections are visually separated.
+				 * @public
+				 * @since 1.151
+				 */
+				enableEnhancedLineRouting: {
+					type: "boolean", group: "Behavior", defaultValue: true
 				}
 			},
 			aggregations: {
@@ -1297,6 +1306,7 @@ sap.ui.define([
 				this._updateAccessibility(oFocus);
 			}
 			this._updateAccessibility(oFocus);
+			this._ensureOnScreen(oFocus ? oFocus.item : null);
 			return;
 		}
 
@@ -1353,6 +1363,7 @@ sap.ui.define([
 				return sTitleLabel;
 			};
 		if (this.getDomRef("wrapper")) {
+			this.getDomRef("wrapper").setAttribute("aria-live", "assertive");
 			this._setAriaLabelForWrapper();
 		}
 		if (oFocus) {
@@ -1371,6 +1382,8 @@ sap.ui.define([
 					} else {
 						fnSetDefaultAccessibilityTitle();
 					}
+				} else if (oFocus.item instanceof Line) {
+					this._setAccessibilityTitle(oFocus.item._getActionButtonTitle(oFocus.button));
 				} else {
 					fnSetDefaultAccessibilityTitle();
 				}
@@ -3004,7 +3017,7 @@ sap.ui.define([
 	 * @private
 	 */
 	Graph.prototype._ensureOnScreen = function (oItem) {
-		if (!oItem || !this.$scroller) {
+		if (!oItem || !this.$scroller || typeof oItem._isOnScreen !== "function") {
 			return;
 		}
 
@@ -3036,7 +3049,9 @@ sap.ui.define([
 				iCenterY = oItem.getY();
 			}
 
-			if (iCenterX < iLeft || iCenterX > iRight) {
+			const iItemRight = oItem instanceof Node ? oItem.getX() + oItem._iWidth : iCenterX;
+			const iItemBottom = oItem instanceof Node ? oItem.getY() + oItem._iHeight : iCenterY;
+			if (iCenterX < iLeft || iCenterX > iRight || iItemRight > iRight) {
 				let iTargetScrollLeft = iCenterX * this._fZoomLevel - this.$scroller.width() / 2;
 
 				if (this._bIsRtl) {
@@ -3046,7 +3061,7 @@ sap.ui.define([
 
 				oScroller.scrollLeft = iTargetScrollLeft;
 			}
-			if (iCenterY < iTop || iCenterY > iBottom) {
+			if (iCenterY < iTop || iCenterY > iBottom || iItemBottom > iBottom) {
 				oScroller.scrollTop = iCenterY * this._fZoomLevel - this.$scroller.height() / 2;
 			}
 		}
@@ -3306,10 +3321,7 @@ sap.ui.define([
 		} else {
 			sLabel = oItem._getAccessibilityLabel(this);
 		}
-		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");
+		if (oWrapper) {
 			oWrapper.html(encodeXML(sLabel));
 		}
 	};

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

@@ -43,6 +43,7 @@ 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();
@@ -53,7 +54,6 @@ 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/Group.js

@@ -773,7 +773,7 @@ sap.ui.define([
 	Group.prototype._isOnScreen = function (iLeft, iRight, iTop, iBottom) {
 		var iX = this.getX(),
 			iY = this.getY();
-		return ElementBase._isRectOnScreen(iX, iX + this._iWidth, iY, iY + this._iHeight, iLeft, iRight, iTop, iBottom);
+		return ElementBase._isRectFullyOnScreen(iX, iX + this._iWidth, iY, iY + this._iHeight, iLeft, iRight, iTop, iBottom);
 	};
 
 	/* =========================================================== */

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

@@ -480,8 +480,10 @@ 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/Line.js

@@ -367,6 +367,19 @@ sap.ui.define([
 				oRm.text(sTooltipText);
 				oRm.close("title");
 			}
+		} else {
+			var oFrom = this.getFromNode(),
+				oTo = this.getToNode();
+			if (oFrom && oTo) {
+				var sFromText = oFrom.getTitle() || oFrom.getAltText();
+				var sToText = oTo.getTitle() || oTo.getAltText();
+				var sLineTitle = this.getTitle() ? (this.getTitle() + " ") : "";
+				var sHoverTooltip = sLineTitle + sFromText + " - " + sToText;
+				oRm.openStart("title");
+				oRm.openEnd();
+				oRm.text(sHoverTooltip);
+				oRm.close("title");
+			}
 		}
 
 		// invisible wrapper for better event handling
@@ -923,6 +936,17 @@ sap.ui.define([
 		return aSentenceParts.join('. ');
 	};
 
+	/**
+	 * Returns the accessible title for a Line action button.
+	 * @param {object} oItem - DOM element of the focused action button
+	 * @returns {string}
+	 * @private
+	 */
+	Line.prototype._getActionButtonTitle = function (oItem) {
+		var sTitle = jQuery(oItem).attr("title");
+		return (sTitle ? sTitle + " " : "") + oResourceBundle.getText("NETWORK_GRAPH_ACCESSIBILITY_ACTION_BUTTON");
+	};
+
 	/* =========================================================== */
 	/* Public methods */
 	/* =========================================================== */

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

@@ -4066,7 +4066,7 @@ sap.ui.define([
 	Node.prototype._isOnScreen = function(iLeft, iRight, iTop, iBottom) {
 		var iX = this.getX(),
 			iY = this.getY();
-		return ElementBase._isRectOnScreen(iX, iX + this._iWidth, iY, iY + this._iHeight, iLeft, iRight, iTop, iBottom);
+		return ElementBase._isRectFullyOnScreen(iX, iX + this._iWidth, iY, iY + this._iHeight, iLeft, iRight, iTop, iBottom);
 	};
 
 	Node.prototype.getFocusDomRef = function() {

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

@@ -102,7 +102,9 @@ sap.ui.define([
 			}.bind(this),
 			beforeOpen: function () {
 				this._fnCreate();
-				this._oPopover.setInitialFocus(Element.getElementById(this.getId() + "-detailsSection"));
+				if (this.oCloseButton) {
+					this._oPopover.setInitialFocus(this.oCloseButton.getId());
+				}
 				if (this._oOpener && this._oElement && this._oElement._setActionButtonFocus) {
 					this._oElement._setActionButtonFocus(this._oOpener, false);
 				}