@openui5/sap.m 1.141.2 → 1.143.0

package/src/sap/m/BusyIndicator.js

@@ -46,7 +46,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.141.2
+	 * @version 1.143.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.141.2
+	 * @version 1.143.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/ButtonRenderer.js

@@ -60,7 +60,6 @@ sap.ui.define([
 		var sTooltip = oButton._getTooltip();
 		var sText = oButton._getText();
 		var sTextDir = oButton.getTextDirection();
-		// render bdi tag only if the browser is different from IE and Edge since it is not supported there
 		var bRenderBDI = (sTextDir === TextDirection.Inherit);
 
 		// get icon from icon pool

package/src/sap/m/Carousel.js

@@ -132,7 +132,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.141.2
+	 * @version 1.143.0
 	 *
 	 * @constructor
 	 * @public
@@ -413,7 +413,7 @@ sap.ui.define([
 	};
 
 	Carousel.prototype._resize = function() {
-		var $inner = this.$().find('> .sapMCrslInner');
+		var $inner = this.$().find('> .sapMCrslList > .sapMCrslInner');
 
 		if (this._iResizeTimeoutId) {
 			clearTimeout(this._iResizeTimeoutId);
@@ -581,7 +581,7 @@ sap.ui.define([
 		}
 
 		var $element = this.$(),
-			$inner = $element.find('> .sapMCrslInner'),
+			$inner = $element.find('> .sapMCrslList > .sapMCrslInner'),
 			$items = $inner.children(),
 			iIndex = this._iCurrSlideIndex,
 			iLength = $items.length,
@@ -698,7 +698,6 @@ sap.ui.define([
 		this.$().find(Carousel._ITEM_SELECTOR).each(function (iIndex, oPage) {
 			var bSelected = iIndex === iSelectedPageIndex;
 
-			oPage.setAttribute("aria-selected", bSelected);
 			oPage.setAttribute("aria-hidden", !this._isPageDisplayed(iIndex));
 			oPage.setAttribute("tabindex", bSelected ? 0 : -1);
 		}.bind(this));
@@ -1213,7 +1212,7 @@ sap.ui.define([
 	 * @private
 	 */
 	Carousel.prototype.onsapup = function(oEvent) {
-		this._fnSkipToIndex(oEvent, 1, false);
+		this._fnSkipToIndex(oEvent, -1, false);
 	};
 
 	/**
@@ -1234,7 +1233,7 @@ sap.ui.define([
 	 * @private
 	 */
 	Carousel.prototype.onsapdown = function(oEvent) {
-		this._fnSkipToIndex(oEvent, -1, false);
+		this._fnSkipToIndex(oEvent, 1, false);
 	};
 
 	/**
@@ -1556,7 +1555,7 @@ sap.ui.define([
 	};
 
 	Carousel.prototype._initialize  = function () {
-		var $inner = this.$().find('> .sapMCrslInner'),
+		var $inner = this.$().find('> .sapMCrslList > .sapMCrslInner'),
 			iNumberOfItemsToShow = this._getNumberOfItemsToShow();
 
 		this._bIsInitialized = false;
@@ -1595,7 +1594,7 @@ sap.ui.define([
 		}
 
 		var $element = this.$(),
-			$inner = $element.find('> .sapMCrslInner'),
+			$inner = $element.find('> .sapMCrslList > .sapMCrslInner'),
 			$items = $inner.children(),
 			$start = $items.eq(0),
 			$current = $items.eq(this._iCurrSlideIndex),
@@ -1620,7 +1619,7 @@ sap.ui.define([
 	Carousel.prototype._initActivePages = function () {
 		var sActiveClass = "sapMCrslActive",
 			$element = this.$(),
-			$inner = $element.find('> .sapMCrslInner'),
+			$inner = $element.find('> .sapMCrslList > .sapMCrslInner'),
 			$items = $inner.children(),
 			sId = this.getDomRef().id,
 			sPageIndicatorId = sId.replace(/(:|\.)/g,'\\$1') + '-pageIndicator',

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.141.2
+	 * @version 1.143.0
 	 *
 	 * @extends sap.ui.base.ManagedObject
 	 *

package/src/sap/m/CarouselRenderer.js

@@ -6,10 +6,8 @@
 
 sap.ui.define([
 	"sap/m/library",
-	"sap/base/strings/capitalize",
-	"sap/ui/Device",
-	"sap/ui/core/Lib"
-], function (library, capitalize, Device, Library) {
+	"sap/base/strings/capitalize"
+], function (library, capitalize) {
 	"use strict";
 
 	// shortcut for sap.m.CarouselArrowsPlacement
@@ -18,8 +16,6 @@ sap.ui.define([
 	// shortcut for sap.m.CarouselPageIndicatorPlacementType
 	var CarouselPageIndicatorPlacementType = library.CarouselPageIndicatorPlacementType;
 
-	var oResourceBundle = Library.getResourceBundleFor("sap.m");
-
 	/**
 	 * Carousel renderer.
 	 * @namespace
@@ -50,21 +46,23 @@ sap.ui.define([
 		//visual indicator
 		if (sPageIndicatorPlacement === CarouselPageIndicatorPlacementType.Top ||
 			sPageIndicatorPlacement === CarouselPageIndicatorPlacementType.OverContentTop) {
-			this._renderPageIndicatorAndArrows(oRM, oCarousel, {
-				iPageCount: iPageCount,
-				iIndex: iIndex,
-				sArrowsPlacement : sArrowsPlacement,
-				sPlacement: sPageIndicatorPlacement,
-				bShowPageIndicator: oCarousel.getShowPageIndicator()
-			});
-		}
-
+				this._renderPageIndicatorAndArrows(oRM, oCarousel, {
+					iPageCount: iPageCount,
+					iIndex: iIndex,
+					sArrowsPlacement : sArrowsPlacement,
+					sPlacement: sPageIndicatorPlacement,
+					bShowPageIndicator: oCarousel.getShowPageIndicator()
+				});
+			}
+		this._renderListDiv(oRM, oCarousel);
 		this._renderInnerDiv(oRM, oCarousel, aPages, sPageIndicatorPlacement);
 
 		if (iPageCount > oCarousel._getNumberOfItemsToShow() && sArrowsPlacement === CarouselArrowsPlacement.Content) {
 			this._renderHudArrows(oRM, oCarousel);
 		}
 
+		//close list div
+		oRM.close("div");
 		//visual indicator
 		if (sPageIndicatorPlacement === CarouselPageIndicatorPlacementType.OverContentBottom
 			|| sPageIndicatorPlacement === CarouselPageIndicatorPlacementType.Bottom) {
@@ -78,6 +76,7 @@ sap.ui.define([
 		}
 
 		this._renderDummyArea(oRM, oCarousel, "after");
+		//close opening div
 		oRM.close("div");
 		//page-wrap ends
 	};
@@ -95,8 +94,8 @@ sap.ui.define([
 			.style("height", oCarousel.getHeight())
 			.attr("data-sap-ui-customfastnavgroup", true) // custom F6 handling
 			.accessibilityState(oCarousel, {
-				role: "list",
-				roledescription: Library.getResourceBundleFor("sap.m").getText("CAROUSEL_ARIA_ROLE_DESCRIPTION")
+				role: "region",
+				roledescription: oCarousel._oRb.getText("CAROUSEL_ARIA_ROLE_DESCRIPTION")
 			});
 
 		if (sTooltip) {
@@ -106,6 +105,17 @@ sap.ui.define([
 		oRM.openEnd();
 	};
 
+	CarouselRenderer._renderListDiv = function (oRM, oCarousel) {
+		oRM.openStart("div")
+			.class("sapMCrslList")
+			.accessibilityState({
+				role: "list",
+				label: oCarousel._oRb.getText("CAROUSEL_ARIA_LIST_LABEL")
+		});
+
+		oRM.openEnd();
+	};
+
 	CarouselRenderer._renderInnerDiv = function (oRM, oCarousel, aPages, sPageIndicatorPlacement) {
 		oRM.openStart("div").class("sapMCrslInner");
 
@@ -153,7 +163,6 @@ sap.ui.define([
 				role: "listitem",
 				posinset: iIndex + 1,
 				setsize: aArray.length,
-				selected: bSelected,
 				hidden: !oCarousel._isPageDisplayed(iIndex)
 			})
 			.attr("tabindex", bSelected ? 0 : -1)
@@ -172,6 +181,7 @@ sap.ui.define([
 			.attr("tabindex", 0)
 			.class("sapMCrslNoDataItem")
 			.accessibilityState({
+				role: "listitem",
 				label: oAccInfo.type + " " + oAccInfo.description
 			})
 			.openEnd();
@@ -251,8 +261,8 @@ sap.ui.define([
 				oRM.openStart("span")
 					.attr("data-slide", i)
 					.accessibilityState({
-						role: "img",
-						label: oResourceBundle.getText("CAROUSEL_POSITION", [i, iPageCount])
+						role: "presentation",
+						hidden: true
 					}).openEnd()
 					.close("span");
 			}
@@ -261,9 +271,13 @@ sap.ui.define([
 			oRM.class("sapMCrslNumeric")
 				.openEnd();
 
-			var sTextBetweenNumbers = oResourceBundle.getText("CAROUSEL_PAGE_INDICATOR_TEXT", [mSettings.iIndex + 1, iPageCount - iNumberOfItemsToShow + 1]);
+			var sTextBetweenNumbers = oCarousel._oRb.getText("CAROUSEL_PAGE_INDICATOR_TEXT", [mSettings.iIndex + 1, iPageCount - iNumberOfItemsToShow + 1]);
 			oRM.openStart("span", sId + "-" + "slide-number")
 				.attr("dir", "auto")
+				.accessibilityState({
+					role: "presentation",
+					hidden: true
+				})
 				.openEnd()
 				.text(sTextBetweenNumbers)
 				.close("span");
@@ -318,7 +332,11 @@ sap.ui.define([
 			.class("sapMCrslArrow")
 			.class("sapMCrsl" + capitalize(sShort))
 			.attr("data-slide", sShort)
-			.attr("title", oResourceBundle.getText("PAGINGBUTTON_" + sDirection.toUpperCase()));
+			.accessibilityState({
+				role: "presentation",
+				hidden: true
+			})
+			.attr("title", oCarousel._oRb.getText("PAGINGBUTTON_" + sDirection.toUpperCase()));
 
 		// Hide unneeded arrow when we are on the first or last page and "loop" property is set to false
 		if (bFirstPageIsActive && sDirection === "previous" && !bLoop) {

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.141.2
+	 * @version 1.143.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.141.2
+		 * @version 1.143.0
 		 *
 		 * @constructor
 		 * @public

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.141.2
+		 * @version 1.143.0
 		 *
 		 * @public
 		 * @since 1.54

package/src/sap/m/Column.js

@@ -45,7 +45,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.141.2
+	 * @version 1.143.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.141.2
+	 * @version 1.143.0
 	 *
 	 * @constructor
 	 * @public
@@ -84,13 +84,18 @@ sap.ui.define([
 	 */
 	var TablePopin = Element.extend("sap.m.TablePopin", {
 		ontap: function(oEvent) {
-			// prevent the tap event if selection is done within the popin control and mark the event
+			// prevent the tap event if selection is done within the popin control
 			if (oEvent.isMarked() || ListItemBase.detectTextSelection(this.getDomRef())) {
 				return oEvent.stopImmediatePropagation(true);
 			}
-			if (oEvent.srcControl === this || !jQuery(oEvent.target).is(":sapFocusable")) {
+		},
+		ontouchend: function() {
+			if (document.activeElement === this.getFocusDomRef()) {
 				this.getParent().focus({ preventScroll: true });
 			}
+		},
+		getFocusDomRef: function() {
+			return this.getParent().getDomRef("subcont");
 		}
 	});
 
@@ -323,12 +328,13 @@ sap.ui.define([
 
 		if (oTarget.classList.contains("sapMListTblCell")) {
 			const oColumn = Element.getElementById(oTarget.getAttribute("data-sap-ui-column"));
-
 			sInvisibleText = this.getContentAnnouncementOfCell(oColumn);
 		} else if (oTarget.classList.contains("sapMListTblSubCnt")) {
 			sInvisibleText = this.getContentAnnouncementOfPopin();
 		} else if (oTarget.classList.contains("sapMListTblNavCol")) {
 			sInvisibleText = this.getContentAnnouncementOfRowAction();
+		} else if (oTarget.classList.contains("sapMListTblActionsCol")) {
+			sInvisibleText = this._getCustomActionsAnnouncement(true);
 		}
 
 		if (sInvisibleText) {

package/src/sap/m/ColumnListItemRenderer.js

@@ -75,7 +75,7 @@ sap.ui.define([
 	ColumnListItemRenderer.renderHighlight = function(rm, oLI) {
 		rm.openStart("td");
 		rm.class("sapMListTblHighlightCell");
-		rm.attr("role", "presentation");
+		rm.attr("role", "none");
 		rm.openEnd();
 
 		// let the list item base render the highlight
@@ -87,7 +87,7 @@ sap.ui.define([
 	ColumnListItemRenderer.renderNavigated = function(rm, oLI) {
 		rm.openStart("td");
 		rm.class("sapMListTblNavigatedCell");
-		rm.attr("role", "presentation");
+		rm.attr("role", "none");
 		rm.openEnd();
 
 		// let the list item base render the navigated state
@@ -251,7 +251,7 @@ sap.ui.define([
 	ColumnListItemRenderer.renderDummyCell = function(rm, oTable) {
 		rm.openStart("td");
 		rm.class("sapMListTblDummyCell");
-		rm.attr("role", "presentation");
+		rm.attr("role", "none");
 		rm.openEnd();
 		rm.close("td");
 	};
@@ -279,7 +279,7 @@ sap.ui.define([
 		// popin row
 		rm.openStart("tr", oLI.getPopin());
 		rm.class("sapMListTblSubRow");
-		rm.attr("tabindex", "-1");
+		rm.attr("role", "none");
 		rm.attr("data-sap-ui-related", oLI.getId());
 		rm.openEnd();
 

package/src/sap/m/ComboBox.js

@@ -106,7 +106,7 @@ sap.ui.define([
 		 * </ul>
 		 *
 		 * @author SAP SE
-		 * @version 1.141.2
+		 * @version 1.143.0
 		 *
 		 * @constructor
 		 * @extends sap.m.ComboBoxBase
@@ -647,10 +647,6 @@ sap.ui.define([
 				this.setSelectable(oItem, oItem.getEnabled());
 			}
 
-			if (oItem.isA("sap.ui.core.SeparatorItem")) {
-				oListItem.addAriaLabelledBy(this._getGroupHeaderInvisibleText().getId());
-			}
-
 			oListItem.addStyleClass(this.getRenderer().CSS_CLASS_COMBOBOXBASE + "NonInteractiveItem");
 
 			return oListItem;
@@ -771,6 +767,15 @@ sap.ui.define([
 				oListItem = ListHelpers.getListItem(this.getSelectedItem());
 			}
 
+			const sSelectedItemText = this.getSelectedItem()?.getText();
+			const slastInputValue = this.getLastValue();
+
+			if (sValue.toLowerCase() === sSelectedItemText?.toLowerCase()) {
+				this.setValue(sSelectedItemText);
+				sValue = sSelectedItemText;
+				this.setLastValue(slastInputValue);
+			}
+
 			this._sInputValueBeforeOpen = sValue;
 
 			if (this.isOpen()) {
@@ -1210,7 +1215,6 @@ sap.ui.define([
 				this.updateDomValue(sTypedValue);
 				this.fireSelectionChange({ selectedItem: null });
 
-				this._getGroupHeaderInvisibleText().setText(this._oRb.getText("LIST_ITEM_GROUP_HEADER") + " " + oItem.getText());
 				return;
 			}
 

package/src/sap/m/ComboBoxBase.js

@@ -70,7 +70,7 @@ sap.ui.define([
 		 * @abstract
 		 *
 		 * @author SAP SE
-		 * @version 1.141.2
+		 * @version 1.143.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.141.2
+		 * @version 1.143.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/ComboBoxTextFieldRenderer.js

@@ -68,7 +68,6 @@ sap.ui.define([
 		 */
 		ComboBoxTextFieldRenderer.writeIcons = function (oRm, aIcons) {
 			oRm.openStart("div")
-				.attr("tabindex", "-1")
 				.attr("aria-hidden", "true")
 				.class("sapMInputBaseIconContainer")
 				.openEnd();

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.141.2
+	 * @version 1.143.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.141.2
+	 * @version 1.143.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.141.2
+	 * @version 1.143.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.141.2
+	 * @version 1.143.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.141.2
+	 * @version 1.143.0
 	 *
 	 * @constructor
 	 * @public
@@ -467,6 +467,11 @@ sap.ui.define([
 
 		InputBase.prototype.exit.apply(this, arguments);
 
+		// Clean up binding context listener
+		if (this.hasListeners("modelContextChange")) {
+			this.detachModelContextChange(this._closePopover, this);
+		}
+
 		if (this._oPopup) {
 			if (this._oPopup.isOpen()) {
 				this._oPopup.close();
@@ -522,6 +527,20 @@ sap.ui.define([
 			oValueHelpIcon.setProperty("visible", this.getEditable());
 		}
 
+		// Close picker when scrolling in a table
+		if (!this.hasListeners("modelContextChange")) {
+			this.attachModelContextChange(this._closePopover, this);
+		}
+	};
+
+	/**
+	 * Closes the popover of the DatePicker without setting the focus back to the input.
+	 * @private
+	 */
+	DatePicker.prototype._closePopover = function() {
+		if (this.isOpen()) {
+			this._oPopup.close();
+		}
 	};
 
 	/**

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.141.2
-	 * @version 1.141.2
+	 * @version 1.143.0
+	 * @version 1.143.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/DateTimeField.js

@@ -66,7 +66,7 @@ sap.ui.define([
 	 * @extends sap.m.InputBase
 	 *
 	 * @author SAP SE
-	 * @version 1.141.2
+	 * @version 1.143.0
 	 *
 	 * @constructor
 	 * @public
@@ -402,8 +402,7 @@ sap.ui.define([
 
 		var sPlaceholder = this.getPlaceholder(),
 			oBinding = this.getBinding("value"),
-			oBindingType = oBinding && oBinding.getType && oBinding.getType(),
-			bDisplayFormat;
+			oBindingType = oBinding && oBinding.getType && oBinding.getType();
 
 		if (!sPlaceholder) {
 			if (oBindingType instanceof SimpleDateType) {
@@ -414,9 +413,8 @@ sap.ui.define([
 				return oBindingType.oFormat.getPlaceholderText();
 			}
 
-			bDisplayFormat = !!this._getDisplayFormatPattern();
-
-			sPlaceholder = this._getFormatter(bDisplayFormat).getPlaceholderText();
+			// always get placeholder from the display format
+			sPlaceholder = this._getFormatter(true).getPlaceholderText();
 		}
 
 		return sPlaceholder;

package/src/sap/m/DateTimeInput.js

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

package/src/sap/m/DateTimePicker.js

@@ -183,7 +183,7 @@ sap.ui.define([
 	 * mobile devices, it opens in full screen.
 	 *
 	 * @extends sap.m.DatePicker
-	 * @version 1.141.2
+	 * @version 1.143.0
 	 *
 	 * @constructor
 	 * @public