@openui5/sap.m 1.119.1 → 1.120.1

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

@@ -183,7 +183,9 @@
 }
 
 .sapMObjStatus:not(.sapMObjStatusInverted) .sapMObjStatusText,
-.sapMObjStatus:not(.sapMObjStatusInverted) .sapMObjStatusIcon {
+.sapMObjStatus:not(.sapMObjStatusInverted) .sapMObjStatusIcon,
+.sapMObjStatusInverted .sapMObjStatusLink:active .sapMObjStatusText,
+.sapMObjStatusInverted .sapMObjStatusLink:active .sapMObjStatusIcon {
 	text-shadow: @sapUiContentTextShadow;
 }
 
@@ -248,6 +250,7 @@
 	border-radius: 0.25rem 0 0 0.25rem;
 }
 
+/*  First set of inverted indication colors */
 .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusIcon {
 	background-color: @sapUiIndication1;
@@ -285,6 +288,16 @@
 .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusIcon {
 	background-color: @sapUiIndication8;
 }
+.sapMObjStatusInverted.sapMObjStatusIndication09 .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication09 .sapMObjStatusIcon {
+	background-color: @sapUiIndication9Background;
+	border-color: @sapUiIndication9BorderColor;
+}
+.sapMObjStatusInverted.sapMObjStatusIndication10 .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication10 .sapMObjStatusIcon {
+	background-color: @sapUiIndication10Background;
+	border-color: @sapUiIndication10BorderColor;
+}
 
 .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusIcon {
@@ -564,6 +577,31 @@ html.sap-desktop .sapMObjStatusActive:focus {
 	background-color: @sapUiIndication8ActiveBackground;
 }
 
+.sapMObjStatusInverted.sapMObjStatusIndication09 .sapMObjStatusLink:hover .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication09 .sapMObjStatusLink:hover .sapMObjStatusIcon {
+	background-color: @sapUiIndication9HoverBackground;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication09 .sapMObjStatusLink:active .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication09 .sapMObjStatusLink:active .sapMObjStatusIcon {
+	background-color: @sapUiIndication9ActiveBackground;
+	border-color: @sapUiIndication9ActiveBorderColor;
+	color: @sapUiIndication9ActiveTextColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication10 .sapMObjStatusLink:hover .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication10 .sapMObjStatusLink:hover .sapMObjStatusIcon {
+	background-color: @sapUiIndication10HoverBackground;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication10 .sapMObjStatusLink:active .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication10 .sapMObjStatusLink:active .sapMObjStatusIcon {
+	background-color: @sapUiIndication10ActiveBackground;
+	border-color: @sapUiIndication10ActiveBorderColor;
+	color: @sapUiIndication10ActiveTextColor;
+}
+
+
 .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:hover .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:hover .sapMObjStatusIcon {
 	background-color: @sapUiButtonNegativeHoverBackground;
@@ -624,6 +662,208 @@ html.sap-desktop .sapMObjStatusActive:focus {
 	color: @sapUiButtonActiveTextColor;
 }
 
+/*  Second set of inverted indication colors regular state */
+.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusIcon {
+	text-shadow: @sapUiContentContrastTextShadow;
+	color: @sapUiIndication1;
+	background-color: @sapUiIndication1b;
+	border-color: @sapUiIndication1bBorderColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusIcon {
+	text-shadow: @sapUiContentContrastTextShadow;
+	color: @sapUiIndication2;
+	background-color: @sapUiIndication2b;
+	border-color: @sapUiIndication2bBorderColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusIcon {
+	text-shadow: @sapUiContentContrastTextShadow;
+	color: @sapUiIndication3;
+	background-color: @sapUiIndication3b;
+	border-color: @sapUiIndication3bBorderColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusIcon {
+	text-shadow: @sapUiContentContrastTextShadow;
+	color: @sapUiIndication4;
+	background-color: @sapUiIndication4b;
+	border-color: @sapUiIndication4bBorderColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusIcon {
+	text-shadow: @sapUiContentContrastTextShadow;
+	color: @sapUiIndication5;
+	background-color: @sapUiIndication5b;
+	border-color: @sapUiIndication5bBorderColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusIcon {
+	text-shadow: @sapUiContentContrastTextShadow;
+	color: @sapUiIndication6;
+	background-color: @sapUiIndication6b;
+	border-color: @sapUiIndication6bBorderColor;
+}
+.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusIcon {
+	text-shadow: @sapUiContentContrastTextShadow;
+	color: @sapUiIndication7;
+	background-color: @sapUiIndication7b;
+	border-color: @sapUiIndication7bBorderColor;
+}
+.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusIcon {
+	text-shadow: @sapUiContentContrastTextShadow;
+	color: @sapUiIndication8;
+	background-color: @sapUiIndication8b;
+	border-color: @sapUiIndication8bBorderColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusIcon {
+	text-shadow: @sapUiContentContrastTextShadow;
+	color: @sapUiIndication9;
+	background-color: @sapUiIndication9b;
+	border-color: @sapUiIndication9bBorderColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusIcon {
+	text-shadow: @sapUiContentContrastTextShadow;
+	color: @sapUiIndication10;
+	background-color: @sapUiIndication10b;
+	border-color: @sapUiIndication10bBorderColor;
+}
+
+/* Second set of inverted indication colors hovered state */
+.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusLink:hover .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusLink:hover .sapMObjStatusIcon {
+	background-color: @sapUiIndication1bHoverBackground;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusLink:hover .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusLink:hover .sapMObjStatusIcon {
+	background-color: @sapUiIndication2bHoverBackground;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusLink:hover .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusLink:hover .sapMObjStatusIcon {
+	background-color: @sapUiIndication3bHoverBackground;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusLink:hover .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusLink:hover .sapMObjStatusIcon {
+	background-color: @sapUiIndication4bHoverBackground;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusLink:hover .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusLink:hover .sapMObjStatusIcon {
+	background-color: @sapUiIndication5bHoverBackground;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusLink:hover .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusLink:hover .sapMObjStatusIcon {
+	background-color: @sapUiIndication6bHoverBackground;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusLink:hover .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusLink:hover .sapMObjStatusIcon {
+	background-color: @sapUiIndication7bHoverBackground;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusLink:hover .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusLink:hover .sapMObjStatusIcon {
+	background-color: @sapUiIndication8bHoverBackground;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusLink:hover .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusLink:hover .sapMObjStatusIcon {
+	background-color: @sapUiIndication9bHoverBackground;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusLink:hover .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusLink:hover .sapMObjStatusIcon {
+	background-color: @sapUiIndication10bHoverBackground;
+}
+
+
+/* Second set of inverted indication colors active state */
+.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusLink:active .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusLink:active .sapMObjStatusIcon {
+	background-color: @sapUiIndication1ActiveBackground;
+	border-color: @sapUiIndication1ActiveBorderColor;
+	color: @sapUiIndication1ActiveTextColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusLink:active .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusLink:active .sapMObjStatusIcon {
+	background-color: @sapUiIndication2ActiveBackground;
+	border-color: @sapUiIndication2ActiveBorderColor;
+	color: @sapUiIndication2ActiveTextColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusLink:active .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusLink:active .sapMObjStatusIcon {
+	background-color: @sapUiIndication3ActiveBackground;
+	border-color: @sapUiIndication3ActiveBorderColor;
+	color: @sapUiIndication3ActiveTextColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusLink:active .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusLink:active .sapMObjStatusIcon {
+	background-color: @sapUiIndication4ActiveBackground;
+	border-color: @sapUiIndication4ActiveBorderColor;
+	color: @sapUiIndication4ActiveTextColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusLink:active .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusLink:active .sapMObjStatusIcon {
+	background-color: @sapUiIndication5ActiveBackground;
+	border-color: @sapUiIndication5ActiveBorderColor;
+	color: @sapUiIndication5ActiveTextColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusLink:active .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusLink:active .sapMObjStatusIcon {
+	background-color: @sapUiIndication6ActiveBackground;
+	border-color: @sapUiIndication6ActiveBorderColor;
+	color: @sapUiIndication6ActiveTextColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusLink:active .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusLink:active .sapMObjStatusIcon {
+	background-color: @sapUiIndication7ActiveBackground;
+	border-color: @sapUiIndication7ActiveBorderColor;
+	color: @sapUiIndication7ActiveTextColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusLink:active .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusLink:active .sapMObjStatusIcon {
+	background-color: @sapUiIndication8ActiveBackground;
+	border-color: @sapUiIndication8ActiveBorderColor;
+	color: @sapUiIndication8ActiveTextColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusLink:active .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusLink:active .sapMObjStatusIcon {
+	background-color: @sapUiIndication9ActiveBackground;
+	border-color: @sapUiIndication9ActiveBorderColor;
+	color: @sapUiIndication9ActiveTextColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusLink:active .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusLink:active .sapMObjStatusIcon {
+	background-color: @sapUiIndication10ActiveBackground;
+	border-color: @sapUiIndication10ActiveBorderColor;
+	color: @sapUiIndication10ActiveTextColor;
+}
+
 html.sap-desktop .sapMObjStatusActive:focus .sapMObjStatusLink {
 	position: relative;
 	display: inline-block;

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

@@ -233,7 +233,7 @@ html[dir="rtl"] {
 	.sapUiSizeCompact {
 		.sapMRbB .sapMRbBInn,
 		.sapMRb .sapMRbB .sapMRbBOut {
-			transform: translate(-0.675rem, 0.675rem);
+			transform: translate(-0.5rem, 0.5rem);
 		}
 	}
 }

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

@@ -15,6 +15,7 @@
 @_sap_m_SearchField_FocusOffset: 1px;
 @_sap_m_SearchField_FocusBorderRadius: unset;
 @_sap_m_SearchField_PlaceholderFontStyle: italic;
+@_sap_m_SearchField_ActiveBackgroundStyle: @sapUiFieldFocusBackground;
 
 .sapMSF {
 	position: relative;
@@ -112,7 +113,7 @@ input.sapMSFI[type="search"]:focus {
 }
 
 :not(.sapMSFDisabled) > .sapMSFF:active {
-	background: @sapUiFieldFocusBackground;
+	background: @_sap_m_SearchField_ActiveBackgroundStyle;
 }
 
 .sapMSFI {

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

@@ -32,7 +32,6 @@
 	text-align: left;
 	border-top-right-radius: 0;
 	border-bottom-right-radius: 0;
-	border-right-width: 0;
 }
 
 .sapMSB.sapMBtnTransparent .sapMSBText:hover .sapMBtnInner {

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

@@ -498,13 +498,6 @@ html[data-sap-ui-browser^='ff'] .sapMTableRowCustomFocus:focus > :not(.sapMListT
 	width: 2rem;
 }
 
-.sapUiSizeCompact .sapMListTblHasNav .sapMListTblNavCol:nth-last-child(2),
-.sapUiSizeCompact .sapMListTblSelCol:nth-last-child(2),
-.sapUiSizeCompact .sapMListTblHasNav .sapMTableRowCustomFocus .sapMListTblNavCol:nth-last-child(3),
-.sapUiSizeCompact .sapMTableRowCustomFocus .sapMListTblSelCol:nth-last-child(3) {
-	width: 2.5rem;
-}
-
 /* min height for the table rows */
 .sapUiSizeCompact .sapMListTblRow {
 	height: 2rem;

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

@@ -115,11 +115,14 @@ html[data-sap-ui-browser="sf10"] {
 }
 
 /* Compact size */
-.sapUiSizeCompact .sapUiFormEdit .sapMText {
+.sapUiSizeCompact .sapUiFormEdit .sapMText{
 	min-height: 2rem; /* for empty text */
 	padding-top: 0.3125rem;
 	padding-bottom: 0.3125rem;
 }
+html[data-sap-ui-browser^="cr"] .sapUiSizeCompact .sapUiFormEdit .sapMText {
+	line-height: 1.375rem;
+}
 
 /* Condensed size / Table Specifics */
 .sapUiTableCell .sapMText {

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

@@ -6,7 +6,7 @@
 @_sap_m_Toolbar_ShrinkItem_MinWidth: 2.5rem;
 
 //we want the first visible element on the row to have specific padding-left value
-.sapMIBar.sapMTB .sapMBarChild{
+.sapMIBar.sapMTB .sapMBarChild {
 	margin-left: 0.25rem;
 }
 
@@ -14,9 +14,8 @@
 	margin: 0 0 0 0.5rem;
 }
 
-.sapMIBar.sapMTB .sapMBarChild:first-child[style*="width: 100%"] {
+.sapMIBar.sapMTB .sapMBarChild.sapMBarChildFirstChild {
 	margin-left: 0;
-	padding-left: 0.25rem;
 }
 
 .sapMTB {
@@ -29,6 +28,7 @@
 	-webkit-text-size-adjust: none;
 	-moz-text-size-adjust: none;
 	height: 3rem;
+	padding-left: 0.25rem;
 	padding-right: 0.25rem;
 	background: @sapUiToolbarBackground;
 }
@@ -54,14 +54,9 @@
 	border-bottom: none;
 }
 
-/* Transparent Toolbar Context */
-.sapMTB-Transparent-CTX.sapMTB {
-	padding-left: 0.75rem;
-}
-
 /* Info Toolbar Context */
 .sapMIBar.sapMTB.sapMTB-Info-CTX {
-	padding: 0 1rem 0 0.75rem;
+	padding: 0 1rem;
 }
 
 .sapMIBar.sapMTB.sapMTB-Info-CTX > .sapUiIcon:first-child {
@@ -105,11 +100,9 @@
 	padding: 0;
 }
 
-.sapUiGridHeader > .sapMTB > .sapMBarChild:first-child,
-.sapUiGridTitle > th > .sapMTB > .sapMBarChild:first-child,
-.sapUiFormResLayout.sapUiFormToolbar > .sapMTB > .sapMBarChild:first-child,
-.sapUiRLContainer > .sapMTB > .sapMBarChild:first-child {
-	margin-left: 0;
+.sapUiFormCLContainer .sapMIBar.sapMTB .sapMBarChild:first-child,
+.sapUiRespGrid .sapMIBar .sapMBarChild:first-child {
+	margin-left: 0.25rem;
 }
 
 /* Solid Toolbar Context */

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

@@ -53,3 +53,7 @@ html.sap-desktop .sapMValueStateHeaderRoot {
 	background: @sapUiWarningBG;
 	color: @sapUiBaseText;
 }
+
+.sapMValueStateHeaderNone {
+	display: none;
+}

package/src/sap/m/themes/base/library.source.less

@@ -57,6 +57,7 @@
 @import "ImageContent.less";
 @import "Input.less";
 @import "InputBase.less";
+@import "LinkTileContent.less";
 
 /* note: the following three files are not in alphabetical order and should be imported after InputBase.less */
 @import "ComboBoxTextField.less";

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

@@ -0,0 +1,49 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define(["sap/ui/core/Control"], function (Control) {
+	"use strict";
+
+	/**
+	 * Constructor for a new ActionsPlaceholder.
+	 *
+	 * @param {string} [sId] ID for the new control. It is generated automatically if an ID is not provided.
+	 * @param {object} [mSettings] initial settings for the new control
+	 *
+	 * @class
+	 * The control acts as placeholder to position specific action controls (Upload, PersonalizationSettings, VariantManagement) on headertoolbar of {@link sap.m.upload.UploadSetwithTable UploadSetwithTable} control.<br>
+	 * The type of action control placed on the headertoolbar is determined by the {@link sap.m.UploadSetwithTableActionPlaceHolder UploadSetwithTableActionPlaceHolder} enum set.<br>
+	 * This control is supposed to be used only within the headertoolbar aggregation of the {@link sap.m.upload.UploadSetwithTable UploadSetwithTable} control.
+	 * @extends sap.ui.core.Control
+	 *
+	 * @author SAP SE
+	 * @version 1.120.1
+	 *
+	 * @constructor
+	 * @public
+	 * @experimental since 1.120
+	 * @since 1.120
+	 * @alias sap.m.upload.ActionsPlaceholder
+	 */
+
+	const ActionsPlaceholder = Control.extend("sap.m.upload.ActionsPlaceholder", {
+		metadata: {
+			library: "sap.m",
+			properties: {
+				/**
+				 * Defines the enum value that determines which control gets substituted.
+				 */
+				placeholderFor : {type: "sap.m.UploadSetwithTableActionPlaceHolder"}
+			}
+		},
+		renderer: {
+			apiVersion: 2,
+			render: function () {}
+		}
+	});
+
+	return ActionsPlaceholder;
+});

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

@@ -0,0 +1,58 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define(["sap/m/Column"], function (mColumn) {
+	"use strict";
+
+	/**
+	 * Constructor for a new Column.
+	 *
+	 * @param {string} [sId] ID for the new control. It is generated automatically if an ID is not provided.
+	 * @param {object} [mSettings] Initial settings for the new control.
+	 *
+	 * @class The <code>sap.m.upload.Column</code> allows defining personalization properties for a column. This Element is built on {@link sap.m.Column sap.m.column}.<br>
+	 * It is supposed to be used only with the columns aggregation of {@link sap.m.upload.UploadSetwithTable UploadSetwithTable} control.
+	 * @extends sap.m.Column
+	 *
+	 * @author SAP SE
+	 * @version 1.120.1
+	 *
+	 * @constructor
+	 * @public
+	 * @experimental since 1.120
+	 * @since 1.120
+	 * @alias sap.m.upload.Column
+	 */
+	const Column = mColumn.extend("sap.m.upload.Column", {
+		metadata: {
+			library: "sap.m",
+			properties: {
+				/**
+				 * Defines the text that is used for column inside personalization dialog.
+				 */
+				columnPersonalizationText: { type: "string", defaultValue: "" },
+				/**
+				 * Defines the model path that is used for applying personalization.
+				 */
+				path: { type: "string", defaultValue: "" },
+				/**
+				 * Defines if the column is used in sort panel.
+				 */
+				sortable: { type: "boolean", defaultValue: true },
+				/**
+				 * Defines if the column is used in a group panel.
+				 */
+				groupable: { type: "boolean", defaultValue: true },
+				/**
+				 * Defines if the column is used in filter panel.
+				 */
+				filterable: { type: "boolean", defaultValue: true }
+			}
+		}
+	});
+
+	return Column;
+});

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

@@ -46,13 +46,29 @@ sap.ui.define([
 	 * Constructor for a new FilePreviewDialog.
 	 *
    * @class
+   * <h3>Overview</h3>
+   *
    * Dialog with a carousel to preview files uploaded using the UploadSetwithTable control.
    * This Element should only be used within the {@link sap.m.upload.UploadSetwithTable UploadSetwithTable} control as an association.
+   *
+   * <h3>Supported File Types for Preview</h3>
+   *
+   * Following are the supported file types that can be previewed:
+   *
+   * <ul><li>Image (PNG, JPEG, BMP, GIF)</li>
+   * <li>PDF </li>
+   * <li>Text (Txt)</li>
+   * <li>Video (MP4, MPEG, Quicktime, MsVideo)</li>
+   * <li>SAP 3D Visual models (VDS)</li></ul>
+   *
    * @author SAP SE
-   * @param {string} [sId] id for the new control, generated automatically if no id is given.
+   * @param {string} [sId] Id for the new control, it is generated automatically if no id is provided.
    * @param {object} [mSettings] Initial settings for the new control.
    * @constructor
-   * @private
+   * @public
+   * @experimental since 1.120
+   * @since 1.120
+   * @version 1.120.1
    * @extends sap.ui.core.Element
    * @name sap.m.upload.FilePreviewDialog
    */
@@ -108,6 +124,8 @@ sap.ui.define([
 					this._oDialog.removeAllContent();
 					this._oDialog.insertContent(this._oCarousel);
 				}
+				this.fireEvent("beforePreviewDialogOpen", {oDialog: this._oDialog});
+
 				this._oDialog.open();
 			}
 		},
@@ -244,8 +262,9 @@ sap.ui.define([
      	*/
 		_createCarousel: async function () {
 			const oPreviewItem = this._previewItem;
-			const aItems = !this.getShowCarouselArrows() ? [this._previewItem] : this._items;
+			let aItems = !this.getShowCarouselArrows() ? [this._previewItem] : this._items;
 			let sActivePageId = "";
+			aItems = aItems?.filter((oItem) => oItem?.isA("sap.m.upload.UploadSetwithTableItem"));
 			const aPagePromises = aItems.map(async (oItem) => {
 				const sMediaType = oItem.getMediaType();