@openui5/sap.m 1.108.0 → 1.109.0

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

@@ -14,11 +14,35 @@ sap.ui.define([], function () {
 		oRm.openStart("div", oMenu);
 		oRm.class("sapMTCMenu");
 		oRm.openEnd();
+		this.renderHiddenTexts(oRm, oMenu);
 		this.renderQuickActions(oRm, oMenu);
 		this.renderItems(oRm, oMenu);
 		oRm.close("div");
 	};
 
+	var renderInvisibleText = function(oRm, sId, sText) {
+		oRm.openStart("span", sId);
+		oRm.class("sapUiInvisibleText");
+		oRm.attr("aria-hidden", "true");
+		oRm.openEnd();
+		oRm.text(sText);
+		oRm.close("span");
+	};
+
+	MenuRenderer.renderHiddenTexts = function(oRm, oMenu) {
+		oRm.openStart("div");
+		oRm.class("sapMTCMenuHiddenTexts");
+		oRm.style("display", "none");
+		oRm.attr("aria-hidden", "true");
+		oRm.openEnd();
+
+		renderInvisibleText(oRm, oMenu.getId() + "-menuDescription", oMenu._getResourceText("table.COLUMNMENU_TITLE"));
+		renderInvisibleText(oRm, oMenu.getId() + "-actionContainerDescription", oMenu._getResourceText("table.COLUMNMENU_ACTION_CONTAINER_DESC"));
+		renderInvisibleText(oRm, oMenu.getId() + "-itemContainerDescription", oMenu._getResourceText("table.COLUMNMENU_ITEM_CONTAINER_DESC"));
+
+		oRm.close("div");
+	};
+
 	MenuRenderer.renderQuickActions = function (oRm, oMenu) {
 		// If no active QuickActions are found, do not render the quick action container.
 		if (oMenu._getAllEffectiveQuickActions().length === 0) {
@@ -35,6 +59,8 @@ sap.ui.define([], function () {
 		} else {
 			oRm.class("sapMTCMenuQAList");
 		}
+		oRm.attr("role", "region");
+		oRm.attr("aria-labelledby", oMenu.getId() + "-actionContainerDescription");
 		oRm.openEnd();
 
 		oRm.renderControl(oMenu._oForm);
@@ -49,6 +75,7 @@ sap.ui.define([], function () {
 
 		oRm.openStart("div");
 		oRm.class("sapMTCMenuContainerWrapper");
+		oRm.attr("aria-labelledby", oMenu.getId() + "-itemContainerDescription");
 		oRm.openEnd();
 		oRm.renderControl(oMenu._oItemsContainer);
 		oRm.close("div");

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

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

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

@@ -25,7 +25,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.Entry
 	 *
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.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.108.0
+	 * @version 1.109.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.108.0
+	 * @version 1.109.0
 	 *
 	 * @private
 	 * @experimental

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.108.0
+	 * @version 1.109.0
 	 *
 	 * @private
 	 * @experimental

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

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionBase
 	 *
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.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.108.0
+	 * @version 1.109.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.108.0
+	 * @version 1.109.0
 	 *
 	 * @private
 	 * @experimental

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.108.0
+	 * @version 1.109.0
 	 *
 	 * @private
 	 * @experimental

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

@@ -18,28 +18,24 @@
 	}
 }
 
-.sapMTCMenu .sapMTCMenuQAList{
-	display: grid;
+.sapMTCMenu .sapMTCMenuQAListHidden {
+	display: none;
+}
 
-	.sapUiRespGrid:not(.sapUiRespGridMedia-Std-Phone) .sapMTCMenuQALabel {
-		text-align: right !important;
+.sapMTCMenuPopup.sapMPopover { /*Desktop, Tablet*/
+	.sapMTCMenuQAForm {
+		max-width: 25rem;
 	}
 
-	.sapUiRespGrid {
-		width: auto;
+	.sapMTCMenuContainerWrapper {
+		max-width: 31rem;
+		min-width: 10rem;
 	}
 }
 
-.sapMTCMenu .sapMTCMenuQAListHidden {
-	display: none;
-}
-
-.sapMTCMenu .sapMTCMenuQAList .sapMTCMenuQAction {
-	display: contents;
-
-	.sapMTCMenuQALabel {
-		justify-self: end;
-		align-self: center;
-		text-align: end;
+.sapMTCMenuPopup.sapMDialog { /*Phone*/
+	.sapMTCMenuQAForm,
+	.sapMTCMenuContainerWrapper {
+		width: 100%;
 	}
 }

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

@@ -1885,11 +1885,19 @@ html[data-sap-ui-browser*='ff'] {
 		.sapMGT.sapMGTOneByOne {
 			width: 12.875rem;
 			height: 7.8125rem;
+			.sapMGTHideOverflow {
+				bottom: 0.6875rem;
+			}
 			.sapMGTSubHdrTxt {
 				.sapMTextMaxLine {
 					-webkit-line-clamp: 1 !important;
 				}
 			}
+			&.HighContrastTile {
+				.sapMGTHideOverflow {
+					bottom: 0.5rem;
+				}
+			}
 		}
 		.sapMBtnBase.sapMGTMoreIcon{
 			.sapMBtnIcon{
@@ -1907,16 +1915,31 @@ html[data-sap-ui-browser*='ff'] {
 				bottom: 0.3rem;
 			}
 		}
+	.sapMGTHideOverflow {
+		bottom: 1rem;
+	}
+	&.HighContrastTile {
+		.sapMGTHideOverflow {
+			bottom: 0.75rem;
+		}
+	}
 	}
 }
 .sapMGT.sapMGTOneByOne {
 	border-radius: @sapTile_BorderCornerRadius;
 	border: none;
+	.sapMGTHideOverflow {
+		position: absolute;
+		top: 0;
+		right: 0;
+		left: 0;
+		overflow: hidden;
+	}
 	.sapMGTIconWrapper {
 		display: flex;
 		flex-direction: column;
-		gap: 0.5rem;
-		margin-bottom: 0.5rem;
+		gap: 0.375rem;
+		margin-bottom: 0.375rem;
 		.sapMGTHdrContent {
 			padding: 0 0.5rem;
 			display: flex;
@@ -1924,11 +1947,10 @@ html[data-sap-ui-browser*='ff'] {
 			height: fit-content;
 			align-items: center;
 			.sapMGTHdrTxt {
-				max-height: 2.74rem;
-				height: 2rem;
-				display: flex;
-				align-items: end;
-				line-height: 1rem;
+				height: inherit;
+				max-height: none;
+				overflow: visible;
+				justify-content: center;
 				word-break: break-word;
 			}
 		}
@@ -1942,40 +1964,24 @@ html[data-sap-ui-browser*='ff'] {
 		.sapMText {
 			font-weight: 400;
 			color: @sapUiContentContrastTextColor;
-			white-space: initial;
 			text-align: center !important;
+			white-space: pre-line;
+			line-height: 1rem;
 		}
 	}
-}
-
-.sapMGT.sapMGTOneByOne.sapMGTNoSubHeader {
-	.sapMGTIconWrapper {
-		.sapMGTHdrContent {
-			&::marker {
-				color: transparent;
-			}
+	&.sapMGTHeaderOneLine {
+		.sapMGTHdrContent.sapMGTOneByOne {
 			height: 2rem;
-			position: relative;
-			display: list-item;
-			line-height: 0.6;
+			justify-content: end;
 			.sapMGTHdrTxt {
-				height: inherit;
-				max-height: none;
-				overflow: visible;
-				justify-content: center;
+				height: fit-content;
 			}
 		}
 	}
-}
-
-.sapMGT.sapMGTOneByOne.sapMGTNoSubHeader.sapMTileSmallPhone {
-	.sapMGTIconWrapper {
-		.sapMGTHdrContent {
-			overflow: initial;
-			.sapMGTHdrTxt {
-				.sapMTextMaxLine {
-					-webkit-line-clamp: 3 !important;
-				}
+	&.sapMGTHeaderThreeLine {
+		.sapMGTSubHdrTxt {
+			.sapMText {
+				white-space: nowrap;
 			}
 		}
 	}
@@ -2176,6 +2182,8 @@ html[data-sap-ui-browser*='ff'] {
 	}
 	.sapMGTHdrTxt > .sapMText {
 		text-shadow: none;
+		line-height: 1rem;
+		display: block;
 	}
 	.sapMGTOneByOneIconLoaded {
 		margin-top: -1rem;
@@ -2286,18 +2294,26 @@ html[data-sap-ui-browser*='ff'] {
 	height: 5.375rem;
 	display: flex;
 	flex-direction: column;
+	.sapMGTHideOverflow {
+		bottom: 1rem;
+	}
 	.sapMGTIconWrapper {
-		margin: 1rem 0.5rem 0.5rem 0.5rem;
+		margin: 1rem 0.5rem 0.375rem 0.5rem;
 		align-items: center;
 		flex-direction: row;
 		gap: 0;
 		.sapMGTOneByOneIcon{
 			padding: 0;
+			margin-bottom: auto;
+			margin-top: 0.375rem;
 		}
 		.sapMGTHdrTxt{
 			align-items: center;
 			.sapMText {
 				text-align: left !important;
+				.sapMTextMaxLine {
+					-webkit-line-clamp: 3 !important;
+				}
 			}
 		}
 	}
@@ -2315,6 +2331,16 @@ html[data-sap-ui-browser*='ff'] {
 			}
 		}
 	}
+	&.sapMGTHeaderOneLine {
+		.sapMGTHdrContent.sapMGTOneByOne {
+			justify-content: center;
+		}
+	}
+	&.HighContrastTile {
+		.sapMGTHideOverflow {
+			bottom: 0.75rem;
+		}
+	}
 }
 
 .TwoByHalf.sapMGTIconMode.sapMTileSmallPhone {

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

@@ -14,7 +14,6 @@
 @_sap_m_LightBox_SubtitleMarginTop: 0.5rem;
 @_sap_m_LightBox_OverlayBackground: @sapUiBlockLayerBackground;
 @_sap_m_LightBox_ContainerBackground: @sapUiGlobalBackgroundColor;
-@_sap_m_LightBox_ErrorIconColor: @sapUiContentNonInteractiveIconColor;
 @_sap_m_LightBox_OverlayOpacity: 0.9;
 @_sap_m_LightBox_FontFamily: @sapUiFontFamily;
 
@@ -190,58 +189,10 @@ html[data-sap-ui-browser^='sf'] .sapMLightBox {
    Error State
   ========================================================================== */
 
-.sapMLightBox .sapMLightBoxErrorContainer {
-	padding: 1rem;
-}
-
-.sapMLightBox .sapMLightBoxErrorContainerTwoLines {
-	padding: 2rem;
-	height: calc(~"100% - " @_sap_m_LightBox_FooterTwoLinesHeightCozy);
-}
-
-.sapMLightBox .sapMLightBoxVerticalLayout {
-	text-align: center;
-	max-width: 30rem;
-}
-
-.sapMLightBox .sapMLightBoxIconErrorContainer {
-	margin: 0 auto;
-	width: 5rem;
-}
-
-.sapMLightBox .sapMLightBoxErrorIcon {
-	font-family: SAP-icons;
-	font-size: 4rem;
-	font-weight: normal;
-	width: 5rem;
-	height: 5rem;
-}
-
-.sapMLightBox .sapMLightBoxErrorTitle {
-	margin-top: 1rem;
-	font-size: 1.5rem;
-	line-height: 2rem;
-	color: @sapUiGroupTitleTextColor;
-	font-size: @sapMFontHeader2Size;
-}
-
-.sapMLightBox .sapMLightBoxErrorSubtitle {
-	line-height: normal;
-	margin: 1rem auto;
-	font-size: 1rem;
-	color: @sapUiContentLabelColor;
-	font-size: @sapMFontHeader5Size;
-}
-
 .sapMLightBox.sapMLightBoxError .sapMLightBoxFooter {
 	position: initial;
 }
 
-.sapMLightBox .sapMLightBoxErrorContainer .sapUiIcon::before,
-.sapMLightBox .sapMLightBoxErrorContainerTwoLines .sapUiIcon::before {
-	color: @_sap_m_LightBox_ErrorIconColor;
-}
-
 /* ==========================================================================
    Compact
   ========================================================================== */
@@ -277,8 +228,4 @@ html[data-sap-ui-browser^='sf'] .sapMLightBox {
 		padding-right: 0.5rem;
 		margin-bottom: 0.25rem;
 	}
-
-	.sapMLightBox .sapMLightBoxErrorContainerTwoLines {
-		height: calc(~"100% - " @_sap_m_LightBox_FooterTwoLinesHeightCompact);
-	}
 }

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

@@ -287,6 +287,7 @@ html.sap-phone .sapMListInsetBG > .sapMListSwp {
 }
 
 .sapMSticky > .sapMListHdr,
+.sapMSticky > .sapUiBlockLayerOnly,
 .sapMSticky > .sapUiLocalBusyIndicator {
 	z-index: 3;
 }

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

@@ -79,36 +79,28 @@ html.sap-tablet .sapMMLIDisabled .sapMMenuLIImgThumbIcon {
 	margin: 0;
 }
 
-.sapMMenu .sapUiMnuItmTxt {
-	padding-right: 2rem;
-	max-width: 16rem;
-	text-overflow: ellipsis;
+.sapMMenu .sapUiMnuItm .sapUiMnuItmIco {
+	position: absolute;
 }
 
-
-.sapMMenu.sapUiMnu .sapUiMnuNoIco.sapUiMnuNoSbMnu .sapUiMnuItmTxt {
-	max-width: 19rem;
+.sapMMenu .sapUiMnuLst .sapUiMnuItm {
+	.sapUiMnuItmIco + .sapUiMnuItmTxt {
+		margin-left: 2.25rem;
+	}
 }
 
-.sapMMenu.sapUiMnu .sapUiMnuNoIco:not(.sapUiMnuNoSbMnu) .sapUiMnuItmTxt,
-.sapMMenu.sapUiMnu .sapUiMnuNoSbMnu:not(.sapUiMnuNoIco) .sapUiMnuItmTxt {
-	max-width: 17.5rem;
-}
-
-//really strong selector in the sapUiMnu demands this
-.sapUiSizeCozy.sapMMenu.sapUiMnu.sapUiMnuCozySupport .sapUiMnuItmTxt {
+.sapMMenu.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItmTxt {
 	padding-right: 3rem;
-	max-width: 14rem;
 	text-overflow: ellipsis;
 }
 
-.sapUiSizeCozy.sapMMenu.sapUiMnu .sapUiMnuNoIco.sapUiMnuNoSbMnu .sapUiMnuItmTxt {
-	max-width: 18rem;
-}
-
-.sapUiSizeCozy.sapMMenu.sapUiMnu .sapUiMnuNoIco:not(.sapUiMnuNoSbMnu) .sapUiMnuItmTxt,
-.sapUiSizeCozy.sapMMenu.sapUiMnu .sapUiMnuNoSbMnu:not(.sapUiMnuNoIco) .sapUiMnuItmTxt {
-	max-width: 16rem;
+//really strong selector in the sapUiMnu demands this
+.sapMMenu.sapUiMnu.sapUiMnuCozySupport .sapUiMnuItmTxt {
+	text-overflow: ellipsis;
+	max-width: 100%;
+	max-width: -moz-available;          /* WebKit-based browsers will ignore this. */
+	max-width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
+	max-width: fill-available;
 }
 
 /* end cozy */
@@ -122,6 +114,19 @@ html.sap-tablet .sapMMLIDisabled .sapMMenuLIImgThumbIcon {
 	line-height: 2rem;
 }
 
+.sapUiSizeCompact {
+	.sapMMenu .sapUiMnuLst .sapUiMnuItm {
+		.sapUiMnuItmIco + .sapUiMnuItmTxt {
+			margin-left: 2rem;
+		}
+	}
+	.sapMMenu.sapUiMnu.sapUiMnuCozySupport .sapUiMnuItmTxt {
+		padding-right: 2.5rem;
+	}
+	.sapMMenu .sapUiMnuLst.sapUiMnuNoSbMnu .sapUiMnuItm .sapUiMnuItmTxt {
+		padding-right: 0.5rem;
+	}
+}
 /* end compact */
 
 /* end desktop and tablet */

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

@@ -40,6 +40,12 @@
     font-weight: bold;
 }
 
+.TwoByOne .sapMNwCCTxt {
+	display: -webkit-box;
+	-webkit-line-clamp: 2;
+	-webkit-box-orient: vertical;
+}
+
 .Stretch{
 	.sapMTileCnt.News .sapMNwC{
 		.sapMNwCSbh{

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

@@ -115,7 +115,7 @@ html.sap-desktop .sapUiFioriObjectPage > section > .sapMPanel {
 
 .sapMPanel .sapMPanelWrappingDiv .sapMPanelHdr,
 .sapMPanel .sapMPanelWrappingDivTb .sapMIBar.sapMTB {
-	margin-left: 2.5rem;
+	margin-left: 2.75rem;
 
   	>:first-child {
 	  margin-left: 0;

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

@@ -40,6 +40,19 @@
 	padding-left: 0.875rem;
 }
 
+.sapMPlanCal .sapUiCalItem.sapUiCalItemWithSecondaryType {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	.sapUiCalItemText {
+		height: 50%;
+		line-height: 1.175rem;
+	}
+	.sapUiCalItemAddText {
+		line-height: 1.175rem;
+	}
+}
+
 .sapUiSizeCompact {
 	.sapMPlanCal .sapUiCalNoNameLine .sapUiCalItem {
 		height: 2rem;

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

@@ -12,7 +12,6 @@
 	vertical-align: top;
 	box-sizing: border-box;
 	position: relative;
-	height: 3.3125rem;
 	padding: 1.406rem 1.0625rem;
 	z-index: 0;
 }
@@ -55,10 +54,10 @@
 	padding: 0;
 	list-style: none;
 	position: absolute;
-	top: 0.625rem;
-	left: 1.0625rem;
-	right: 1.0625rem;;
-	display: block;
+	top: -0.75rem;
+	left: 0;
+	right: 0;
+	display: flex;
 	height: 1.75rem;
 	z-index: 0;
 }
@@ -135,10 +134,10 @@
 		border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
 		border-radius: 50%;
 		pointer-events: none;
-		top: -4px;
-		bottom: -4px;
-		left: -4px;
-		right: -4px;
+		top: -0.25rem;
+		bottom: -0.25rem;
+		left: -0.25rem;
+		right: -0.25rem;
 	}
 }
 
@@ -164,6 +163,7 @@
 
 	.sapMSliderTickmarks {
 		height: 1rem;
+		top: -0.375rem;
 	}
 
 	.sapMSliderLabel {

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

@@ -176,6 +176,7 @@ tr.sapMListTblHeaderNone > .sapMTableTH {
 /* Ensuring that the row height is not smaller that 3rem in Cozy mode */
 .sapMListTblRow {
 	height: @sapUiElementLineHeight;
+	position: static; /* override the position: relative rule of the list item */
 }
 
 .sapMListTblCell.sapMListTblCellNoData {
@@ -222,7 +223,7 @@ tr.sapMListTblHeaderNone > .sapMTableTH {
 /* sticky headerToolbar, infoToolbar and column headers */
 .sapMSticky .sapMListTblHeader {
 	position: sticky;
-	z-index: 1;
+	z-index: 2; /* allow controls to have own z-index: 1 */
 }
 
 /* .sapMSticky7 denotes that the headerToolbar, infoToolbar and column headers are sticky */
@@ -258,6 +259,12 @@ tr.sapMListTblHeaderNone > .sapMTableTH {
 	z-index: 1;
 }
 
+/* define outline for the block layer */
+.sapMListTblCnt > .sapUiBlockLayerOnly:focus {
+	outline: @_sap_m_ListItemBase_Focus_Outline;
+	outline-offset: @_sap_m_ListItemBase_Focus_OffsetWithGap;
+}
+
 /* table footer */
 .sapMListTblFooter > td {
 	border-top: 1px solid @sapUiListTableFooterBorder;
@@ -470,10 +477,13 @@ html[data-sap-ui-browser^='ff'] .sapMTableRowCustomFocus:focus > :not(.sapMListT
 		vertical-align: middle;
 		line-height: 1.4;
 
-		.sapMObjStatusText .sapMObjStatusTitle {
+		.sapMObjStatusText {
 			line-height: inherit;
 		}
 	}
+	.sapMFlexItem .sapMText {
+		line-height: inherit;
+	}
 }
 
 /* special class name to add margin to multiline contents */

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

@@ -345,7 +345,7 @@
 		white-space: nowrap; /* so that buttons are displayed in a row */
 		padding-left: 1rem;
 		padding-top: 0rem;
-		align-self: flex-end; /* for buttons alignment at the bottom */
+		align-self: center; /* for buttons alignment at the center */
 		flex: none;
 	}
 }