@openui5/sap.m 1.134.0 → 1.135.0

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

@@ -97,7 +97,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.MenuBase
 	 *
 	 * @author SAP SE
-	 * @version 1.134.0
+	 * @version 1.135.0
 	 *
 	 * @public
 	 * @since 1.110
@@ -191,40 +191,11 @@ sap.ui.define([
 		const fnOpen = () => {
 			this._initPopover();
 
-			if (this._oQuickSortList) {
-				this._oQuickSortList.destroy();
-				this._oQuickSortList = null;
-			}
 			this._oQuickSortList = this._initQuickActionList(Category.Sort);
-
-			if (this._oQuickFilterList) {
-				this._oQuickFilterList.destroy();
-				this._oQuickFilterList = null;
-			}
 			this._oQuickFilterList = this._initQuickActionList(Category.Filter);
-
-			if (this._oQuickGroupList) {
-				this._oQuickGroupList.destroy();
-				this._oQuickGroupList = null;
-			}
 			this._oQuickGroupList = this._initQuickActionList(Category.Group);
-
-			if (this._oQuickAggregateList) {
-				this._oQuickAggregateList.destroy();
-				this._oQuickAggregateList = null;
-			}
 			this._oQuickAggregateList = this._initQuickActionList(Category.Aggregate);
-
-			if (this._oQuickGenericList) {
-				this._oQuickGenericList.destroy();
-				this._oQuickGenericList = null;
-			}
 			this._oQuickGenericList = this._initQuickActionList(Category.Generic);
-
-			if (this._oItemsContainer) {
-				this._oItemsContainer.destroy();
-				this._oItemsContainer = null;
-			}
 			this._initItemsContainer();
 
 			if (!this.getParent()) {
@@ -299,31 +270,39 @@ sap.ui.define([
 		this._previousView = null;
 		if (this._oPopover && this._oPopover.isOpen()) {
 			if (this._oQuickSortList) {
+				// Destroying the list does not destroy the quick action content, which may be reused somewhere else.
+				// The list is removed from the control tree so that upon destruction its DOM is removed synchronously.
+				this.removeDependent(this._oQuickSortList);
 				this._oQuickSortList.destroy();
 				this._oQuickSortList = null;
 			}
 
 			if (this._oQuickFilterList) {
+				this.removeDependent(this._oQuickFilterList);
 				this._oQuickFilterList.destroy();
 				this._oQuickFilterList = null;
 			}
 
 			if (this._oQuickGroupList) {
+				this.removeDependent(this._oQuickGroupList);
 				this._oQuickGroupList.destroy();
 				this._oQuickGroupList = null;
 			}
 
 			if (this._oQuickAggregateList) {
+				this.removeDependent(this._oQuickAggregateList);
 				this._oQuickAggregateList.destroy();
 				this._oQuickAggregateList = null;
 			}
 
 			if (this._oQuickGenericList) {
+				this.removeDependent(this._oQuickGenericList);
 				this._oQuickGenericList.destroy();
 				this._oQuickGenericList = null;
 			}
 
 			if (this._oItemsContainer) {
+				this.removeDependent(this._oItemsContainer);
 				this._oItemsContainer.destroy();
 				this._oItemsContainer = null;
 			}
@@ -430,7 +409,7 @@ sap.ui.define([
 		}
 
 		if (oEvent.type == "mousedown" || oEvent.type == "touchstart") {
-			if (!containsOrEquals(this.getDomRef(), oEvent.target) && !containsOrEquals(StaticArea.getDomRef(), oEvent.target) && !isInControlTree(this, Element.closestTo(oEvent.target))) {
+			if (!containsOrEquals(this.getDomRef(), oEvent.target) && !containsOrEquals(this._oPopover.getDomRef(), oEvent.target) && !isInControlTree(this, Element.closestTo(oEvent.target))) {
 				this.close();
 			}
 		}
@@ -482,6 +461,16 @@ sap.ui.define([
 				oRm.renderControl(Element.getElementById(oControl.getControl()));
 				oRm.close("div");
 			}
+		},
+		addAriaLabelledBy: function(vAriaLabelledBy) {
+			const oControl = Element.getElementById(this.getControl());
+			oControl?.removeAllAssociation("ariaLabelledBy");
+			oControl?.addAriaLabelledBy?.(vAriaLabelledBy);
+			return this;
+		},
+		getAriaLabelledBy: function() {
+			const oControl = Element.getElementById(this.getControl());
+			return oControl?.getAriaLabelledBy?.() || [];
 		}
 	});
 
@@ -726,8 +715,8 @@ sap.ui.define([
 					}));
 				}
 			});
+			this.addDependent(oList);
 		}
-		this.addDependent(oList);
 		return oList;
 	};
 

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

@@ -21,7 +21,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.134.0
+	 * @version 1.135.0
 	 *
 	 * @public
 	 * @since 1.126

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.134.0
+	 * @version 1.135.0
 	 *
 	 * @public
 	 * @since 1.110

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.134.0
+	 * @version 1.135.0
 	 *
 	 * @public
 	 * @since 1.110

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.134.0
+	 * @version 1.135.0
 	 *
 	 * @public
 	 * @since 1.110

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

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionBase
 	 *
 	 * @author SAP SE
-	 * @version 1.134.0
+	 * @version 1.135.0
 	 *
 	 * @public
 	 * @since 1.110

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

@@ -30,7 +30,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionItem
 	 *
 	 * @author SAP SE
-	 * @version 1.134.0
+	 * @version 1.135.0
 	 *
 	 * @public
 	 * @since 1.110
@@ -46,33 +46,42 @@ sap.ui.define([
 				 * Specifies whether the respective column is grouped.
 				 */
 				grouped: { type: "boolean", defaultValue: false }
+			},
+			aggregations: {
+				/**
+				 * Defines the quick action of the quick group item.
+				 */
+				quickAction: { type: "sap.m.table.columnmenu.QuickAction", multiple: false, visibility: "hidden" }
 			}
 		}
 	});
 
 	QuickGroupItem.prototype._getAction = function() {
+		var oQuickAction = this.getAggregation("quickAction");
 		var sLabel = this.getLabel();
-		var oQuickAction = new QuickAction({
-			label: sLabel,
-			content: [this.getContent()],
-			category: library.table.columnmenu.Category.Group,
-			contentSize: library.InputListItemContentSize.S
-		});
 
-		this.addDependent(oQuickAction);
+		if (oQuickAction) {
+			oQuickAction.setLabel(sLabel);
+		} else {
+			oQuickAction = new QuickAction({
+				label: sLabel,
+				content: [this._createContent()],
+				category: library.table.columnmenu.Category.Group,
+				contentSize: library.InputListItemContentSize.S
+			});
+		}
+
+		this.setAggregation("quickAction", oQuickAction, true);
 		return oQuickAction;
 	};
 
-	QuickGroupItem.prototype.getContent = function() {
-		if (!this._oContent) {
-			this._oContent = new Switch({
-				state: this.getGrouped(),
-				customTextOn: " ",
-				customTextOff: " ",
-				change: [{item: this}, this._onGroupChange, this]
-			});
-		}
-		return this._oContent;
+	QuickGroupItem.prototype._createContent = function() {
+		return new Switch({
+			state: this.getGrouped(),
+			customTextOn: " ",
+			customTextOff: " ",
+			change: [{item: this}, this._onGroupChange, this]
+		});
 	};
 
 	/*
@@ -80,7 +89,12 @@ sap.ui.define([
 	 */
 	QuickGroupItem.prototype.setGrouped = function(bGrouped) {
 		this.setProperty("grouped", bGrouped, true);
-		this.getContent().setState(bGrouped);
+
+		var oQuickAction = this.getAggregation("quickAction");
+		if (oQuickAction) {
+			var oSwitch = oQuickAction.getContent()[0];
+			oSwitch.setState(bGrouped);
+		}
 		return this;
 	};
 

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

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionBase
 	 *
 	 * @author SAP SE
-	 * @version 1.134.0
+	 * @version 1.135.0
 	 *
 	 * @public
 	 * @since 1.110

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

@@ -36,7 +36,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionItem
 	 *
 	 * @author SAP SE
-	 * @version 1.134.0
+	 * @version 1.135.0
 	 *
 	 * @public
 	 * @since 1.110
@@ -119,8 +119,8 @@ sap.ui.define([
 
 		var oQuickAction = this.getAggregation("quickAction");
 		if (oQuickAction) {
-			var aButtons = oQuickAction.getContent();
-			aButtons[0].setSelectedKey(sSortOrder);
+			var oSegmentedButton = oQuickAction.getContent()[0];
+			oSegmentedButton.setSelectedKey(sSortOrder);
 		}
 		return this;
 	};

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

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionBase
 	 *
 	 * @author SAP SE
-	 * @version 1.134.0
+	 * @version 1.135.0
 	 *
 	 * @public
 	 * @since 1.110

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

@@ -30,7 +30,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionItem
 	 *
 	 * @author SAP SE
-	 * @version 1.134.0
+	 * @version 1.135.0
 	 *
 	 * @public
 	 * @since 1.110
@@ -46,33 +46,42 @@ sap.ui.define([
 				 * Specifies whether a total for the respective column is shown.
 				 */
 				totaled: { type: "boolean", defaultValue: false }
+			},
+			aggregations: {
+				/**
+				 * Defines the quick action of the quick total item.
+				 */
+				quickAction: { type: "sap.m.table.columnmenu.QuickAction", multiple: false, visibility: "hidden" }
 			}
 		}
 	});
 
 	QuickTotalItem.prototype._getAction = function() {
+		var oQuickAction = this.getAggregation("quickAction");
 		var sLabel = this.getLabel();
-		var oQuickAction = new QuickAction({
-			label: sLabel,
-			content: [this.getContent()],
-			category: library.table.columnmenu.Category.Aggregate,
-			contentSize: library.InputListItemContentSize.S
-		});
 
-		this.addDependent(oQuickAction);
+		if (oQuickAction) {
+			oQuickAction.setLabel(sLabel);
+		} else {
+			oQuickAction = new QuickAction({
+				label: sLabel,
+				content: [this._createContent()],
+				category: library.table.columnmenu.Category.Aggregate,
+				contentSize: library.InputListItemContentSize.S
+			});
+		}
+
+		this.setAggregation("quickAction", oQuickAction, true);
 		return oQuickAction;
 	};
 
-	QuickTotalItem.prototype.getContent = function() {
-		if (!this._oContent) {
-			this._oContent = new Switch({
-				state: this.getTotaled(),
-				customTextOn: " ",
-				customTextOff: " ",
-				change: [{item: this}, this._onTotalChange, this]
-			});
-		}
-		return this._oContent;
+	QuickTotalItem.prototype._createContent = function() {
+		return new Switch({
+			state: this.getTotaled(),
+			customTextOn: " ",
+			customTextOff: " ",
+			change: [{item: this}, this._onTotalChange, this]
+		});
 	};
 
 	/*
@@ -80,7 +89,12 @@ sap.ui.define([
 	 */
 	QuickTotalItem.prototype.setTotaled = function(bTotaled) {
 		this.setProperty("totaled", bTotaled, true);
-		this.getContent().setState(bTotaled);
+
+		var oQuickAction = this.getAggregation("quickAction");
+		if (oQuickAction) {
+			var oSwitch = oQuickAction.getContent()[0];
+			oSwitch.setState(bTotaled);
+		}
 		return this;
 	};
 

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

@@ -30,8 +30,9 @@
 		}
 	}
 
-	.sapUiCal {
+	.sapUiCal:not(.sapUiCalInt) {
 		padding: 0;
+		min-width: auto;
 	}
 
 	.sapUiCalMonthPicker {
@@ -75,4 +76,8 @@
 
 .sapMDDRHiddenInput > .sapMInputBase {
 	display: none;
+}
+
+.sapMDDRPopover .sapMTB-Info-CTX .sapMLabel .sapMLabelTextWrapper {
+	padding-right: 0.125rem;
 }

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

@@ -470,7 +470,7 @@
 .OneByOne.tileWithAppInfo {
 
 	.sapMGTTInfo {
-		margin-bottom: 0.2rem;
+		margin-bottom: 0.4rem;
 		max-width: 7rem;
 	}
 

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

@@ -7,7 +7,7 @@
 /* Variables */
 /* ========================================================================== */
 
-@_sap_m_IconTabBar_TextColor: var(--sapGroup_TitleTextColor);
+@_sap_m_IconTabBar_TextColor: var(--sapTab_TextColor);
 @_sap_m_IconTabBar_TextShadow: @sapUiShadowText;
 @_sap_m_IconTabBar_DisabledOpacity: var(--sapContent_DisabledOpacity);
 @_sap_m_IconTabBar_Separator_Icon: var(--sapContent_NonInteractiveIconColor);
@@ -16,12 +16,11 @@
 @_sap_m_IconTabBar_Arrow_SubItem_Left_Padding: 0.375rem;
 @_sap_m_IconTabBar_More_Button_Border_Radius: inherit;
 @_sap_m_IconTabBar_HeaderMinHeight: 2.75rem;
-@_sap_m_IconTabBar_TextHoverColor: var(--sapContent_Selected_ForegroundColor);
+@_sap_m_IconTabBar_TextHoverColor: var(--sapTab_Selected_TextColor);
 
 /* ==================== Cozy size ==================== */
 
 /* Content arrow */
-@_sap_m_IconTabBar_ContentArrowBorderWidth: 0.125rem;
 @_sap_m_IconTabBar_ContentArrowHeight: 0.625rem;
 
 /* Inline mode */
@@ -146,7 +145,6 @@
 
 /* =========== Shell =========== */
 @_sap_m_IconTabBar_ShellHeaderShadow: var(--sapShell_Shadow);
-@_sap_m_IconTabBar_ShellContentArrowHeight: 0.1875rem;
 @_sap_m_IconTabBar_ShellTextColor: var(--sapShell_Navigation_TextColor);
 @_sap_m_IconTabBar_ShellSelectedTextColor: var(--sapShell_Navigation_Selected_TextColor);
 @_sap_m_IconTabBar_ShellButtonOutlineColor: contrast(@sapUiShellColor, @sapUiContentFocusColor, @sapUiContentContrastFocusColor, @sapUiContentContrastTextThreshold);
@@ -580,9 +578,12 @@
 /* ------------------------------------------------ */
 
 .sapMITBContentArrow {
-	border-bottom: @_sap_m_IconTabBar_ContentArrowBorderWidth solid transparent;
 	box-sizing: border-box;
 	height: 1rem;
+	
+	&::after {
+		height: var(--sapTab_Selected_Indicator_Dimension);
+	}
 }
 
 /* ------------------------------------------------ */
@@ -1280,14 +1281,14 @@ html.sap-desktop {
 	.sapMITBHorizontal {
 		height: @_sap_m_IconTabBar_Compact_HorizontalHeight;
 
+		&.sapMITBFilter:first-child .sapMITBFilterWrapper {
+			padding-left: 0;
+		}
+
 		&.sapMITBFilter .sapMITBFilterWrapper {
 			height: @_sap_m_IconTabBar_Compact_TextOnlyVerticalHeight;
 			padding: 0 0.5rem;
 
-			&:first-child {
-				padding-left: 0;
-			}
-
 			.sapMITBHorizontalWrapper {
 
 				.sapMITBCount {
@@ -1381,7 +1382,7 @@ html[dir=rtl] {
 
 	.sapMITBSelected .sapMITBContentArrow::after {
 		background: var(--sapShell_Navigation_SelectedColor);
-		height: @_sap_m_IconTabBar_ShellContentArrowHeight;
+		height: var(--sapTab_Selected_Indicator_Dimension);
 	}
 
 	.sapMITBFilterDefault {

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

@@ -285,6 +285,7 @@ input.sapMInputBaseInner:invalid {
 
 .sapMInputBaseReadonly:not(.sapMInputBaseDisabled) .sapMInputBaseContentWrapper {
 	border-color: var(--sapField_ReadOnly_BorderColor);
+	border-style: var(--sapField_ReadOnly_BorderStyle);
 	background: var(--sapField_ReadOnly_BackgroundStyle);
 	background-color: var(--sapField_ReadOnly_Background);
 }

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

@@ -4,8 +4,8 @@
 /* =================================== */
 
 .sapMMsgStrip {
-	border: 1px solid;
-	border-radius: 0.1875rem;
+	border: var(--sapMessage_BorderWidth) solid;
+	border-radius: var(--sapPopover_BorderCornerRadius);
 	box-sizing: border-box;
 	font-size: @sapMFontMediumSize;
 	font-weight: normal;

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

@@ -64,21 +64,14 @@
 	.sapMMsgViewItem {
 		padding-left: 0;
 
-		&.sapMSLIWithDescription {
-			min-height: 3.3125rem;
-		}
-
-		&:not(.sapMSLIWithDescription) {
-			min-height: 2.75rem;
-		}
-
 		.sapMSLIImgIcon {
 			margin-left: 0;
 		}
 	}
 
-	.sapMSLI {
-		height: auto !important;
+	.sapMMsgViewItem.sapMSLI.sapMSLIWrapping .sapMLIBContent .sapUiIcon {
+		align-self: center;
+		margin-top: 0;
 	}
 
 	.sapMSLIDescription {
@@ -110,10 +103,6 @@
 		margin-top: 0.125rem;
 	}
 
-	.sapMSLIDiv {
-		padding: 0 !important;
-	}
-
 	.sapMSLIInfo {
 		margin: 0;
 	}
@@ -169,27 +158,14 @@
 		left: -8px;
 	}
 
-	.sapMMsgViewItem {
-		padding-left: 0;
-
-		&.sapMSLIWithDescription {
-			height: 3.25rem;
-		}
+	.sapMMsgViewItem.sapMSLIWrapping > .sapMLIBContent > .sapMSLIDiv {
+		padding: 0;
 	}
 
 	.sapMMsgViewItemActive .sapMLnk {
 		font-size: var(--sapFontHeader6Size);
 	}
 
-	.sapMMsgViewItem:not(.sapMSLIWithDescription) {
-		height: 2rem;
-	}
-
-	.sapMMsgViewItem:not(.sapMSLIWithDescription) .sapMLIBImgNav.sapUiIcon {
-		height: 2rem;
-		line-height: 2rem;
-	}
-
 	.sapMMsgViewItem .sapMLIBImgNav.sapUiIcon {
 		height: 3.4375rem;
 		line-height: 3.4375rem;

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

@@ -8,6 +8,7 @@
 @_sap_m_Popover_ArrowOffset: 0.5rem; /* Arrow offset from the Popover's corners */
 @_sap_m_Popover_CompactArrowOffset: @_sap_m_Popover_ArrowOffset; /* Arrow offset from the Popover's corners in compact mode */
 @_sap_m_Popover_ThickShadowSize: 0.0625rem;
+@_sap_m_Popover_OpacityTransitionDuration: 0.2s;
 
 /* shared mixin for arrow shadow*/
 .sapMPopoverArrAfterShadow(@horizontalShadow, @verticalShadow) {
@@ -98,10 +99,6 @@
 	min-height: 2rem;
 }
 
-.sapMPopover:not(:has(.sapMPopoverArr, .sapMPopoverResizeHandle)) {
-	overflow: hidden;
-}
-
 .sapMPopoverHeader .sapMTitle {
 	font-size: var(--sapFontHeader5Size);
 }
@@ -141,16 +138,10 @@
 	outline: none;
 }
 
-.sapMPopover.sapMPopoverTransparent {
-	opacity: 0;
-}
-
-html[data-sap-ui-animation='on'] .sapMPopover.sapMPopoverTransparent {
-	transition: opacity 0.2s linear;
-}
-
-.sapMPopover.sapMPopoverOpaque {
-	opacity: 1;
+html[data-sap-ui-animation='on'] .sapMPopover.sapMPopoverOpacityTransition {
+	transition-property: opacity;
+	transition-timing-function: linear;
+	transition-duration: @_sap_m_Popover_OpacityTransitionDuration;
 }
 
 /* disable margin according to the header and footer availability */