@openui5/sap.m 1.106.0 → 1.107.0

package/src/sap/m/FeedListItem.js

@@ -15,7 +15,8 @@ sap.ui.define([
 	"./FeedListItemRenderer",
 	"sap/m/Avatar",
 	"sap/m/AvatarShape",
-	"sap/m/AvatarSize"
+	"sap/m/AvatarSize",
+	"sap/ui/core/Configuration"
 ],
 function(
 	ListItemBase,
@@ -28,7 +29,8 @@ function(
 	FeedListItemRenderer,
 	Avatar,
 	AvatarShape,
-	AvatarSize
+	AvatarSize,
+	Configuration
 	) {
 	"use strict";
 
@@ -54,13 +56,12 @@ function(
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.106.0
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @public
 	 * @since 1.12
 	 * @alias sap.m.FeedListItem
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	var FeedListItem = ListItemBase.extend("sap.m.FeedListItem", /** @lends sap.m.FeedListItem.prototype */ {
 		metadata: {
@@ -246,7 +247,9 @@ function(
 					}
 				}
 			}
-		}
+		},
+
+		renderer: FeedListItemRenderer
 	});
 
 	FeedListItem._oRb = sap.ui.getCore().getLibraryResourceBundle("sap.m");
@@ -325,7 +328,7 @@ function(
 			return;
 		}
 
-		sTheme = sap.ui.getCore().getConfiguration().getTheme();
+		sTheme = Configuration.getTheme();
 		oActionSheetPopover = event.getSource().getParent();
 		oActionSheetPopover.removeStyleClass("sapContrast sapContrastPlus");
 

package/src/sap/m/FeedListItemAction.js

@@ -19,13 +19,12 @@ sap.ui.define(["sap/ui/core/Element"],
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.106.0
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @public
 	 * @alias sap.m.FeedListItemAction
 	 * @since 1.52.0
-	 * @ui5-metamodel This element will be described in the UI5 (legacy) designtime metamodel as well
 	 */
 	var FeedListItemAction = Element.extend("sap.m.FeedListItemAction", /** @lends sap.m.FeedListItemAction.prototype */ {
 		metadata: {

package/src/sap/m/FeedListItemRenderer.js

@@ -5,8 +5,8 @@
  */
 
 // Provides default renderer for the sap.m.FeedListItem
-sap.ui.define(["./ListItemBaseRenderer", "sap/ui/core/Renderer", "sap/ui/Device"],
-	function(ListItemBaseRenderer, Renderer, Device) {
+sap.ui.define(["./ListItemBaseRenderer", "sap/ui/core/Renderer", "sap/ui/Device", "sap/ui/core/Configuration"],
+	function(ListItemBaseRenderer, Renderer, Device, Configuration) {
 	"use strict";
 
 
@@ -126,7 +126,7 @@ sap.ui.define(["./ListItemBaseRenderer", "sap/ui/core/Renderer", "sap/ui/Device"
 			if (oControl.getInfo() || oControl.getTimestamp()) {
 				// info and date
 				oRm.openStart('p').class("sapMFeedListItemFooter").class("sapUiSelectable").openEnd();
-				if (!sap.ui.getCore().getConfiguration().getRTL()) {
+				if (!Configuration.getRTL()) {
 					if (oControl.getInfo()) {
 						this._writeInfo(oRm, oControl, sMyId);
 						// Write Interpunct separator if necessary (with spaces before and after)

package/src/sap/m/Fiori20Adapter.js

@@ -27,7 +27,7 @@ sap.ui.define([
 	 *
 	 *
 	 * @class text
-	 * @version 1.106.0
+	 * @version 1.107.0
 	 * @private
 	 * @since 1.38
 	 * @alias HeaderAdapter
@@ -227,7 +227,7 @@ sap.ui.define([
 	 * Constructor for an sap.m.Fiori20Adapter.
 	 *
 	 * @class text
-	 * @version 1.106.0
+	 * @version 1.107.0
 	 * @private
 	 * @since 1.38
 	 * @alias sap.m.Fiori20Adapter

package/src/sap/m/FlexBox.js

@@ -62,108 +62,111 @@ function(
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.106.0
+	 * @version 1.107.0
 	 *
 	 * @public
 	 * @alias sap.m.FlexBox
 	 * @see https://www.w3.org/TR/css-flexbox-1/
 	 * @see https://www.w3schools.com/css/css3_flexbox.asp
 	 * @see {@link topic:674890e6d8534eaba2eaf63242e077eb Flex Box}
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
-	var FlexBox = Control.extend("sap.m.FlexBox", /** @lends sap.m.FlexBox.prototype */ { metadata : {
-
-		library : "sap.m",
-		properties : {
-
-			/**
-			 * The height of the <code>sap.m.FlexBox</code>. Note that when a percentage is given, for the height to work as expected, the height of the surrounding container must be defined.
-			 * @since 1.9.1
-			 */
-			height : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : ''},
-
-			/**
-			 * The width of the <code>sap.m.FlexBox</code>. Note that when a percentage is given, for the width to work as expected, the width of the surrounding container must be defined.
-			 * @since 1.9.1
-			 */
-			width : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : ''},
-
-			/**
-			 * Determines whether the <code>sap.m.FlexBox</code> is in block or inline mode.
-			 *
-			 * @see http://www.w3.org/TR/css-flexbox-1/#flex-containers
-			 */
-			displayInline : {type : "boolean", group : "Appearance", defaultValue : false},
-
-			/**
-			 * Determines the direction of the layout of child elements.
-			 *
-			 * @see http://www.w3.org/TR/css-flexbox-1/#flex-direction-property
-			 */
-			direction : {type : "sap.m.FlexDirection", group : "Appearance", defaultValue : FlexDirection.Row},
-
-			/**
-			 * Determines whether the <code>sap.m.FlexBox</code> will be sized to completely fill its container. If the <code>sap.m.FlexBox</code> is inserted into a Page, the property 'enableScrolling' of the Page needs to be set to 'false' for the FlexBox to fit the entire viewport.
-			 */
-			fitContainer : {type : "boolean", group : "Appearance", defaultValue : false},
-
-			/**
-			 * Determines whether the layout is rendered as a series of divs or as an unordered list (ul).<br>
-			 * <br>
-			 * We recommend to use <code>Bare</code> in most cases to avoid layout issues due to browser inconsistencies.
-			 */
-			renderType : {type : "sap.m.FlexRendertype", group : "Misc", defaultValue : FlexRendertype.Div},
-
-			/**
-			 * Determines the layout behavior along the main axis.
-			 *
-			 * @see http://www.w3.org/TR/css-flexbox-1/#justify-content-property
-			 */
-			justifyContent : {type : "sap.m.FlexJustifyContent", group : "Appearance", defaultValue : FlexJustifyContent.Start},
-
-			/**
-			 * Determines the layout behavior of items along the cross-axis.
-			 *
-			 * @see http://www.w3.org/TR/css-flexbox-1/#align-items-property
-			 */
-			alignItems : {type : "sap.m.FlexAlignItems", group : "Appearance", defaultValue : FlexAlignItems.Stretch},
-
-			/**
-			 * Determines the wrapping behavior of the flex container. This property has no effect in older browsers, e.g. Android Native 4.3 and below.
-			 *
-			 * @see http://www.w3.org/TR/css-flexbox-1/#flex-wrap-property
-			 *
-			 * @since 1.36.0
-			 */
-			wrap : {type : "sap.m.FlexWrap", group : "Appearance", defaultValue : FlexWrap.NoWrap},
-
-			/**
-			 * Determines the layout behavior of container lines when there's extra space along the cross-axis.
-			 *
-			 * @see http://www.w3.org/TR/css-flexbox-1/#align-content-property
-			 *
-			 * @since 1.36.0
-			 */
-			alignContent : {type : "sap.m.FlexAlignContent", group : "Appearance", defaultValue : FlexAlignContent.Stretch},
-
-			/**
-			 * Defines the background style of the <code>sap.m.FlexBox</code>.
-			 *
-			 * @since 1.38.5
-			 */
-			backgroundDesign: {type: "sap.m.BackgroundDesign", group: "Appearance", defaultValue: BackgroundDesign.Transparent}
+	var FlexBox = Control.extend("sap.m.FlexBox", /** @lends sap.m.FlexBox.prototype */ {
+		metadata : {
+
+			library : "sap.m",
+			properties : {
+
+				/**
+				 * The height of the <code>sap.m.FlexBox</code>. Note that when a percentage is given, for the height to work as expected, the height of the surrounding container must be defined.
+				 * @since 1.9.1
+				 */
+				height : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : ''},
+
+				/**
+				 * The width of the <code>sap.m.FlexBox</code>. Note that when a percentage is given, for the width to work as expected, the width of the surrounding container must be defined.
+				 * @since 1.9.1
+				 */
+				width : {type : "sap.ui.core.CSSSize", group : "Dimension", defaultValue : ''},
+
+				/**
+				 * Determines whether the <code>sap.m.FlexBox</code> is in block or inline mode.
+				 *
+				 * @see http://www.w3.org/TR/css-flexbox-1/#flex-containers
+				 */
+				displayInline : {type : "boolean", group : "Appearance", defaultValue : false},
+
+				/**
+				 * Determines the direction of the layout of child elements.
+				 *
+				 * @see http://www.w3.org/TR/css-flexbox-1/#flex-direction-property
+				 */
+				direction : {type : "sap.m.FlexDirection", group : "Appearance", defaultValue : FlexDirection.Row},
+
+				/**
+				 * Determines whether the <code>sap.m.FlexBox</code> will be sized to completely fill its container. If the <code>sap.m.FlexBox</code> is inserted into a Page, the property 'enableScrolling' of the Page needs to be set to 'false' for the FlexBox to fit the entire viewport.
+				 */
+				fitContainer : {type : "boolean", group : "Appearance", defaultValue : false},
+
+				/**
+				 * Determines whether the layout is rendered as a series of divs or as an unordered list (ul).<br>
+				 * <br>
+				 * We recommend to use <code>Bare</code> in most cases to avoid layout issues due to browser inconsistencies.
+				 */
+				renderType : {type : "sap.m.FlexRendertype", group : "Misc", defaultValue : FlexRendertype.Div},
+
+				/**
+				 * Determines the layout behavior along the main axis.
+				 *
+				 * @see http://www.w3.org/TR/css-flexbox-1/#justify-content-property
+				 */
+				justifyContent : {type : "sap.m.FlexJustifyContent", group : "Appearance", defaultValue : FlexJustifyContent.Start},
+
+				/**
+				 * Determines the layout behavior of items along the cross-axis.
+				 *
+				 * @see http://www.w3.org/TR/css-flexbox-1/#align-items-property
+				 */
+				alignItems : {type : "sap.m.FlexAlignItems", group : "Appearance", defaultValue : FlexAlignItems.Stretch},
+
+				/**
+				 * Determines the wrapping behavior of the flex container. This property has no effect in older browsers, e.g. Android Native 4.3 and below.
+				 *
+				 * @see http://www.w3.org/TR/css-flexbox-1/#flex-wrap-property
+				 *
+				 * @since 1.36.0
+				 */
+				wrap : {type : "sap.m.FlexWrap", group : "Appearance", defaultValue : FlexWrap.NoWrap},
+
+				/**
+				 * Determines the layout behavior of container lines when there's extra space along the cross-axis.
+				 *
+				 * @see http://www.w3.org/TR/css-flexbox-1/#align-content-property
+				 *
+				 * @since 1.36.0
+				 */
+				alignContent : {type : "sap.m.FlexAlignContent", group : "Appearance", defaultValue : FlexAlignContent.Stretch},
+
+				/**
+				 * Defines the background style of the <code>sap.m.FlexBox</code>.
+				 *
+				 * @since 1.38.5
+				 */
+				backgroundDesign: {type: "sap.m.BackgroundDesign", group: "Appearance", defaultValue: BackgroundDesign.Transparent}
+			},
+			defaultAggregation : "items",
+			aggregations : {
+
+				/**
+				 * Flex items within the flexible box layout
+				 */
+				items : {type : "sap.ui.core.Control", multiple : true, singularName : "item"}
+			},
+			designtime: "sap/m/designtime/FlexBox.designtime",
+			dnd: { draggable: false, droppable: true }
 		},
-		defaultAggregation : "items",
-		aggregations : {
 
-			/**
-			 * Flex items within the flexible box layout
-			 */
-			items : {type : "sap.ui.core.Control", multiple : true, singularName : "item"}
-		},
-		designtime: "sap/m/designtime/FlexBox.designtime",
-		dnd: { draggable: false, droppable: true }
-	}});
+		renderer: FlexBoxRenderer
+	});
 
 	/**
 	 * Initializes the control.

package/src/sap/m/FlexItemData.js

@@ -24,12 +24,11 @@ sap.ui.define(["./FlexBoxStylingHelper", "./library", "sap/ui/core/LayoutData"],
 	 * @class
 	 * Holds layout data for a FlexBox / HBox / VBox.
 	 * @extends sap.ui.core.LayoutData
-	 * @version 1.106.0
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @public
 	 * @alias sap.m.FlexItemData
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	var FlexItemData = LayoutData.extend("sap.m.FlexItemData", /** @lends sap.m.FlexItemData.prototype */ { metadata : {
 

package/src/sap/m/FormattedText.js

@@ -14,7 +14,8 @@ sap.ui.define([
 	"sap/base/Log",
 	"sap/base/security/URLListValidator",
 	"sap/base/security/sanitizeHTML",
-	"sap/ui/util/openWindow"
+	"sap/ui/util/openWindow",
+	'sap/ui/core/Core'
 ],
 function(
 	library,
@@ -25,7 +26,8 @@ function(
 	Log,
 	URLListValidator,
 	sanitizeHTML0,
-	openWindow
+	openWindow,
+	Core
 	) {
 		"use strict";
 
@@ -44,13 +46,12 @@ function(
 		 * @class
 		 * The FormattedText control allows the usage of a limited set of tags for inline display of formatted text in HTML format.
 		 * @extends sap.ui.core.Control
-		 * @version 1.106.0
+		 * @version 1.107.0
 		 *
 		 * @constructor
 		 * @public
 		 * @since 1.38.0
 		 * @alias sap.m.FormattedText
-		 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		var FormattedText = Control.extend("sap.m.FormattedText", /** @lends sap.m.FormattedText.prototype */ {
 			metadata: {
@@ -153,7 +154,9 @@ function(
 					*/
 					controls: {type: "sap.m.Link", multiple: true, singularName: "control"}
 				}
-			}
+			},
+
+			renderer: FormattedTextRenderer
 		});
 
 		/*
@@ -322,6 +325,10 @@ function(
 		// open links href using safe API
 		function openLink (oEvent) {
 			oEvent.preventDefault();
+			var oLink = Core.byId(oEvent.currentTarget.id);
+			if (oLink && oLink.isA('sap.m.Link') && oLink.getAccessibleRole() === library.LinkAccessibleRole.Button) {
+				return;
+			}
 			openWindow(oEvent.currentTarget.href, oEvent.currentTarget.target);
 		}
 

package/src/sap/m/GenericTag.js

@@ -12,7 +12,7 @@ sap.ui.define([
 	"sap/ui/core/library",
 	"sap/ui/core/Icon",
 	"./GenericTagRenderer"
-], function(Control, KeyCodes, library, coreLibrary, Icon /* ,  GenericTagRenderer */) {
+], function(Control, KeyCodes, library, coreLibrary, Icon, GenericTagRenderer) {
 	"use strict";
 
 	//shortcut for sap.m.GenericTagValueState
@@ -53,13 +53,12 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.106.0
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @public
 	 * @since 1.62.0
 	 * @alias sap.m.GenericTag
-	 * @ui5-metamodel This control will also be described in the UI5 (legacy) design time meta model.
 	 */
 	var GenericTag = Control.extend("sap.m.GenericTag", /** @lends sap.m.GenericTag.prototype */ {
 		metadata: {
@@ -118,7 +117,9 @@ sap.ui.define([
 				 */
 				press: {}
 			}
-		}
+		},
+
+		renderer: GenericTagRenderer
 	});
 
 	/**

package/src/sap/m/GenericTile.js

@@ -22,7 +22,8 @@ sap.ui.define([
 	"sap/ui/events/PseudoEvents",
 	"sap/ui/core/theming/Parameters",
 	"sap/ui/thirdparty/jquery",
-	"sap/ui/core/library"
+	"sap/ui/core/library",
+	"sap/ui/core/Configuration"
 ], function (
 	library,
 	Control,
@@ -41,7 +42,8 @@ sap.ui.define([
 	PseudoEvents,
 	Parameters,
 	jQuery,
-	coreLibrary
+	coreLibrary,
+	Configuration
 ) {
 	"use strict";
 
@@ -77,12 +79,11 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.106.0
+	 * @version 1.107.0
 	 * @since 1.34.0
 	 *
 	 * @public
 	 * @alias sap.m.GenericTile
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	var GenericTile = Control.extend("sap.m.GenericTile", /** @lends sap.m.GenericTile.prototype */ {
 		metadata: {
@@ -678,7 +679,7 @@ sap.ui.define([
 		}
 
 		//Adds Extra height to the TileContent when GenericTile is in ActionMode
-		if (this.getFrameType()  === FrameType.TwoByOne && this.getMode() === GenericTileMode.ActionMode && this.getState() === LoadState.Loaded) {
+		if (this.getFrameType()  === FrameType.TwoByOne && this.getMode() === GenericTileMode.ActionMode && this.getState() === LoadState.Loaded && !this.isA("sap.m.ActionTile")) {
 			this._applyExtraHeight();
 		}
 
@@ -844,7 +845,7 @@ sap.ui.define([
 			bLineBreak = this.$().is(":not(:first-child)") && iLines > 1,
 			$LineBreak = jQuery("<span><br></span>"),
 			i = 0,
-			bRTL = sap.ui.getCore().getConfiguration().getRTL(),
+			bRTL = Configuration.getRTL(),
 			oEndMarkerPosition = $End.position();
 
 		if (bLineBreak) { //tile does not fit in line without breaking --> add line-break before tile

package/src/sap/m/GenericTileLineModeRenderer.js

@@ -4,8 +4,8 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS", "sap/ui/thirdparty/jquery"],
-	function(library, encodeCSS, jQuery) {
+sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS", "sap/ui/thirdparty/jquery", "sap/ui/core/Configuration"],
+	function(library, encodeCSS, jQuery, Configuration) {
 	"use strict";
 
 	// shortcut for sap.m.GenericTileScope
@@ -45,7 +45,7 @@ sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS", "sap/ui/thirdpart
 		// Render a link when URL is provided, not in action scope and the state is enabled
 		var bRenderLink = oControl.getUrl() && !oControl._isInActionScope() && sState !== LoadState.Disabled;
 
-		this._bRTL = sap.ui.getCore().getConfiguration().getRTL();
+		this._bRTL = Configuration.getRTL();
 
 		if (sScope === GenericTileScope.Actions) {
 			// given class only needs to be added if the tile's state is not disabled

package/src/sap/m/GenericTileRenderer.js

@@ -4,8 +4,8 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS"],
-	function(library, encodeCSS) {
+sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS", "sap/ui/core/Configuration"],
+	function(library, encodeCSS, Configuration) {
 	"use strict";
 
 	// shortcut for sap.m.GenericTileMode
@@ -63,7 +63,9 @@ sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS"],
 			oRm.openStart("a", oControl);
 			oRm.attr("href", oControl.getUrl());
 			oRm.attr("rel", "noopener noreferrer");
-			oRm.attr("draggable", "false"); // <a> elements are draggable per default, use UI5 DnD instead
+			if (!this._isDragabble(oControl)) {
+				oRm.attr("draggable", "false"); // <a> elements are draggable per default, use UI5 DnD instead
+			}
 		} else {
 			oRm.openStart("div",oControl );
 		}
@@ -392,6 +394,29 @@ sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS"],
 		}
 	};
 
+	/**
+	 * Checks if the GenericTile should be draggable or not.
+	 * @param {sap.m.GenericTile} oControl The GenericTile control
+	 * @returns {boolean} True if the GenericTile is draggable, false otherwise
+	 * @private
+	 */
+	 GenericTileRenderer._isDragabble = function(oControl) {
+		var bDraggable = oControl.getDragDropConfig().some(function(vDragDropInfo){
+			return vDragDropInfo.isDraggable(oControl);
+		});
+
+		if (!bDraggable) {
+			// also check parent config
+			var oParent = oControl.getParent();
+			if (oParent && oParent.getDragDropConfig) {
+				bDraggable = oParent.getDragDropConfig().some(function(vDragDropInfo){
+					return vDragDropInfo.isDraggable(oControl);
+				});
+			}
+		}
+		return bDraggable;
+	};
+
 	/**
 	 * Checks if the GenericTile should render the info container.
 	 * @param {sap.m.GenericTile} oControl The GenericTile control
@@ -560,7 +585,7 @@ sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS"],
 	 * @private
 	 */
 	GenericTileRenderer._isThemeHighContrast = function() {
-		return /(hcw|hcb)/g.test(sap.ui.getCore().getConfiguration().getTheme());
+		return /(hcw|hcb)/g.test(Configuration.getTheme());
 	};
 
 	GenericTileRenderer._isNewsContentPresent = function(aTileContent,iLength) {

package/src/sap/m/GroupHeaderListItem.js

@@ -30,44 +30,47 @@ sap.ui.define(["sap/ui/core/library", "./library", "./ListItemBase", "./GroupHea
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.106.0
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @public
 	 * @since 1.12
 	 * @alias sap.m.GroupHeaderListItem
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
-	var GroupHeaderListItem = ListItemBase.extend("sap.m.GroupHeaderListItem", /** @lends sap.m.GroupHeaderListItem.prototype */ { metadata : {
-
-		library : "sap.m",
-		properties : {
-
-			/**
-			 * Defines the title of the group header.
-			 */
-			title : {type : "string", group : "Data", defaultValue : null},
-
-			/**
-			 * Defines the count of items in the group, but it could also be an amount which represents the sum of all amounts in the group.
-			 * <b>Note:</b> Will not be displayed if not set.
-			 */
-			count : {type : "string", group : "Data", defaultValue : null},
-
-			/**
-			 * Allows to uppercase the group title.
-			 * @since 1.13.2
-			 * @deprecated Since version 1.40.10
-			 */
-			upperCase : {type : "boolean", group : "Appearance", defaultValue : false, deprecated: true},
-
-			/**
-			 * Defines the title text directionality with enumerated options. By default, the control inherits text direction from the DOM.
-			 * @since 1.28.0
-			 */
-			titleTextDirection : {type : "sap.ui.core.TextDirection", group : "Appearance", defaultValue : TextDirection.Inherit}
-		}
-	}});
+	var GroupHeaderListItem = ListItemBase.extend("sap.m.GroupHeaderListItem", /** @lends sap.m.GroupHeaderListItem.prototype */ {
+		metadata : {
+
+			library : "sap.m",
+			properties : {
+
+				/**
+				 * Defines the title of the group header.
+				 */
+				title : {type : "string", group : "Data", defaultValue : null},
+
+				/**
+				 * Defines the count of items in the group, but it could also be an amount which represents the sum of all amounts in the group.
+				 * <b>Note:</b> Will not be displayed if not set.
+				 */
+				count : {type : "string", group : "Data", defaultValue : null},
+
+				/**
+				 * Allows to uppercase the group title.
+				 * @since 1.13.2
+				 * @deprecated Since version 1.40.10
+				 */
+				upperCase : {type : "boolean", group : "Appearance", defaultValue : false, deprecated: true},
+
+				/**
+				 * Defines the title text directionality with enumerated options. By default, the control inherits text direction from the DOM.
+				 * @since 1.28.0
+				 */
+				titleTextDirection : {type : "sap.ui.core.TextDirection", group : "Appearance", defaultValue : TextDirection.Inherit}
+			}
+		},
+
+		renderer: GroupHeaderListItemRenderer
+	});
 
 	// GroupHeaderListItem does not respect the list mode
 	GroupHeaderListItem.prototype.getMode = function() {