@openui5/sap.m 1.107.0 → 1.108.0

package/.dtsgenrc

@@ -0,0 +1,22 @@
+{
+	"forwardDeclarations": {
+		"sap.m": [
+			{
+				"kind": "interface",
+				"name": "sap.f.IDynamicPageStickyContent",
+				"module": "sap/f/library",
+				"export": "IDynamicPageStickyContent"
+			},
+			{
+				"kind": "interface",
+				"name": "sap.f.IShellBar",
+				"module": "sap/f/library",
+				"export": "IShellBar"
+			}
+		]
+	},
+	"namespacesToInterfaces": {
+		"InstanceManager": true,
+		"URLHelper": true
+	}
+}

package/THIRDPARTY.txt

@@ -382,7 +382,7 @@ Contained in: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/D
 
 Library: sap.ui.integration:
 
-Component: UI5 Web Components, version: 1.0.1
+Component: UI5 Web Components, version: 1.7.0
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.m",
-  "version": "1.107.0",
+  "version": "1.108.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.107.0",
-    "@openui5/sap.ui.layout": "1.107.0",
-    "@openui5/sap.ui.unified": "1.107.0"
+    "@openui5/sap.ui.core": "1.108.0",
+    "@openui5/sap.ui.layout": "1.108.0",
+    "@openui5/sap.ui.unified": "1.108.0"
   }
 }

package/src/sap/m/.library

@@ -6,7 +6,7 @@
   <copyright>OpenUI5
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-  <version>1.107.0</version>
+  <version>1.108.0</version>
 
   <documentation>The main UI5 control library, with responsive controls that can be used in touch devices as well as desktop browsers.</documentation>
 
@@ -45,7 +45,7 @@
     </packaging>
     <!-- Thirdparty references -->
     <thirdparty xmlns="http://www.sap.com/ui5/buildext/thirdparty" >
-        <lib name="DOMPurify" displayName="purify.js" version="2.3.8" homepage="https://github.com/cure53/DOMPurify/" id="73554900106100137292">
+        <lib name="DOMPurify" displayName="purify.js" npmName="dompurify" version="2.3.8" hash="a12fd82a376dc194563c5af82a30ebc8" homepage="https://github.com/cure53/DOMPurify/" id="73554900106100137292">
             <license url="https://github.com/cure53/DOMPurify/blob/main/LICENSE" type="Apache-2.0" />
             <copyright>Mario Heiderich</copyright>
             <pattern>sap/m/_thirdparty/purify.js</pattern>

package/src/sap/m/AccButton.js

@@ -21,7 +21,7 @@ sap.ui.define(['./Button','./AccButtonRenderer'],
 	 * @extends sap.m.Button
 	 *
 	 * @author SAP SE
-	 * @version 1.107.0
+	 * @version 1.108.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.107.0
+	 * @version 1.108.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.107.0
+		 * @version 1.108.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.107.0
+	 * @version 1.108.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.107.0
+    * @version 1.108.0
     * @since 1.107.0
     *
     * @private
@@ -67,6 +67,11 @@ sap.ui.define([
         if (this.getHeaderImage()) {
             this.addStyleClass("sapMATSituationCard");
         }
+        if (this.getEnableNavigationButton()) {
+            this.removeStyleClass("sapMATHideActionButton");
+        } else {
+            this.addStyleClass("sapMATHideActionButton");
+        }
         GenericTile.prototype.onBeforeRendering.apply(this, arguments);
     };
 
@@ -86,5 +91,16 @@ sap.ui.define([
         this.getDomRef().classList.remove("TwoByOne");
         this.getDomRef().classList.remove("sapMGTActionMode");
 	};
+
+    /**
+     * Returns the size description of the tile that is announced by the screen reader
+     *
+     * @returns {string} Text for the size description
+     * @private
+     */
+    ActionTile.prototype._getSizeDescription = function () {
+        return this._oRb.getText("ACTION_TILE_SIZE");
+    };
+
     return ActionTile;
 });

package/src/sap/m/ActionTileContent.js

@@ -27,7 +27,7 @@ sap.ui.define([
      * @extends sap.m.TileContent
      *
      * @author SAP SE
-     * @version 1.107.0
+     * @version 1.108.0
      * @since 1.107.0
      *
      * @private
@@ -58,13 +58,15 @@ sap.ui.define([
         var sAltText = "";
         var sPriority = sap.ui.getCore().getLibraryResourceBundle("sap.m").getText("TEXT_CONTENT_PRIORITY");
         var sPriorityText = this.getPriorityText();
+        var aCustomAttributes = this.getAggregation("attributes");
         if (this.getPriority() !== Priority.None && sPriorityText) {
             sAltText += (sPriorityText + " " + sPriority) + "\n";
         }
-        this.getAggregation("attributes").forEach(function(ocustomAttribute){
-            sAltText += ocustomAttribute.getLabel() + "\n" + ocustomAttribute.getValue() + "\n";
-        });
-        return sAltText;
+        // Returns the first four attributes to display in the tooltip,aria-label on the ActionTile
+        for (var iIndex = 0; iIndex < aCustomAttributes.length && iIndex < 4; iIndex++) {
+            sAltText += aCustomAttributes[iIndex].getLabel() + "\n" + aCustomAttributes[iIndex].getValue() + "\n";
+        }
+        return sAltText.trim();
     };
 
     return ActionTileContent;

package/src/sap/m/AdditionalTextButton.js

@@ -0,0 +1,42 @@
+/*!
+ * 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.AdditionalTextButton.
+sap.ui.define(['./Button','./AdditionalTextButtonRenderer'],
+	function(Button, AdditionalTextButtonRenderer) {
+		"use strict";
+
+	/**
+	 * Constructor for a new AdditionalTextButton.
+	 *
+	 * @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
+     * The AdditionalTextButton control is a button with a second line of text. Intended for use in Calendar controls with a second calendar type. It is meant for private usage.
+	 *
+	 * @extends sap.m.Button
+	 *
+	 * @author SAP SE
+	 * @version 1.108.0
+	 *
+	 * @constructor
+	 * @private
+	 * @alias sap.m.AdditionalTextButton
+	 */
+	var AdditionalTextButton = Button.extend("sap.m.AdditionalTextButton", {
+		metadata: {
+			library : "sap.m",
+			properties : {
+				additionalText: {type : "string", group : "Misc", defaultValue: "" }
+			}
+		},
+
+		renderer: AdditionalTextButtonRenderer
+	});
+
+	return AdditionalTextButton;
+});

package/src/sap/m/AdditionalTextButtonRenderer.js

@@ -0,0 +1,60 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+sap.ui.define([
+    "./ButtonRenderer",
+    "sap/ui/core/Renderer",
+    "sap/ui/core/library",
+    'sap/ui/core/AccessKeysEnablement'
+], function (ButtonRenderer, Renderer, coreLibrary, AccessKeysEnablement) {
+    "use strict";
+
+    // shortcut for sap.ui.core.TextDirection
+    var TextDirection = coreLibrary.TextDirection;
+
+    var AdditionalTextButtonRenderer = Renderer.extend(ButtonRenderer);
+    AdditionalTextButtonRenderer.apiVersion = 2;
+
+    AdditionalTextButtonRenderer.writeButtonText = function (oRm, oButton, sTextDir, bRenderBDI) {
+        oRm.openStart("span", oButton.getId() + "-content");
+        oRm.class("sapMBtnContent");
+        // check if textDirection property is not set to default "Inherit" and add "dir" attribute
+        if (sTextDir !== TextDirection.Inherit) {
+            oRm.attr("dir", sTextDir.toLowerCase());
+        }
+
+        if (oButton.getProperty("highlightAccKeysRef")) {
+            oRm.class(AccessKeysEnablement.CSS_CLASS);
+        }
+
+        oRm.openEnd();
+
+        if (bRenderBDI) {
+            oRm.openStart("bdi", oButton.getId() + "-BDI-content");
+            oRm.openEnd();
+        }
+        oRm.text(oButton.getText());
+        if (bRenderBDI) {
+            oRm.close("bdi");
+        }
+        if (oButton.getAdditionalText()) {
+            var sRendererTag = bRenderBDI ? "bdi" : "span";
+
+            oRm.openStart(sRendererTag, oButton.getId() + "-additionalText-BDI-content");
+            oRm.class("sapMBtnContentAddText");
+            oRm.openEnd();
+            oRm.text(oButton.getAdditionalText());
+            oRm.close(sRendererTag);
+        }
+
+        oRm.close("span");
+    };
+
+    AdditionalTextButtonRenderer.renderButtonAttributes = function (oRm){
+        oRm.class("sapMBtnAdditionalTextContent");
+    };
+
+    return AdditionalTextButtonRenderer;
+}, /* bExport= */ true);

package/src/sap/m/App.js

@@ -49,7 +49,7 @@ sap.ui.define([
 	 * @extends sap.m.NavContainer
 	 *
 	 * @author SAP SE
-	 * @version 1.107.0
+	 * @version 1.108.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.107.0
+		 * @version 1.108.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/m/Avatar.js

@@ -62,8 +62,8 @@ sap.ui.define([
 	 *
 	 * <h3>Usage</h3>
 	 *
-	 * Up to two Latin letters can be displayed as initials in an <code>Avatar</code>. If there
-	 * are more than two letters, or if there's a non-Latin character present, a default image
+	 * Up to three Latin letters can be displayed as initials in an <code>Avatar</code>. If there
+	 * are more than three letters, or if there's a non-Latin character present, a default image
 	 * placeholder will be created.
 	 *
 	 * There are two options for how the displayed image can fit inside the
@@ -80,7 +80,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.107.0
+	 * @version 1.108.0
 	 *
 	 * @constructor
 	 * @public
@@ -97,7 +97,7 @@ sap.ui.define([
 				 */
 				src: {type: "sap.ui.core.URI", group: "Data", defaultValue: null},
 				/**
-				 * Defines the displayed initials.
+				 * Defines the displayed initials. They should consist of only 1,2 or 3 latin letters.
 				 */
 				initials: {type: "string", group: "Data", defaultValue: null},
 				/**
@@ -274,6 +274,14 @@ sap.ui.define([
 		this._badgeRef = null;
 	};
 
+	Avatar.prototype.onAfterRendering = function() {
+		this._checkInitialsHolderWidth();
+	};
+
+	Avatar.prototype.onThemeChanged = function() {
+		this._checkInitialsHolderWidth();
+	};
+
 	Avatar.prototype.exit = function () {
 		if (this._fnLightBoxOpen) {
 			this._fnLightBoxOpen = null;
@@ -423,10 +431,10 @@ sap.ui.define([
 	 * @returns {boolean} The initials are valid or not
 	 * @private
 	 */
-	Avatar.prototype._areInitialsValid = function (sInitials) {
-		var validInitials = /^[a-zA-Z]{1,2}$/;
+	 Avatar.prototype._areInitialsValid = function (sInitials) {
+		var validInitials = /^[a-zA-Z]{1,3}$/;
 		if (!validInitials.test(sInitials)) {
-			Log.warning("Initials should consist of only 1 or 2 latin letters", this);
+			Log.warning("Initials should consist of only 1,2 or 3 latin letters", this);
 			this._sActualType = AvatarType.Icon;
 			this._bIsDefaultIcon = true;
 			return false;
@@ -672,6 +680,40 @@ sap.ui.define([
 		return sBackground;
 	};
 
+	// Checks the scrollWidth of the initials holder inside the control.
+	// This is related with the initials property and the case where there are 3 letter initials,
+	// which width is bigger than the initials holder`s width.
+
+	Avatar.prototype._checkInitialsHolderWidth = function() {
+		var $this = this.$(),
+			iInitials = this.getInitials().length;
+
+		this.$oInitialsHolder = $this.children(".sapFAvatarInitialsHolder");
+
+			if (this.$oInitialsHolder.length !== 0 && iInitials === 3) {
+				var iAvatarWidth = $this[0].offsetWidth,
+				iInitialsHolderWidth = this.$oInitialsHolder[0].offsetWidth;
+
+				if (iInitialsHolderWidth > iAvatarWidth) {
+					this._wideInitialsIcon();
+				}
+			}
+	};
+
+	// In case when there are 3 initials set to the avatar and they are overflowing,
+	// we want to show icon inatead of the initials.
+
+	Avatar.prototype._wideInitialsIcon = function() {
+		var $this = this.$(),
+			$oHiddenIcon = 	$this.children(".sapFAvatarHiddenIcon");
+
+		$oHiddenIcon.removeClass("sapFAvatarHiddenIcon");
+		this.$oInitialsHolder.css("display", "none");
+
+		$this.removeClass("sapFAvatarInitials");
+		$this.addClass("sapFAvatarIcon");
+	};
+
 	return Avatar;
 
 });

package/src/sap/m/AvatarRenderer.js

@@ -46,7 +46,8 @@ sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS"],
 				aDescribedBy = oAvatar.getAriaDescribedBy(),
 				aHasPopup = oAvatar.getAriaHasPopup(),
 				oBadge = oAvatar.hasListeners("press") ?  oAvatar._getBadge() : null,
-				sDefaultTooltip = oAvatar._getDefaultTooltip();
+				sDefaultTooltip = oAvatar._getDefaultTooltip(),
+				sInitialsLength = sInitials.length;
 
 			oRm.openStart("span", oAvatar);
 			oRm.class(sAvatarClass);
@@ -99,12 +100,19 @@ sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS"],
 			oRm.openEnd();
 			if (sActualDisplayType === AvatarType.Icon || sImageFallbackType === AvatarType.Icon) {
 				oRm.renderControl(oAvatar._getIcon().addStyleClass(sAvatarClass + "TypeIcon"));
-			} else if (sActualDisplayType === AvatarType.Initials || sImageFallbackType === AvatarType.Initials){
+			} else if ((sActualDisplayType === AvatarType.Initials || sImageFallbackType === AvatarType.Initials) ){
+				if (sInitialsLength === 3) {
+				//we render both icon and avatar, for the case where we have 3 initials set to the avatar and they are overflowing,
+				//in this case we want to show icon instead of the initials after the rendering of the control
+					oRm.renderControl(oAvatar._getIcon().addStyleClass(sAvatarClass + "TypeIcon").addStyleClass(sAvatarClass + "HiddenIcon"));
+				}
+
 				oRm.openStart("span");
 				oRm.class(sAvatarClass + "InitialsHolder");
 				oRm.openEnd();
 				oRm.text(sInitials);
 				oRm.close("span");
+
 			}
 			if (sActualDisplayType === AvatarType.Image) {
 				oRm.openStart("span");

package/src/sap/m/Bar.js

@@ -57,7 +57,7 @@ sap.ui.define([
 	 * @implements sap.m.IBar
 	 *
 	 * @author SAP SE
-	 * @version 1.107.0
+	 * @version 1.108.0
 	 *
 	 * @constructor
 	 * @public
@@ -345,7 +345,7 @@ sap.ui.define([
 	 */
 	Bar.prototype._getMidBarCss = function(iRightBarWidth, iBarWidth, iLeftBarWidth) {
 		var iMidBarPlaceholderWidth = this._$MidBarPlaceHolder.outerWidth(true),
-			bRtl = sap.ui.getCore().getConfiguration().getRTL(),
+			bRtl = Configuration.getRTL(),
 			sLeftOrRight = bRtl ? "right" : "left",
 			oMidBarCss = { visibility : "" };
 

package/src/sap/m/Breadcrumbs.js

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

package/src/sap/m/BusyDialog.js

@@ -62,7 +62,7 @@ sap.ui.define(['./library',
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.107.0
+		 * @version 1.108.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.107.0
+	 * @version 1.108.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/Button.js

@@ -93,7 +93,7 @@ sap.ui.define([
 	 * @mixes sap.ui.core.ContextMenuSupport
 	 *
 	 * @author SAP SE
-	 * @version 1.107.0
+	 * @version 1.108.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/ButtonRenderer.js

@@ -73,7 +73,6 @@ sap.ui.define([
 		// button container style class
 		if (!oButton._isUnstyled()) {
 			oRm.class("sapMBtn");
-
 			// extend  minimum button size if icon is set without text for button types back and up
 			if ((sType === ButtonType.Back || sType === ButtonType.Up) && oButton._getAppliedIcon() && !sText) {
 				oRm.class("sapMBtnBack");
@@ -195,28 +194,7 @@ sap.ui.define([
 
 		// write button text
 		if (sText) {
-			oRm.openStart("span", sButtonId + "-content");
-			oRm.class("sapMBtnContent");
-			// check if textDirection property is not set to default "Inherit" and add "dir" attribute
-			if (sTextDir !== TextDirection.Inherit) {
-				oRm.attr("dir", sTextDir.toLowerCase());
-			}
-
-			if (oButton.getProperty("highlightAccKeysRef")) {
-				oRm.class(AccessKeysEnablement.CSS_CLASS);
-			}
-
-			oRm.openEnd();
-
-			if (bRenderBDI) {
-				oRm.openStart("bdi", sButtonId + "-BDI-content");
-				oRm.openEnd();
-			}
-			oRm.text(sText);
-			if (bRenderBDI) {
-				oRm.close("bdi");
-			}
-			oRm.close("span");
+			this.writeButtonText(oRm, oButton, sTextDir, bRenderBDI);
 		}
 
 		// write icon
@@ -287,6 +265,31 @@ sap.ui.define([
 		oRm.renderControl(oButton._getInternalIconBtn((oButton.getId() + "-iconBtn"), sURI));
 	};
 
+	ButtonRenderer.writeButtonText = function(oRm, oButton, sTextDir, bRenderBDI){
+		oRm.openStart("span", oButton.getId() + "-content");
+		oRm.class("sapMBtnContent");
+		// check if textDirection property is not set to default "Inherit" and add "dir" attribute
+		if (sTextDir !== TextDirection.Inherit) {
+			oRm.attr("dir", sTextDir.toLowerCase());
+		}
+
+		if (oButton.getProperty("highlightAccKeysRef")) {
+			oRm.class(AccessKeysEnablement.CSS_CLASS);
+		}
+
+		oRm.openEnd();
+
+		if (bRenderBDI) {
+			oRm.openStart("bdi", oButton.getId() + "-BDI-content");
+			oRm.openEnd();
+		}
+		oRm.text(oButton.getText());
+		if (bRenderBDI) {
+			oRm.close("bdi");
+		}
+		oRm.close("span");
+	};
+
 	/**
 	 * Renders tabindex with value of "-1" if required by  <code>_bExcludeFromTabChain</code> property.
 	 * @param {sap.m.Button} oButton The sap.m.Button to be rendered