@openui5/sap.m 1.112.2 → 1.114.0

package/src/sap/m/GenericTileRenderer.js

@@ -263,12 +263,15 @@ sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS", "sap/ui/core/Conf
 						oRm.openEnd();
 					}
 					oRm.openStart("div");
+
 					if (frameType === frameTypes.OneByOne) {
 						oRm.class("sapMGTOneByOneIcon");
 					} else {
 						oRm.class("sapMGTTwoByHalfIcon");
-						if (!this._isThemeHighContrast()) {
-							oRm.style("background-color", sBGColor);
+						if (oControl._sTileBadge) {
+							oRm.class("sapMGTIconBadge");
+						} else if (!this._isThemeHighContrast()) {
+								oRm.style("background-color", sBGColor);
 						} else {
 							oRm.class("HighContrastTile");
 							oRm.style("border-color", sBGColor);
@@ -276,10 +279,19 @@ sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS", "sap/ui/core/Conf
 						}
 					}
 					oRm.openEnd();
-					if (oControl.getTileIcon()) {
-						var sAggregation = oControl._generateIconAggregation(oControl.getTileIcon());
+					if (oControl.getTileIcon() || oControl._sTileBadge) {
+						var sAggregation = oControl._generateIconAggregation(oControl._sTileBadge ? "sap-icon://folder-full" : oControl.getTileIcon());
 						if (sAggregation) {
-							oRm.renderControl(oControl.getAggregation(sAggregation));
+							var oIcon = oControl.getAggregation(sAggregation);
+							if (oControl._sTileBadge) {
+								oIcon.setColor(sBGColor);
+							}
+							oRm.renderControl(oIcon);
+						}
+						if (oControl._sTileBadge) {
+							oRm.openStart("div", oControl.getId() + "-tileBadge").class("sapMGTileBadge").openEnd();
+							oRm.text(oControl._sTileBadge);
+							oRm.close("div");
 						}
 					}
 					oRm.close("div");

package/src/sap/m/GroupHeaderListItem.js

@@ -30,7 +30,7 @@ sap.ui.define(["sap/ui/core/library", "./library", "./ListItemBase", "./GroupHea
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/GrowingEnablement.js

@@ -545,9 +545,12 @@ sap.ui.define([
 				this._oRM.renderControl(this._aChunk[i]);
 			}
 
-			var bHasFocus = (vInsert == false) && oDomRef.contains(document.activeElement);
+			this._bHadFocus = (vInsert == false) && oDomRef.contains(document.activeElement);
 			this._oRM.flush(oDomRef, false, this._getDomIndex(vInsert));
-			bHasFocus && this._oControl.focus();
+			this._bHadFocus && this._oControl.focus();
+			if (!this._oControl.getBusy()) {
+				this._bHadFocus = false;
+			}
 			this._aChunk = [];
 		},
 
@@ -781,8 +784,8 @@ sap.ui.define([
 
 		_updateTriggerDelayed: function(bLoading) {
 			if (this._oControl.getGrowingScrollToLoad()) {
-				this._iTriggerTimer && window.cancelAnimationFrame(this._iTriggerTimer);
-				this._iTriggerTimer = window.requestAnimationFrame(this._updateTrigger.bind(this, bLoading));
+				this._iTriggerTimer && clearTimeout(this._iTriggerTimer);
+				this._iTriggerTimer = setTimeout(this._updateTrigger.bind(this, bLoading));
 			} else {
 				this._updateTrigger(bLoading);
 			}
@@ -792,15 +795,12 @@ sap.ui.define([
 		_updateTrigger : function(bLoading) {
 			var oTrigger = this._oTrigger,
 				oControl = this._oControl,
-				bVisibleItems = oControl && oControl.getVisibleItems().length > 0;
+				bVisibleItems = oControl && oControl.getVisibleItems().length > 0,
+				oBinding = oControl && oControl.getBinding("items");
 
 			// If there are no visible columns or items then also hide the trigger.
-			if (!oTrigger || !oControl || !bVisibleItems || !oControl.shouldRenderItems() || !oControl.getDomRef()) {
-				return;
-			}
-
-			var oBinding = oControl.getBinding("items");
-			if (!oBinding) {
+			if (!oTrigger || !oControl || !bVisibleItems || !oBinding || !oControl.shouldRenderItems() || !oControl.getDomRef()) {
+				this._bHadFocus = false;
 				return;
 			}
 
@@ -820,8 +820,14 @@ sap.ui.define([
 					oTriggerDomRef = oTrigger.getDomRef();
 
 				// put the focus to the newly added item if growing button is pressed
-				if (oTriggerDomRef && oTriggerDomRef.contains(document.activeElement)) {
-					(aItems[this._iLastItemsCount] || oControl).focus();
+				// or to the item if the focus was on the items container
+
+				if (this._bHadFocus) {
+					this._bHadFocus = false;
+					jQuery(this._oControl.getNavigationRoot()).trigger("focus");
+				} else if (oTriggerDomRef && oTriggerDomRef.contains(document.activeElement)) {
+					var oFocusTarget = aItems[this._iLastItemsCount] || oControl;
+					oFocusTarget && setTimeout(oFocusTarget.focus.bind(oFocusTarget));
 				}
 
 				// show, update or hide the growing button

package/src/sap/m/GrowingList.js

@@ -22,7 +22,7 @@ sap.ui.define(['./List', './library', './GrowingListRenderer', 'sap/ui/core/Conf
 	 * @extends sap.m.List
 	 *
 	 * @author SAP SE
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/HBox.js

@@ -25,7 +25,7 @@ sap.ui.define(['./FlexBox', './library', './HBoxRenderer'],
 	 * @extends sap.m.FlexBox
 	 *
 	 * @author SAP SE
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/HeaderContainer.js

@@ -124,7 +124,7 @@ sap.ui.define([
 		 * @since 1.44.0
 		 *
 		 * @author SAP SE
-		 * @version 1.112.2
+		 * @version 1.114.0
 		 *
 		 * @public
 		 * @alias sap.m.HeaderContainer
@@ -344,6 +344,12 @@ sap.ui.define([
 						this._oItemNavigation.setTabIndex0();
 						this._oItemNavigation.setCycling(false);
 
+						//Respecting Global Shortcuts like alt+right/left, cmd+right/left which is used for browser navigation with keyboard
+	                    this._oItemNavigation.setDisabledModifiers({
+	                        sapnext: ["alt", "meta"],
+	                        sapprevious: ["alt", "meta"]
+                        });
+
 						this._handleMobileScrolling();
 					}
 					if (this._isMobileView()) {
@@ -423,11 +429,11 @@ sap.ui.define([
 				Log.warning("No width provided", this);
 			}
 			if (Device.system.desktop) {
-				this._oArrowPrev.setProperty("icon", sIconPrev, true);
-				this._oArrowNext.setProperty("icon", sIconNext, true);
+				this._oArrowPrev.setIcon(sIconPrev);
+				this._oArrowNext.setIcon(sIconNext);
 			} else if (Device.system.phone || Device.system.tablet) {
-				this._oArrowPrev.setProperty("src", sIconPrev, true);
-				this._oArrowNext.setProperty("src", sIconNext, true);
+				this._oArrowPrev.setSrc(sIconPrev);
+				this._oArrowNext.setSrc(sIconNext);
 			}
 
 			// before rendering starts, content items need to be updated - see _callSuperMethod

package/src/sap/m/HeaderContainerItemNavigator.js

@@ -16,7 +16,7 @@ sap.ui.define([
 	 * @since 1.67.0
 	 *
 	 * @author SAP SE
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 *
 	 * @constructor
 	 * @alias sap.m.HeaderContainerItemNavigator

package/src/sap/m/IconTabBar.js

@@ -94,7 +94,7 @@ sap.ui.define([
 	 * @implements sap.m.ObjectHeaderContainer, sap.f.IDynamicPageStickyContent
 	 *
 	 * @author SAP SE
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 *
 	 * @public
 	 * @alias sap.m.IconTabBar

package/src/sap/m/IconTabBarSelectList.js

@@ -38,7 +38,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/m/IconTabFilter.js

@@ -20,7 +20,8 @@ sap.ui.define([
 	"sap/m/Button",
 	"sap/m/ResponsivePopover",
 	"sap/m/IconTabBarSelectList",
-	"sap/m/BadgeEnabler"
+	"sap/m/BadgeEnabler",
+	"sap/m/ImageHelper"
 ], function (
 	library,
 	AccButton,
@@ -36,7 +37,8 @@ sap.ui.define([
 	Button,
 	ResponsivePopover,
 	IconTabBarSelectList,
-	BadgeEnabler
+	BadgeEnabler,
+	ImageHelper
 ) {
 	"use strict";
 
@@ -52,9 +54,6 @@ sap.ui.define([
 	// shortcut for sap.m.PlacementType
 	var PlacementType = library.PlacementType;
 
-	// shortcut for sap.m.ImageHelper
-	var ImageHelper = library.ImageHelper;
-
 	// shortcut for sap.m.IconTabFilterDesign
 	var IconTabFilterDesign = library.IconTabFilterDesign;
 
@@ -94,7 +93,7 @@ sap.ui.define([
 	 * @implements sap.m.IconTab
 	 *
 	 * @author SAP SE
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/IconTabFilterExpandButtonBadge.js

@@ -31,7 +31,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/m/IconTabHeader.js

@@ -77,7 +77,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/IconTabSeparator.js

@@ -6,23 +6,20 @@
 
 // Provides control sap.m.IconTabSeparator.
 sap.ui.define([
-	"./library",
 	"sap/ui/core/Core",
 	"sap/ui/core/Element",
 	"sap/ui/core/Item",
-	"sap/m/IconTabFilter"
+	"sap/m/IconTabFilter",
+	"sap/m/ImageHelper"
 ], function (
-	library,
 	Core,
 	Element,
 	Item,
-	IconTabFilter
+	IconTabFilter,
+	ImageHelper
 ) {
 	"use strict";
 
-	// shortcut for sap.m.ImageHelper
-	var ImageHelper = library.ImageHelper;
-
 	/**
 	 * Constructor for a new IconTabSeparator.
 	 *
@@ -36,7 +33,7 @@ sap.ui.define([
 	 * @implements sap.m.IconTab
 	 *
 	 * @author SAP SE
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/IllustratedMessage.js

@@ -86,7 +86,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 *
 	 * @constructor
 	 * @public
@@ -340,6 +340,7 @@ sap.ui.define([
 		this._attachResizeHandlers();
 		this._preventWidowWords(this._getTitle().getDomRef());
 		this._preventWidowWords(this._getDescription().getDomRef());
+		this._setDefaultIllustrationLabel();
 	};
 
 	IllustratedMessage.prototype.exit = function () {
@@ -360,6 +361,21 @@ sap.ui.define([
 		return this.setProperty("illustrationType", sValue);
 	};
 
+	/**
+	 * Sets the title of the IllustratedMessage as default aria-labelledby to the Illustration.
+	 * @private
+	 */
+	IllustratedMessage.prototype._setDefaultIllustrationLabel = function (sValue) {
+		var aAriaLabelledBy = this.getAssociation("ariaLabelledBy"),
+			sTitleId = this._getTitle().sId;
+
+		// check if falsy or empty array
+		if (!aAriaLabelledBy || !aAriaLabelledBy.length) {
+			this.addIllustrationAriaLabelledBy(sTitleId);
+		}
+	};
+
+
 	/**
 	 * Gets the default text for the description aggregation.
 	 * @private
@@ -791,20 +807,30 @@ sap.ui.define([
 	};
 
 	IllustratedMessage.prototype.addIllustrationAriaLabelledBy = function(sID) {
+		var aAriaLabelledBy = this.getAssociation("ariaLabelledBy"),
+			sTitleId = this._getTitle().sId,
+			oIllustratedMessageIllustration = this._getIllustration();
+
 		this.addAssociation("ariaLabelledBy", sID, true);
 
-		var oIllustratedMessageIllustration = this._getIllustration();
+		if (aAriaLabelledBy && aAriaLabelledBy.includes(sTitleId)) {
+			this.removeIllustrationAriaLabelledBy(sTitleId);
+		}
+
 		oIllustratedMessageIllustration.addAriaLabelledBy(sID);
 
 		return this;
 	};
 
 	IllustratedMessage.prototype.removeIllustrationAriaLabelledBy = function(sID) {
+
 		this.removeAssociation("ariaLabelledBy", sID, true);
 
 		var oIllustratedMessageIllustration = this._getIllustration();
 		oIllustratedMessageIllustration.removeAriaLabelledBy(sID);
 
+		this._setDefaultIllustrationLabel();
+
 		return this;
 	};
 
@@ -814,6 +840,8 @@ sap.ui.define([
 		var oIllustratedMessageIllustration = this._getIllustration();
 		oIllustratedMessageIllustration.removeAllAriaLabelledBy(sID);
 
+		this._setDefaultIllustrationLabel();
+
 		return this;
 	};
 

package/src/sap/m/IllustratedMessageType.js

@@ -95,6 +95,12 @@ sap.ui.define([], function () {
 		 */
 		NoDimensionsSet: "sapIllus-NoDimensionsSet",
 
+		/**
+		 * "No Columns Set" illustration type.
+		 * @public
+		 */
+		NoColumnsSet: "sapIllus-NoColumnsSet",
+
 		/**
 		 * "Unable To Load" illustration type.
 		 * @public
@@ -341,6 +347,12 @@ sap.ui.define([], function () {
 		 */
 		SuccessScreen: "sapIllus-SuccessScreen",
 
+		/**
+		 * "Survey" illustration type.
+		 * @public
+		 */
+		Survey: "sapIllus-Survey",
+
 		/**
 		 * "Tent" illustration type.
 		 * @public

package/src/sap/m/Illustration.js

@@ -32,7 +32,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/Image.js

@@ -58,7 +58,7 @@ sap.ui.define([
 	 * @implements sap.ui.core.IFormContent
 	 *
 	 * @author SAP SE
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 *
 	 * @public
 	 * @alias sap.m.Image
@@ -237,6 +237,7 @@ sap.ui.define([
 
 				/**
 				 * Event is fired when the user clicks on the control. (This event is deprecated, use the press event instead)
+				 * @deprecated As of version 1.107.0
 				 */
 				tap : {},
 
@@ -534,7 +535,11 @@ sap.ui.define([
 	 * @private
 	 */
 	Image.prototype.ontouchstart = function(oEvent) {
+		/**
+		 * @deprecated event
+		 */
 		if (oEvent.srcControl.mEventRegistry["press"] || oEvent.srcControl.mEventRegistry["tap"]) {
+
 			// mark the event for components that needs to know if the event was handled by the Image
 			oEvent.setMarked();
 		}
@@ -596,6 +601,9 @@ sap.ui.define([
 	 * @private
 	 */
 	Image.prototype.ontap = function(oEvent) {
+		/**
+		 * @deprecated event
+		 */
 		this.fireTap({/* no parameters */}); //	(This event is deprecated, use the press event instead)
 		this.firePress({/* no parameters */});
 	};

package/src/sap/m/ImageContent.js

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

package/src/sap/m/ImageHelper.js

@@ -0,0 +1,110 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define([
+    "sap/m/library",
+    "sap/base/strings/capitalize",
+    "sap/base/assert",
+    "sap/m/Image",
+    "sap/ui/core/Icon",
+    "sap/ui/core/IconPool"
+],
+    function (
+        mLibrary,
+        capitalize,
+        assert,
+        Image,
+        Icon,
+        IconPool
+    ) {
+        "use strict";
+        /**
+             * Helper for Images.
+             *
+             * @namespace
+             * @since 1.12
+             * @protected
+             */
+        var ImageHelper = {};
+
+        /**
+         * Checks if value is not undefined, in which case the
+         * setter function for a given property is called.
+         * Returns true if value is set, false otherwise.
+         *
+         * @private
+         */
+        function checkAndSetProperty(oControl, property, value) {
+            if (value !== undefined) {
+                var fSetter = oControl["set" + capitalize(property)];
+                if (typeof (fSetter) === "function") {
+                    fSetter.call(oControl, value);
+                    return true;
+                }
+            }
+            return false;
+        }
+        /** @lends sap.m.ImageHelper */
+        /**
+         * Creates or updates an image control.
+         *
+         * @param {string} sImgId UD of the image to be dealt with.
+         * @param {sap.m.Image} oImage The image to update. If undefined, a new image will be created.
+         * @param {sap.ui.core.Control} oParent oImageControl's parentControl.
+         * @param {object} mProperties Settings for the image control; the <code>src</code> property
+         * MUST be contained; the keys of the object must be valid names of image settings
+         * @param {string[]} aCssClassesToAdd Array of CSS classes which will be added if the image needs to be created.
+         * @param {string[]} aCssClassesToRemove All CSS classes that oImageControl has and which are contained in this array
+         * are removed before adding the CSS classes listed in aCssClassesToAdd.
+         * @returns {sap.m.Image|sap.ui.core.Icon} The new or updated image control or icon
+         *
+         * @protected
+         */
+        ImageHelper.getImageControl = function (sImgId, oImage, oParent, mProperties, aCssClassesToAdd, aCssClassesToRemove) {
+            assert(mProperties.src, "sap.m.ImageHelper.getImageControl: mProperties do not contain 'src'");
+
+            // make sure, image is rerendered if icon source has changed
+            if (oImage && (oImage.getSrc() != mProperties.src)) {
+                oImage.destroy();
+                oImage = undefined;
+            }
+            // update or create image control
+            if (oImage && (oImage instanceof Image || oImage instanceof Icon)) {
+                //Iterate through properties
+                for (var key in mProperties) {
+                    checkAndSetProperty(oImage, key, mProperties[key]);
+                }
+            } else {
+                //add 'id' to properties. This is required by utility method 'createControlByURI'
+                var mSettings = Object.assign({}, mProperties, { id: sImgId });
+                oImage = IconPool.createControlByURI(mSettings, Image);
+                //Set the parent so the image gets re-rendered, when the parent is
+                oImage.setParent(oParent, null, true);
+            }
+
+            //Remove existing style classes which are contained in aCssClassesToRemove
+            //(the list of CSS classes allowed for deletion) to have them updated later on
+            //Unfortunately, there is no other way to do this but remove
+            //each class individually
+            if (aCssClassesToRemove) {
+                for (var l = 0, removeLen = aCssClassesToRemove.length; l !== removeLen; l++) {
+                    oImage.removeStyleClass(aCssClassesToRemove[l]);
+                }
+            }
+            //Add style classes if necessary
+            if (aCssClassesToAdd) {
+                for (var k = 0, len = aCssClassesToAdd.length; k !== len; k++) {
+                    oImage.addStyleClass(aCssClassesToAdd[k]);
+                }
+            }
+            return oImage;
+        };
+
+        mLibrary.ImageHelper = ImageHelper;
+
+        return ImageHelper;
+
+    });

package/src/sap/m/Input.js

@@ -157,7 +157,7 @@ function(
 	 * @extends sap.m.InputBase
 	 * @implements sap.ui.core.IAccessKeySupport
 	 * @author SAP SE
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 *
 	 * @constructor
 	 * @public
@@ -322,7 +322,7 @@ function(
 
 				/**
 				 * Specifies whether clear icon is shown.
-				 * Pressing the icon will clear input's value and fire the change and liveChange events.
+				 * Pressing the icon will clear input's value and fire the liveChange event.
 				 * @since 1.94
 				 */
 				showClearIcon: { type: "boolean", defaultValue: false },
@@ -3058,10 +3058,28 @@ function(
 					oSuggPopover.resizePopup(this);
 					this._registerPopupResize();
 					this._bAfterOpenFinisihed = false;
-				}, this)
-				.attachAfterOpen(function () {
-					this._bAfterOpenFinisihed = true;
 				}, this);
+
+			oPopover.addEventDelegate({
+				onAfterRendering: function() {
+					var iInputWidth = this.getDomRef().getBoundingClientRect().width;
+					var sPopoverMaxWidth = getComputedStyle(this.getDomRef()).getPropertyValue("--sPopoverMaxWidth");
+
+					if (this.getMaxSuggestionWidth()) {
+						return;
+					}
+
+					if (iInputWidth <= parseInt(sPopoverMaxWidth) && !Device.system.phone) {
+						oSuggPopover.getPopover().getDomRef().style.setProperty("max-width", "40rem");
+					} else {
+						oSuggPopover.getPopover().getDomRef().style.setProperty("max-width", iInputWidth + "px");
+					}
+
+					oSuggPopover.getPopover().getDomRef().style.setProperty("min-width", iInputWidth + "px");
+
+					this._bAfterOpenFinisihed = true;
+				}
+			}, this);
 		}
 
 		// add popup to a hidden aggregation to also propagate the model and bindings to the content of the popover

package/src/sap/m/InputBase.js

@@ -64,7 +64,7 @@ function(
 	 * @implements sap.ui.core.IFormContent
 	 *
 	 * @author SAP SE
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/InputListItem.js

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

package/src/sap/m/Label.js

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