@openui5/sap.m 1.103.1 → 1.106.0

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

@@ -6,12 +6,12 @@
 
 sap.ui.define([
 	"sap/m/table/columnmenu/QuickActionBase",
-	"sap/m/HBox",
-	"sap/m/ToggleButton"
+	"sap/m/ToggleButton",
+	"sap/m/library"
 ], function (
 	QuickActionBase,
-	HBox,
-	ToggleButton
+	ToggleButton,
+	library
 ) {
 	"use strict";
 
@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionBase
 	 *
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.106.0
 	 *
 	 * @private
 	 * @experimental
@@ -127,11 +127,35 @@ 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});
 		this.getMenu().close();
 	};
 
+	QuickTotal.prototype.getCategory = function() {
+		return library.table.columnmenu.Category.Aggregate;
+	};
+
 	return QuickTotal;
 });

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.106.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/Button.less

@@ -882,4 +882,3 @@ html.sap-desktop .sapMFooter-CTX .sapMBtnInner :not(.sapMBtnDisabled) {
 		}
 	}
 }
-

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

@@ -58,7 +58,7 @@
 }
 
 //show the left and right arrows when the carousel is focused
-.sapMCrsl:focus .sapMCrslHud a {
+.sapMCrsl:focus .sapMCrslHud .sapMCrslArrow {
 	opacity: 0.3;
 }
 
@@ -191,7 +191,7 @@ html[data-sap-ui-animation='off'] .sapMCrslInner {
 	width: 100%;
 }
 
-.sapMCrslHud a {
+.sapMCrslHud .sapMCrslArrow {
 	z-index: 2;
 	opacity: 0;
 	display: none;
@@ -241,15 +241,15 @@ html[data-sap-ui-animation='off'] .sapMCrslInner {
 	}
 }
 
-.sapMCrslHudMiddle a {
+.sapMCrslHudMiddle .sapMCrslArrow {
 	top:  calc(~"50% - 1rem");
 }
 
-.sapMCrslHudTop a {
+.sapMCrslHudTop .sapMCrslArrow {
 	top: 50%;
 }
 
-.sapMCrslHudBottom a {
+.sapMCrslHudBottom .sapMCrslArrow {
 	top: calc(~"50% - 2rem");
 }
 
@@ -486,8 +486,8 @@ html[data-sap-ui-animation='off'] {
 	background: @sapUiBaseBG;
 }
 
-.sapMCrsl .sapMCrslHud.sapMCrslLeftmost a.sapMCrslPrev,
-.sapMCrsl .sapMCrslHud.sapMCrslRightmost a.sapMCrslNext {
+.sapMCrsl .sapMCrslHud.sapMCrslLeftmost .sapMCrslArrow.sapMCrslPrev,
+.sapMCrsl .sapMCrslHud.sapMCrslRightmost .sapMCrslArrow.sapMCrslNext {
 	opacity: 0;
 	display: none;
 }
@@ -530,7 +530,7 @@ html[data-sap-ui-animation='off'] {
 	overflow: hidden;
 }
 
-.sapMCrsl:hover .sapMCrslHud a {
+.sapMCrsl:hover .sapMCrslHud .sapMCrslArrow {
 	opacity: 1;
 	display: block;
 }

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

@@ -0,0 +1,9 @@
+.sapMPluginsCellSelectorCanvas {
+	display: none;
+	position: absolute;
+	pointer-events: none;
+	background: rgba(14, 101, 235, 0.1);
+	border: 0.125rem solid @sapUiContentDragAndDropActiveColor;
+	box-sizing: border-box;
+	z-index: 7;
+}

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/DisplayListItem.less

@@ -17,7 +17,7 @@
 	text-overflow: ellipsis;
 	min-width: 3rem;
 	display: block;
-	font-size: 1.125rem;
+	font-size: @sapFontLargeSize;
 	-webkit-box-align: center;
 	align-items: center;
 	color: @sapUiListTextColor;
@@ -34,7 +34,7 @@
 	overflow: hidden;
 	text-overflow: ellipsis;
 	min-width: 3rem;
-	font-size: 0.875rem;
+	font-size: @sapMFontMediumSize;
 	margin-left: 1rem;
 	text-align: right;
 	color: @sapUiContentLabelColor;
@@ -70,5 +70,5 @@ html[dir=rtl] .sapMDLIValue {
 }
 
 .sapUiSizeCompact .sapMDLILabel {
-	font-size: @sapMFontMediumSize;
+	font-size: @sapFontSize;
 }

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

@@ -63,4 +63,8 @@
 	font-size: 1rem;
 
 	color: @sapUiContentIconColor;
+}
+
+.sapMDDRHiddenInput > .sapMInputBase {
+	display: none;
 }

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;
@@ -868,6 +876,13 @@ html.sap-desktop .sapMGT:focus:not([tabindex]) {
 		}
 	}
 }
+
+.sapMGT.sapMGTIconMode {
+	.sapUiIcon.sapMGTTileIcon {
+		text-shadow: @sapContent_ContrastTextShadow;
+	}
+}
+
 .sapMGT.sapMGTScopeActions.sapMGTIconMode{
 	.sapMBtn.sapMGTMoreIcon{
 		&:before{
@@ -1173,6 +1188,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 +1298,7 @@ html.sap-desktop .sapMGT:focus:not([tabindex]) {
 
 	.sapMGTLineMode.sapMGTScopeSingleAction {
 		.sapMGTHdrTxt:last-of-type, .sapMGTSubHdrTxt {
-			padding-right: 1rem;
+			padding-right: 1.3rem;
 		}
 	}
 
@@ -1533,7 +1554,7 @@ html[data-sap-ui-browser*='ff'] {
 
 					.sapMImageContentImageIcon {
 						height: 100%;
-						max-height: 2rem;
+						max-height: 1.75rem;
 					  }
 				}
 				.sapMTileCntContent > div:first-child {
@@ -1605,7 +1626,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 +1833,14 @@ html[data-sap-ui-browser*='ff'] {
 			}
 		}
 	}
+	&.sapMGTStateLoading{
+		.sapMTileCnt{
+			.sapMTileCntContentShimmerPlaceholderItem{
+				padding-top: 0;
+			}
+		}
+
+	}
 }
 
 .TwoByOne.sapMTileSmallPhone.sapMGTActionMode {
@@ -1830,6 +1858,14 @@ html[data-sap-ui-browser*='ff'] {
 			height: 8.6rem;
 		}
 	}
+	&.sapMGTStateLoading{
+		.sapMTileCnt{
+			.sapMTileCntContentShimmerPlaceholderItem{
+				padding-top: 2rem;
+			}
+		}
+
+	}
 }
 
 .sapMAutoPointer {
@@ -2153,6 +2189,16 @@ html[data-sap-ui-browser*='ff'] {
 	color: @sapUiContentContrastTextColor;
 }
 
+.TwoByHalf.sapMGTIconMode.sapMGT:focus{
+	.sapMGTMoreIcon{
+		visibility: visible !important;
+	}
+}
+.sapMGTVisible {
+
+	visibility: visible !important;
+}
+
 // Mobile View-specific styles
 
 .sapMGTOneByOne.sapMGTIconMode.sapMTileSmallPhone {
@@ -2200,4 +2246,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/NewsContent.less

@@ -97,6 +97,12 @@
 		}
 	}
 
+	&.sapMGTStretch{
+		.sapMNwCCTxt{
+			max-width: none;
+		}
+	}
+
 	.sapMNwCSbh {
 		max-width: 17.75rem;
 		line-height: 1.063rem;

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                           */
 /* ------------------------------ */

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,36 @@
 	}
 }
 
+.sapMST{
+	.sapMGT.sapMGTStateLoading{
+		.sapMTileCnt.News{
+			background-color: transparent;
+		}
+	}
+}
+.sapMST.sapMSTWidthForGridContainer.TwoByOne {
+	width: 23rem;
+}
+
+.sapMST.sapMSTWidthForGridContainer.TwoByHalf {
+	width: 23rem;
+}
+
+.sapMTileSmallPhone.sapMST.sapMSTWidthForGridContainer.TwoByOne{
+	width: 19.5rem;
+}
+
+.sapMTileSmallPhone.sapMST.sapMSTWidthForGridContainer.TwoByHalf{
+	width: 19.5rem;
+}
+
+.sapMST.sapMTileSmallPhone {
+	.sapMGT.sapMGTStateLoading.TwoByOne {
+		.sapMTileCntContentShimmerPlaceholderItemTextFooter{
+			width: 5.875rem;
+		}
+	}
+}
 .sapUiSizeCompact{
 	.sapMST {
 		.sapMSTMoreIcon {
@@ -194,13 +225,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 +248,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;
 }
@@ -385,7 +390,7 @@ tr.sapMListTblHeaderNone > .sapMTableTH {
 	font-weight: normal;
 	align-self: center;
 	padding-left: 0.5rem;
-	padding-right: 0.5rem;
+	box-sizing: border-box;
 }
 
 [aria-sort=ascending] > .sapMColumnHeader::after {
@@ -460,6 +465,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/themes/base/library.source.less

@@ -183,5 +183,6 @@
 @import "WizardStep.less";
 
 /* import plugin less files */
+@import "CellSelector.less";
 @import "ColumnResizer.less";
 @import "PasteProvider.less";