@openui5/sap.m 1.106.0 → 1.107.1

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

@@ -48,11 +48,10 @@ 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.106.0
+	 * @version 1.107.1
 	 * @private
 	 * @since 1.30.0
 	 * @alias sap.m.semantic.ShareMenu
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	var ShareMenu = BaseObject.extend("sap.m.semantic.ShareMenu", {
 

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

@@ -22,13 +22,12 @@ sap.ui.define(["sap/m/semantic/SemanticPage", "sap/m/semantic/SemanticConfigurat
 	 * @extends sap.m.semantic.SemanticPage
 	 *
 	 * @author SAP SE
-	 * @version 1.106.0
+	 * @version 1.107.1
 	 *
 	 * @constructor
 	 * @public
 	 * @since 1.30.0
 	 * @alias sap.m.semantic.ShareMenuPage
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
 
 	var ShareMenuPage = SemanticPage.extend("sap.m.semantic.ShareMenuPage", /** @lends sap.m.semantic.ShareMenuPage.prototype */ {

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

@@ -25,13 +25,12 @@ sap.ui.define(['sap/m/semantic/SemanticButton'], function(SemanticButton) {
 	 * @implements sap.m.semantic.ISort
 	 *
 	 * @author SAP SE
-	 * @version 1.106.0
+	 * @version 1.107.1
 	 *
 	 * @constructor
 	 * @public
 	 * @since 1.30.0
 	 * @alias sap.m.semantic.SortAction
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
 
 	var SortAction = SemanticButton.extend("sap.m.semantic.SortAction", /** @lends sap.m.semantic.SortAction.prototype */ {

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

@@ -24,13 +24,12 @@ sap.ui.define(['sap/m/semantic/SemanticSelect'], function(SemanticSelect) {
 	 * @implements sap.m.semantic.ISort
 	 *
 	 * @author SAP SE
-	 * @version 1.106.0
+	 * @version 1.107.1
 	 *
 	 * @constructor
 	 * @public
 	 * @since 1.30.0
 	 * @alias sap.m.semantic.SortSelect
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
 
 	var SortSelect = SemanticSelect.extend("sap.m.semantic.SortSelect", /** @lends sap.m.semantic.SortSelect.prototype */ {

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

@@ -20,7 +20,7 @@ sap.ui.define([
 	 * @namespace
 	 * @alias module:sap/m/table/Util
 	 * @author SAP SE
-	 * @version 1.106.0
+	 * @version 1.107.1
 	 * @since 1.96.0
 	 * @private
 	 * @ui5-restricted sap.fe, sap.ui.mdc, sap.ui.comp

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.106.0
+	 * @version 1.107.1
 	 *
 	 * @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.106.0
+	 * @version 1.107.1
 	 *
 	 * @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.106.0
+	 * @version 1.107.1
 	 *
 	 * @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.106.0
+	 * @version 1.107.1
 	 *
 	 * @private
 	 * @experimental
@@ -54,7 +54,7 @@ sap.ui.define([
 	 * @protected
 	 */
 	ItemBase.prototype.getEffectiveItems = function() {
-		return [this];
+		return this.getVisible() ? [this] : [];
 	};
 
 	/**

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

@@ -20,7 +20,7 @@ sap.ui.define([
 	});
 
 	ItemContainer.prototype.getEffectiveItems = function() {
-		return this.getItems().reduce(function(aItems, oItem) {
+		return !this.getVisible() ? [] : this.getItems().reduce(function(aItems, oItem) {
 			return aItems.concat(oItem.getEffectiveItems());
 		}, []);
 	};

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

@@ -76,7 +76,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.106.0
+	 * @version 1.107.1
 	 *
 	 * @private
 	 * @experimental
@@ -548,6 +548,7 @@ sap.ui.define([
 
 	Menu.prototype._createQuickActionGrids = function () {
 		var oFormContainer;
+
 		if (this._oForm) {
 			oFormContainer = this._oForm.getFormContainers()[0];
 			oFormContainer.destroyFormElements();
@@ -564,28 +565,38 @@ sap.ui.define([
 				editable: true,
 				formContainers: oFormContainer
 			});
+			this._oForm.addEventDelegate({
+				onAfterRendering: function() {
+					this.getDomRef().classList.remove("sapUiFormLblColon");
+				}
+			}, this._oForm);
 		}
 
-		var aEffectiveQuickActions = this._getAllEffectiveQuickActions();
-		aEffectiveQuickActions.forEach(function (oEffectiveQuickAction) {
-			if (!oEffectiveQuickAction.getVisible()) {
+		this._getAllEffectiveQuickActions().forEach(function(oQuickAction) {
+			if (!oQuickAction.getVisible()) {
 				return;
 			}
+
 			// Create label
 			var oGridData = new GridData({span: "XL4 L4 M4 S12"});
+			var sQuickActionLabel = oQuickAction.getLabel();
 			var oLabel = new Label({
-				text: oEffectiveQuickAction.getLabel(),
+				text: sQuickActionLabel,
 				layoutData: oGridData,
 				vAlign: VerticalAlign.Middle,
-				wrapping: true
-			}).setWidth("100%");
+				wrapping: true,
+				width: "100%",
+				showColon: sQuickActionLabel !== ""
+						   && !(oQuickAction.getParent() && oQuickAction.getParent().isA("sap.m.table.columnmenu.QuickSortItem"))
+						   && oQuickAction._bHideLabelColon !== true
+			});
 			oLabel.addStyleClass("sapMTCMenuQALabel");
 
 			// Create content
 			var aControls = [];
-			var aContent = oEffectiveQuickAction.getContent();
+			var aContent = oQuickAction.getContent();
 
-			aContent.forEach(function (oItem) {
+			aContent.forEach(function(oItem) {
 				if (oItem.getLayoutData()) {
 					oGridData = oItem.getLayoutData().clone();
 				} else {

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.106.0
+	 * @version 1.107.1
 	 *
 	 * @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.106.0
+	 * @version 1.107.1
 	 *
 	 * @private
 	 * @experimental
@@ -49,7 +49,7 @@ sap.ui.define([
 	 * @public
 	 */
 	QuickActionBase.prototype.getEffectiveQuickActions = function() {
-		return [this];
+		return this.getVisible() ? [this] : [];
 	};
 
 	QuickActionBase.prototype.setVisible = function (bVisible) {

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

@@ -20,7 +20,7 @@ sap.ui.define([
 	});
 
 	QuickActionContainer.prototype.getEffectiveQuickActions = function() {
-		return this.getQuickActions().reduce(function(aQuickActions, oQuickAction) {
+		return !this.getVisible() ? [] : this.getQuickActions().reduce(function(aQuickActions, oQuickAction) {
 			return aQuickActions.concat(oQuickAction.getEffectiveQuickActions());
 		}, []);
 	};

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.106.0
+	 * @version 1.107.1
 	 *
 	 * @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.106.0
+	 * @version 1.107.1
 	 *
 	 * @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.106.0
+	 * @version 1.107.1
 	 *
 	 * @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.106.0
+	 * @version 1.107.1
 	 *
 	 * @private
 	 * @experimental
@@ -63,9 +63,11 @@ sap.ui.define([
 		var aItems = this.getItems();
 		var aEffectiveQuickActions = [];
 
-		aItems.forEach(function(oItem) {
-			aEffectiveQuickActions.push(oItem._getAction());
-		}, this);
+		if (this.getVisible()) {
+			aItems.forEach(function(oItem) {
+				aEffectiveQuickActions.push(oItem._getAction());
+			}, this);
+		}
 
 		return aEffectiveQuickActions;
 	};

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.106.0
+	 * @version 1.107.1
 	 *
 	 * @private
 	 * @experimental
@@ -55,7 +55,7 @@ sap.ui.define([
 
 	QuickSortItem.prototype._getAction = function() {
 		var oQuickAction = this.getAggregation("quickAction");
-		var sLabel = this._getLabel(this.getParent().getItems().length);
+		var sLabel = this._getLabel();
 
 		if (oQuickAction) {
 			oQuickAction.setLabel(sLabel);
@@ -71,13 +71,9 @@ sap.ui.define([
 		return oQuickAction;
 	};
 
-	QuickSortItem.prototype._getLabel = function(iLength) {
+	QuickSortItem.prototype._getLabel = function() {
 		var oBundle = sap.ui.getCore().getLibraryResourceBundle("sap.m");
-		if (iLength === 1) {
-			return oBundle.getText("table.COLUMNMENU_QUICK_SORT");
-		} else {
-			return oBundle.getText("table.COLUMNMENU_SORT_BY", this.getLabel());
-		}
+		return oBundle.getText("table.COLUMNMENU_QUICK_SORT", this.getLabel());
 	};
 
 	QuickSortItem.prototype._createContent = function() {

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.106.0
+	 * @version 1.107.1
 	 *
 	 * @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.106.0
+	 * @version 1.107.1
 	 *
 	 * @private
 	 * @experimental

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

@@ -0,0 +1,239 @@
+/* ================================== */
+/* CSS for control sap.m/ActionTile  */
+/* Base theme                         */
+/* ================================== */
+
+.sapMAT{
+    width: 20rem;
+    height: 21.875rem;
+    position: relative;
+    padding: 1rem;
+    box-shadow: @sapContent_Shadow0;
+    background-color: @sapTile_Background;
+    display: inline-block;
+    box-sizing: border-box;
+    user-select: none;
+    vertical-align: top;
+    cursor: pointer;
+    .sapMGTHdrContent {
+        padding: 0;
+        height: 3rem;
+        overflow: hidden;
+        .sapMText{
+            font-size: 1rem;
+            font-weight: 700;
+            color: @sapTile_TitleTextColor;
+            line-height: 1.5rem;
+            cursor: pointer;
+        }
+    }
+}
+
+.sapMAT:hover {
+    background-color: @sapTile_Hover_Background;
+    box-shadow:  @sapContent_Shadow2;
+}
+
+.sapMAT:active {
+    background-color: @sapTile_Active_Background;
+    box-shadow: none;
+    outline: 0.0625rem solid @sapTile_Interactive_BorderColor;
+}
+
+.sapMAT:focus-visible {
+    outline: none;
+}
+
+// ToDo card Styles
+
+.sapMAT.sapMToDoCard {
+    border-radius: 1rem;
+    .sapMGTHdrContent {
+        margin-bottom: 0.75rem;
+    }
+    .sapMATC {
+     overflow: hidden;
+     .sapMTilePriorityValue {
+         font-size: 0.875rem;
+         font-weight: 400;
+         margin-bottom: 0.75rem;
+         &.High {
+             color: @sapNegativeTextColor;
+             }
+         &.Medium {
+                 color: @sapCriticalTextColor;
+             }
+         &.Low {
+             color: @sapPositiveTextColor;
+             }
+         &.VeryHigh {
+                 color: @sapIndicationColor_1_BorderColor;
+             }
+     }
+     .sapMContainer {
+             display: flex;
+             flex-direction: column;
+             gap: 0.875rem;
+         .sapMElementWrapper {
+             display: flex;
+             flex-direction: column;
+             gap: 0.25rem;
+             font-weight: 400;
+             font-size: 0.875rem;
+             white-space: nowrap;
+             overflow: hidden;
+             text-overflow: ellipsis;
+             .sapMATCLabel {
+                 color: @sapContent_LabelColor;
+                 white-space: nowrap;
+                 overflow: hidden;
+                 text-overflow: ellipsis;
+                 font-size: 14px;
+                    font-weight: 400;
+                    line-height: 1rem;
+             }
+             .sapMATCValue {
+                 color: @sapTextColor;
+                 white-space: nowrap;
+                 overflow: hidden;
+                 text-overflow: ellipsis;
+                 font-size: 14px;
+                    font-weight: 400;
+                    line-height: 1rem;
+             }
+         }
+     }
+    }
+    .sapMATActionModeContainer {
+     position: absolute;
+     bottom: 1rem;
+     right: 1rem;
+    }
+ }
+
+ .sapMAT.sapMToDoCard:focus {
+    .sapMATFocusDiv{
+        position: absolute;
+        border: 2px solid @sapContent_FocusColor;
+        border-radius:  1rem;
+        inset: 0px;
+    }
+ }
+
+// Situation Card Styles
+
+.sapMAT.sapMATSituationCard{
+    border-radius: 1.25rem;
+    .sapMGTHdrContent {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        gap: 0.5rem;
+        margin-bottom: 0.75rem;
+        height: 2.75rem;
+        .sapMGTHdrIconImage.Neutral {
+            color:  @sapUiNeutralText;
+        }
+        .sapMGTHdrIconImage.Good {
+            color: @sapUiPositiveText;
+        }
+        .sapMGTHdrIconImage.Critical {
+            color: @sapUiCriticalElement;
+        }
+        .sapMGTHdrIconImage.Error {
+            color: @sapUiNegativeText;
+        }
+        .sapMGTHdrIconImage.None {
+            color: @sapUiTileIconColor
+        }
+        .sapMGTHdrIconImage.sapUiIcon{
+            &::before {
+                height: 2.75rem;
+                font-weight: 400;
+                font-size: 2.25rem;
+                line-height: 2.4375rem;
+                display: flex;
+                align-items: end;
+                text-align: center;
+            }
+        }
+    }
+    .sapMGTContent {
+        height: 17.4rem;
+        overflow: visible;
+        .sapMTileCnt{
+            display: flex;
+            flex-direction: column;
+            height: inherit;
+            .sapMTileCntContent{
+                margin-top: 0;
+                height: fit-content;
+                padding: 0;
+                .sapMFT{
+                    span{
+                        color: @sapTextColor;
+                        white-space: pre-wrap;
+                        display: -webkit-box;
+                        -webkit-line-clamp: 3;
+                        -webkit-box-orient: vertical;
+                        height: 3rem;
+                        line-height: 1rem;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        font-weight: 400;
+                        font-size: 0.875rem;
+                        margin-bottom: 0.75rem;
+                    }
+                    p + span {
+                        margin-bottom: 1rem;
+                    }
+                    p {
+                        white-space: nowrap;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        color: @sapTextColor;
+                        font-weight: 400;
+                        font-size: 0.875rem;
+                        margin: 0 0 1rem 0;
+                        line-height: 1.125rem;
+                    }
+                    p.sapMbrPresent::first-line {
+                        color: @sapContent_LabelColor;
+                    }
+                    p:not(.sapMbrPresent) {
+                        margin-bottom: 0.75rem;
+                    }
+                }
+            }
+            .sapMTileFtrCnt {
+                position: absolute;
+                bottom: 1rem;
+                right: 0rem;
+            }
+        }
+    }
+}
+
+.sapMAT.sapMATSituationCard:focus {
+    .sapMGTFocusDiv{
+        position: absolute;
+        border: 2px solid @sapContent_FocusColor;
+        border-radius:  1.25rem;
+        inset: 0px;
+    }
+ }
+
+//Loading State Styles
+
+.sapMAT.sapMATStateLoading {
+    .sapMGTContentShimmerPlaceholderItem {
+        padding: 0;
+        height: 20rem;
+        align-items: initial;
+        flex-direction: column;
+        justify-content: space-around;
+        .sapMGTContentShimmerPlaceholderRows {
+            flex-grow: 0;
+        }
+    }
+}

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

@@ -25,6 +25,12 @@
 	.sapMBarShadow(@sapUiPageHeaderBorderColor);
 }
 
+.sapMBarLeft.sapMBarContainer.sapMBarEmpty,
+.sapMBarMiddle.sapMBarContainer.sapMBarEmpty,
+.sapMBarRight.sapMBarContainer.sapMBarEmpty {
+	padding: 0;
+}
+
 .sapMBarContainer {
 	white-space: nowrap;
 	overflow: hidden;