@openui5/sap.m 1.140.0 → 1.141.0

package/THIRDPARTY.txt

@@ -379,7 +379,7 @@ License: MIT
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/MIT.txt
 Contained in: src/sap.ui.integration/src/sap/ui/integration/thirdparty/adaptive-expressions.js
 
-Component: Markdown-it, version: 12.3.2
+Component: Markdown-it, version: 14.1.0
 Copyright: 2014 Vitaly Puzrin, Alex Kocharin
 License: MIT
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/MIT.txt
@@ -444,7 +444,7 @@ License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: lib/jsdoc/ui5/plugin.js
 
-Component: SAP Theming Base Content, version: 11.31.1
+Component: SAP Theming Base Content, version: 11.32.2-20250827135846+79bb30d311678435d61b21db26ecbe07d6b05079
 Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.m",
-  "version": "1.140.0",
+  "version": "1.141.0",
   "description": "OpenUI5 UI Library sap.m",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,8 +14,8 @@
     "url": "https://github.com/UI5/openui5.git"
   },
   "dependencies": {
-    "@openui5/sap.ui.core": "1.140.0",
-    "@openui5/sap.ui.layout": "1.140.0",
-    "@openui5/sap.ui.unified": "1.140.0"
+    "@openui5/sap.ui.core": "1.141.0",
+    "@openui5/sap.ui.layout": "1.141.0",
+    "@openui5/sap.ui.unified": "1.141.0"
   }
 }

package/src/sap/m/.library

@@ -6,7 +6,7 @@
   <copyright>OpenUI5
  * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-  <version>1.140.0</version>
+  <version>1.141.0</version>
 
   <documentation>The main UI5 control library, with responsive controls that can be used in touch devices as well as desktop browsers.</documentation>
 

package/src/sap/m/AccButton.js

@@ -21,7 +21,7 @@ sap.ui.define(['./Button','./AccButtonRenderer'],
 	 * @extends sap.m.Button
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.141.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/m/ActionListItem.js

@@ -31,7 +31,7 @@ sap.ui.define(['./ListItemBase', './library', './ActionListItemRenderer'],
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.141.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/ActionSelect.js

@@ -20,7 +20,7 @@ sap.ui.define(['./Select', "sap/ui/core/Element", 'sap/ui/core/InvisibleText', '
 		 * @extends sap.m.Select
 		 *
 		 * @author SAP SE
-		 * @version 1.140.0
+		 * @version 1.141.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/ActionSheet.js

@@ -76,7 +76,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.141.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/ActionTile.js

@@ -41,7 +41,7 @@ sap.ui.define([
 	* @extends sap.m.GenericTile
 	*
 	* @author SAP SE
-	* @version 1.140.0
+	* @version 1.141.0
 	*
 	* @public
 	* @since 1.122

package/src/sap/m/ActionTileContent.js

@@ -27,7 +27,7 @@ sap.ui.define([
      * @extends sap.m.TileContent
      *
      * @author SAP SE
-     * @version 1.140.0
+     * @version 1.141.0
      * @since 1.122
      *
      * @public

package/src/sap/m/AdditionalTextButton.js

@@ -21,7 +21,7 @@ sap.ui.define(['./Button','./AdditionalTextButtonRenderer'],
 	 * @extends sap.m.Button
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.141.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/m/App.js

@@ -49,7 +49,7 @@ sap.ui.define([
 	 * @extends sap.m.NavContainer
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.141.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/AssociativeOverflowToolbar.js

@@ -20,7 +20,7 @@ sap.ui.define(['sap/base/Log', './OverflowToolbar', './OverflowToolbarRenderer',
 		 * @extends sap.m.OverflowToolbar
 		 *
 		 * @author SAP SE
-		 * @version 1.140.0
+		 * @version 1.141.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/m/Avatar.js

@@ -91,7 +91,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.141.0
 	 *
 	 * @constructor
 	 * @public
@@ -584,7 +584,10 @@ sap.ui.define([
 		var validInitials = /^[a-zA-Z\xc0-\xd6\xd8-\xdc\xe0-\xf6\xf8-\xfc]{1,3}$/;
 		if (!validInitials.test(sInitials)) {
 			Log.warning("Initials should consist of only 1,2 or 3 latin letters", this);
-			this._sActualType = AvatarType.Icon;
+			// if there is no actual type or the actual type is initials but they are not valid, set the actual type to icon
+			if (!this._sActualType || this._sActualType === AvatarType.Initials) {
+				this._sActualType = AvatarType.Icon;
+			}
 			this._bIsDefaultIcon = true;
 			return false;
 		}

package/src/sap/m/Bar.js

@@ -59,7 +59,7 @@ sap.ui.define([
 	 * @implements sap.m.IBar
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.141.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/Breadcrumbs.js

@@ -74,7 +74,7 @@ sap.ui.define([
 	 * @implements sap.m.IBreadcrumbs, sap.m.IOverflowToolbarContent, sap.ui.core.IShrinkable
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.141.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/BusyDialog.js

@@ -46,7 +46,7 @@ sap.ui.define(['./library', 'sap/ui/core/Control', 'sap/m/Dialog', 'sap/m/BusyIn
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.140.0
+		 * @version 1.141.0
 		 *
 		 * @public
 		 * @alias sap.m.BusyDialog

package/src/sap/m/BusyIndicator.js

@@ -46,7 +46,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.141.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/Button.js

@@ -101,7 +101,7 @@ sap.ui.define([
 	 * @mixes sap.ui.core.ContextMenuSupport
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.141.0
 	 *
 	 * @constructor
 	 * @public
@@ -697,7 +697,7 @@ sap.ui.define([
 			this._inactiveButton();
 		}
 
-		if (oEvent.which === KeyCodes.SPACE) {
+		if (oEvent.which === KeyCodes.SPACE && this._bPressedSpace) {
 			if (!this._bPressedEscapeOrShift) {
 				// mark the event for components that needs to know if the event was handled by the button
 				oEvent.setMarked();

package/src/sap/m/Carousel.js

@@ -132,7 +132,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.141.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/CarouselLayout.js

@@ -17,7 +17,7 @@ sap.ui.define(["sap/ui/base/ManagedObject", "./library"], function (ManagedObjec
 	 * Applies a <code>sap.m.CarouselLayout</code> to a provided DOM element or Control.
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.141.0
 	 *
 	 * @extends sap.ui.base.ManagedObject
 	 *

package/src/sap/m/CheckBox.js

@@ -95,7 +95,7 @@ sap.ui.define([
 	 * @borrows sap.ui.core.ISemanticFormContent.getFormRenderAsControl as #getFormRenderAsControl
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.141.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/ColorPalette.js

@@ -108,7 +108,7 @@ sap.ui.define([
 		 * To prevent this, apps using the <code>ColorPalette</code> should also load the <code>sap.ui.unified</code> library in advance.
 		 *
 		 * @extends sap.ui.core.Control
-		 * @version 1.140.0
+		 * @version 1.141.0
 		 *
 		 * @constructor
 		 * @public
@@ -148,7 +148,15 @@ sap.ui.define([
 					 * @since 1.122
 					 * @experimental Since 1.122, this property is in a beta state.
 					 */
-					selectedColor: { type: "sap.ui.core.CSSColor", defaultValue: null }
+					selectedColor: { type: "sap.ui.core.CSSColor", defaultValue: null },
+
+					/**
+					 * Indicates whether the ColorPalette is used within a popover context.
+					 * When true, Home and End key navigation is enabled for better accessibility.
+					 * For private use only.
+					 * @private
+					 */
+					_isInPopover: { type: "boolean", defaultValue: false, visibility: "hidden" }
 				},
 
 				aggregations: {
@@ -846,7 +854,7 @@ sap.ui.define([
 
 			if (oFocusInfo.bIsMoreColorsButton || (!oFocusInfo.bIsMoreColorsButton && this.bIsRecentColorSwatch)) {
 				vNextElement = oEvent.keyCode === KeyCodes.ARROW_UP ?
-					aAllSwatches[this._oPaletteColorItemNavigation._getIndexOfTheFirstItemInLastRow()] : aAllSwatches[aAllSwatches.length - 1];
+					aAllSwatches[aAllSwatches.length - 1] : aAllSwatches[this._oPaletteColorItemNavigation._getIndexOfTheFirstItemInLastRow()];
 			} else if (oFocusInfo.bIsRecentColorSwatch && !this._bShowMoreColorsButton && !this._bShowDefaultColorButton) {
 				aAllSwatches = this._getAllPaletteColorSwatches();
 				vNextElement = aAllSwatches[this._oPaletteColorItemNavigation._getIndexOfTheFirstItemInLastRow()];
@@ -871,6 +879,11 @@ sap.ui.define([
 		 * @param {jQuery.Event} oEvent the keyboard event
 		 */
 		ColorPalette.prototype.onsaphome = function(oEvent) {
+			// If ColorPalette is NOT used in a popover, disable Home key functionality
+			if (!this.getProperty("_isInPopover")) {
+				return;
+			}
+
 			// Home and End keys on ColorPalette buttons should do nothing. If event occurs on the swatch, see ItemNavigationHomeEnd).
 			var oElementInfo = this._getElementInfo(oEvent.target);
 
@@ -896,6 +909,11 @@ sap.ui.define([
 		 * @param {jQuery.Event} oEvent the keyboard event
 		 */
 		ColorPalette.prototype.onsapend = function(oEvent) {
+			// If ColorPalette is NOT used in a popover, disable End key functionality
+			if (!this.getProperty("_isInPopover")) {
+				return;
+			}
+
 			var oElementInfo = this._getElementInfo(oEvent.target);
 
 			if (!oElementInfo.bIsDefaultColorButton) {
@@ -1094,9 +1112,10 @@ sap.ui.define([
 
 		ItemNavigationHomeEnd.prototype.onsaphome = function(oEvent) {
 			var bIsOnItem = containsOrEquals(this.getRootDomRef(), oEvent.target),
+				bInlineUsage = !this._isColorPaletteInPopover(),
 				oItemInfo;
 
-			if (!bIsOnItem) {
+			if (!bIsOnItem || bInlineUsage) {
 				return;
 			}
 
@@ -1122,9 +1141,10 @@ sap.ui.define([
 
 		ItemNavigationHomeEnd.prototype.onsapend = function(oEvent) {
 			var bIsOnItem = containsOrEquals(this.getRootDomRef(), oEvent.target),
+				bInlineUsage = !this._isColorPaletteInPopover(),
 				oItemInfo;
 
-			if (!bIsOnItem) {
+			if (!bIsOnItem || bInlineUsage) {
 				return;
 			}
 
@@ -1186,6 +1206,17 @@ sap.ui.define([
 			return Math.floor((this.getItemDomRefs().length - 1) / this.getColumns()) * this.getColumns();
 		};
 
+		/**
+		 * Checks if the ColorPalette control is currently displayed in a popover.
+		 * @returns {boolean}
+		 */
+		ItemNavigationHomeEnd.prototype._isColorPaletteInPopover = function () {
+			const oColorPalette = jQuery(this.getRootDomRef()).control(0);
+			return oColorPalette
+				&& oColorPalette.isA
+				&& oColorPalette.isA("sap.m.ColorPalette")
+				&& oColorPalette.getProperty("_isInPopover");
+		};
 
 		/**
 		 * @private

package/src/sap/m/ColorPalettePopover.js

@@ -39,7 +39,7 @@ sap.ui.define([
 		 * A thin wrapper over {@link sap.m.ColorPalette} allowing the latter to be used in a popover.
 		 *
 		 * @extends sap.ui.core.Control
-		 * @version 1.140.0
+		 * @version 1.141.0
 		 *
 		 * @public
 		 * @since 1.54
@@ -378,6 +378,10 @@ sap.ui.define([
 			oColorPalette._setShowMoreColorsButton(this.getShowMoreColorsButton());
 			oColorPalette._setShowRecentColorsSection(this.getShowRecentColorsSection());
 
+			// Set the private property to indicate this ColorPalette is used in a popover
+			// This enables Home/End key navigation for better accessibility
+			oColorPalette.setProperty("_isInPopover", true);
+
 			return oColorPalette;
 		};
 

package/src/sap/m/Column.js

@@ -45,7 +45,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.141.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/ColumnListItem.js

@@ -43,7 +43,7 @@ sap.ui.define([
 	 * @implements sap.m.ITableItem
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.141.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/ComboBox.js

@@ -106,7 +106,7 @@ sap.ui.define([
 		 * </ul>
 		 *
 		 * @author SAP SE
-		 * @version 1.140.0
+		 * @version 1.141.0
 		 *
 		 * @constructor
 		 * @extends sap.m.ComboBoxBase

package/src/sap/m/ComboBoxBase.js

@@ -70,7 +70,7 @@ sap.ui.define([
 		 * @abstract
 		 *
 		 * @author SAP SE
-		 * @version 1.140.0
+		 * @version 1.141.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/ComboBoxTextField.js

@@ -31,7 +31,7 @@ sap.ui.define([
 		 * @extends sap.m.InputBase
 		 *
 		 * @author SAP SE
-		 * @version 1.140.0
+		 * @version 1.141.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/ContentConfig.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @class This element is used within the TileAttribute control that generates either a link or text
 	 * @extends sap.ui.core.Element
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.141.0
 	 * @constructor
 	 * @public
 	 * @experimental since 1.122

package/src/sap/m/CustomListItem.js

@@ -24,7 +24,7 @@ sap.ui.define(['./ListItemBase', './library', './CustomListItemRenderer'],
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.141.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/CustomTile.js

@@ -21,7 +21,7 @@ sap.ui.define(['./Tile', './library', './CustomTileRenderer'],
 	 * Use the CustomTile control to display application specific content in the Tile control.
 	 * The tile width is 8.5em and height is 10em.
 	 * @extends sap.m.Tile
-	 * @version 1.140.0
+	 * @version 1.141.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/CustomTreeItem.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 *        <code>Table, Form</code> etc, should not be aggregated as content.
 	 * @extends sap.m.TreeItemBase
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.141.0
 	 * @constructor
 	 * @public
 	 * @since 1.48.0

package/src/sap/m/DatePicker.js

@@ -186,7 +186,7 @@ sap.ui.define([
 	 * the close event), or select Cancel.
 	 *
 	 * @extends sap.m.DateTimeField
-	 * @version 1.140.0
+	 * @version 1.141.0
 	 *
 	 * @constructor
 	 * @public
@@ -492,6 +492,11 @@ sap.ui.define([
 		this._sUsedValuePattern = undefined;
 		this._sUsedValueCalendarType = undefined;
 		this._oValueFormat = undefined;
+
+		if (this._invisibleLabelText) {
+			this._invisibleLabelText.destroy();
+			this._invisibleLabelText = null;
+		}
 	};
 
 	DatePicker.prototype.invalidate = function(oOrigin) {
@@ -530,6 +535,10 @@ sap.ui.define([
 
 		this.setProperty("displayFormat", sDisplayFormat);
 
+		if (this._invisibleLabelText) {
+			this._invisibleLabelText.setText(this._getPickerAccessibleName());
+		}
+
 		if (this._oCalendar) { // if the calendar already exists, destroy it and create new one according to the new format
 			this._oCalendar.removeDelegate(this._oCalendarAfterRenderDelegate);
 			this._oCalendar.destroy();
@@ -1218,8 +1227,6 @@ sap.ui.define([
 
 	// to be overwritten by DateTimePicker
 	DatePicker.prototype._createPopup = function(){
-		var sTitleText = "";
-
 		if (!this._oPopup) {
 			this._oPopup = new ResponsivePopover(this.getId() + "-RP", {
 				showCloseButton: false,
@@ -1233,7 +1240,7 @@ sap.ui.define([
 				}),
 				afterOpen: _handleOpen.bind(this),
 				afterClose: _handleClose.bind(this),
-				ariaLabelledBy: InvisibleText.getStaticId("sap.m", this._getAccessibleNameLabel())
+				ariaLabelledBy: this._getInvisibleLabelText().getId()
 			}).addStyleClass("sapMRPCalendar");
 
 			if (this.getShowFooter()) {
@@ -1243,15 +1250,7 @@ sap.ui.define([
 			this._oPopup._getPopup().setAutoClose(true);
 
 			if (Device.system.phone) {
-				sTitleText = LabelEnablement.getReferencingLabels(this)
-					.concat(this.getAriaLabelledBy())
-					.reduce(function(sAccumulator, sCurrent) {
-						var oCurrentControl = Element.getElementById(sCurrent);
-						return sAccumulator + " " + (oCurrentControl.getText ? oCurrentControl.getText() : "");
-					}, "")
-					.trim();
-
-				this._oPopup.setTitle(sTitleText);
+				this._oPopup.setTitle(this._getLabelledText());
 				this._oPopup.setShowHeader(true);
 				this._oPopup.setShowCloseButton(true);
 			} else {
@@ -1271,12 +1270,35 @@ sap.ui.define([
 		}
 	};
 
+	/**
+	 * Returns the invisible label text for the DatePicker.
+	 * @private
+	 * @returns {sap.ui.core.InvisibleText} The invisible label text
+	 */
+	DatePicker.prototype._getInvisibleLabelText = function() {
+		if (!this._invisibleLabelText) {
+			this._invisibleLabelText = new InvisibleText({
+				text: this._getPickerAccessibleName()
+			}).toStatic();
+		}
+
+		return this._invisibleLabelText;
+	};
+
+	/**
+	 * Returns the accessible name for the DatePicker.
+	 * @returns {string} The accessible name
+	 */
+	DatePicker.prototype._getPickerAccessibleName = function() {
+		return oResourceBundle.getText(this._getAccessibleNameBundleKey(), [this._getLabelledText()]);
+	};
+
 	/**
 	 * Returns the message bundle key of the invisible text for the accessible name of the popover.
 	 * @private
 	 * @returns {string} The message bundle key
 	 */
-	DatePicker.prototype._getAccessibleNameLabel = function() {
+	DatePicker.prototype._getAccessibleNameBundleKey = function() {
 		var sConstructorName = this._getCalendarConstructor().getMetadata().getName();
 
 		switch (sConstructorName) {
@@ -1289,6 +1311,24 @@ sap.ui.define([
 		}
 	};
 
+	/**
+	 * Returns the labelled text for the DatePicker.
+	 * @private
+	 * @returns {string} The labelled text
+	 */
+	DatePicker.prototype._getLabelledText = function() {
+		const aExternalLabelRefs = LabelEnablement.getReferencingLabels(this);
+		const aLabels = aExternalLabelRefs.length ? aExternalLabelRefs : this.getAriaLabelledBy();
+
+		return aLabels
+			.reduce(function(sAccumulator, sCurrent) {
+				const oLabelTextControl = Element.getElementById(sCurrent);
+				const sLabelText = oLabelTextControl && oLabelTextControl.getText ? oLabelTextControl.getText() : "";
+				return `${sAccumulator} ${sLabelText}`;
+			}, "")
+			.trim();
+	};
+
 	DatePicker.prototype._getCalendarWeekNumbering = function () {
 		if (this.isPropertyInitial("calendarWeekNumbering")) {
 			return;

package/src/sap/m/DateRangeSelection.js

@@ -168,8 +168,8 @@ sap.ui.define([
 	 * compact mode and provides a touch-friendly size in cozy mode.
 	 *
 	 * @extends sap.m.DatePicker
-	 * @version 1.140.0
-	 * @version 1.140.0
+	 * @version 1.141.0
+	 * @version 1.141.0
 	 *
 	 * @constructor
 	 * @public
@@ -319,7 +319,7 @@ sap.ui.define([
 	 * @private
 	 * @returns {string} The message bundle key
 	 */
-	DateRangeSelection.prototype._getAccessibleNameLabel = function() {
+	DateRangeSelection.prototype._getAccessibleNameBundleKey = function() {
 		var sConstructorName = this._getCalendarConstructor().getMetadata().getName();
 
 		switch (sConstructorName) {

package/src/sap/m/DateTimeField.js

@@ -66,7 +66,7 @@ sap.ui.define([
 	 * @extends sap.m.InputBase
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.141.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/DateTimeInput.js

@@ -68,7 +68,7 @@ function(
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.140.0
+	 * @version 1.141.0
 	 *
 	 * @constructor
 	 * @public