@openui5/sap.m 1.103.1 → 1.104.0

package/src/sap/m/semantic/SemanticPage.js

@@ -109,7 +109,7 @@ function(
 	 * @abstract
 	 *
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.104.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/semantic/SemanticSelect.js

@@ -19,7 +19,7 @@ sap.ui.define(['sap/m/semantic/SemanticControl', 'sap/m/Select', "sap/base/Log"]
 	 * @abstract
 	 *
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.104.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/semantic/SemanticToggleButton.js

@@ -29,7 +29,7 @@ sap.ui.define([
 	 * @abstract
 	 *
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.104.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/semantic/SendEmailAction.js

@@ -19,7 +19,7 @@ sap.ui.define(['sap/m/semantic/SemanticButton'], function(SemanticButton) {
 	 * @extends sap.m.semantic.SemanticButton
 	 *
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.104.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/semantic/SendMessageAction.js

@@ -19,7 +19,7 @@ sap.ui.define(['sap/m/semantic/SemanticButton'], function(SemanticButton) {
 	 * @extends sap.m.semantic.SemanticButton
 	 *
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.104.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/semantic/ShareInJamAction.js

@@ -19,7 +19,7 @@ sap.ui.define(['sap/m/semantic/SemanticButton'], function(SemanticButton) {
 	 * @extends sap.m.semantic.SemanticButton
 	 *
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.104.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/semantic/ShareMenu.js

@@ -48,7 +48,7 @@ sap.ui.define([
 	 * ShareMenu is a special menu that is represented by (1) an actionSheet with the menu items and (2) a button that opens the actionSheet.
 	 * If the menu has only one item, then that item appears in place of the button that opens the actionSheet.
 	 *
-	 * @version 1.103.1
+	 * @version 1.104.0
 	 * @private
 	 * @since 1.30.0
 	 * @alias sap.m.semantic.ShareMenu

package/src/sap/m/semantic/ShareMenuPage.js

@@ -22,7 +22,7 @@ sap.ui.define(["sap/m/semantic/SemanticPage", "sap/m/semantic/SemanticConfigurat
 	 * @extends sap.m.semantic.SemanticPage
 	 *
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.104.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/semantic/SortAction.js

@@ -25,7 +25,7 @@ sap.ui.define(['sap/m/semantic/SemanticButton'], function(SemanticButton) {
 	 * @implements sap.m.semantic.ISort
 	 *
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.104.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/semantic/SortSelect.js

@@ -24,7 +24,7 @@ sap.ui.define(['sap/m/semantic/SemanticSelect'], function(SemanticSelect) {
 	 * @implements sap.m.semantic.ISort
 	 *
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.104.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/table/Util.js

@@ -18,7 +18,7 @@ sap.ui.define([
 	 * @namespace
 	 * @alias module:sap/m/table/Util
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.104.0
 	 * @since 1.96.0
 	 * @private
 	 * @experimental Since 1.96.0. This class is experimental and the API might be changed in future.
@@ -147,7 +147,7 @@ sap.ui.define([
 	 * Calculates the width of the column header width according to calculated cell content and min/max width restrictions.
 	 *
 	 * @param {string} sHeader The header text
-	 * @param {float} fContentWidth The calculated width of the cell in rem
+	 * @param {float} [fContentWidth] The calculated width of the cell in rem
 	 * @param {int} [iMaxWidth=19] The maximum header width in rem
 	 * @param {int} [iMinWidth=2] The minimum header width in rem
 	 * @returns {float} The calculated header width in rem
@@ -175,6 +175,9 @@ sap.ui.define([
 			if (iMinWidth > iHeaderLength) {
 				return iMinWidth;
 			}
+			if (!fContentWidth) {
+				return Util.measureText(sHeader, fnGetHeaderFont());
+			}
 
 			fContentWidth = Math.max(fContentWidth, iMinWidth);
 			if (fContentWidth > iHeaderLength) {
@@ -203,6 +206,7 @@ sap.ui.define([
 	 * @param {int} [mSettings.maxWidth=19] The maximum content width of the field in rem
 	 * @param {int} [mSettings.padding=1] The sum of column padding and border in rem
 	 * @param {float} [mSettings.gap=0] The additional content width in rem
+	 * @param {boolean} [mSettings.truncateLabel=true] Whether the header of the column can be truncated or not
 	 * @param {boolean} [mSettings.verticalArrangement=false] Whether the fields are arranged vertically
 	 * @param {int} [mSettings.defaultWidth=8] The default column content width when type check fails
 	 * @returns {string} The calculated width of the column
@@ -219,6 +223,7 @@ sap.ui.define([
 			minWidth: 2,
 			maxWidth: 19,
 			defaultWidth: 8,
+			truncateLabel: true,
 			padding: 1,
 			gap: 0,
 			verticalArrangement: false
@@ -246,7 +251,7 @@ sap.ui.define([
 		}, 0);
 
 		if (sHeader) {
-			fHeaderWidth = Util.calcHeaderWidth(sHeader, fContentWidth, iMaxWidth, iMinWidth);
+			fHeaderWidth = Util.calcHeaderWidth(sHeader, (mSettings.truncateLabel ? fContentWidth : 0), iMaxWidth, iMinWidth);
 		}
 
 		fContentWidth = Math.max(iMinWidth, fContentWidth, fHeaderWidth);

package/src/sap/m/table/columnmenu/ActionItem.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.ItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.104.0
 	 *
 	 * @private
 	 * @experimental

package/src/sap/m/table/columnmenu/Entry.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.104.0
 	 *
 	 * @private
 	 * @experimental

package/src/sap/m/table/columnmenu/Item.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.ItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.104.0
 	 *
 	 * @private
 	 * @experimental

package/src/sap/m/table/columnmenu/ItemBase.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.Entry
 	 *
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.104.0
 	 *
 	 * @private
 	 * @experimental

package/src/sap/m/table/columnmenu/Menu.js

@@ -55,6 +55,9 @@ sap.ui.define([
 	// shortcut for sap.ui.core.aria.HasPopup
 	var HasPopup = coreLibrary.aria.HasPopup;
 
+	// shortcut for sap.ui.core.VerticalAlign
+	var VerticalAlign = coreLibrary.VerticalAlign;
+
 	/**
 	 * Constructor for a new Menu.
 	 *
@@ -75,7 +78,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.104.0
 	 *
 	 * @private
 	 * @experimental
@@ -278,6 +281,9 @@ sap.ui.define([
 	};
 
 	function isInControlTree(oParent, oChild) {
+		if (!oParent || !oChild) {
+			return false;
+		}
 		var temp = oChild.getParent();
 		if (!temp) {
 			return false;
@@ -539,7 +545,7 @@ sap.ui.define([
 			var oLabel = new Label({
 				text: oEffectiveQuickAction.getLabel(),
 				layoutData: oGridData,
-				vAlign: sap.ui.core.VerticalAlign.Middle,
+				vAlign: VerticalAlign.Middle,
 				wrapping: true
 			}).setWidth("100%");
 			oLabel.addStyleClass("sapMTCMenuQALabel");

package/src/sap/m/table/columnmenu/QuickAction.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionBase
 	 *
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.104.0
 	 *
 	 * @private
 	 * @since 1.99

package/src/sap/m/table/columnmenu/QuickActionBase.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.Entry
 	 *
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.104.0
 	 *
 	 * @private
 	 * @experimental

package/src/sap/m/table/columnmenu/QuickActionItem.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.Entry
 	 *
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.104.0
 	 *
 	 * @private
 	 * @experimental

package/src/sap/m/table/columnmenu/QuickGroup.js

@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionBase
 	 *
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.104.0
 	 *
 	 * @private
 	 * @experimental
@@ -127,6 +127,26 @@ sap.ui.define([
 		}
 	};
 
+	QuickGroup.prototype._updateContent = function() {
+		var aItems = this.getItems();
+		var aContent = this.getContent();
+		var oItem, oButton;
+
+		for (var i = 0; i < aItems.length; i++) {
+			oItem = aItems[i];
+			oButton = aContent[i];
+			if (!oButton) {
+				oButton = new ToggleButton({press: [oItem, this.onChange, this]});
+			}
+			oButton.setText(oItem.getLabel());
+			oButton.setPressed(oItem.getGrouped());
+		}
+
+		for (var i = aItems.length; i < aContent.length; i++) {
+			aContent[i].destroy();
+		}
+	};
+
 	QuickGroup.prototype.onChange = function(oEvent, oItem) {
 		oItem.setProperty("grouped", oEvent.getParameters().pressed, true);
 		this.fireChange({item: oItem});

package/src/sap/m/table/columnmenu/QuickGroupItem.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionItem
 	 *
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.104.0
 	 *
 	 * @private
 	 * @experimental
@@ -43,5 +43,17 @@ sap.ui.define([
 		}
 	});
 
+	/*
+	 * @see JSDoc generated by SAPUI5 control API generator
+	 */
+	QuickGroupItem.prototype.setGrouped = function(bGrouped) {
+		this.setProperty("grouped", bGrouped);
+
+		var oQuickGroup = this.getParent();
+		if (oQuickGroup) {
+			oQuickGroup._updateContent();
+		}
+	};
+
 	return QuickGroupItem;
 });

package/src/sap/m/table/columnmenu/QuickSort.js

@@ -25,7 +25,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionBase
 	 *
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.104.0
 	 *
 	 * @private
 	 * @experimental

package/src/sap/m/table/columnmenu/QuickSortItem.js

@@ -34,7 +34,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionItem
 	 *
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.104.0
 	 *
 	 * @private
 	 * @experimental

package/src/sap/m/table/columnmenu/QuickTotal.js

@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionBase
 	 *
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.104.0
 	 *
 	 * @private
 	 * @experimental
@@ -127,6 +127,26 @@ sap.ui.define([
 		}
 	};
 
+	QuickTotal.prototype._updateContent = function() {
+		var aItems = this.getItems();
+		var aContent = this.getContent();
+		var oItem, oButton;
+
+		for (var i = 0; i < aItems.length; i++) {
+			oItem = aItems[i];
+			oButton = aContent[i];
+			if (!oButton) {
+				oButton = new ToggleButton({press: [oItem, this.onChange, this]});
+			}
+			oButton.setText(oItem.getLabel());
+			oButton.setPressed(oItem.getTotaled());
+		}
+
+		for (var i = aItems.length; i < aContent.length; i++) {
+			aContent[i].destroy();
+		}
+	};
+
 	QuickTotal.prototype.onChange = function(oEvent, oItem) {
 		oItem.setProperty("totaled", oEvent.getParameters().pressed, true);
 		this.fireChange({item: oItem});

package/src/sap/m/table/columnmenu/QuickTotalItem.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionItem
 	 *
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.104.0
 	 *
 	 * @private
 	 * @experimental
@@ -43,5 +43,17 @@ sap.ui.define([
 		}
 	});
 
+	/*
+	 * @see JSDoc generated by SAPUI5 control API generator
+	 */
+	QuickTotalItem.prototype.setTotaled = function(bTotaled) {
+		this.setProperty("totaled", bTotaled);
+
+		var oQuickTotal = this.getParent();
+		if (oQuickTotal) {
+			oQuickTotal._updateContent();
+		}
+	};
+
 	return QuickTotalItem;
 });

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

@@ -121,6 +121,12 @@
 	max-width: 100%;
 }
 
+.sapMOTB .sapMBreadcrumbs .sapMBreadcrumbsItem:last-child {
+	flex-basis: 2.5rem;
+	flex-grow: 1;
+	overflow: hidden;
+}
+
 /* prevent Breadcrumbs with long text from causing a horizontal scrollbar in OTB Menu */
 .sapMOverflowToolbarMenu-CTX .sapMBreadcrumbs {
 	max-width: 90vw;

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

@@ -153,6 +153,7 @@ html[dir="rtl"] .sapMCb {
 .sapMCbBg > input {
 	left: 0;
 	-webkit-appearance: none;
+	position: absolute;
 	visibility: hidden;
 }
 

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

@@ -121,6 +121,7 @@ html.sap-desktop .sapMDialog {
 	html[data-sap-ui-browser^="sf"] & .sapMDialogSection {
 		/* For Safari - allow the vertical scroll bar to overlap the right padding which we use to compensate for its width. This happens by default for other browsers. */
 		overflow-y: overlay !important;
+		padding-right: 0px !important;
 	}
 }
 

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

@@ -41,9 +41,10 @@
 	text-overflow: ellipsis;
 	padding-left: 1rem;
 	padding-top: 0.875rem;
-	font-size: 2.5rem;
+	font-size: 2.25rem;
 	line-height: 3rem;
-	max-width: 20.5rem;
+	max-width: 10.25rem;
+	min-width: 3rem;
 	float: right;
 	font-family: @sapUiFontHeaderFamily;
 	font-weight: @sapUiFontHeaderWeight;
@@ -58,10 +59,16 @@
 }
 
 .sapMFCCTxt .sapMText {
-	font-size: @sapMFontSmallSize;
+	font-size: @sapFontSize;
 	color: @sapUiTileTitleTextColor;
 }
 
+.sapMGT.TwoByOne.sapMTileSmallPhone{
+	.sapMFCCTxt .sapMText {
+		font-size: @sapFontSmallSize;
+	}
+}
+
 .sapMFCValue.Neutral {
 	color: @sapUiNeutralText;
 }
@@ -103,9 +110,10 @@ html.sap-desktop .sapMFC:focus:not([tabindex]) {
 
 	.sapMFCValue {
 		padding-top: 1.188rem;
-		padding-left: 0.5rem;
+		padding-left: 0.4rem;
 		font-size: 2rem;
 		line-height: 2.25rem;
-		max-width: 17.75rem;
+		max-width: 8.25rem;
+		min-width: 2.5rem
 	}
 }

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

@@ -133,6 +133,16 @@
 		}
 	}
 }
+.sapMGT.OneByOne.sapMTileSmallPhone.sapMGTStateLoading{
+	.sapMGTContentShimmerPlaceholderItem {
+		.sapMGTContentShimmerPlaceholderItemHeader {
+			width: 7.25rem;
+		}
+		.sapMGTContentShimmerPlaceholderItemText {
+			width: 5.875rem;
+		}
+	}
+}
 
 .sapMGTContentShimmerPlaceholderItemOneByOne {
 	padding: 1rem 1rem 0 1rem;
@@ -322,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;
@@ -342,9 +353,6 @@ border-radius: 0.25rem;
 				padding-left: 0.15rem;
 			}
 		}
-		.sapMGTMarginTop4px{
-			margin-top: 0.25rem;
-		}
 		.sapMGTAppAndSystemInfoDivider{
 			height: 0.25rem;
 		}
@@ -553,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{
@@ -805,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;
@@ -1173,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 {
@@ -1277,7 +1291,7 @@ html.sap-desktop .sapMGT:focus:not([tabindex]) {
 
 	.sapMGTLineMode.sapMGTScopeSingleAction {
 		.sapMGTHdrTxt:last-of-type, .sapMGTSubHdrTxt {
-			padding-right: 1rem;
+			padding-right: 1.3rem;
 		}
 	}
 
@@ -1533,7 +1547,7 @@ html[data-sap-ui-browser*='ff'] {
 
 					.sapMImageContentImageIcon {
 						height: 100%;
-						max-height: 2rem;
+						max-height: 1.75rem;
 					  }
 				}
 				.sapMTileCntContent > div:first-child {
@@ -1605,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;
@@ -1813,6 +1826,14 @@ html[data-sap-ui-browser*='ff'] {
 			}
 		}
 	}
+	&.sapMGTStateLoading{
+		.sapMTileCnt{
+			.sapMTileCntContentShimmerPlaceholderItem{
+				padding-top: 0;
+			}
+		}
+
+	}
 }
 
 .TwoByOne.sapMTileSmallPhone.sapMGTActionMode {
@@ -1830,6 +1851,14 @@ html[data-sap-ui-browser*='ff'] {
 			height: 8.6rem;
 		}
 	}
+	&.sapMGTStateLoading{
+		.sapMTileCnt{
+			.sapMTileCntContentShimmerPlaceholderItem{
+				padding-top: 2rem;
+			}
+		}
+
+	}
 }
 
 .sapMAutoPointer {
@@ -2200,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/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/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/SelectList.less

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