@openui5/sap.m 1.117.0 → 1.118.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.m",
-  "version": "1.117.0",
+  "version": "1.118.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/SAP/openui5.git"
   },
   "dependencies": {
-    "@openui5/sap.ui.core": "1.117.0",
-    "@openui5/sap.ui.layout": "1.117.0",
-    "@openui5/sap.ui.unified": "1.117.0"
+    "@openui5/sap.ui.core": "1.118.0",
+    "@openui5/sap.ui.layout": "1.118.0",
+    "@openui5/sap.ui.unified": "1.118.0"
   }
 }

package/src/sap/m/.library

@@ -6,7 +6,7 @@
   <copyright>OpenUI5
  * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-  <version>1.117.0</version>
+  <version>1.118.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.117.0
+	 * @version 1.118.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.117.0
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/ActionSelect.js

@@ -20,7 +20,7 @@ sap.ui.define(['./Select', 'sap/ui/core/InvisibleText', 'sap/ui/Device', 'sap/ui
 		 * @extends sap.m.Select
 		 *
 		 * @author SAP SE
-		 * @version 1.117.0
+		 * @version 1.118.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/ActionSheet.js

@@ -72,7 +72,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.117.0
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/ActionTile.js

@@ -31,7 +31,7 @@ sap.ui.define([
 	* @extends sap.m.GenericTile
 	*
 	* @author SAP SE
-	* @version 1.117.0
+	* @version 1.118.0
 	* @since 1.107.0
 	*
 	* @private

package/src/sap/m/ActionTileContent.js

@@ -27,7 +27,7 @@ sap.ui.define([
      * @extends sap.m.TileContent
      *
      * @author SAP SE
-     * @version 1.117.0
+     * @version 1.118.0
      * @since 1.107.0
      *
      * @private

package/src/sap/m/AdditionalTextButton.js

@@ -21,7 +21,7 @@ sap.ui.define(['./Button','./AdditionalTextButtonRenderer'],
 	 * @extends sap.m.Button
 	 *
 	 * @author SAP SE
-	 * @version 1.117.0
+	 * @version 1.118.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.117.0
+	 * @version 1.118.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.117.0
+		 * @version 1.118.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/m/Avatar.js

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

package/src/sap/m/Bar.js

@@ -57,7 +57,7 @@ sap.ui.define([
 	 * @implements sap.m.IBar
 	 *
 	 * @author SAP SE
-	 * @version 1.117.0
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/Breadcrumbs.js

@@ -7,6 +7,8 @@
 // Provides control sap.m.Breadcrumbs.
 sap.ui.define([
 	"sap/ui/core/Control",
+	"sap/ui/dom/units/Rem",
+	"sap/ui/core/theming/Parameters",
 	"sap/ui/util/openWindow",
 	"sap/m/Text",
 	"sap/m/Link",
@@ -22,6 +24,8 @@ sap.ui.define([
 	'sap/ui/core/InvisibleText'
 ], function(
 	Control,
+	Rem,
+	Parameters,
 	openWindow,
 	Text,
 	Link,
@@ -64,7 +68,7 @@ sap.ui.define([
 	 * @implements sap.m.IBreadcrumbs, sap.m.IOverflowToolbarContent, sap.ui.core.IShrinkable
 	 *
 	 * @author SAP SE
-	 * @version 1.117.0
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @public
@@ -184,10 +188,21 @@ sap.ui.define([
 		}
 
 		this._configureKeyboardHandling();
+		this._setMinWidth();
 
 		this.bRenderingPhase = false;
 	};
 
+	Breadcrumbs.prototype._setMinWidth = function () {
+		var oCurrentLocation = this._getCurrentLocation(),
+			sWidth = oCurrentLocation.$().width();
+
+		// When in OFT, set min-width=width of the currentLocationText, so that it won't be truncated too much, before going into the overflow menu
+		if (this.$().hasClass("sapMTBShrinkItem") && parseInt(sWidth) > Rem.toPx(Parameters.get("_sap_m_Toolbar_ShrinkItem_MinWidth"))) {
+			this.$().css("min-width", oCurrentLocation.$().width());
+		}
+	};
+
 	Breadcrumbs.prototype.onThemeChanged = function () {
 		this._resetControl();
 	};

package/src/sap/m/BusyDialog.js

@@ -62,7 +62,7 @@ sap.ui.define(['./library',
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.117.0
+		 * @version 1.118.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.117.0
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/Button.js

@@ -21,7 +21,8 @@ sap.ui.define([
 	"sap/ui/core/LabelEnablement",
 	"sap/m/BadgeEnabler",
 	"sap/ui/core/InvisibleText",
-	"sap/base/Log"
+	"sap/base/Log",
+	"sap/m/Image"
 ], function(
 	library,
 	Core,
@@ -38,7 +39,8 @@ sap.ui.define([
 	LabelEnablement,
 	BadgeEnabler,
 	InvisibleText,
-	Log
+	Log,
+	Image
 ) {
 	"use strict";
 
@@ -96,7 +98,7 @@ sap.ui.define([
 	 * @mixes sap.ui.core.ContextMenuSupport
 	 *
 	 * @author SAP SE
-	 * @version 1.117.0
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @public
@@ -816,7 +818,7 @@ sap.ui.define([
 				// do not use default tooltip in icon as the button renders it's own tooltip
 				useIconTooltip: false
 
-			}, sap.m.Image).addStyleClass("sapMBtnCustomIcon").setParent(this, null, true);
+			}, Image).addStyleClass("sapMBtnCustomIcon").setParent(this, null, true);
 		}
 
 		// add style classes to the object
@@ -851,7 +853,7 @@ sap.ui.define([
 				// do not use default tootip in icon as the button renders it's own tooltip
 				useIconTooltip: false
 
-			}, sap.m.Image).setParent(this, null, true);
+			}, Image).setParent(this, null, true);
 		}
 
 		// add style classes to the object

package/src/sap/m/Carousel.js

@@ -126,7 +126,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.117.0
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/CarouselLayout.js

@@ -15,7 +15,7 @@ sap.ui.define(["sap/ui/base/ManagedObject"], function (ManagedObject) {
 	 * Applies a <code>sap.m.CarouselLayout</code> to a provided DOM element or Control.
 	 *
 	 * @author SAP SE
-	 * @version 1.117.0
+	 * @version 1.118.0
 	 *
 	 * @extends sap.ui.base.ManagedObject
 	 *

package/src/sap/m/CheckBox.js

@@ -90,7 +90,7 @@ sap.ui.define([
 	 * @implements sap.ui.core.IFormContent, sap.ui.core.ISemanticFormContent, sap.ui.core.IAccessKeySupport
 	 *
 	 * @author SAP SE
-	 * @version 1.117.0
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/ColorPalette.js

@@ -104,7 +104,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.117.0
+		 * @version 1.118.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/ColorPalettePopover.js

@@ -37,7 +37,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.117.0
+		 * @version 1.118.0
 		 *
 		 * @public
 		 * @since 1.54

package/src/sap/m/Column.js

@@ -6,18 +6,18 @@
 
 // Provides control sap.m.Column.
 sap.ui.define([
-	'./library',
-	'sap/ui/core/Element',
-	'sap/ui/core/Renderer',
-	'sap/ui/core/library',
-	'sap/ui/Device',
+	"./library",
+	"sap/ui/core/Core",
+	"sap/ui/core/Element",
+	"sap/ui/core/Renderer",
+	"sap/ui/core/library",
+	"sap/ui/Device",
 	"sap/ui/core/InvisibleText"
 ],
-	function(library, Element, Renderer, coreLibrary, Device, InvisibleText) {
+	function(library, Core, Element, Renderer, coreLibrary, Device, InvisibleText) {
 	"use strict";
 
 
-
 	// shortcut for sap.m.PopinDisplay
 	var PopinDisplay = library.PopinDisplay;
 
@@ -46,7 +46,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.117.0
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @public
@@ -267,7 +267,7 @@ sap.ui.define([
 	Column.prototype.onsapenter = Column.prototype.onsapspace;
 
 	Column.prototype.oncontextmenu = function (oEvent) {
-		var oMenu = this._getHeaderMenuInstance();
+		var oMenu = this.getHeaderMenuInstance();
 		if (oMenu) {
 			oMenu.openBy(this);
 			oEvent.preventDefault();
@@ -562,19 +562,6 @@ sap.ui.define([
 		}
 	};
 
-	// when the popover opens and later closed, the focus is lost
-	// hence overwriting the getFocusDomRef to restore the focus on the active column header
-	Column.prototype.getFocusDomRef = function() {
-		var oParent = this.getParent();
-		if (oParent && (oParent.bActiveHeaders || oParent.bFocusableHeaders || this.getHeaderMenu())) {
-			var oColumnDomRef = this.getDomRef();
-			if (oColumnDomRef) {
-				return oColumnDomRef.firstChild;
-			}
-		}
-		return Element.prototype.getFocusDomRef.apply(this, arguments);
-	};
-
 	// returns the minScreenWidth property in pixel as integer
 	Column.prototype.getCalculatedMinScreenWidth = function() {
 		return parseInt(this._minWidth) || 0;
@@ -596,8 +583,8 @@ sap.ui.define([
 	 * @returns {sap.ui.core.IColumnHeaderMenu | undefined} The column header menu instance
 	 * @private
 	 */
-	Column.prototype._getHeaderMenuInstance = function () {
-		return sap.ui.getCore().byId(this.getHeaderMenu());
+	Column.prototype.getHeaderMenuInstance = function () {
+		return Core.byId(this.getHeaderMenu());
 	};
 
 	Column.prototype.setHeader = function (oControl) {
@@ -623,8 +610,8 @@ sap.ui.define([
 			return;
 		}
 
-		if (this.getTable().bActiveHeaders || this._getHeaderMenuInstance()) {
-			this.$("ah")[oEvent.getSource().getRequired() ? "addAriaDescribedBy" : "removeAriaDescribedBy"](InvisibleText.getStaticId("sap.m", "CONTROL_IN_COLUMN_REQUIRED"));
+		if (this.getTable().bActiveHeaders || this.getHeaderMenuInstance()) {
+			this.$()[oEvent.getSource().getRequired() ? "addAriaDescribedBy" : "removeAriaDescribedBy"](InvisibleText.getStaticId("sap.m", "CONTROL_IN_COLUMN_REQUIRED"));
 		}
 	};
 

package/src/sap/m/ColumnHeaderPopover.js

@@ -32,7 +32,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.117.0
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @since 1.63

package/src/sap/m/ColumnListItem.js

@@ -42,7 +42,7 @@ sap.ui.define([
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.117.0
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @public
@@ -85,9 +85,6 @@ sap.ui.define([
 			if (oEvent.isMarked() || ListItemBase.detectTextSelection(this.getDomRef())) {
 				return oEvent.stopImmediatePropagation(true);
 			}
-		},
-		ontouchstart: function(oEvent) {
-			// focus to the main row if there is nothing to focus in the popin
 			if (oEvent.srcControl === this || !jQuery(oEvent.target).is(":sapFocusable")) {
 				this.getParent().focus();
 			}
@@ -105,14 +102,16 @@ sap.ui.define([
 
 	ColumnListItem.prototype.onBeforeRendering = function() {
 		ListItemBase.prototype.onBeforeRendering.call(this);
+		this.aAriaOwns = [];
 		if (this._oPopin && this._oDomRef) {
 			this.$Popin().off();
 		}
 	};
 
 	ColumnListItem.prototype.onAfterRendering = function() {
-		if (this._oPopin && this.isActionable(true)) {
-			this.$Popin().on("mouseenter mouseleave", function(oEvent) {
+		if (this._oPopin) {
+			this.$().attr("aria-owns", this.aAriaOwns.join(" "));
+			this.isActionable(true) && this.$Popin().on("mouseenter mouseleave", function(oEvent) {
 				this.previousSibling.classList.toggle("sapMPopinHovered", oEvent.type == "mouseenter");
 			});
 		}
@@ -167,11 +166,10 @@ sap.ui.define([
 				ontap: this.ontap,
 				ontouchend: this.ontouchend,
 				ontouchcancel: this.ontouchcancel,
-				onsaptabnext: this.onsaptabnext,
-				onsaptabprevious: this.onsaptabprevious,
 				onsapup: this.onsapup,
 				onsapdown: this.onsapdown,
-				oncontextmenu: this.oncontextmenu
+				oncontextmenu: this.oncontextmenu,
+				onkeydown: this.onkeydown
 			}, this).setParent(this, null, true);
 		}
 
@@ -269,9 +267,9 @@ sap.ui.define([
 	ColumnListItem.prototype.updateSelectedDOM = function(bSelected, $This) {
 		ListItemBase.prototype.updateSelectedDOM.apply(this, arguments);
 
-		// update popin as well
+		$This.find(".sapMTblCellFocusable").attr("aria-selected", bSelected);
 		if (this.hasPopin()) {
-			this.$Popin().attr("aria-selected", bSelected);
+			this.$("subcont").attr("aria-selected", bSelected);
 		}
 	};
 
@@ -287,12 +285,50 @@ sap.ui.define([
 		ListItemBase.prototype.onfocusin.apply(this, arguments);
 	};
 
+	ColumnListItem.prototype.onsapenter = ColumnListItem.prototype.onsapspace = function(oEvent) {
+		if (oEvent.isMarked()) {
+			return;
+		}
+
+		var sTargetId = oEvent.target.id;
+		var sEventHandler = "on" + oEvent.type;
+		if (sTargetId == this.getId() + "-ModeCell") {
+			oEvent.target = this.getDomRef();
+			sEventHandler = this.getMode() == "Delete" ? "onsapdelete" : "onsapspace";
+		} else if (sTargetId == this.getId() + "-TypeCell") {
+			oEvent.target = this.getDomRef();
+			if (this.getType() == "Navigation") {
+				sEventHandler = "onsapenter";
+			} else {
+				oEvent.code = "KeyE";
+				oEvent.ctrlKey = true;
+				sEventHandler = "onkeydown";
+			}
+		}
+
+		ListItemBase.prototype[sEventHandler].call(this, oEvent);
+	};
+
+	ColumnListItem.prototype.setType = function(sType) {
+		ListItemBase.prototype.setType.call(this, sType);
+		this._checkTypeColumn();
+		return this;
+	};
+
+	ColumnListItem.prototype.setParent = function() {
+		ListItemBase.prototype.setParent.apply(this, arguments);
+		this._checkTypeColumn();
+		return this;
+	};
+
 	// informs the table when item's type column requirement is changed
 	ColumnListItem.prototype._checkTypeColumn = function(bNeedsTypeColumn) {
+		if (!this.getParent()) {
+			return;
+		}
 		if (bNeedsTypeColumn == undefined) {
 			bNeedsTypeColumn = this._needsTypeColumn();
 		}
-
 		if (this._bNeedsTypeColumn != bNeedsTypeColumn) {
 			this._bNeedsTypeColumn = bNeedsTypeColumn;
 			this.informList("TypeColumnChange", bNeedsTypeColumn);