@openui5/sap.m 1.133.1 → 1.135.0

package/src/sap/m/ComboBoxBaseRenderer.js

@@ -3,10 +3,12 @@
  * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
-sap.ui.define(['./ComboBoxTextFieldRenderer', 'sap/ui/core/Renderer'],
-	function (ComboBoxTextFieldRenderer, Renderer) {
+sap.ui.define(['./ComboBoxTextFieldRenderer', 'sap/ui/core/Renderer', 'sap/ui/core/library'],
+	function (ComboBoxTextFieldRenderer, Renderer, coreLibrary) {
 		"use strict";
 
+		var ValueState = coreLibrary.ValueState;
+
 		/**
 		 * ComboBoxBase renderer.
 		 *
@@ -22,6 +24,18 @@ sap.ui.define(['./ComboBoxTextFieldRenderer', 'sap/ui/core/Renderer'],
 		 */
 		ComboBoxBaseRenderer.CSS_CLASS_COMBOBOXBASE = "sapMComboBoxBase";
 
+		ComboBoxBaseRenderer.getAriaDescribedBy = function(oControl) {
+			let sAriaDescribedBy = ComboBoxTextFieldRenderer.getAriaDescribedBy.apply(this, arguments);
+
+			if (oControl.getValueStateLinksForAcc().length && oControl.getValueState() !== ValueState.Error) {
+				sAriaDescribedBy =  sAriaDescribedBy
+					? `${sAriaDescribedBy} ${oControl.getValueStateLinksShortcutsId()}`
+					: oControl.getValueStateLinksShortcutsId();
+			}
+
+			return sAriaDescribedBy;
+		};
+
 		/**
 		 * Retrieves the accessibility state of the control.
 		 * To be overwritten by subclasses.
@@ -36,6 +50,13 @@ sap.ui.define(['./ComboBoxTextFieldRenderer', 'sap/ui/core/Renderer'],
 			if (oPicker) {
 				mAccessibilityState.controls = oPicker.getId();
 			}
+
+			if (oControl.getValueStateLinksForAcc().length && oControl.getValueState() === ValueState.Error) {
+				mAccessibilityState.errormessage = mAccessibilityState.errormessage
+				? `${mAccessibilityState.errormessage} ${oControl.getValueStateLinksShortcutsId()}`
+				: oControl.getValueStateLinksShortcutsId();
+			}
+
 			return mAccessibilityState;
 		};
 

package/src/sap/m/ComboBoxRenderer.js

@@ -80,17 +80,10 @@ sap.ui.define(['./ComboBoxBaseRenderer', 'sap/ui/core/Renderer', 'sap/m/inputUti
 			}
 
 			var oFocusedItem = oSuggestionPopover.getFocusedListItem();
-			var bValueStateFocused = oSuggestionPopover.getValueStateActiveState();
 
 			// If the picker is not opened, no active descendant should be set
 			// If there is no focused element in the picker, no active descendant should be set
-			if (!bOpen || (!oFocusedItem && !bValueStateFocused)) {
-				return;
-			}
-
-			// If the value state is focused, set the active descendant in order to read out the value state header
-			if (bValueStateFocused) {
-				oRm.attr("aria-activedescendant", oControl._getFormattedValueStateText().getId());
+			if (!bOpen || (!oFocusedItem)) {
 				return;
 			}
 

package/src/sap/m/ComboBoxTextField.js

@@ -31,7 +31,7 @@ sap.ui.define([
 		 * @extends sap.m.InputBase
 		 *
 		 * @author SAP SE
-		 * @version 1.133.1
+		 * @version 1.135.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/ContentConfig.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @class This element is used within the TileAttribute control that generates either a link or text
 	 * @extends sap.ui.core.Element
 	 * @author SAP SE
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 * @constructor
 	 * @public
 	 * @experimental since 1.122

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

package/src/sap/m/DatePicker.js

@@ -186,7 +186,7 @@ sap.ui.define([
 	 * the close event), or select Cancel.
 	 *
 	 * @extends sap.m.DateTimeField
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public
@@ -360,7 +360,7 @@ sap.ui.define([
 	 * @returns {string} the value of property <code>displayFormat</code>
 	 * @public
 	 * @name sap.m.DatePicker#getDisplayFormat
-	 * @function
+	 * @method
 	 */
 
 	/**
@@ -377,7 +377,7 @@ sap.ui.define([
 	 * @returns {string} the value of property <code>valueFormat</code>
 	 * @public
 	 * @name sap.m.DatePicker#getValueFormat
-	 * @function
+	 * @method
 	 */
 
 	/**
@@ -385,10 +385,10 @@ sap.ui.define([
 	 *
 	 * <b>Note:</b> If this property is used, the <code>value</code> property should not be changed from the caller.
 	 *
-	 * @returns {Date|module:sap/ui/core/date/UI5Date} the value of property <code>dateValue</code>
+	 * @returns {Date|module:sap/ui/core/date/UI5Date|null} the value of property <code>dateValue</code>
 	 * @public
 	 * @name sap.m.DatePicker#getDateValue
-	 * @function
+	 * @method
 	 */
 
 	DatePicker.prototype.init = function() {
@@ -410,6 +410,7 @@ sap.ui.define([
 			noTabStop: true,
 			decorative: !Device.support.touch || Device.system.desktop ? true : false,
 			useIconTooltip: false,
+			tooltip: oResourceBundle.getText("OPEN_PICKER_TEXT"),
 			alt: oResourceBundle.getText("OPEN_PICKER_TEXT")
 		});
 

package/src/sap/m/DatePickerRenderer.js

@@ -14,6 +14,8 @@ sap.ui.define(["sap/ui/core/Lib", 'sap/ui/core/Renderer', './DateTimeFieldRender
 	var DatePickerRenderer = Renderer.extend(DateTimeFieldRenderer);
 	DatePickerRenderer.apiVersion = 2;
 
+	const MAX_INPUT_VALUE_LENGTH = 512;
+
 	/**
 	 * Write the value of the input.
 	 *
@@ -38,7 +40,7 @@ sap.ui.define(["sap/ui/core/Lib", 'sap/ui/core/Renderer', './DateTimeFieldRender
 	 */
 	DatePickerRenderer.writeInnerAttributes = function(oRm, oDP) {
 		oRm.attr("type", "text");
-
+		oRm.attr("maxlength", MAX_INPUT_VALUE_LENGTH);
 		if (oDP._bMobile) {
 			// prevent keyboard in mobile devices
 			oRm.attr("readonly", "readonly");

package/src/sap/m/DateRangeSelection.js

@@ -168,8 +168,8 @@ sap.ui.define([
 	 * compact mode and provides a touch-friendly size in cozy mode.
 	 *
 	 * @extends sap.m.DatePicker
-	 * @version 1.133.1
-	 * @version 1.133.1
+	 * @version 1.135.0
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public
@@ -235,17 +235,6 @@ sap.ui.define([
 	DateRangeSelection.prototype._createPopupContent = function() {
 		DatePicker.prototype._createPopupContent.apply(this, arguments);
 
-		var oCalendar = this._getCalendar();
-
-		if (oCalendar instanceof CustomMonthPicker) {
-			oCalendar._getMonthPicker().setIntervalSelection(true);
-		}
-
-		if (oCalendar instanceof CustomYearPicker) {
-			oCalendar._getYearPicker().setIntervalSelection(true);
-			oCalendar._getYearRangePicker().setIntervalSelection(true);
-		}
-
 		this._getCalendar().detachWeekNumberSelect(this._handleWeekSelect, this);
 		this._getCalendar().attachWeekNumberSelect(this._handleWeekSelect, this);
 		this._getCalendar().getSelectedDates()[0].setStartDate(this._oDateRange.getStartDate());
@@ -515,7 +504,7 @@ sap.ui.define([
 
 	/**
 	 * Set the start date of the range.
-	 * @param {Date|module:sap/ui/core/date/UI5Date} oFrom A date instance
+	 * @param {Date|module:sap/ui/core/date/UI5Date|null} oFrom A date instance
 	 * @returns {this} Reference to <code>this</code> for method chaining
 	 * @public
 	 * @deprecated since version 1.22.0, replaced by <code>dateValue</code> property of the {@link sap.m.DateTimeField}
@@ -527,7 +516,7 @@ sap.ui.define([
 
 	/**
 	 * Get the start date of the range.
-	 * @returns {Date} the start date of the date range
+	 * @returns {Date|module:sap/ui/core/date/UI5Date|null} the start date of the date range
 	 * @public
 	 * @deprecated since version 1.22.0, replaced by <code>dateValue</code> property of the {@link sap.m.DateTimeField}
 	 */
@@ -537,7 +526,7 @@ sap.ui.define([
 
 	/**
 	 * Set the end date of the range.
-	 * @param {Date|module:sap/ui/core/date/UI5Date} oTo A date instance
+	 * @param {Date|module:sap/ui/core/date/UI5Date|null} oTo A date instance
 	 * @returns {this} Reference to <code>this</code> for method chaining
 	 * @public
 	 * @deprecated since version 1.22.0, replaced by <code>secondDateValue</code> property
@@ -549,7 +538,7 @@ sap.ui.define([
 
 	/**
 	 * Get the end date of the range.
-	 * @returns {Date|module:sap/ui/core/date/UI5Date} the end date of the date range
+	 * @returns {Date|module:sap/ui/core/date/UI5Date|null} the end date of the date range
 	 * @public
 	 * @deprecated since version 1.22.0, replaced by <code>secondDateValue</code> property
 	 */
@@ -566,10 +555,10 @@ sap.ui.define([
 	 *
 	 * <b>Note:</b> If this property is used, the <code>value</code> property should not be changed from the caller.
 	 *
-	 * @returns {Date|module:sap/ui/core/date/UI5Date} the value of property <code>dateValue</code>
+	 * @returns {Date|module:sap/ui/core/date/UI5Date|null} the value of property <code>dateValue</code>
 	 * @public
 	 * @name sap.m.DateRangeSelection#getDateValue
-	 * @function
+	 * @method
 	 */
 
 	/**
@@ -579,7 +568,7 @@ sap.ui.define([
 	 *
 	 * <b>Note:</b> If this property is used, the <code>value</code> property should not be changed from the caller.
 	 *
-	 * @param {Date|module:sap/ui/core/date/UI5Date} oDateValue New value for property <code>dateValue</code>
+	 * @param {Date|module:sap/ui/core/date/UI5Date|null} oDateValue New value for property <code>dateValue</code>
 	 * @returns {this} Reference to <code>this</code> for method chaining
 	 * @public
 	 */
@@ -607,10 +596,10 @@ sap.ui.define([
 	 *
 	 * <b>Note:</b> If this property is used, the <code>value</code> property should not be changed from the caller.
 	 *
-	 * @returns {Date|module:sap/ui/core/date/UI5Date} the value of property <code>secondDateValue</code>
+	 * @returns {Date|module:sap/ui/core/date/UI5Date|null} the value of property <code>secondDateValue</code>
 	 * @public
 	 * @name sap.m.DateRangeSelection#getSecondDateValue
-	 * @function
+	 * @method
 	 */
 
 	/**
@@ -620,7 +609,7 @@ sap.ui.define([
 	 *
 	 * <b>Note:</b> If this property is used, the <code>value</code> property should not be changed from the caller.
 	 *
-	 * @param {Date|module:sap/ui/core/date/UI5Date} oSecondDateValue New value for property <code>dateValue</code>
+	 * @param {Date|module:sap/ui/core/date/UI5Date|null} oSecondDateValue New value for property <code>dateValue</code>
 	 * @returns {this} Reference to <code>this</code> for method chaining
 	 * @public
 	 */

package/src/sap/m/DateTimeField.js

@@ -66,7 +66,7 @@ sap.ui.define([
 	 * @extends sap.m.InputBase
 	 *
 	 * @author SAP SE
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public
@@ -226,12 +226,25 @@ sap.ui.define([
 		return false;
 	};
 
+	/**
+	 * Getter for property <code>dateValue</code>.
+	 *
+	 * The date and time in DateTimeField as UI5Date or JavaScript Date object.
+	 *
+	 * <b>Note:</b> If this property is used, the <code>value</code> property should not be changed from the caller.
+	 *
+	 * @returns {Date|module:sap/ui/core/date/UI5Date|null} the value of property <code>dateValue</code>
+	 * @public
+	 * @name sap.m.DateTimeField#getDateValue
+	 * @method
+	 */
+
 	/**
 	 * Setter for property <code>dateValue</code>.
 	 *
 	 * The date and time in DateTimeField as UI5Date or JavaScript Date object.
 	 *
-	 * @param {Date|module:sap/ui/core/date/UI5Date} oDate A date instance
+	 * @param {Date|module:sap/ui/core/date/UI5Date|null} oDate A date instance
 	 * @returns {this} Reference to <code>this</code> for method chaining
 	 * @public
 	 */
@@ -316,6 +329,14 @@ sap.ui.define([
 		this._sPreviousValue = this.getDOMValue();
 	};
 
+	DateTimeField.prototype.shouldValueStateMessageBeOpened = function() {
+		return (this.getValueState() !== ValueState.None) &&
+				this.getEditable() &&
+				this.getEnabled() &&
+				this.getShowValueStateMessage() &&
+				!(this._oPopup && this._oPopup.isOpen());
+	};
+
 	/**
 	 * Event handler for user input.
 	 *

package/src/sap/m/DateTimeInput.js

@@ -68,7 +68,7 @@ function(
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/DateTimePicker.js

@@ -183,7 +183,7 @@ sap.ui.define([
 	 * mobile devices, it opens in full screen.
 	 *
 	 * @extends sap.m.DatePicker
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public
@@ -1209,6 +1209,7 @@ sap.ui.define([
 	};
 
 	function _handleAfterOpen(oEvent){
+		this._oClocks._showFirstClock();
 		this._oCalendar.focus();
 
 		Device.media.attachHandler(this._handleWindowResize, this);

package/src/sap/m/Dialog.js

@@ -171,7 +171,7 @@ function(
 		*
 		* @implements sap.ui.core.PopupInterface
 		* @author SAP SE
-		* @version 1.133.1
+		* @version 1.135.0
 		*
 		* @constructor
 		* @public
@@ -272,9 +272,11 @@ function(
 					draggable: {type: "boolean", group: "Behavior", defaultValue: false},
 
 					/**
-					 * This property expects a function with one parameter of type Promise. In the function, you should call either <code>resolve()</code> or <code>reject()</code> on the Promise object.<br/>
-					 * The function allows you to define custom behavior which will be executed when the Escape key is pressed. By default, when the Escape key is pressed, the Dialog is immediately closed.
+					 * This property allows to define custom behavior if the Escape key is pressed. By default, the Dialog is closed.<br/>
+					 * The property expects a function with one object parameter with <code>resolve</code> and <code>reject</code> properties.
+					 * In the function, either call <code>resolve</code> to close the dialog or call <code>reject</code> to prevent it from being closed.
 					 * @since 1.44
+					 * @type {sap.m.Dialog.EscapeHandler}
 					 */
 					escapeHandler : {type: "function", group: "Behavior", defaultValue: null},
 
@@ -460,30 +462,14 @@ function(
 		});
 
 		/**
-		 * Sets a new value for property {@link #setEscapeHandler escapeHandler}.
+		 * Escape handler for sap.m.Dialog control.
 		 *
-		 * This property expects a function with one parameter of type Promise. In the function, you should call either <code>resolve()</code> or <code>reject()</code> on the Promise object.
-		 * The function allows you to define custom behavior which will be executed when the Escape key is pressed. By default, when the Escape key is pressed, the dialog is immediately closed.
-		 *
-		 * When called with a value of <code>null</code> or <code>undefined</code>, the default value of the property will be restored.
-		 *
-		 * @method
-		 * @param {function({resolve: function, reject: function})} [fnEscapeHandler] New value for property <code>escapeHandler</code>
-		 * @public
-		 * @name sap.m.Dialog#setEscapeHandler
-		 * @returns {this} Reference to <code>this</code> in order to allow method chaining
-		 */
-
-		/**
-		 * Gets current value of property {@link #getEscapeHandler escapeHandler}.
-		 *
-		 * This property expects a function with one parameter of type Promise. In the function, you should call either <code>resolve()</code> or <code>reject()</code> on the Promise object.
-		 * The function allows you to define custom behavior which will be executed when the Escape key is pressed. By default, when the Escape key is pressed, the dialog is immediately closed.
-		 *
-		 * @method
-		 * @returns {function({resolve: function, reject: function})|null} Value of property <code>escapeHandler</code>
+		 * @callback sap.m.Dialog.EscapeHandler
+		 * @param {object} oHandlers Object with <code>resolve</code> and <code>reject</code> functions.
+		 * @param {function():void} oHandlers.resolve Call this function if the dialog should be closed.
+		 * @param {function():void} oHandlers.reject Call this function if the dialog should not be closed.
+		 * @returns {void}
 		 * @public
-		 * @name sap.m.Dialog#getEscapeHandler
 		 */
 
 		ResponsivePaddingsEnablement.call(Dialog.prototype, {

package/src/sap/m/DisplayListItem.js

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

package/src/sap/m/DraftIndicator.js

@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/DynamicDate.js

@@ -40,7 +40,7 @@ sap.ui.define([
 		 * @extends sap.ui.model.SimpleType
 		 *
 		 * @author SAP SE
-		 * @version 1.133.1
+		 * @version 1.135.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/DynamicDateOption.js

@@ -44,7 +44,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Element
 		 *
 		 * @author SAP SE
-		 * @version 1.133.1
+		 * @version 1.135.0
 		 *
 		 * @public
 		 * @since 1.92

package/src/sap/m/DynamicDateRange.js

@@ -288,7 +288,7 @@ sap.ui.define([
 		 * is opened. The dialog is closed via a date time period value selection or by pressing the "Cancel" button.
 		 *
 		 * @author SAP SE
-		 * @version 1.133.1
+		 * @version 1.135.0
 		 *
 		 * @constructor
 		 * @public
@@ -586,6 +586,7 @@ sap.ui.define([
 			};
 
 			this._oInput._getValueHelpIcon().setDecorative(bValueHelpDecorative);
+			this._oInput._getValueHelpIcon().setTooltip(oResourceBundle.getText("OPEN_PICKER_TEXT"));
 
 			this._oInput.addDelegate(this._onBeforeInputRenderingDelegate, this);
 

package/src/sap/m/DynamicDateValueHelpUIType.js

@@ -20,7 +20,7 @@ sap.ui.define(['sap/ui/core/Element'],
 		 * @extends sap.ui.core.Element
 		 *
 		 * @author SAP SE
-		 * @version 1.133.1
+		 * @version 1.135.0
 		 *
 		 * @public
 		 * @since 1.92

package/src/sap/m/ExpandableText.js

@@ -105,7 +105,7 @@ function(library,
 	 * @implements sap.ui.core.IFormContent, sap.m.IHyphenation, sap.ui.core.ILabelable
 	 *
 	 * @author SAP SE
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/FacetFilter.js

@@ -181,7 +181,7 @@ sap.ui.define([
 	 *
 	 * @extends sap.ui.core.Control
 	 * @implements sap.ui.core.IShrinkable
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/FacetFilterItem.js

@@ -20,7 +20,7 @@ sap.ui.define(['./ListItemBase', './library', './FacetFilterItemRenderer'],
 	 * @class
 	 * Represents a value for the {@link sap.m.FacetFilterList} control.
 	 * @extends sap.m.ListItemBase
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/FacetFilterList.js

@@ -53,7 +53,7 @@ sap.ui.define([
 	 * be closed.
 	 *
 	 * @extends sap.m.List
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/FeedContent.js

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 * @since 1.34
 	 *
 	 * @public
@@ -95,7 +95,6 @@ sap.ui.define([
 		this._oContentText = new Text(this.getId() + "-content-text", {
 			maxLines : 2
 		});
-		this._oContentText.cacheLineHeight = false;
 		this.setAggregation("_contentTextAgr", this._oContentText, true);
 		this.setTooltip("{AltText}");
 	};

package/src/sap/m/FeedInput.js

@@ -41,7 +41,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/FeedListItem.js

@@ -64,7 +64,7 @@ function(
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/FeedListItemAction.js

@@ -19,7 +19,7 @@ sap.ui.define(["sap/ui/core/Element"],
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/Fiori20Adapter.js

@@ -28,7 +28,7 @@ sap.ui.define([
 	 *
 	 *
 	 * @class text
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 * @private
 	 * @since 1.38
 	 * @alias HeaderAdapter
@@ -249,7 +249,7 @@ sap.ui.define([
 	 * Constructor for an sap.m.Fiori20Adapter.
 	 *
 	 * @class text
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 * @private
 	 * @since 1.38
 	 * @alias sap.m.Fiori20Adapter

package/src/sap/m/FlexBox.js

@@ -62,7 +62,7 @@ function(
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 *
 	 * @public
 	 * @alias sap.m.FlexBox
@@ -151,7 +151,29 @@ function(
 				 *
 				 * @since 1.38.5
 				 */
-				backgroundDesign: {type: "sap.m.BackgroundDesign", group: "Appearance", defaultValue: BackgroundDesign.Transparent}
+				backgroundDesign: {type: "sap.m.BackgroundDesign", group: "Appearance", defaultValue: BackgroundDesign.Transparent},
+
+				/**
+				 * The size of the gap between columns and rows.
+				 * It serves as a shorthand property for <code>rowGap</code> and <code>columnGap</code> properties. If either of the properties is set, the <code>gap</code> value will have lower priority and will be overwritten.
+				 *
+				 * @since 1.134
+				 */
+				gap: {type: "sap.ui.core.CSSGapShortHand", group: "Appearance", defaultValue: ""},
+
+				/**
+				 * The size of the gap between rows.
+				 *
+				 * @since 1.134
+				 */
+				rowGap: {type: "sap.ui.core.CSSSize", group: "Appearance", defaultValue: ""},
+
+				/**
+				 * The size of the gap between columns.
+				 *
+				 * @since 1.134
+				 */
+				columnGap: {type: "sap.ui.core.CSSSize", group: "Appearance", defaultValue: ""}
 			},
 			defaultAggregation : "items",
 			aggregations : {