@openui5/sap.m 1.108.16 → 1.108.18

package/THIRDPARTY.txt

@@ -478,7 +478,7 @@ License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: lib/jsdoc/ui5/plugin.js
 
-Component: SAP Theming Base Content, version: 11.1.40
+Component: SAP Theming Base Content, version: 11.4.2
 Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
 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.108.16",
+  "version": "1.108.18",
   "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.108.16",
-    "@openui5/sap.ui.layout": "1.108.16",
-    "@openui5/sap.ui.unified": "1.108.16"
+    "@openui5/sap.ui.core": "1.108.18",
+    "@openui5/sap.ui.layout": "1.108.18",
+    "@openui5/sap.ui.unified": "1.108.18"
   }
 }

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.108.16</version>
+  <version>1.108.18</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.108.16
+	 * @version 1.108.18
 	 *
 	 * @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.108.16
+	 * @version 1.108.18
 	 *
 	 * @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.108.16
+		 * @version 1.108.18
 		 *
 		 * @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.108.16
+	 * @version 1.108.18
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/ActionTile.js

@@ -31,7 +31,7 @@ sap.ui.define([
     * @extends sap.m.GenericTile
     *
     * @author SAP SE
-    * @version 1.108.16
+    * @version 1.108.18
     * @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.108.16
+     * @version 1.108.18
      * @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.108.16
+	 * @version 1.108.18
 	 *
 	 * @constructor
 	 * @private

package/src/sap/m/App.js

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

package/src/sap/m/Avatar.js

@@ -36,6 +36,9 @@ sap.ui.define([
 	// shortcut for sap.ui.core.aria.HasPopup
 	var AriaHasPopup = coreLibrary.aria.HasPopup;
 
+	// shortcut for sap.ui.core.ValueState
+	var ValueState = coreLibrary.ValueState;
+
 	// shortcut for Accent colors keys only (from AvatarColor enum)
 	var AccentColors = Object.keys(AvatarColor).filter(function (sCurrColor) {
 		return sCurrColor.indexOf("Accent") !== -1;
@@ -80,7 +83,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.108.16
+	 * @version 1.108.18
 	 *
 	 * @constructor
 	 * @public
@@ -188,8 +191,25 @@ sap.ui.define([
 				 *
 				 * @since 1.99.0
 				 */
-				ariaHasPopup : {type : "sap.ui.core.aria.HasPopup", group : "Accessibility", defaultValue : AriaHasPopup.None}
+				ariaHasPopup : {type : "sap.ui.core.aria.HasPopup", group : "Accessibility", defaultValue : AriaHasPopup.None},
+
+				/**
+				 * Visualizes the validation state of the badge, e.g. <code>Error</code>, <code>Warning</code>,
+				 * <code>Success</code>, <code>Information</code>.
+				 *
+				 */
+				badgeValueState: {
+					type: "sap.ui.core.ValueState",
+					group: "Appearance",
+					defaultValue: ValueState.None
+				},
 
+				/**
+				 * Determines whether the <code>Avatar</code> is enabled (default is set to <code>true</code>).
+				 * A disabled <code>Button</code> has different colors depending on the {@link sap.m.AvatarColor AvatarColor}.
+				 *
+				 */
+				enabled : {type : "boolean", group : "Behavior", defaultValue : true}
 			},
 			aggregations : {
 				/**
@@ -327,6 +347,16 @@ sap.ui.define([
 		return this.setAggregation("detailBox", oLightBox);
 	};
 
+	Avatar.prototype.setBadgeValueState = function(sValue) {
+
+		Object.keys(ValueState).forEach(function(val){
+			this.toggleStyleClass('sapFAvatar' + val, val === sValue);
+		}.bind(this));
+
+		this.setProperty("badgeValueState", sValue, true);
+		return this;
+	};
+
 	/*
 	 * @override
 	 */
@@ -379,7 +409,7 @@ sap.ui.define([
 	 * @private
 	 */
 	Avatar.prototype.ontap = function () {
-		this.firePress({/* no parameters */});
+		this._handlePress();
 	};
 
 	/**
@@ -399,7 +429,7 @@ sap.ui.define([
 		}
 
 		if (oEvent.which === KeyCodes.ENTER) {
-			this.firePress({/* no parameters */});
+			this._handlePress();
 		}
 	};
 
@@ -412,7 +442,7 @@ sap.ui.define([
 	Avatar.prototype.onkeyup = function (oEvent) {
 		if (oEvent.which === KeyCodes.SPACE) {
 			if (!this._bShouldInterupt) {
-				this.firePress({/* no parameters */});
+				this._handlePress();
 			}
 
 			this._bShouldInterupt = false;
@@ -423,6 +453,17 @@ sap.ui.define([
 		}
 	};
 
+	Avatar.prototype._handlePress = function () {
+		if (!this.getEnabled()) {
+			return;
+		}
+		this.firePress({/* no parameters */});
+		if (this.hasListeners("press")) {
+			this.isPressed = !this.isPressed;
+			this.toggleStyleClass("sapMAvatarPressed", this._isPressed);
+		}
+	};
+
 	/**
 	 * Checks the validity of the <code>initials</code> parameter and returns <code>true</code> if the
 	 * initials are correct.

package/src/sap/m/AvatarRenderer.js

@@ -31,7 +31,9 @@ sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS"],
 		 * @param {sap.m.Avatar} oAvatar an object representation of the control that should be rendered
 		 */
 		AvatarRenderer.render = function (oRm, oAvatar) {
-			var sInitials = oAvatar.getInitials(),
+
+			var bEnabled = oAvatar.getEnabled(),
+				sInitials = oAvatar.getInitials(),
 				sActualDisplayType = oAvatar._getActualDisplayType(),
 				sImageFallbackType = oAvatar._getImageFallbackType(),
 				sDisplaySize = oAvatar.getDisplaySize(),
@@ -55,16 +57,21 @@ sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS"],
 			oRm.class(sAvatarClass + sDisplaySize);
 			oRm.class(sAvatarClass + sActualDisplayType);
 			oRm.class(sAvatarClass + sDisplayShape);
-			if (oAvatar.hasListeners("press")) {
-				oRm.class("sapMPointer");
-				oRm.class(sAvatarClass + "Focusable");
-				oRm.attr("role", "button");
-				oRm.attr("tabindex", 0);
-			} else if (oAvatar.getDecorative()) {
-				oRm.attr("role", "presentation");
-				oRm.attr("aria-hidden", "true");
+			if (bEnabled) {
+				if (oAvatar.hasListeners("press")) {
+					oRm.class("sapMPointer");
+					oRm.class(sAvatarClass + "Focusable");
+					oRm.attr("role", "button");
+					oRm.attr("tabindex", 0);
+				} else if (oAvatar.getDecorative()) {
+					oRm.attr("role", "presentation");
+					oRm.attr("aria-hidden", "true");
+				} else {
+					oRm.attr("role", "img");
+				}
 			} else {
-				oRm.attr("role", "img");
+				oRm.attr("disabled", "disabled");
+				oRm.class("sapMAvatarDisabled");
 			}
 			if (oAvatar.getShowBorder()) {
 				oRm.class("sapFAvatarBorder");

package/src/sap/m/Bar.js

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

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.108.16
+	 * @version 1.108.18
 	 *
 	 * @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.108.16
+		 * @version 1.108.18
 		 *
 		 * @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.108.16
+	 * @version 1.108.18
 	 *
 	 * @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.108.16
+	 * @version 1.108.18
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/Carousel.js

@@ -98,7 +98,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.108.16
+	 * @version 1.108.18
 	 *
 	 * @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.108.16
+	 * @version 1.108.18
 	 *
 	 * @extends sap.ui.base.ManagedObject
 	 *

package/src/sap/m/CheckBox.js

@@ -86,7 +86,7 @@ sap.ui.define([
 	 * @implements sap.ui.core.IFormContent, sap.ui.core.ISemanticFormContent, sap.ui.core.IAccessKeySupport
 	 *
 	 * @author SAP SE
-	 * @version 1.108.16
+	 * @version 1.108.18
 	 *
 	 * @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.108.16
+		 * @version 1.108.18
 		 *
 		 * @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.108.16
+		 * @version 1.108.18
 		 *
 		 * @public
 		 * @since 1.54

package/src/sap/m/Column.js

@@ -47,7 +47,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.108.16
+	 * @version 1.108.18
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/ColumnHeaderPopover.js

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.108.16
+	 * @version 1.108.18
 	 *
 	 * @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.108.16
+	 * @version 1.108.18
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/ColumnPopoverActionItem.js

@@ -16,7 +16,7 @@ sap.ui.define(['./ColumnPopoverItem', 'sap/m/Button'], function(ColumnPopoverIte
 	 * @extends sap.m.ColumnPopoverItem
 	 *
 	 * @author SAP SE
-	 * @version 1.108.16
+	 * @version 1.108.18
 	 *
 	 * @constructor
 	 * @since 1.63

package/src/sap/m/ColumnPopoverCustomItem.js

@@ -17,7 +17,7 @@ sap.ui.define(['./ColumnPopoverItem', 'sap/m/ToggleButton'], function(ColumnPopo
 	 * @extends sap.m.ColumnPopoverItem
 	 *
 	 * @author SAP SE
-	 * @version 1.108.16
+	 * @version 1.108.18
 	 *
 	 * @constructor
 	 * @since 1.63

package/src/sap/m/ColumnPopoverItem.js

@@ -16,7 +16,7 @@ sap.ui.define(['sap/ui/core/Element'], function(Element) {
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.108.16
+	 * @version 1.108.18
 	 *
 	 * @constructor
 	 * @since 1.63

package/src/sap/m/ColumnPopoverSelectListItem.js

@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @extends sap.m.ColumnPopoverItem
 	 *
 	 * @author SAP SE
-	 * @version 1.108.16
+	 * @version 1.108.18
 	 *
 	 * @constructor
 	 * @since 1.86

package/src/sap/m/ColumnPopoverSortItem.js

@@ -29,7 +29,7 @@ sap.ui.define([
 	 * @extends sap.m.ColumnPopoverItem
 	 *
 	 * @author SAP SE
-	 * @version 1.108.16
+	 * @version 1.108.18
 	 *
 	 * @constructor
 	 * @since 1.66

package/src/sap/m/ComboBox.js

@@ -106,7 +106,7 @@ sap.ui.define([
 		 * </ul>
 		 *
 		 * @author SAP SE
-		 * @version 1.108.16
+		 * @version 1.108.18
 		 *
 		 * @constructor
 		 * @extends sap.m.ComboBoxBase

package/src/sap/m/ComboBoxBase.js

@@ -66,7 +66,7 @@ sap.ui.define([
 		 * @abstract
 		 *
 		 * @author SAP SE
-		 * @version 1.108.16
+		 * @version 1.108.18
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/ComboBoxTextField.js

@@ -29,7 +29,7 @@ sap.ui.define([
 		 * @extends sap.m.InputBase
 		 *
 		 * @author SAP SE
-		 * @version 1.108.16
+		 * @version 1.108.18
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/CustomDynamicDateOption.js

@@ -20,7 +20,7 @@ sap.ui.define(['sap/m/DynamicDateOption'],
 		 * @extends sap.m.DynamicDateOption
 		 *
 		 * @author SAP SE
-		 * @version 1.108.16
+		 * @version 1.108.18
 		 *
 		 * @public
 		 * @since 1.92

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.108.16
+	 * @version 1.108.18
 	 *
 	 * @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.108.16
+	 * @version 1.108.18
 	 *
 	 * @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.108.16
+	 * @version 1.108.18
 	 * @constructor
 	 * @public
 	 * @since 1.48.0

package/src/sap/m/DatePicker.js

@@ -154,7 +154,7 @@ sap.ui.define([
 	 * the close event), or select Cancel.
 	 *
 	 * @extends sap.m.DateTimeField
-	 * @version 1.108.16
+	 * @version 1.108.18
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/DateRangeSelection.js

@@ -130,8 +130,8 @@ sap.ui.define([
 	 * compact mode and provides a touch-friendly size in cozy mode.
 	 *
 	 * @extends sap.m.DatePicker
-	 * @version 1.108.16
-	 * @version 1.108.16
+	 * @version 1.108.18
+	 * @version 1.108.18
 	 *
 	 * @constructor
 	 * @public
@@ -236,7 +236,8 @@ sap.ui.define([
 			oBinding,
 			oBindingType,
 			oLocale,
-			oLocaleData;
+			oLocaleData,
+			oFormatOptions;
 
 		if (!sPlaceholder) {
 			oBinding = this.getBinding("value");
@@ -249,7 +250,8 @@ sap.ui.define([
 				if (oBindingType.oFormatOptions && oBindingType.oFormatOptions.format) {
 					sPlaceholder = oLocaleData.getCustomDateTimePattern(oBindingType.oFormatOptions.format);
 				} else {
-					sPlaceholder = oLocaleData.getDatePattern("medium");
+					oFormatOptions = Object.assign({ interval: true, singleIntervalValue: true }, oBindingType.oFormatOptions);
+					return this._getDateFormatPlaceholderText(oFormatOptions);
 				}
 			} else {
 				sPlaceholder = this.getDisplayFormat();
@@ -259,7 +261,8 @@ sap.ui.define([
 				}
 
 				if (this._checkStyle(sPlaceholder)) {
-					sPlaceholder = oLocaleData.getDatePattern(sPlaceholder);
+					oFormatOptions = Object.assign({ interval: true, singleIntervalValue: true, intervalDelimiter: _getDelimiter.call(this) }, _getFormatter.call(this).oFormatOptions);
+					return  this._getDateFormatPlaceholderText(oFormatOptions);
 				}
 			}
 
@@ -272,6 +275,10 @@ sap.ui.define([
 		return sPlaceholder;
 	};
 
+	DateRangeSelection.prototype._getDateFormatPlaceholderText = function (oFormatOptions) {
+		return  DateFormat.getDateInstance(oFormatOptions).getPlaceholderText();
+	};
+
 	// Overwrite DatePicker's setValue to support two date range processing
 	/**
 	 * Getter for property <code>value</code>.

package/src/sap/m/DateTimeField.js

@@ -61,7 +61,7 @@ sap.ui.define([
 	 * @extends sap.m.InputBase
 	 *
 	 * @author SAP SE
-	 * @version 1.108.16
+	 * @version 1.108.18
 	 *
 	 * @constructor
 	 * @public
@@ -347,18 +347,23 @@ sap.ui.define([
 
 	DateTimeField.prototype._getPlaceholder = function() {
 
-		var sPlaceholder = this.getPlaceholder();
+		var sPlaceholder = this.getPlaceholder(),
+			oBinding = this.getBinding("value"),
+			oBindingType = oBinding && oBinding.getType && oBinding.getType(),
+			bDisplayFormat;
 
 		if (!sPlaceholder) {
-			sPlaceholder = this._getDisplayFormatPattern();
-
-			if (!sPlaceholder) {
-				sPlaceholder = this._getDefaultDisplayStyle();
+			if (oBindingType instanceof SimpleDateType) {
+				return oBindingType.getPlaceholderText();
 			}
 
-			if (this._checkStyle(sPlaceholder)) {
-				sPlaceholder = this._getLocaleBasedPattern(sPlaceholder);
+			if (oBindingType instanceof ODataType && oBindingType.oFormat) {
+				return oBindingType.oFormat.getPlaceholderText();
 			}
+
+			bDisplayFormat = !!this._getDisplayFormatPattern();
+
+			sPlaceholder = this._getFormatter(bDisplayFormat).getPlaceholderText();
 		}
 
 		return sPlaceholder;

package/src/sap/m/DateTimeInput.js

@@ -64,7 +64,7 @@ function(
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.108.16
+	 * @version 1.108.18
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/DateTimePicker.js

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