@openui5/sap.m 1.108.0 → 1.109.0

package/src/sap/m/OverflowToolbarAssociativePopover.js

@@ -30,7 +30,7 @@ sap.ui.define(['./Popover', './OverflowToolbarAssociativePopoverControls', './Ov
 	 * @extends sap.m.Popover
 	 *
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/m/OverflowToolbarAssociativePopoverControls.js

@@ -13,8 +13,25 @@
  * where CONTROL is a camel-cased version of the getMetadata().getName() value, f.e. "sap.m.Button" becomes "sapMButton"
  */
 
-sap.ui.define(['sap/ui/base/Object', './OverflowToolbarButton', './OverflowToolbarToggleButton', './ToggleButton', './Button', 'sap/m/library', "sap/base/Log"],
-	function(BaseObject, OverflowToolbarButton, OverflowToolbarToggleButton, ToggleButton, Button, library, Log) {
+sap.ui.define([
+	'sap/ui/base/Object',
+	'./OverflowToolbarButton',
+	'./OverflowToolbarMenuButton',
+	'./OverflowToolbarToggleButton',
+	'./ToggleButton',
+	'./Button',
+	'sap/m/library',
+	"sap/base/Log"
+], function(
+	BaseObject,
+	OverflowToolbarButton,
+	OverflowToolbarMenuButton,
+	OverflowToolbarToggleButton,
+	ToggleButton,
+	Button,
+	library,
+	Log
+	) {
 		"use strict";
 
 		// shortcut for sap.m.ButtonType
@@ -84,6 +101,16 @@ sap.ui.define(['sap/ui/base/Object', './OverflowToolbarButton', './OverflowToolb
 			this._postProcessSapMButton(oControl);
 		};
 
+		// OverflowToolbarMenuButton - Same as button with the _bInOverflow trigger
+		OverflowToolbarAssociativePopoverControls.prototype._preProcessSapMOverflowToolbarMenuButton = function(oControl) {
+			this._preProcessSapMButton(oControl);
+			oControl._bInOverflow = true;
+		};
+
+		OverflowToolbarAssociativePopoverControls.prototype._postProcessSapMOverflowToolbarMenuButton = function(oControl) {
+			delete oControl._bInOverflow;
+			this._postProcessSapMButton(oControl);
+		};
 
 		// ToggleButton - same as button
 		OverflowToolbarAssociativePopoverControls.prototype._preProcessSapMToggleButton = function(oControl) {
@@ -126,6 +153,11 @@ sap.ui.define(['sap/ui/base/Object', './OverflowToolbarButton', './OverflowToolb
 				listenForEvents: ["defaultAction", "_menuItemSelected"],
 				noInvalidationProps: ["enabled", "text", "icon"]
 			},
+			"sap.m.OverflowToolbarMenuButton": {
+				canOverflow: true,
+				listenForEvents: ["defaultAction", "_menuItemSelected"],
+				noInvalidationProps: ["enabled", "text", "icon"]
+			},
 			"sap.m.OverflowToolbarToggleButton": {
 				canOverflow: true,
 				listenForEvents: ["press"],
@@ -218,7 +250,7 @@ sap.ui.define(['sap/ui/base/Object', './OverflowToolbarButton', './OverflowToolb
 			var oConfig;
 
 			// First check if the control's class implements the sap.m.IOverflowToolbarContent interface
-			if (oControl.getMetadata().getInterfaces().indexOf("sap.m.IOverflowToolbarContent") !== -1) {
+			if (oControl.isA("sap.m.IOverflowToolbarContent")) {
 				if (typeof oControl.getOverflowToolbarConfig !== "function") {
 					Log.error("Required method getOverflowToolbarConfig not implemented by: " + oControl.getMetadata().getName());
 					return;
@@ -281,6 +313,8 @@ sap.ui.define(['sap/ui/base/Object', './OverflowToolbarButton', './OverflowToolb
 			// For now only custom classes, extending the sap.m.Button and its derivatives, are supported for overflow
 			if (oControl instanceof OverflowToolbarButton) {
 				return "sap.m.OverflowToolbarButton";
+			} else if (oControl instanceof OverflowToolbarMenuButton) {
+				return "sap.m.OverflowToolbarMenuButton";
 			} else if (oControl instanceof OverflowToolbarToggleButton) {
 				return "sap.m.OverflowToolbarToggleButton";
 			} else if (oControl instanceof ToggleButton) {

package/src/sap/m/OverflowToolbarButton.js

@@ -27,7 +27,7 @@ sap.ui.define(['sap/m/Button', 'sap/m/ButtonRenderer'],
 	 * @implements sap.f.IShellBar
 	 *
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/OverflowToolbarLayoutData.js

@@ -22,7 +22,7 @@ sap.ui.define(['sap/m/ToolbarLayoutData', 'sap/m/library', "sap/base/Log"],
 	 * Holds layout data for the {@link sap.m.OverflowToolbar} items.
 	 * @extends sap.m.ToolbarLayoutData
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/OverflowToolbarMenuButton.js

@@ -0,0 +1,72 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+// Provides control sap.m.OverflowToolbarMenuButton.
+sap.ui.define(['sap/m/MenuButton', 'sap/m/MenuButtonRenderer', 'sap/ui/core/IconPool'],
+	function(MenuButton, MenuButtonRenderer, IconPool) {
+		"use strict";
+
+		/**
+		 * Constructor for a new <code>OverflowToolbarMenuButton</code>.
+		 *
+		 * @param {string} [sId] ID for the new control, generated automatically if no ID is given
+		 * @param {object} [mSettings] Initial settings for the new control
+		 *
+		 * @class
+		 * Represents an {@link sap.m.MenuButton} that shows its text only when in the overflow area of an {@link sap.m.OverflowToolbar}.
+		 *
+		 * <b>Note:</b> This control is intended to be used exclusively in the context of the <code>OverflowToolbar</code>, whenever it is required
+		 * to have buttons that show only an icon in the toolbar, but icon and text in the overflow menu.
+		 * @extends sap.m.MenuButton
+		 *
+		 * @author SAP SE
+		 * @version 1.109.0
+		 *
+		 * @constructor
+		 * @public
+		 * @since 1.109.0
+		 * @alias sap.m.OverflowToolbarMenuButton
+		 */
+		var OverflowToolbarMenuButton = MenuButton.extend("sap.m.OverflowToolbarMenuButton", /** @lends sap.m.OverflowToolbarMenuButton.prototype */ {
+			renderer: MenuButtonRenderer
+		});
+
+		OverflowToolbarMenuButton.prototype.getText = function() {
+			if (this._bInOverflow) {
+				return MenuButton.prototype.getText.call(this);
+			}
+
+			return "";
+		};
+
+		OverflowToolbarMenuButton.prototype.getTooltip = function() {
+			// Tooltip is shown when the button is outside of the overflow area (icon only button)
+			// and when the tooltip is different to text, otherwise the tooltip is hidden.
+			var sTooltip = MenuButton.prototype.getTooltip.call(this);
+
+			if (this._bInOverflow) {
+				return this.getText() === sTooltip ? "" : sTooltip;
+			}
+
+			if (sTooltip){
+				return sTooltip;
+			}
+
+			var oIconInfo = IconPool.getIconInfo(this.getIcon());
+			if (oIconInfo){
+				sTooltip = oIconInfo.text ? oIconInfo.text : oIconInfo.name;
+			}
+
+			return sTooltip;
+		};
+
+		OverflowToolbarMenuButton.prototype._updateButtonControl = function() {
+			this._getButtonControl().setTooltip(this.getTooltip());
+			this._getButtonControl().setText(this.getText());
+		};
+
+		return OverflowToolbarMenuButton;
+	});

package/src/sap/m/OverflowToolbarToggleButton.js

@@ -23,7 +23,7 @@ sap.ui.define(['sap/m/ToggleButton', 'sap/m/ToggleButtonRenderer'],
 		 * @extends sap.m.ToggleButton
 		 *
 		 * @author SAP SE
-		 * @version 1.108.0
+		 * @version 1.109.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/P13nAnyFilterItem.js

@@ -17,7 +17,7 @@ sap.ui.define([
 	 * @param {object} [mSettings] initial settings for the new control
 	 * @class Type for <code>filterItems</code> aggregation in P13nFilterPanel control.
 	 * @extends sap.m.P13nFilterItem
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @constructor
 	 * @private
 	 * @since 1.56.0

package/src/sap/m/P13nColumnsItem.js

@@ -17,7 +17,7 @@ sap.ui.define([
 	 * @param {object} [mSettings] initial settings for the new control
 	 * @class Type for <code>columnsItems</code> aggregation in <code>P13nColumnsPanel</code> control.
 	 * @extends sap.ui.core.Item
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @constructor
 	 * @author SAP SE
 	 * @public

package/src/sap/m/P13nColumnsPanel.js

@@ -38,7 +38,7 @@ sap.ui.define([
 	 * @class The <code>P13nColumnsPanel</code> control is used to define column-specific settings for table personalization.
 	 * @extends sap.m.P13nPanel
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @constructor
 	 * @deprecated as of version 1.98. Use the {@link sap.m.p13n.SelectionPanel} instead.
 	 * @public

package/src/sap/m/P13nConditionPanel.js

@@ -112,7 +112,7 @@ sap.ui.define([
 	 * @param {object} [mSettings] initial settings for the new control
 	 * @class The ConditionPanel Control will be used to implement the Sorting, Filtering and Grouping panel of the new Personalization dialog.
 	 * @extends sap.ui.core.Control
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @constructor
 	 * @public
 	 * @since 1.26.0

package/src/sap/m/P13nDialog.js

@@ -60,7 +60,7 @@ sap.ui.define([
 	 *        tables.
 	 * @extends sap.m.Dialog
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @constructor
 	 * @deprecated as of version 1.98. Use the {@link sap.m.p13n.Popup} instead.
 	 * @public

package/src/sap/m/P13nDimMeasureItem.js

@@ -16,7 +16,7 @@ sap.ui.define([
 	 * @param {object} [mSettings] initial settings for the new control
 	 * @class Type for <code>columnsItems</code> aggregation in <code>P13nDimMeasurePanel</code> control.
 	 * @extends sap.ui.core.Item
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @constructor
 	 * @author SAP SE
 	 * @public

package/src/sap/m/P13nDimMeasurePanel.js

@@ -89,7 +89,7 @@ sap.ui.define([
 	 *        dimensions and measures for table personalization.
 	 * @extends sap.m.P13nPanel
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @constructor
 	 * @public
 	 * @since 1.34.0

package/src/sap/m/P13nFilterItem.js

@@ -17,7 +17,7 @@ sap.ui.define([
 	 * @param {object} [mSettings] initial settings for the new control
 	 * @class Type for <code>filterItems</code> aggregation in P13nFilterPanel control.
 	 * @extends sap.ui.core.Item
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @constructor
 	 * @public
 	 * @since 1.26.0

package/src/sap/m/P13nFilterPanel.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @param {object} [mSettings] initial settings for the new control
 	 * @class The P13nFilterPanel control is used to define filter-specific settings for table personalization.
 	 * @extends sap.m.P13nPanel
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @constructor
 	 * @public
 	 * @since 1.26.0

package/src/sap/m/P13nGroupItem.js

@@ -17,7 +17,7 @@ sap.ui.define([
 	 * @param {object} [mSettings] initial settings for the new control
 	 * @class Type for <code>groupItems</code> aggregation in P13nGroupPanel control.
 	 * @extends sap.ui.core.Item
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @constructor
 	 * @public
 	 * @since 1.28.0

package/src/sap/m/P13nGroupPanel.js

@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @param {object} [mSettings] initial settings for the new control
 	 * @class The P13nGroupPanel control is used to define group-specific settings for table personalization.
 	 * @extends sap.m.P13nPanel
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @constructor
 	 * @deprecated as of version 1.98. Use the {@link sap.m.p13n.GroupPanel} instead.
 	 * @public

package/src/sap/m/P13nItem.js

@@ -17,7 +17,7 @@ sap.ui.define([
 	 * @param {object} [mSettings] initial settings for the new control
 	 * @class Base type for <code>items</code> aggregation in <code>P13nPanel</code> control.
 	 * @extends sap.ui.core.Element
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @constructor
 	 * @public
 	 * @since 1.26.0

package/src/sap/m/P13nOperationsHelper.js

@@ -16,6 +16,7 @@ sap.ui.define([
 	 * @ui5-restricted sap.m.P13nFilterPanel
 	 * @since 1.74
 	 * @alias sap.m.P13nOperationsHelper
+	 * @class
 	 */
 	var P13nOperationsHelper = function () {
 		this.init();

package/src/sap/m/P13nPanel.js

@@ -17,7 +17,7 @@ sap.ui.define([
 	 * @param {object} [mSettings] initial settings for the new control
 	 * @class An abstract base type for <code>panels</code> aggregation in <code>P13nDialog</code> control.
 	 * @extends sap.ui.core.Control
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @constructor
 	 * @public
 	 * @abstract

package/src/sap/m/P13nSelectionItem.js

@@ -17,7 +17,7 @@ sap.ui.define([
 	 * @param {object} [mSettings] initial settings for the new control
 	 * @class Type for <code>selectionItems</code> aggregation in <code>P13nSelectionPanel</code> control.
 	 * @extends sap.ui.core.Item
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @constructor
 	 * @author SAP SE
 	 * @private

package/src/sap/m/P13nSelectionPanel.js

@@ -30,7 +30,7 @@ sap.ui.define([
 	 * @class The P13nSelectionPanel control is used to define selection settings like the visibility or the order of items.
 	 * @extends sap.m.P13nPanel
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @constructor
 	 * @private
 	 * @since 1.46.0

package/src/sap/m/P13nSortItem.js

@@ -17,7 +17,7 @@ sap.ui.define([
 	 * @param {object} [mSettings] initial settings for the new control
 	 * @class Type for <code>sortItems</code> aggregation in P13nSortPanel control.
 	 * @extends sap.ui.core.Item
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @constructor
 	 * @public
 	 * @since 1.26.0

package/src/sap/m/P13nSortPanel.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * @param {object} [mSettings] initial settings for the new control
 	 * @class The P13nSortPanel control is used to define settings for sorting in table personalization.
 	 * @extends sap.m.P13nPanel
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @constructor
 	 * @deprecated as of version 1.98. Use the {@link sap.m.p13n.SortPanel} instead.
 	 * @public

package/src/sap/m/PDFViewer.js

@@ -47,7 +47,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.108.0
+		 * @version 1.109.0
 		 * @since 1.48
 		 *
 		 * @constructor

package/src/sap/m/Page.js

@@ -91,7 +91,7 @@ function(
 		 * @extends sap.ui.core.Control
 		 * @mixes sap.ui.core.ContextMenuSupport
 		 * @author SAP SE
-		 * @version 1.108.0
+		 * @version 1.109.0
 		 *
 		 * @public
 		 * @alias sap.m.Page
@@ -683,7 +683,7 @@ function(
 
 			this.setAggregation("customHeader", oHeader);
 
-			this.toggleStyleClass("sapFShellBar-CTX", oHeader && oHeader.isA("sap.f.ShellBar"));
+			this.toggleStyleClass("sapFShellBar-CTX", !!oHeader && oHeader.isA("sap.f.ShellBar"));
 
 			/*
 			 * Runs Fiori 2.0 adaptation for the header

package/src/sap/m/PageAccessibleLandmarkInfo.js

@@ -22,7 +22,7 @@ sap.ui.define(['sap/ui/core/Element', './library'],
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/PagingButton.js

@@ -26,7 +26,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.108.0
+		 * @version 1.109.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/Panel.js

@@ -67,7 +67,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @public
@@ -301,6 +301,16 @@ sap.ui.define([
 	 * @private
 	 */
 	Panel.prototype.onsapspace = function(oEvent) {
+		var aHeaderTargets = [
+			this.getDomRef().querySelector(".sapMPanelWrappingDiv"),
+			this.getDomRef("expandButton")
+		];
+
+		if (aHeaderTargets.includes(oEvent.target)) {
+			// prevent browser scrolling
+			oEvent.preventDefault();
+		}
+
 		this.ontap(oEvent);
 	};