@openui5/sap.m 1.102.2 → 1.104.0

package/src/sap/m/themes/base/GenericTile.less

@@ -332,6 +332,7 @@ border-radius: 0.25rem;
 		display: flex;
 		align-items: flex-end;
 		justify-content: flex-end;
+		min-width: 0;
 	}
 	.sapMGTTInfo {
 		padding: 0.125rem 1rem 0.125rem 0.25rem;
@@ -352,9 +353,6 @@ border-radius: 0.25rem;
 				padding-left: 0.15rem;
 			}
 		}
-		.sapMGTMarginTop4px{
-			margin-top: 0.25rem;
-		}
 		.sapMGTAppAndSystemInfoDivider{
 			height: 0.25rem;
 		}
@@ -563,7 +561,7 @@ border-radius: 0.25rem;
 		flex-direction: row-reverse;
 	}
 	.sapMGTTInfoContainer {
-		max-width: 13.5rem;
+		max-width: 10.875rem;
 		margin-left: 0.25rem;
 		margin-bottom: 0.5rem;
 		.sapMGTTInfo{
@@ -815,8 +813,8 @@ html.sap-desktop .sapMGT:focus:not([tabindex]) {
 		border-radius: 50%;
 		padding: 0px;
 		position: absolute;
-		top: -0.5rem;
-		right: -0.5rem;
+		top: -0.375rem;
+		right: -0.375rem;
 		z-index: 3; // Remark: If increased, this will break FLP footer visualization.
 		background-color: @sapUiButtonBackground;
 		color: @sapUiButtonTextColor;
@@ -1183,6 +1181,12 @@ html.sap-desktop .sapMGT:focus:not([tabindex]) {
 	text-align: start;
 }
 
+.sapMGT.sapMGTScopeActions.sapMGTLineMode.sapMGTFailed,.sapMGT.sapMGTScopeSingleAction.sapMGTLineMode.sapMGTFailed {
+	.sapMBtn.sapMGTRemoveButton {
+		opacity: 1 !important;
+	}
+}
+
 /* COMPACT */
 .sapUiMedia-GenericTileDeviceSet-small {
 	&.sapUiSizeCompact, .sapUiSizeCompact {
@@ -1287,7 +1291,7 @@ html.sap-desktop .sapMGT:focus:not([tabindex]) {
 
 	.sapMGTLineMode.sapMGTScopeSingleAction {
 		.sapMGTHdrTxt:last-of-type, .sapMGTSubHdrTxt {
-			padding-right: 1rem;
+			padding-right: 1.3rem;
 		}
 	}
 
@@ -1543,7 +1547,7 @@ html[data-sap-ui-browser*='ff'] {
 
 					.sapMImageContentImageIcon {
 						height: 100%;
-						max-height: 2rem;
+						max-height: 1.75rem;
 					  }
 				}
 				.sapMTileCntContent > div:first-child {
@@ -1615,7 +1619,6 @@ html[data-sap-ui-browser*='ff'] {
 .TwoByOne.sapMGTActionMode {
 	height: 10.5rem;
 	width: 20rem;
-	overflow: hidden;
 	box-shadow: @sapContent_Shadow0;
 	.sapMGTTitle {
 		font-weight: bold;
@@ -2226,4 +2229,5 @@ html[data-sap-ui-browser*='ff'] {
 
 html.sap-desktop .sapMGT.sapMGTTwoByHalf.sapMGTIconMode.HighContrastTile:not(.sapMGTStateDisabled):hover {
 	box-shadow: 0 0 0 0.188rem @sapUiContentShadowColor inset;
+	border: none;
 }

package/src/sap/m/themes/base/IllustratedMessage.less

@@ -24,6 +24,13 @@
 		font-size: @sapMFontMediumSize;
 	}
 
+	&.sapMIllustratedMessageScalable {
+		height: 100%;
+		display: flex;
+		align-items: center;
+		flex-direction: column;
+	}
+
 	&.sapMIllustratedMessage-Base {
 		figcaption {
 			max-width: 10rem;

package/src/sap/m/themes/base/LightBox.less

@@ -126,18 +126,6 @@ html[data-sap-ui-browser^='sf'] .sapMLightBox {
 	padding-right: 0.25rem;
 }
 
-.sapMTitle.sapMLightBoxTitle {
-  color: @sapUiBaseText;
-  font-family: @_sap_m_LightBox_FontFamily;
-  font-size: @sapMFontMediumSize;
-}
-
-.sapMLabel.sapMLightBoxSubtitle  {
-  color: @sapUiContentLabelColor;
-  font-family: @sapUiFontFamily;
-  font-size: @sapMFontMediumSize;
-}
-
 .sapMTitle.sapMLightBoxTitle,
 .sapMLabel.sapMLightBoxSubtitle {
 	white-space: nowrap;

package/src/sap/m/themes/base/MessageBox.less

@@ -12,12 +12,13 @@
 @_sap_m_MessageBox_QuestionShadow: @_sap_m_MessageBox_HeaderShadow @sapUiContentHeaderShadow;
 
 .sapMMessageBoxLinkText {
-	margin-top: 1rem;
-	float: left;
+	vertical-align: bottom;
 }
 
+.sapMMessageBoxLinkText,
+.sapMMessageBoxErrorText,
 .sapMMessageBoxDetails {
-	padding-top: 1rem;
+	margin-top: 1rem;
 }
 
 .sapMDialog.sapMMessageBoxInfo .sapMDialogIcon.sapUiIcon {

package/src/sap/m/themes/base/NumericContent.less

@@ -55,7 +55,7 @@ td .sapMNCValue.WithoutMargin {
 	font-family: @sapUiFontHeaderFamily;
 	font-size: 1.75rem;
 	font-weight: @sapUiFontHeaderWeight;
-	color: @sapUiTileIconColor;
+	color: @sapTile_IconColor;
 
 	&.sapMNCLargeFontSize:before {
 		padding-bottom: 0.25rem;

package/src/sap/m/themes/base/ObjectNumber.less

@@ -5,6 +5,11 @@
 
 @sapMONInformativeElement: @sapUiInformativeElement;
 
+.sapMObjectNumberLarge .sapMObjectNumberText,
+.sapMObjectNumberLarge .sapMObjectNumberUnit {
+	font-size: 1.5rem;
+}
+
 .sapMObjectNumber {
 	display: block;
 	white-space: normal;

package/src/sap/m/themes/base/ObjectStatus.less

@@ -82,7 +82,8 @@
 }
 
 .sapMObjStatusText {
-	word-break: break-word;
+	word-break: normal;
+	overflow-wrap: break-word;
 }
 
 .sapMObjStatus > .sapMObjStatusTitle {

package/src/sap/m/themes/base/OverflowToolbarAssociativePopover.less

@@ -97,8 +97,12 @@
 	&.sapMPopover .sapMPopoverCont .sapMPopoverScroll {
 	  padding: 0.1875rem 0.375rem;
 	}
-  }
 
+	.sapMBtnInner.sapMBtnIconFirst:not(.sapMBtnBack) {
+	  padding-left: 0.5rem;
+	  padding-right: 0.5rem;
+	}
+  }
 }
 
 /* Phone mode overrides */

package/src/sap/m/themes/base/ProgressIndicator.less

@@ -145,10 +145,6 @@
 	display: inline-block;
 }
 
-.sapMPIAnimate .sapMPIText {
-	display: none;
-}
-
 /* Progress Indicator Bar */
 .sapMPIValueMax .sapMPIBar {
 	border-top-right-radius: 0.5rem;

package/src/sap/m/themes/base/Select.less

@@ -334,9 +334,7 @@
 /* table context                  */
 /* ------------------------------ */
 
-.sapUiTableCell .sapMSlt,
-.sapUiSizeCondensed .sapUiTableCell .sapMSlt,
-.sapUiSizeCompact .sapUiTableCell .sapMSlt {
+.sapUiSizeCondensed .sapUiTableCell .sapMSlt {
 	margin: 0;
 }
 

package/src/sap/m/themes/base/SelectList.less

@@ -33,11 +33,6 @@
 	background: @sapUiListBackground;
 }
 
-.sapMSelectListTableLayout {
-	display: table;
-	border-collapse: collapse;
-}
-
 /* ------------------------------ */
 /* item                           */
 /* ------------------------------ */

package/src/sap/m/themes/base/SinglePlanningCalendarGrid.less

@@ -597,6 +597,13 @@ html.sap-desktop {
 			background-color: fade(@bcolor, 90%);
 		}
 	}
+	//Special Dates
+	.sapMSinglePCGrid .@{iitemtypeclass} {
+		//day view
+		.sapMSinglePCBlockersColumn {
+			box-shadow: inset 0 0.25rem 0 @color;
+		}
+	}
 }
 
 .calendarRowTypeColorMixIn(sapUiCalendarAppType01, sapUiCalItemType01, @_sap_m_SinglePlanningCalendar_sapUiCalendarAppType01, @_sap_m_SinglePlanningCalendar_sapUiCalendarAppBackgroundType01);

package/src/sap/m/themes/base/SlideTile.less

@@ -36,6 +36,7 @@
 				bottom: 0.6rem;
 				left: 0.9rem;
 				border: 0;
+				color: @sapButton_Lite_TextColor;
 			}
 			&:focus {
 				outline: none;
@@ -209,13 +210,13 @@ html.sap-tablet .sapMGTHvrOutln:active {
 	height: 2rem;
 	width: 2rem;
 	z-index: 1;
-	opacity: 0.3;
+	opacity: 0.6;
 	overflow: hidden;
 	border-radius: 50%;
 }
 
 html.sap-desktop .sapMST .sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea {
-	opacity: 0.6;
+	opacity: 0.8;
 }
 
 
@@ -232,8 +233,8 @@ html.sap-desktop .sapMST.sapMSTIconPressed .sapMSTIconClickTapArea:hover ~.sapMS
 	position: absolute;
 
 	.sapUiIcon {
-      width: 2rem;
-      line-height: inherit;
+		width: 2rem;
+		line-height: inherit;
 	}
 }
 

package/src/sap/m/themes/base/StandardListItem.less

@@ -174,6 +174,7 @@ html[dir=rtl] .sapMSLIInfo {
 .sapMSLIInfo.sapMSLIInfoStateInverted {
 	padding: 0.0625rem 0.25rem;
 	text-align: center;
+	text-shadow: @sapContent_ContrastTextShadow;
 }
 
 .sapMSLIInfoStateInverted.sapMSLIInfoNone {

package/src/sap/m/themes/base/Table.less

@@ -107,7 +107,7 @@ tr.sapMListTblHeaderNone > .sapMTableTH {
 .sapMListTblSubCntSpr,
 .sapMListTblSubCntHdr,
 .sapMListTblSubCntVal {
-	display: inline;
+	display: inline-flex;
 }
 
 .sapMListTblSubCntValBlock {
@@ -364,6 +364,11 @@ tr.sapMListTblHeaderNone > .sapMTableTH {
 	outline-color: @sapUiContentContrastFocusColor;
 }
 
+// Allows truncation of text within children of a flex item.
+.sapMColumnHeaderContent {
+	min-width: 0;
+}
+
 .sapMColumnHeaderActive:active > .sapMColumnHeaderContent {
 	color: @sapUiListActiveTextColor;
 }
@@ -386,6 +391,7 @@ tr.sapMListTblHeaderNone > .sapMTableTH {
 	align-self: center;
 	padding-left: 0.5rem;
 	padding-right: 0.5rem;
+	box-sizing: border-box;
 }
 
 [aria-sort=ascending] > .sapMColumnHeader::after {
@@ -460,6 +466,10 @@ html[data-sap-ui-browser^='ff'] .sapMTableRowCustomFocus:focus > :not(.sapMListT
 	.sapMObjStatus {
 		vertical-align: middle;
 		line-height: 1.4;
+
+		.sapMObjStatusText {
+			line-height: inherit;
+		}
 	}
 }
 

package/src/sap/m/themes/base/TimePickerClock.less

@@ -152,6 +152,13 @@
 			transform: rotate(-@angle);
 		}
 	}
+
+	html[dir=rtl] .@{class} {
+		transform: translate(-50%) rotate(-@angle);
+		.sapMTPCNumber {
+			transform: rotate(@angle);
+		}
+	}
 }
 
 .sapMTPNow {

package/src/sap/m/themes/base/Title.less

@@ -43,7 +43,7 @@
 }
 
 .sapMTB-Transparent-CTX > .sapMTitleTB.sapMTitleStyleAuto {
-	font-size: @sapMFontHeader4Size;
+	font-size: @sapUiGroupTitleFontSize;
 }
 
 /* Level H1 */

package/src/sap/m/upload/UploadSet.js

@@ -6,7 +6,6 @@
 
 sap.ui.define([
 	"sap/ui/core/Control",
-	"sap/ui/core/Icon",
 	"sap/ui/events/KeyCodes",
 	"sap/base/Log",
 	"sap/base/util/deepEqual",
@@ -27,9 +26,13 @@ sap.ui.define([
 	"sap/ui/core/dnd/DragDropInfo",
 	"sap/ui/core/dnd/DropInfo",
 	"sap/m/library",
-	"sap/m/upload/UploadSetToolbarPlaceholder"
-], function (Control, Icon, KeyCodes, Log, deepEqual, MobileLibrary, Button, Dialog, List, MessageBox, OverflowToolbar,
-			 StandardListItem, Text, ToolbarSpacer, FileUploader, UploadSetItem, Uploader, Renderer, UploaderHttpRequestMethod, DragDropInfo, DropInfo, Library, UploadSetToolbarPlaceholder) {
+	"sap/m/upload/UploadSetToolbarPlaceholder",
+	"sap/m/IllustratedMessage",
+	"sap/m/IllustratedMessageType",
+	"sap/m/IllustratedMessageSize"
+], function (Control, KeyCodes, Log, deepEqual, MobileLibrary, Button, Dialog, List, MessageBox, OverflowToolbar,
+			 StandardListItem, Text, ToolbarSpacer, FileUploader, UploadSetItem, Uploader, Renderer, UploaderHttpRequestMethod,
+			DragDropInfo, DropInfo, Library, UploadSetToolbarPlaceholder, IllustratedMessage,IllustratedMessageType, IllustratedMessageSize) {
 	"use strict";
 
 	/**
@@ -43,7 +46,7 @@ sap.ui.define([
 	 * and requests, unified behavior of instant and deferred uploads, as well as improved progress indication.
 	 * @extends sap.ui.core.Control
 	 * @author SAP SE
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 * @constructor
 	 * @public
 	 * @since 1.63
@@ -83,6 +86,14 @@ sap.ui.define([
 				 * Defines custom text for the 'No data' description label.
 				 */
 				noDataDescription: {type: "string", defaultValue: null},
+				/**
+				 * Defines custom text for the 'No data' text label.
+				 */
+				 dragDropText: {type: "string", defaultValue: null},
+				 /**
+				  * Defines custom text for the 'No data' description label.
+				  */
+				 dragDropDescription: {type: "string", defaultValue: null},
 				/**
 				 * Defines whether the upload process should be triggered as soon as the file is added.<br>
 				 * If set to <code>false</code>, no upload is triggered when a file is added.
@@ -156,7 +167,12 @@ sap.ui.define([
 				/**
 				 * Defines the uploader to be used. If not specified, the default implementation is used.
 				 */
-				uploader: {type: "sap.m.upload.Uploader", multiple: false}
+				uploader: {type: "sap.m.upload.Uploader", multiple: false},
+				/**
+			 	 * An illustrated message is displayed when no data is loaded or provided
+				 * @private
+				 */
+				 _illustratedMessage: { type: "sap.m.IllustratedMessage", multiple: false, visibility: "hidden" }
 			},
 			events: {
 				/**
@@ -462,14 +478,12 @@ sap.ui.define([
 		this._oRb = sap.ui.getCore().getLibraryResourceBundle("sap.m");
 
 		this._oList = null;
-		this._oNoDataIcon = new Icon(this.getId() + "-no-data-icon", {
-			src: "sap-icon://document",
-			size: "6rem",
-			noTabStop: true
-		});
 		this._oEditedItem = null;
 		this._oItemToBeDeleted = null;
 		this._mListItemIdToItemMap = {};
+		this._oUploadButton = null;
+		this._oDragIndicator = false;
+		this._bAttachEventListener = false;
 
 		// Drag&drop
 		this._$Body = null;
@@ -479,11 +493,16 @@ sap.ui.define([
 		this._aGroupHeadersAdded = [];
 		this._iFileUploaderPH = null;
 		this._oItemToUpdate = null;
+		var illustratedMessage = new IllustratedMessage({
+				illustrationType: IllustratedMessageType.NoData,
+				illustrationSize: IllustratedMessageSize.Auto,
+				title: this.getNoDataText(),
+				description: this.getNoDataDescription()
+			});
+		this.setAggregation("_illustratedMessage", illustratedMessage);
 	};
 
 	UploadSet.prototype.exit = function () {
-		this._oNoDataIcon.destroy();
-		this._oNoDataIcon = null;
 		if (this._oList) {
 			this._oList.destroy();
 			this._oList = null;
@@ -607,6 +626,18 @@ sap.ui.define([
 		return sNoDataDescription;
 	};
 
+	UploadSet.prototype.getDragDropText = function () {
+		var sDragDropText = this.getProperty("dragDropText");
+		sDragDropText = sDragDropText || this._oRb.getText("IllustratedMessage_TITLE_UploadCollection");
+		return sDragDropText;
+	};
+
+	UploadSet.prototype.getDragDropDescription = function () {
+		var sDragDropDescription = this.getProperty("dragDropDescription");
+		sDragDropDescription = sDragDropDescription || this._oRb.getText("IllustratedMessage_DESCRIPTION_UploadCollection");
+		return sDragDropDescription;
+	};
+
 	UploadSet.prototype.setToolbar = function (oToolbar) {
 		this.setAggregation("toolbar", oToolbar);
 		this.getToolbar();
@@ -788,6 +819,42 @@ sap.ui.define([
 		return this;
 	};
 
+	UploadSet.prototype._getIllustratedMessage = function () {
+		var oAggregation = this.getAggregation("_illustratedMessage");
+		if (oAggregation) {
+			if (this._getDragIndicator()) {
+				oAggregation.setIllustrationType(IllustratedMessageType.UploadCollection);
+				oAggregation.setTitle(this.getDragDropText());
+				oAggregation.setDescription(this.getDragDropDescription());
+				oAggregation.removeAllAdditionalContent();
+			} else {
+				oAggregation.setIllustrationType(IllustratedMessageType.NoData);
+				oAggregation.setTitle(this.getNoDataText());
+				oAggregation.setDescription(this.getNoDataDescription());
+				oAggregation.addAdditionalContent(this.getUploadButtonForIllustratedMessage());
+			}
+		}
+		return oAggregation;
+	};
+
+	UploadSet.prototype.getUploadButtonForIllustratedMessage = function () {
+		if (!this._oUploadButton) {
+			this._oUploadButton = new Button({
+				id: this.getId() + "-uploadButton",
+				type: MobileLibrary.ButtonType.Standard,
+				visible: this.getUploadEnabled(),
+				text: this._oRb.getText("UPLOADCOLLECTION_UPLOAD"),
+				ariaDescribedBy: this.getAggregation("_illustratedMessage").getId(),
+				press: function () {
+					var FileUploader = this.getDefaultFileUploader();
+					FileUploader.$().find("input[type=file]").trigger("click");
+				}.bind(this)
+			});
+		}
+
+		return this._oUploadButton;
+	};
+
 	/* ============== */
 	/* Public methods */
 	/* ============== */
@@ -838,6 +905,15 @@ sap.ui.define([
 	UploadSet.prototype._onDragEnterFile = function (oEvent) {
 		var oDragSession = oEvent.getParameter("dragSession");
 		var oDraggedControl = oDragSession.getDragControl();
+		if (!this._bAttachEventListener) {
+            window.addEventListener("focus", function() {
+                this._oDragIndicator = false;
+                this._getIllustratedMessage();
+            }.bind(this), true);
+            this._bAttachEventListener = true;
+        }
+		this._oDragIndicator = true;
+        this._getIllustratedMessage();
 		if (oDraggedControl) {
 			oEvent.preventDefault();
 		}
@@ -845,6 +921,8 @@ sap.ui.define([
 
 	UploadSet.prototype._onDropFile = function (oEvent) {
 		var oFiles;
+		this._oDragIndicator = false;
+		this._getIllustratedMessage();
 		oEvent.preventDefault();
 		if (this.getUploadEnabled()) {
 			oFiles = oEvent.getParameter("browserEvent").dataTransfer.files;
@@ -859,6 +937,10 @@ sap.ui.define([
 		}
 	};
 
+	UploadSet.prototype._getDragIndicator = function () {
+		return this._oDragIndicator;
+	};
+
 	/**
 	 * Starts uploading all files that comply with the restrictions defined in the <code>fileTypes</code>,
 	 * <code>maxFileNameLength</code>, <code>maxFileSize</code>, and <code>mediaTypes</code> properties.
@@ -955,7 +1037,7 @@ sap.ui.define([
 
 	/**
 	 * Retrieves the currently selected UploadSetItem.
-	 * @returns {sap.m.upload.UploadSetItem | null} The currently selected item or null
+	 * @returns {sap.m.upload.UploadSetItem | null} The currently selected item or <code>null</code>
 	 * @public
 	 * @since 1.100.0
 	 */
@@ -1012,6 +1094,7 @@ sap.ui.define([
 	 * Opens the FileUploader dialog. When an UploadSetItem is provided, this method can be used to update a file with a new version.
 	 * @param {sap.m.UploadSetItem} item The UploadSetItem to update with a new version. This parameter is mandatory.
 	 * @returns {this} this to allow method chaining
+	 * @since 1.103.0
 	 * @public
 	 */
 	 UploadSet.prototype.openFileDialog = function(item) {
@@ -1635,4 +1718,4 @@ sap.ui.define([
 		this._oToolbar.insertContent(fileUploader, this._iFileUploaderPH);
 	};
 	return UploadSet;
-});
+});

package/src/sap/m/upload/UploadSetItem.js

@@ -36,7 +36,7 @@ sap.ui.define([
 	 * @class Item that represents one file to be uploaded using the {@link sap.m.upload.UploadSet} control.
 	 * @extends sap.ui.core.Element
 	 * @author SAP SE
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 * @constructor
 	 * @public
 	 * @since 1.63
@@ -352,8 +352,8 @@ sap.ui.define([
 			// Below we handle change of icon case for existing uploadSetItem.For creation of uploadSetItem icon is created using _getIcon method.
 			if (this._oListItem && sUrl) {
 				for (var i = 0; i < this._oListItem.getContent().length; i++) {
-					if (this._oListItem.getContent()[i] instanceof sap.ui.core.Icon || this._oListItem.getContent()[i] instanceof sap.m.Image) {
-						var oItem = this._oListItem.getContent()[i];
+					var oItem = this._oListItem.getContent()[i];
+					if (oItem && oItem.isA(["sap.ui.core.Icon", "sap.m.Image"])) {
 						this._oListItem.removeContent(oItem);
 						if (this._oIcon) {
 							this._oIcon.destroy();
@@ -460,6 +460,18 @@ sap.ui.define([
 		return this._isRestricted();
 	};
 
+	/**
+	 * Returns edit state of the item.
+	 *
+	 * @public
+         * @since 1.104.0
+	 * @returns {boolean} edit state of uploadSetItem
+	 *
+	 */
+	UploadSetItem.prototype.getEditState = function () {
+		return this._bInEditMode;
+	};
+
 	/* ============== */
 	/* Event handlers */
 	/* ============== */
@@ -699,7 +711,7 @@ sap.ui.define([
 	 * Retrieves the sap.m.ListItem from the internal sap.m.List based on the ID
 	 * @param {string} listItemId The item ID used for finding the UploadSetItem
 	 * @param {sap.m.ListItemBase[]} listItems The array of list items to search in
-	 * @returns {sap.m.UploadSetItem} The matching UploadSetItem or null if none is found
+	 * @returns {sap.m.UploadSetItem|null} The matching UploadSetItem or null if none is found
 	 * @private
 	 */
 	UploadSetItem._findById = function(listItemId, listItems) {

package/src/sap/m/upload/UploadSetRenderer.js

@@ -54,29 +54,21 @@ sap.ui.define([
 
 	UploadSetRenderer.renderNoData = function(oRm, oControl) {
 		var oUploadSet = oControl.getParent();
+		oUploadSet.fnOriginalRenderDummyArea = oUploadSet.getList().getRenderer().renderDummyArea;
+		oUploadSet.getList().getRenderer().renderDummyArea = oUploadSet.getRenderer().renderDummyArea;
 		oRm.openStart("li", oUploadSet.getList().getId("nodata"));
 		oRm.attr("tabindex", 0);
 		oRm.class("sapMLIB").class("sapMUCNoDataPage");
 		ListItemBaseRenderer.addFocusableClasses.call(ListItemBaseRenderer, oRm);
 		oRm.openEnd();
-
-		oRm.renderControl(oUploadSet._oNoDataIcon);
-
-		oRm.openStart("div", oUploadSet.getId() + "-no-data-text");
-		oRm.class("sapMUCNoDataText");
-		oRm.openEnd();
-		oRm.text(oUploadSet.getNoDataText());
-		oRm.close("div");
-
-		if (oUploadSet.getUploadEnabled()) {
-			oRm.openStart("div" , oUploadSet.getId() + "-no-data-description");
-			oRm.class("sapMUCNoDataDescription");
-			oRm.openEnd();
-			oRm.text(oUploadSet.getNoDataDescription());
-			oRm.close("div");
-		}
+		oRm.renderControl(oUploadSet._getIllustratedMessage());
 		oRm.close("li");
 	};
 
+	UploadSetRenderer.renderDummyArea = function(oRm, oControl, sAreaId, iTabIndex) {
+		var oUploadSet = oControl.getParent();
+		oUploadSet.getList().getRenderer().renderDummyArea = oUploadSet.fnOriginalRenderDummyArea;
+	};
+
 	return UploadSetRenderer;
 });

package/src/sap/m/upload/UploadSetToolbarPlaceholder.js

@@ -22,10 +22,11 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 *
 	 * @constructor
 	 * @public
+	 * @since 1.103.0
 	 * @alias sap.m.upload.UploadSetToolbarPlaceholder
 	 */