@openui5/sap.m 1.130.1 → 1.131.0

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

@@ -5,109 +5,112 @@
 
 .sapMOTAPopover {
 
-  &:focus{
-	outline: none;
-  }
-
-  .sapMBtn .sapMBtnInner {
-	justify-content: flex-start;
-  }
-
-  &.sapMPopover .sapMPopoverCont .sapMPopoverScroll {
-	padding: 0.25rem 0.5rem;
-
-	/* Disappear */
-	&> .sapMOTAPHidden {
-	  display: none;
+	&:focus {
+		outline: none;
 	}
 
-	/* All elements inside must have display block */
-	&> :not(.sapMOTAPHidden) {
-	  display: block;
+	.sapMBtn .sapMBtnInner {
+		justify-content: flex-start;
 	}
 
-	&> .sapMTBSeparator.sapMTBSeparatorOverflowToolbar {
-		&:first-child,
-		&:last-child {
+	&.sapMPopover .sapMPopoverCont .sapMPopoverScroll {
+		padding: 0.25rem 0.5rem;
+
+		/* Disappear */
+		& > .sapMOTAPHidden {
 			display: none;
 		}
-	}
 
-	/* Button, ToggleButton, OverflowToolbarButton */
-	&> button.sapMBtn {
-	  width: 100% !important;
-	  max-width: 100% !important;
+		/* All elements inside must have display block */
+		& > :not(.sapMOTAPHidden) {
+			display: block;
+		}
 
-	  /* Button alignment */
-	  &> .sapMBtnInner {
-		text-align: start;
-	  }
-	}
+		& > .sapMTBSeparator.sapMTBSeparatorOverflowToolbar {
 
-	/* Select */
-	&> div.sapMSlt {
-	  width: auto !important;
-	}
+			&:first-child,
+			&:last-child {
+				display: none;
+			}
+		}
 
-	/* SegmentedButton - select form */
-	&> div.sapMSegBSelectWrapper {
-	  width: 100% !important;
-	  &> div.sapMSlt {
-		width: 100% !important;
-		max-width: 100% !important;
-	  }
-	}
+		/* Button, ToggleButton, OverflowToolbarButton */
+		& > button.sapMBtn {
+			width: 100% !important;
+			max-width: 100% !important;
 
-	/* ComboBox */
-	&> div.sapMComboBox {
-	  width: auto !important;
-	  max-width: auto !important;
-	}
+			/* Button alignment */
+			& > .sapMBtnInner {
+				text-align: start;
+			}
+		}
 
-	/* SearchField */
-	&> div.sapMSF {
-	  width: 100% !important;
-	  max-width: 100% !important;
-	}
+		/* Select */
+		& > div.sapMSlt {
+			width: auto !important;
+		}
 
-	/* Input */
-	&> div.sapMInput {
-	  width: 100% !important;
-	  max-width: 100% !important;
-	}
+		/* SegmentedButton - select form */
+		& > div.sapMSegBSelectWrapper {
+			width: 100% !important;
 
-	/* DateTimeInput */
-	&> div.sapMDTI {
-	  width: 100% !important;
-	  max-width: 100% !important;
-	}
+			& > div.sapMSlt {
+				width: 100% !important;
+				max-width: 100% !important;
+			}
+		}
+
+		/* ComboBox */
+		& > div.sapMComboBox {
+			width: auto !important;
+			max-width: auto !important;
+		}
+
+		/* SearchField */
+		& > div.sapMSF {
+			width: 100% !important;
+			max-width: 100% !important;
+		}
+
+		/* Input */
+		& > div.sapMInput {
+			width: 100% !important;
+			max-width: 100% !important;
+		}
+
+		/* DateTimeInput */
+		& > div.sapMDTI {
+			width: 100% !important;
+			max-width: 100% !important;
+		}
 
-	/* Menu Button */
-	&> .sapMMenuBtn {
-		max-width: 100% !important;
+		/* Menu Button */
+		& > .sapMMenuBtn {
+			max-width: 100% !important;
+		}
 	}
-  }
 }
 
 /* Compact mode overrides */
-.sapUiSizeCompact{
+.sapUiSizeCompact {
 
-  .sapMOTAPopover {
+	.sapMOTAPopover {
 
-	&.sapMPopover .sapMPopoverCont .sapMPopoverScroll {
-	  padding: 0.1875rem 0.375rem;
-	}
+		&.sapMPopover .sapMPopoverCont .sapMPopoverScroll {
+			padding: 0.1875rem 0.375rem;
+		}
 
-	.sapMBtnInner.sapMBtnIconFirst:not(.sapMBtnBack) {
-	  padding-left: 0.5rem;
-	  padding-right: 0.5rem;
+		.sapMBtnInner.sapMBtnIconFirst:not(.sapMBtnBack) {
+			padding-left: 0.5rem;
+			padding-right: 0.5rem;
+		}
 	}
-  }
 }
 
 /* Phone mode overrides */
 html.sap-phone {
+
 	.sapMOTAPopover {
-	  overflow: hidden !important;
+		overflow: hidden !important;
 	}
 }

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

@@ -3,26 +3,25 @@
 /* Base theme                              */
 /* ======================================= */
 
-.sapMP13nColumnsPanel{
-  color: @sapUiBaseText;
+.sapMP13nColumnsPanel {
+	color: var(--sapTextColor);
 }
 
 .sapMP13nColumnsPanel .sapMLIB.sapMLIBSelected,
 .sapMP13nColumnsPanel .sapMLIB.sapMLIBSelected > td {
-  background-color: transparent;
+	background-color: transparent;
 }
 
 .sapMP13nColumnsPanel .sapMListBGTranslucent .sapMLIB.sapMListTblRow.sapMP13nColumnsPanelItemSelected,
 .sapMP13nColumnsPanel .sapMListBGTranslucent .sapMLIB.sapMListTblRow.sapMP13nColumnsPanelItemSelected:focus,
 .sapMP13nColumnsPanel .sapMListBGTranslucent .sapMLIB:not(.sapMLIBActive):not(.sapMLIBSelected):not(:hover).sapMListTblRow.sapMP13nColumnsPanelItemSelected,
-.sapMP13nColumnsPanel .sapMListBGTranslucent .sapMLIB:not(.sapMLIBActive):not(.sapMLIBSelected):not(:hover).sapMListTblRow.sapMP13nColumnsPanelItemSelected:focus
-{
-	background-color: @sapUiListSelectionBackgroundColor;
+.sapMP13nColumnsPanel .sapMListBGTranslucent .sapMLIB:not(.sapMLIBActive):not(.sapMLIBSelected):not(:hover).sapMListTblRow.sapMP13nColumnsPanelItemSelected:focus {
+	background-color: var(--sapList_SelectionBackgroundColor);
 }
 
 .sapMP13nColumnsPanel .sapMLIBActive .sapMText,
 .sapMP13nColumnsPanel .sapMLIBActive .sapMListTblCell .sapMText {
-	color: @sapUiListTextColor;
+	color: var(--sapList_TextColor);
 }
 
 .sapMP13nColumnsPanel .sapMLIBActive .sapMCbBg,
@@ -35,14 +34,14 @@
 .sapMP13nColumnsPanel .sapMLIBActive .sapMCbBg.sapMCbMarkChecked,
 .sapMP13nColumnsPanel .sapMLIBActive .sapMCbBg.sapMCbBgDis,
 .sapMP13nColumnsPanel .sapMLIBActive .sapMCbBg.sapMCbBgDis.sapMCbMarkChecked {
-	border-color: @sapUiFieldBorderColor;
+	border-color: var(--sapField_BorderColor);
 }
 
 .sapMP13nColumnsPanel .sapMLIBActive .sapMCbBg.sapMCbMarkChecked::before {
-	color: @sapUiSelected;
+	color: var(--sapSelectedColor);
 }
 
 html.sap-desktop .sapMP13nColumnsPanel .sapMLIBSelected:not(.sapMLIBActive):not(.sapMALI):hover,
 html.sap-desktop .sapMP13nColumnsPanel .sapMLIBSelected:not(.sapMLIBActive):not(.sapMALI):hover > td {
-	background-color: @sapUiListHoverBackground;
+	background-color: var(--sapList_Hover_Background);
 }

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

@@ -36,18 +36,18 @@
 }
 
 .sapMConditionPanel .sapMTB {
-    border-bottom: 0px; 
+	border-bottom: 0;
 }
 
 .sapMFilterPanel .sapMPanelWrappingDivTb {
-    border-bottom: 0px;
+	border-bottom: 0;
 }
 
-.sapMFilterPanel .sapMTB  {
-    border-bottom: 0px;
+.sapMFilterPanel .sapMTB {
+	border-bottom: 0;
 }
 
-//WORKAROUND BCP:1770523047 : set min-height back to 0px 
-.sapMConditionPanel div[class*="sapUiRespGrid"] > div[class*="sapUiRespGridSpan"] {
-	min-height: 0px;
+/* WORKAROUND BCP:1770523047 : set min-height back to 0px */
+.sapMConditionPanel div[class*='sapUiRespGrid'] > div[class*='sapUiRespGridSpan'] {
+	min-height: 0;
 }

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

@@ -4,26 +4,26 @@
 /* ================================= */
 
 .sapMP13nDialog {
-  color: @sapUiBaseText;
+	color: var(--sapTextColor);
 }
 
 .sapMP13nDialog .sapMITBHead {
-	margin : 0rem;
+	margin: 0;
 }
 
 .sapMP13nDialog.sapMDialog > .sapMDialogSection {
-    background-color: @sapUiBaseBG;
+	background-color: var(--sapBackgroundColor);
 }
 
 .sapMP13nDialog .sapMBarLeft,
 .sapMP13nDialog.sapMDialog .sapMBarLeft {
-    padding-left: 0rem;
+	padding-left: 0;
 }
 
 .sapMP13nDialog .sapMITH.sapMITBInLine .sapMITBHead {
-    padding-top: 1.875rem;
+	padding-top: 1.875rem;
 }
 
 .sapUiSizeCompact .sapMP13nDialog .sapMITH.sapMITBInLine .sapMITBHead {
-    padding-top: 1.5rem;
+	padding-top: 1.5rem;
 }

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

@@ -10,32 +10,32 @@
 }
 
 .sapMFilterPanel .sapMPanelContent {
-	padding : 0px;
-	border-bottom-width: 0px;
+	padding: 0;
+	border-bottom-width: 0;
 }
 
 .sapMFilterPanel .sapMPanelBGTranslucent {
-  	background-color: Transparent;
+	background-color: Transparent;
 }
 
-.sapMFilterPanel .sapUiRespGrid.sapUiRespGridVSpace1>div {
-    margin-bottom: 0px;
-    margin-left: 0px;
+.sapMFilterPanel .sapUiRespGrid.sapUiRespGridVSpace1 > div {
+	margin-bottom: 0;
+	margin-left: 0;
 }
 
 .sapMFilterPanel .sapMPanelWrappingDiv {
- 	border-bottom: 0px;
+	border-bottom: 0;
 }
 
 .sapMFilterPanel .panelTopMargin {
-	margin-top : 1rem;
+	margin-top: 1rem;
 }
 
 .sapMFilterPanel .panelNoHeader .sapMPanelHdr {
-	height : 0rem;
-	border-bottom: 0px;
+	height: 0;
+	border-bottom: 0;
 }
 
 .sapMFilterPanel .sapMPanelContent:not(.sapMPanelBGTransparent) {
-    border-bottom-width: 0px;
+	border-bottom-width: 0;
 }

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

@@ -35,6 +35,14 @@
 	}
 }
 
+.sapMPopoverWrapper {
+	overflow: hidden;
+	border-radius: inherit;
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+}
+
 .sapMPopoverCont::-webkit-scrollbar {
 	border-bottom-right-radius:  @sapUiPopoverBorderCornerRadius;
 	border-top-right-radius:  @sapUiPopoverBorderCornerRadius;
@@ -78,7 +86,6 @@
 	outline: none;
 	max-width: 100%;
 	max-height: 100%;
-	overflow: hidden;
 	background: @sapUiGroupContentBackground;
 	border: none;
 	box-shadow: @sapUiContentShadow2;
@@ -86,6 +93,10 @@
 	min-height: 2rem;
 }
 
+.sapMPopover:not(:has(.sapMPopoverArr,.sapMPopoverResizeHandle)) {
+	overflow: hidden;
+}
+
 html[data-sap-ui-animation='on'] .sapMPopover {
 	-webkit-transition: opacity 0.2s linear;
 	transition: opacity 0.2s linear;
@@ -254,6 +265,7 @@ html[data-sap-ui-browser^="sf"] .sapMPopover {
 	left: 1rem;
 	/* position */
 	height: 0.5rem;
+	top: 100%;
 
 	&:after {
 		margin: -0.375rem 0 0 0.125rem;
@@ -310,25 +322,74 @@ html[data-sap-ui-browser^="sf"] .sapMPopover {
 
 .sapMPopoverResizeHandle {
 	position: absolute;
-	top: -0.5rem;
-	right: -0.5rem;
 	width: 1.5rem;
 	height: 1.5rem;
 	border-radius: 50%;
-	cursor: ne-resize;
 	z-index: 10;
 
 	.sapMPopoverResizeHandleIcon {
 		position: absolute;
-		bottom: 0;
-		left: 0;
 		width: 1rem;
 		height: 1rem;
-		transform: rotate(270deg);
 		cursor: inherit;
 	}
 }
 
+.sapMPopoverResizeHandleTopRight {
+	.sapMPopoverResizeHandle {
+		top: -0.5rem;
+		right: -0.5rem;
+		cursor: ne-resize;
+
+		.sapMPopoverResizeHandleIcon {
+			bottom: 0;
+			left: 0;
+			transform: rotate(270deg);
+		}
+	}
+}
+
+.sapMPopoverResizeHandleTopLeft {
+	.sapMPopoverResizeHandle {
+		top: -0.5rem;
+		left: -0.5rem;
+		cursor: nw-resize;
+
+		.sapMPopoverResizeHandleIcon {
+			bottom: 0;
+			right: 0;
+			transform: rotate(180deg);
+		}
+	}
+}
+
+.sapMPopoverResizeHandleBottomLeft {
+	.sapMPopoverResizeHandle {
+		bottom: -0.5rem;
+		left: -0.5rem;
+		cursor: ne-resize;
+
+		.sapMPopoverResizeHandleIcon {
+			top: 0;
+			right: 0;
+			transform: rotate(90deg);
+		}
+	}
+}
+
+.sapMPopoverResizeHandleBottomRight {
+	.sapMPopoverResizeHandle {
+		bottom: -0.5rem;
+		right: -0.5rem;
+		cursor: nw-resize;
+
+		.sapMPopoverResizeHandleIcon {
+			top: 0;
+			left: 0;
+		}
+	}
+}
+
 .sapMPopoverResizing,
 .sapMPopoverResizing * {
 	-moz-user-select: none !important;

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

@@ -173,10 +173,6 @@
 	pointer-events: none;
 }
 
-.sapMSinglePCNowMarkerHidden {
-	display: none;
-}
-
 .sapMSinglePCRowHeader,
 .sapMSinglePCNowMarkerText {
 	box-sizing: border-box;

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

@@ -302,4 +302,20 @@ html.sap-phone {
 			}
 		}
 	}
+}
+
+@media (max-width: 42rem) {
+	.sapMSPCMonthWeek > .sapMSPCMonthWeekNumber {
+		width: 10%;
+	}
+	.sapMSPCMonthDay {
+		width: 12.8571%;
+	}
+	.sapMSPCMonthGrid .sapMSPCMonthDayNames>.sapUiCalWH {
+		min-width: 12.8571%;
+		width: 12.8571%;
+	}
+	.sapMSPCMonthGrid > :not(.sapMSinglePCGridContent) {
+		margin-left: 10%;
+	}
 }

package/src/sap/m/themes/base/p13n.Container.less

@@ -1,21 +1,22 @@
-.sapMP13nContainer {
+/* ===================================== */
+/* CSS for control sap.m/p13n.Container  */
+/* Base theme                            */
+/* ===================================== */
 
-}
-
-//Change background color for the container control
+/* Change background color for the container control */
 .sapMP13nContainer .sapMITB {
-    line-height: 3rem;
+	line-height: 3rem;
 }
 
-//Remove padding to align the ITB with the rest of the p13n related controls (left aligned)
+/* Remove padding to align the ITB with the rest of the p13n related controls (left aligned) */
 .sapMP13nContainer .sapMITH {
-    padding: 0;
+	padding: 0;
 }
 
-.sapMP13nContainer .p13nContainerDefaultList .sapMLIB{
-    padding: 1.5rem;
+.sapMP13nContainer .p13nContainerDefaultList .sapMLIB {
+	padding: 1.5rem;
 }
 
 .sapMP13nContainer .p13nContainerDefaultList .sapMLIB.sapMMenuDivider {
-    border-top: 2px solid @sapList_GroupHeaderBorderColor;
+	border-top: 2px solid var(--sapList_GroupHeaderBorderColor);
 }

package/src/sap/m/themes/base/p13n.QueryPanel.less

@@ -1,12 +1,13 @@
-.sapMP13nQueryPanel {
-
-}
+/* ====================================== */
+/* CSS for control sap.m/p13n.QueryPanel  */
+/* Base theme                             */
+/* ====================================== */
 
 .sapMP13nQueryPanel .sapUiRespGrid {
-    display: flex;
-    align-items: center;
+	display: flex;
+	align-items: center;
 }
 
 .sapMP13nQueryPanel .sapUiRespGrid.sapUiRespGridVSpace1 > div {
-    margin-bottom: 0;
+	margin-bottom: 0;
 }

package/src/sap/m/themes/base/p13n.SelectionPanel.less

@@ -1,32 +1,38 @@
-//Display ':' for Labels in the 'list' view
-.sapMSelectionPanel.sapUiMDCAFLabelMarkingList tbody  .sapMLabel > .sapMLabelColonAndRequired::before{
+/* ========================================== */
+/* CSS for control sap.m/p13n.SelectionPanel  */
+/* Base theme                                 */
+/* ========================================== */
+
+/* Display ':' for Labels in the 'list' view */
+.sapMSelectionPanel.sapUiMDCAFLabelMarkingList tbody .sapMLabel > .sapMLabelColonAndRequired::before {
 	content: attr(data-colon);
 }
 
-//Display checkbox at the top for items in the ListView
+/* Display checkbox at the top for items in the ListView */
 .sapMSelectionPanel tbody .sapMListTblSelCol {
-    vertical-align: top;
+	vertical-align: top;
 }
 
-//Remove padding for items in list view
+/* Remove padding for items in list view */
 .sapMSelectionPanel.SelectionPanelHover .sapMListTblCell {
-    padding-top: 0;
-    padding-bottom: 0;
+	padding-top: 0;
+	padding-bottom: 0;
 }
 
 .sapMSelectionPanel .sapMPanelContent li {
-    align-items: start; //Checkbox should not be centered
-    display: flex; //Is the default for Lists - only needs to be set as the parent is a Table
+	align-items: start; /* Checkbox should not be centered */
+	display: flex; /* Is the default for Lists - only needs to be set as the parent is a Table */
 }
 
-//Align inner rows with the outer controls
+/* Align inner rows with the outer controls */
 .sapMSelectionPanel table {
-    tr > td {
-        padding-left: 0.5rem;
-    }
+
+	tr > td {
+		padding-left: 0.5rem;
+	}
 }
 
-//'Select All' should also be aligned correctly with the other controls in the panel
+/* 'Select All' should also be aligned correctly with the other controls in the panel */
 .sapMSelectionPanel .sapMTableTH {
-    padding-left: 0.5rem;
+	padding-left: 0.5rem;
 }

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

@@ -20,7 +20,7 @@ sap.ui.define(["sap/ui/core/Control"], function (Control) {
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.130.1
+	 * @version 1.131.0
 	 *
 	 * @constructor
 	 * @public

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

@@ -18,7 +18,7 @@ sap.ui.define(["sap/m/Column"], function (mColumn) {
 	 * @extends sap.m.Column
 	 *
 	 * @author SAP SE
-	 * @version 1.130.1
+	 * @version 1.131.0
 	 *
 	 * @constructor
 	 * @public