@openui5/sap.m 1.103.1 → 1.104.0

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;
@@ -99,6 +100,21 @@
 	}
 }
 
+.sapMST{
+	.sapMGT.sapMGTStateLoading{
+		.sapMTileCnt.News{
+			background-color: transparent;
+		}
+	}
+}
+
+.sapMST.sapMTileSmallPhone {
+	.sapMGT.sapMGTStateLoading.TwoByOne {
+		.sapMTileCntContentShimmerPlaceholderItemTextFooter{
+			width: 5.875rem;
+		}
+	}
+}
 .sapUiSizeCompact{
 	.sapMST {
 		.sapMSTMoreIcon {
@@ -194,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;
 }
 
 
@@ -217,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/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/TileContent.less

@@ -192,6 +192,18 @@ html[dir=rtl] .sapMTileCntFtrTxt {
 	}
 }
 .sapMGTStateLoading {
+	&.sapMTileSmallPhone:not(.sapMGTActionMode) {
+		.sapMTileCntContentShimmerPlaceholderWithDescription{
+			padding-top: 0;
+		}
+		.sapMTileCntContentShimmerPlaceholderItem {
+			.sapMTileCntContentShimmerPlaceholderRows {
+				.sapMTileCntContentShimmerPlaceholderItemTextFooter, .sapMTileCntContentShimmerPlaceholderItemBox {
+					top:0rem;
+				}
+			}
+		}
+	}
 	.sapMTileCntContentShimmerPlaceholderItem {
 		.sapMTileCntContentShimmerPlaceholderRows {
 			.sapMTileCntContentShimmerPlaceholderItemTextFooter, .sapMTileCntContentShimmerPlaceholderItemBox {
@@ -203,6 +215,11 @@ html[dir=rtl] .sapMTileCntFtrTxt {
 		padding: 1rem 0rem 0rem 0rem;
 	}
 }
+.sapMGT.sapMTileSmallPhone.sapMGTStateLoading.OneByOne {
+	.sapMTileCntContentShimmerPlaceholderItemTextFooter{
+		width: 5.875rem;
+	}
+}
 .sapMTileCntContentShimmerPlaceholderItem {
 	.sapMTileCntContentShimmerPlaceholderRows {
 		.sapMTileCntContentShimmerPlaceholderItemTextFooter, .sapMTileCntContentShimmerPlaceholderItemBox {

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.103.1
+	 * @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;
@@ -586,7 +605,8 @@ sap.ui.define([
 				if (this._oToolbar && this._iFileUploaderPH > -1) {
 					this._setFileUploaderInToolbar(this.getDefaultFileUploader());
 				} else if (this._oToolbar) {
-					this._oToolbar.insertContent(this.getDefaultFileUploader());
+					// fallback position to add file uploader control if UploadSetToolbarPlaceHolder instance not found
+					this._oToolbar.addContent(this.getDefaultFileUploader());
 				}
 			}
 		}
@@ -606,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();
@@ -787,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 */
 	/* ============== */
@@ -837,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();
 		}
@@ -844,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;
@@ -858,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.
@@ -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.103.1
+	 * @version 1.104.0
 	 * @constructor
 	 * @public
 	 * @since 1.63
@@ -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 */
 	/* ============== */

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,7 +22,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.104.0
 	 *
 	 * @constructor
 	 * @public