@openui5/sap.m 1.133.1 → 1.135.0

package/src/sap/m/ImageContent.js

@@ -33,7 +33,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 * @since 1.38
 	 *
 	 * @public

package/src/sap/m/Input.js

@@ -162,7 +162,7 @@ function(
 	 * @extends sap.m.InputBase
 	 * @implements sap.ui.core.IAccessKeySupport
 	 * @author SAP SE
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public
@@ -1017,6 +1017,15 @@ function(
 		}
 	};
 
+	Input.prototype.getValueStateLinksForAcc = function(){
+		const oFormattedText = this._getFormattedValueStateText();
+		if (!oFormattedText){
+			return [];
+		}
+		return oFormattedText.getControls();
+	};
+
+
 	/**
 	 * Gets <code>sap.m.FormattedText</code> aggregation based on its current parent.
 	 * If the SuggestionPopover is open that is the <code>sap.m.ValueStateHeader</code>, otherwise is the Input itself.
@@ -1037,7 +1046,6 @@ function(
 		}
 	};
 
-
 	/**
 	 * Updates and synchronizes the <code>selectedRow</code> association and <code>selectedKey</code> properties.
 	 *
@@ -1850,6 +1858,13 @@ function(
 		// disable the typeahead feature for android devices due to an issue on android soft keyboard, which always returns keyCode 229
 		this._bBackspaceOrDelete = (oEvent.which === KeyCodes.BACKSPACE) || (oEvent.which === KeyCodes.DELETE);
 		this._bDoTypeAhead = !Device.os.android && this.getAutocomplete() && !this._bBackspaceOrDelete;
+
+		if (this.areHotKeysPressed(oEvent) && this._isSuggestionsPopoverOpen()) {
+			var oSuggestionsPopover = this._getSuggestionsPopover();
+			oSuggestionsPopover.setValueStateActiveState(true);
+			oSuggestionsPopover._handleValueStateLinkNav(this, oEvent);
+			oSuggestionsPopover.updateFocus(this, null);
+		}
 	};
 
 	Input.prototype.onkeyup = function (oEvent) {
@@ -1968,7 +1983,7 @@ function(
 	/**
 	 * Applies Suggestion Accessibility
 	 *
-	 * Adds the aria-desribedby text with the number of available suggestions.
+	 * Adds the aria-describedby text with the number of available suggestions.
 	 *
 	 * @param {int} iNumItems
 	 * @private
@@ -3312,7 +3327,6 @@ function(
 	 */
 	Input.prototype._openSuggestionsPopover = function () {
 		this.closeValueStateMessage();
-		this._updateSuggestionsPopoverValueState();
 		this._getSuggestionsPopover().getPopover().open();
 	};
 

package/src/sap/m/InputBase.js

@@ -74,7 +74,7 @@ function(
 	 * @borrows sap.ui.core.ILabelable.hasLabelableHTMLElement as #hasLabelableHTMLElement
 	 *
 	 * @author SAP SE
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public
@@ -426,7 +426,12 @@ function(
 
 		// Announce error value state update, only when the visual focus is in the input field
 		if (this.getErrorMessageAnnouncementState() && this.hasStyleClass("sapMFocus")) {
-			sValueStateMessageHiddenText && this._oInvisibleMessage.announce(sValueStateMessageHiddenText.textContent);
+			if (sValueStateMessageHiddenText) {
+				const sValueStateMessageHiddenTextLinks = document.getElementById(this.getValueStateLinksShortcutsId());
+				const sLinksAnnouncement = sValueStateMessageHiddenTextLinks ? sValueStateMessageHiddenTextLinks.textContent : "";
+				const sTextToAnnounce = `${sValueStateMessageHiddenText.textContent} ${sLinksAnnouncement}`;
+				this._oInvisibleMessage.announce(sTextToAnnounce);
+			}
 			this.setErrorMessageAnnouncementState(false);
 		}
 
@@ -737,6 +742,11 @@ function(
 		}
 	};
 
+	InputBase.prototype.areHotKeysPressed = function (oEvent) {
+		return (oEvent.ctrlKey || oEvent.metaKey) && oEvent.altKey && oEvent.which === KeyCodes.F8;
+	};
+
+
 	/**
 	 * Handle cut event.
 	 *
@@ -1066,6 +1076,38 @@ function(
 		return this.getId() + "-message";
 	};
 
+	/**
+	 * Gets the ID of the hidden value state message related to value state links
+	 *
+	 * @returns {string} The ID of the hidden value state message related to value state links
+	 * @protected
+	 */
+	InputBase.prototype.getValueStateLinksShortcutsId = function() {
+		return this.getValueStateMessageId() + "-shortcuts";
+	};
+
+	/**
+	 * Returns the keyboard shortcuts announcement for the value state links
+	 *
+	 * @returns {string} The text for value state links shortcuts
+	 * @protected
+	 */
+	InputBase.prototype.getValueStateLinksShortcutsTextAcc = function () {
+		const aLinks = this.getValueStateLinksForAcc();
+		if (!aLinks.length) {
+			return "";
+		}
+
+		let sSingleLinkShortcutKey = "INPUTBASE_VALUE_STATE_LINK";
+		let sMultipleLinksShortcutKey = "INPUTBASE_VALUE_STATE_LINKS";
+
+		if (Device.os.macintosh){
+			sSingleLinkShortcutKey += "_MAC";
+			sMultipleLinksShortcutKey += "_MAC";
+		}
+		return Library.getResourceBundleFor("sap.m").getText(aLinks.length === 1 ? sSingleLinkShortcutKey : sMultipleLinksShortcutKey);
+	};
+
 	/**
 	 * Gets the state of the value state message announcemnt.
 	 *
@@ -1370,6 +1412,14 @@ function(
 		return true;
 	};
 
+	/**
+	 * Hook function
+	 * @returns {Array} Array of links for the value state message acc
+	 */
+	InputBase.prototype.getValueStateLinksForAcc = function(){
+		return [];
+	};
+
 	return InputBase;
 
 });

package/src/sap/m/InputBaseRenderer.js

@@ -326,10 +326,7 @@ sap.ui.define(["sap/ui/core/ControlBehavior", 'sap/ui/core/Renderer', 'sap/ui/co
 		}
 
 		var oFormattedValueStateText = oControl.getAggregation("_invisibleFormattedValueStateText");
-		var sValueStateTypeText;
-
-
-		sValueStateTypeText = Library.getResourceBundleFor("sap.m").getText("INPUTBASE_VALUE_STATE_" + sValueState.toUpperCase());
+		var sValueStateTypeText = Library.getResourceBundleFor("sap.m").getText("INPUTBASE_VALUE_STATE_" + sValueState.toUpperCase());
 
 		oRm.openStart("div", oControl.getValueStateMessageId() + "-sr")
 			.class("sapUiPseudoInvisibleText");
@@ -344,7 +341,10 @@ sap.ui.define(["sap/ui/core/ControlBehavior", 'sap/ui/core/Renderer', 'sap/ui/co
 			// semantic renderer's DOM patching and update the live region
 			oRm.text(oControl.getValueStateText() || ValueStateSupport.getAdditionalText(oControl));
 		}
+
 		oRm.close("div");
+
+		this.renderValueStateLinksAcc(oRm, oControl);
 	};
 
 	/**
@@ -370,7 +370,7 @@ sap.ui.define(["sap/ui/core/ControlBehavior", 'sap/ui/core/Renderer', 'sap/ui/co
 			mAccessibilityState.invalid = true;
 			mAccessibilityState.errormessage = sValueStateAccNodeId;
 		} else if (oControl.getValueState() !== ValueState.None && oControl.getEditable() && oControl.getEnabled()) {
-			sAriaDescribedBy = sAriaDescribedBy ? sValueStateAccNodeId + " " + sAriaDescribedBy : sValueStateAccNodeId;
+			sAriaDescribedBy = sAriaDescribedBy ? `${sValueStateAccNodeId} ${sAriaDescribedBy}` : sValueStateAccNodeId;
 		}
 
 		if (sAriaLabelledBy) {
@@ -467,6 +467,18 @@ sap.ui.define(["sap/ui/core/ControlBehavior", 'sap/ui/core/Renderer', 'sap/ui/co
 	 */
 	InputBaseRenderer.addOuterStyles = function(oRm, oControl) {};
 
+	InputBaseRenderer.renderValueStateLinksAcc = function(oRm, oControl) {
+		const aLinks = oControl.getValueStateLinksForAcc();
+
+		if (aLinks.length) {
+			oRm.openStart("span", oControl.getValueStateLinksShortcutsId())
+				.class("sapUiPseudoInvisibleText")
+				.openEnd();
+			oRm.text(oControl.getValueStateLinksShortcutsTextAcc());
+			oRm.close("span");
+		}
+	};
+
 	/**
 	 * This method is reserved for derived class to set width inline style
 	 *

package/src/sap/m/InputListItem.js

@@ -30,7 +30,7 @@ sap.ui.define([
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/InputRenderer.js

@@ -4,14 +4,16 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-sap.ui.define(["sap/base/i18n/Localization", "sap/ui/core/ControlBehavior", 'sap/ui/core/InvisibleText', 'sap/ui/core/Renderer', './InputBaseRenderer', 'sap/m/library'],
-	function(Localization, ControlBehavior, InvisibleText, Renderer, InputBaseRenderer, library) {
+sap.ui.define(["sap/base/i18n/Localization", "sap/ui/core/ControlBehavior", 'sap/ui/core/InvisibleText', 'sap/ui/core/Renderer', './InputBaseRenderer', 'sap/m/library', 'sap/ui/core/library'],
+	function(Localization, ControlBehavior, InvisibleText, Renderer, InputBaseRenderer, library, coreLibrary) {
 	"use strict";
 
 
 	// shortcut for sap.m.InputType
 	var InputType = library.InputType;
 
+	var ValueState = coreLibrary.ValueState;
+
 
 	/**
 	 * Input renderer.
@@ -153,6 +155,12 @@ sap.ui.define(["sap/base/i18n/Localization", "sap/ui/core/ControlBehavior", 'sap
 			}
 		}
 
+		if (oControl.getShowSuggestion()
+			&& oControl.getValueStateLinksForAcc().length
+			&& oControl.getValueState() !== ValueState.Error) {
+			append(oControl.getValueStateLinksShortcutsId());
+		}
+
 		return sAriaDescribedBy;
 
 	};
@@ -178,6 +186,13 @@ sap.ui.define(["sap/base/i18n/Localization", "sap/ui/core/ControlBehavior", 'sap
 			mAccessibilityState["haspopup"] = "dialog";
 		}
 
+		if (oControl.getShowSuggestion()
+			&& oControl.getValueStateLinksForAcc().length
+			&& oControl.getValueState() === ValueState.Error) {
+			mAccessibilityState.errormessage = mAccessibilityState.errormessage
+				? `${mAccessibilityState.errormessage} ${oControl.getValueStateLinksShortcutsId()}`
+				: oControl.getValueStateLinksShortcutsId();
+		}
 
 		return mAccessibilityState;
 

package/src/sap/m/Label.js

@@ -78,7 +78,7 @@ function(
 	 * @implements sap.ui.core.Label, sap.ui.core.IShrinkable, sap.ui.core.IAccessKeySupport, sap.ui.core.ILabelable
 	 *
 	 * @author SAP SE
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/LightBox.js

@@ -96,7 +96,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public
@@ -429,6 +429,8 @@ sap.ui.define([
 	 * @private
 	 */
 	LightBox.prototype._fnPopupOpened = function() {
+		this.$().firstFocusableDomRef()?.focus();
+
 		this._onResize();
 
 		jQuery("#sap-ui-blocklayer-popup").on("click", function() {

package/src/sap/m/LightBoxItem.js

@@ -43,7 +43,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/Link.js

@@ -103,7 +103,7 @@ function(
 	 * @borrows sap.ui.core.ILabelable.hasLabelableHTMLElement as #hasLabelableHTMLElement
 	 *
 	 * @author SAP SE
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/LinkTileContent.js

@@ -18,7 +18,7 @@ sap.ui.define([
 	 * @class This element is used within the GenericTile control that generates a combination of an icon and a linkl
 	 * @extends sap.ui.core.Element
 	 * @author SAP SE
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 * @constructor
 	 * @public
 	 * @since 1.120

package/src/sap/m/List.js

@@ -30,7 +30,7 @@ sap.ui.define(["./library", "./ListBase", "./ListRenderer", "sap/ui/core/Lib", "
 	 * @extends sap.m.ListBase
 	 *
 	 * @author SAP SE
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/ListBase.js

@@ -105,7 +105,7 @@ function(
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public
@@ -822,7 +822,9 @@ function(
 		const oItem = this.getItems().find((oItem) => oItem.getBindingContext(sModelName) === oContext);
 
 		if (!oItem) {
-			Log.warning("Selecting a context that is not related to a visible item does not affect the list selection", this);
+			if (oContext.isSelected()) {
+				Log.warning("Selecting a context that is not related to an existing item does not affect the list selection", this);
+			}
 			return;
 		}
 
@@ -1575,6 +1577,10 @@ function(
 			this._oLastGroupHeader.setGroupedItem(oItem);
 		}
 
+		if (oItem.isGroupHeader()) {
+			this.setLastGroupHeader(oItem);
+		}
+
 		if (bSelectedDelayed) {
 			// item was already selected before inserted to the list
 			this.onItemSelectedChange(oItem, true);
@@ -1772,7 +1778,7 @@ function(
 			iIndex > -1 && this._aSelectedPaths.splice(iIndex, 1);
 		}
 
-		if (oBindingContext.setSelected && !oBindingContext.isTransient()) {
+		if (oBindingContext.setSelected) {
 			oBindingContext.setSelected(bSelect);
 		}
 	};
@@ -2068,7 +2074,6 @@ function(
 
 		oHeader._bGroupHeader = true;
 		this.addAggregation("items", oHeader, bSuppressInvalidate);
-		this.setLastGroupHeader(oHeader);
 		return oHeader;
 	};
 
@@ -2711,6 +2716,9 @@ function(
 	};
 
 	ListBase.prototype.onItemContextMenu = function(oLI, oEvent) {
+		// Clear the range selection after the context menu is opened by shift+f10
+		this._mRangeSelection = null;
+
 		var oContextMenu = this.getContextMenu();
 		if (!oContextMenu) {
 			return;

package/src/sap/m/ListItemBase.js

@@ -72,7 +72,7 @@ function(
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/MaskEnabler.js

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * Applies mask support for input controls.
 	 * It should should be applied to the prototype of a <code>sap.m.InputBase</code>.
 	 *
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 * @private
 	 * @mixin
 	 * @alias sap.m.MaskEnabler

package/src/sap/m/MaskInput.js

@@ -29,7 +29,7 @@ sap.ui.define(['./InputBase', './MaskEnabler', './MaskInputRenderer'], function(
 	 *
 	 * @author SAP SE
 	 * @extends sap.m.InputBase
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/MaskInputRule.js

@@ -20,7 +20,7 @@ sap.ui.define(['sap/ui/core/Element', "sap/base/Log"], function(Element, Log) {
 	 *
 	 * @author SAP SE
 	 * @extends sap.ui.core.Element
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 * @public
 	 * @constructor
 	 * @since 1.34.0

package/src/sap/m/Menu.js

@@ -83,7 +83,7 @@ sap.ui.define([
 		 * @implements sap.ui.core.IContextMenu
 		 *
 		 * @author SAP SE
-		 * @version 1.133.1
+		 * @version 1.135.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/MenuButton.js

@@ -60,7 +60,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.133.1
+		 * @version 1.135.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/MenuItem.js

@@ -37,7 +37,7 @@ sap.ui.define([
 		 * @implements sap.m.IMenuItem
 		 *
 		 * @author SAP SE
-		 * @version 1.133.1
+		 * @version 1.135.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/MenuItemGroup.js

@@ -32,7 +32,7 @@ sap.ui.define([
 	 * @implements sap.m.IMenuItem
 	 *
 	 * @author SAP SE
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 * @since 1.127.0
 	 *
 	 * @constructor

package/src/sap/m/MenuListItem.js

@@ -37,7 +37,7 @@ sap.ui.define([
 		 * @extends sap.m.ListItemBase
 		 *
 		 * @author SAP SE
-		 * @version 1.133.1
+		 * @version 1.135.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/m/MessageItem.js

@@ -33,7 +33,7 @@ sap.ui.define([
 		 *
 		 * @extends sap.ui.core.Item
 		 * @author SAP SE
-		 * @version 1.133.1
+		 * @version 1.135.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/MessageListItem.js

@@ -20,6 +20,9 @@ sap.ui.define([
 		// shortcut for sap.m.ListType
 		var ListType = library.ListType;
 
+		// shortcut for sap.m.ReactiveAreaMode
+		var ReactiveAreaMode = library.ReactiveAreaMode;
+
 		/**
 		 * Constructor for a new MessageListItem.
 		 *
@@ -31,7 +34,7 @@ sap.ui.define([
 		 * @extends sap.m.StandardListItem
 		 *
 		 * @author SAP SE
-		 * @version 1.133.1
+		 * @version 1.135.0
 		 *
 		 * @constructor
 		 * @private
@@ -62,8 +65,9 @@ sap.ui.define([
 
 			if (!oLink && this.getActiveTitle()) {
 				oLink = new Link({
-					press: [this.fireActiveTitlePress, this]
-
+					wrapping: true,
+					press: [this.fireActiveTitlePress, this],
+					reactiveAreaMode: ReactiveAreaMode.Overlay
 				});
 				this.setLink(oLink);
 			}

package/src/sap/m/MessageListItemRenderer.js

@@ -24,6 +24,40 @@ sap.ui.define(["./StandardListItemRenderer", "sap/ui/core/Renderer"],
 			}
 		};
 
+		MessageListItemRenderer.renderTitleWrapper = function(rm, oLI) {
+
+			var	sTitle = oLI.getTitle(),
+				sDescription = oLI.getDescription(),
+				sInfo = oLI.getInfo(),
+				bWrapping = oLI.getWrapping(),
+				bActiveTitle = oLI.getActiveTitle(),
+				bShouldRenderInfoWithoutTitle = !sTitle && sInfo;
+
+			rm.openStart("div");
+
+			if (!bShouldRenderInfoWithoutTitle && sDescription) {
+				rm.class("sapMSLITitle");
+			} else {
+				rm.class("sapMSLITitleOnly");
+			}
+			rm.openEnd();
+
+			if (bWrapping && !bActiveTitle) {
+				this.renderWrapping(rm, oLI, "title");
+				if (sInfo && !sDescription) {
+					this.renderInfo(rm, oLI);
+				}
+			} else {
+				this.renderTitle(rm, oLI);
+			}
+
+			rm.close("div");
+
+			if (sInfo && !sDescription && !bWrapping && !bShouldRenderInfoWithoutTitle) {
+				this.renderInfo(rm, oLI);
+			}
+		};
+
 		return MessageListItemRenderer;
 
 	}, /* bExport= */ true);

package/src/sap/m/MessagePage.js

@@ -74,7 +74,7 @@ sap.ui.define([
 		 * @see {@link fiori:https://experience.sap.com/fiori-design-web/message-page/ Message Page}
 		 *
 		 * @extends sap.ui.core.Control
-		 * @version 1.133.1
+		 * @version 1.135.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/MessagePopover.js

@@ -97,7 +97,7 @@ function(
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.133.1
+		 * @version 1.135.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/MessagePopoverItem.js

@@ -19,7 +19,7 @@ sap.ui.define(["./library", "./MessageItem"],
 		 * @extends sap.m.MessageItem
 		 *
 		 * @author SAP SE
-		 * @version 1.133.1
+		 * @version 1.135.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/MessageStrip.js

@@ -84,7 +84,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/MessageToast.js

@@ -74,7 +74,7 @@ sap.ui.define([
 		 * The message toast has the same behavior on all devices. However, you can adjust the width of the control, for example, for use on a desktop device.
 		 *
 		 * @author SAP SE
-		 * @version 1.133.1
+		 * @version 1.135.0
 		 *
 		 * @namespace
 		 * @public