@openui5/sap.ui.integration 1.120.6 → 1.121.0

package/src/sap/ui/integration/themes/base/AnalyticsCloudContent.less

@@ -16,7 +16,7 @@
 
 			.highcharts-text-outline[stroke-width="2px"] {
 				fill: @sapUiContentFocusColor !important;
-				stroke: @sapBaseColor !important;
+				stroke: @sapUiBaseColor !important;
 			}
 
 			.highcharts-text-outline[stroke-width="2px"] + tspan {
@@ -79,7 +79,7 @@
 				}
 
 				.highcharts-scrollbar-track {
-					fill: @sapBackgroundColor;
+					fill: @sapUiBaseBG;
 					stroke: @_sap_ui_integration_AnalyticsCloud_ScrollBorder;
 					width: 6px;
 					transform: translateX(-0.5px);

package/src/sap/ui/integration/themes/base/Card.less

@@ -12,7 +12,7 @@
 		border-radius: @sapUiElementBorderCornerRadius;
 
 		.sapFCardContent {
-			overflow: scroll;
+			overflow: auto;
 		}
 	}
 
@@ -110,6 +110,10 @@
 							height: 1.75rem;
 						}
 
+						.sapMNCValue.WithoutMargin {
+							justify-content: start;
+						}
+
 						.sapMNCIndScale {
 							margin-left: 0.125rem;
 							padding: 0rem;
@@ -162,3 +166,4 @@
 	/* the banner feature is not yet available for standard card variant */
 	display: none!important;
 }
+

package/src/sap/ui/integration/themes/base/ImageWithOverlay.less

@@ -0,0 +1,47 @@
+/* ============================================================ */
+/* CSS for control sap.ui.integration.controls/ImageWithOverlay */
+/* Base theme                                                   */
+/* ============================================================ */
+
+.sapUiIntImageWithOverlay {
+	display: flex;
+
+	.sapUiIntImgWithOverlayImg {
+		width: 100%;
+		height: 100%;
+	}
+
+	.sapUiIntImgWithOverlayLayout {
+		position: absolute;
+		top: 0;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		padding: 1rem;
+		height: 100%;
+
+		.sapMText {
+			line-height: 1.5rem;
+
+			&.sapUiIntImgWithOverlayTitle {
+				font-size:  1.75rem;
+				line-height: 1.75rem;
+				font-weight: 900;
+			}
+		}
+	}
+
+	&.sapUiIntImageWithOverlayPaddingMediumStart .sapUiIntImgWithOverlayLayout {
+		padding-inline-start: @sapUiMarginMedium;
+	}
+}
+
+.sapFCardObjectGroup {
+	.sapUiIntImageWithOverlay.sapFCardObjectImageFullWidth.sapFCardObjectImage:only-child {
+		height:  ~"calc(100% + 32px)";
+	}
+
+	.sapUiIntImageWithOverlay:not(.sapFCardObjectImageFullWidth):only-child .sapUiIntImgWithOverlayImg {
+		max-height: 100%;
+	}
+}

package/src/sap/ui/integration/themes/base/ListContentItem.less

@@ -42,6 +42,14 @@
 		}
 	}
 
+	&.sapUiIntLCITwoLines,
+	&.sapUiIntLCIMultipleLines {
+		.sapUiIntLCITitleWrapper {
+			margin-bottom: 0.25rem;
+		}
+	}
+
+
 	&.sapUiIntLCIWithActionsStrip {
 		padding-bottom: calc(0.5rem ~"-" @_sap_ui_integration_ListContentItem_BottomBorderHeight);
 	}
@@ -79,6 +87,10 @@
 				display: flex;
 				align-items: center;
 			}
+
+			.sapMObjStatusNone .sapMObjStatusText {
+				color: @sapUiContentLabelColor;
+			}
 		}
 	}
 

package/src/sap/ui/integration/themes/base/ObjectContent.less

@@ -5,6 +5,15 @@
 
 .sapFCardObjectContent {
 	padding: 1rem;
+
+	&.sapFCardObjectContentWithOverlay {
+		.sapMFlexBox.sapUiIntImgWithOverlayLayout,
+		.sapMFlexBox.sapFCardObjectGroup:has( > .sapUiIntImageWithOverlay:only-child ),
+		 > .sapMFlexBox,
+		.sapUiIntImageWithOverlay:only-child {
+			height: 100%;
+		}
+	}
 }
 
 .sapUiIntCardWithFooter .sapFCardObjectContent {
@@ -59,27 +68,36 @@
 
 	// Image
 
-	> .sapMImg.sapFCardObjectImage {
+	> .sapFCardObjectImage:not(:first-child) {
 		margin-top: 1rem;
 	}
 
+	.sapUiIntImageWithOverlay.sapFCardObjectImageFullWidth:first-child,
 	.sapMImg.sapFCardObjectImageFullWidth:first-child {
 		top: -16px;
 		margin-top: 0;
+		height: ~"calc(100% + 16px)";
 	}
 
+	.sapUiIntImageWithOverlay.sapFCardObjectImageFullWidth:last-child,
 	.sapMImg.sapFCardObjectImageFullWidth:last-child {
 		margin-bottom: -16px;
 	}
 
+	.sapUiIntImageWithOverlay.sapFCardObjectImageFullWidth:only-child,
 	.sapMImg.sapFCardObjectImageFullWidth:only-child {
 		margin-bottom: -32px;
 	}
 
+	.sapUiIntImageWithOverlay.sapFCardObjectImageFullWidth,
 	.sapMImg.sapFCardObjectImageFullWidth {
-		width: calc(100% + 32px);
+		width: ~"calc(100% + 32px)";
 		left: -16px;
 	}
+
+	.sapFCardObjectImage  {
+		position: relative;
+	}
 }
 
 .sapFCardObjectSpaceBetweenGroup {

package/src/sap/ui/integration/themes/base/{ObjectStatusIcons.less → ObjectStatus.less}

@@ -1,7 +1,11 @@
-/* ======================================================== */
-/* CSS for control sap.ui.integration.controls/ObjectStatus */
-/* Base theme                                               */
-/* ======================================================== */
+/* ============================================================ */
+/* CSS for control sap.ui.integration.controls/ObjectStatus     */
+/* Base theme                                                   */
+/* ============================================================ */
+
+.sapUiIntObjStatus .sapMObjStatusWrapper {
+	display: inline;
+}
 
 .sapUiIntCard .sapMObjStatus {
 	&.sapMObjStatusShowIcon {
@@ -18,22 +22,22 @@
 		}
 
 		&.sapMObjStatusError::before {
-			color: @sapNegativeElementColor;
+			color: @sapUiNegativeElement;
 			content: "\e1ec";
 		}
 
 		&.sapMObjStatusWarning::before {
-			color: @sapCriticalElementColor;
+			color: @sapUiCriticalElement;
 			content: "\e053";
 		}
 
 		&.sapMObjStatusSuccess::before {
-			color: @sapPositiveElementColor;
+			color: @sapUiPositiveElement;
 			content: "\e1c1";
 		}
 
 		&.sapMObjStatusInformation::before {
-			color: @sapInformativeElementColor;
+			color: @sapUiInformativeElement;
 			content: "\e289";
 		}
 	}

package/src/sap/ui/integration/themes/base/library.source.less

@@ -17,10 +17,11 @@
 @import "CustomElementCard.less";
 @import "Paginator.less";
 @import "Footer.less";
+@import "ImageWithOverlay.less";
 @import "LinkWithIcon.less";
 @import "ListContentItem.less";
 @import "Microchart.less";
 @import "MicrochartLegend.less";
 @import "ObjectContent.less";
-@import "ObjectStatusIcons.less";
+@import "ObjectStatus.less";
 @import "WebPageContent.less";

package/src/sap/ui/integration/util/BaseFactory.js

@@ -22,7 +22,7 @@ sap.ui.define([
 	 * @extends sap.ui.base.Object
 	 *
 	 * @author SAP SE
-	 * @version 1.120.6
+	 * @version 1.121.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/integration/util/BindingHelper.js

@@ -42,7 +42,7 @@ sap.ui.define([
 	 * Helper class for working with bindings.
 	 *
 	 * @author SAP SE
-	 * @version 1.120.6
+	 * @version 1.121.0
 	 *
 	 * @private
 	 * @alias sap.ui.integration.util.BindingHelper

package/src/sap/ui/integration/util/BindingResolver.js

@@ -33,7 +33,7 @@ sap.ui.define([
 		 * Resolves a binding syntax based on a provided model and path.
 		 *
 		 * @author SAP SE
-		 * @version 1.120.6
+		 * @version 1.121.0
 		 *
 		 * @private
 		 * @ui5-restricted sap.ushell

package/src/sap/ui/integration/util/CacheAndRequestDataProvider.js

@@ -4,12 +4,12 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([
+	"sap/ui/core/Element",
 	"sap/ui/integration/util/RequestDataProvider",
 	"sap/base/Log",
-	"sap/ui/core/Core",
 	"sap/base/util/deepExtend",
 	"sap/ui/core/date/UI5Date"
-], function (RequestDataProvider, Log, Core, deepExtend, UI5Date) {
+], function (Element, RequestDataProvider, Log, deepExtend, UI5Date) {
 	"use strict";
 
 	/**
@@ -64,11 +64,11 @@ sap.ui.define([
 	};
 
 	CacheAndRequestDataProvider.prototype.getHostInstance = function () {
-		return Core.byId(this.getHost());
+		return Element.getElementById(this.getHost());
 	};
 
 	CacheAndRequestDataProvider.prototype.getCardInstance = function () {
-		return Core.byId(this.getCard());
+		return Element.getElementById(this.getCard());
 	};
 
 	CacheAndRequestDataProvider.prototype.getCardInstanceHeader = function () {

package/src/sap/ui/integration/util/CardMerger.js

@@ -4,14 +4,14 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([
+	"sap/base/i18n/Localization",
 	"sap/base/util/merge",
 	"sap/ui/model/json/JSONModel",
-	"sap/ui/core/Core",
 	"sap/base/util/deepClone"
 ], function (
+	Localization,
 	merge,
 	JSONModel,
-	Core,
 	deepClone
 ) {
 	"use strict";
@@ -27,7 +27,7 @@ sap.ui.define([
 			});
 		},
 		mergeTextsChanges: function (oModel, oTexts, oDesigntime) {
-			var sLanguage =  Core.getConfiguration().getLanguage().replaceAll('_', '-');
+			var sLanguage =  Localization.getLanguage().replaceAll('_', '-');
 			if (oTexts && oTexts.hasOwnProperty(sLanguage)) {
 				var oTranslation = oTexts[sLanguage];
 				for (var sManifestPath in oTranslation) {
@@ -64,7 +64,7 @@ sap.ui.define([
 						var iLayer = oChange.hasOwnProperty(":layer") ? oChange[":layer"] : 1000;
 						// for changes from translation layer, we use them as the translations of current languages
 						if (iLayer === CardMerger.layers["translation"]) {
-							var sLanguage = Core.getConfiguration().getLanguage().replaceAll('_', '-');
+							var sLanguage = Localization.getLanguage().replaceAll('_', '-');
 							var oTranslationChange = {
 								"texts": {}
 							};

package/src/sap/ui/integration/util/CardObserver.js

@@ -22,7 +22,7 @@ sap.ui.define([
 	 * @extends sap.ui.base.Object
 	 *
 	 * @author SAP SE
-	 * @version 1.120.6
+	 * @version 1.121.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/integration/util/ComboBoxHelper.js

@@ -0,0 +1,59 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define([], function () {
+	"use strict";
+
+	/**
+	 * Utility class helping with sap.m.ComboBox control.
+	 *
+	 * @author SAP SE
+	 * @version 1.121.0
+	 *
+	 * @private
+	 * @alias sap.ui.integration.util.ComboBoxHelper
+	 */
+	const ComboBoxHelper = { };
+
+	/**
+	 * Sets and synchronizes value and key for ComboBox control.
+	 * @param {sap.m.ComboBox} oComboBox The ComboBox.
+	 * @param {string} sKey The key.
+	 * @param {string} sValue The value.
+	 */
+	ComboBoxHelper.setValueAndKey = function(oComboBox, sKey, sValue) {
+		if (sKey) {
+			oComboBox.setSelectedKey(sKey);
+
+			const oSelectedItem = oComboBox.getItems().find((oItem) => {
+				return oItem.getKey() === sKey;
+			});
+
+			oComboBox.setValue(oSelectedItem ? oSelectedItem.getText() : "");
+			return;
+		}
+
+		if (sValue) {
+			const oSelectedItem = oComboBox.getItems().find((oItem) => {
+				return oItem.getText() === sValue;
+			});
+
+			if (oSelectedItem) {
+				oComboBox.setSelectedItem(oSelectedItem);
+			} else {
+				oComboBox.setSelectedKey(null); // now entering unknown value, reset selectedKey to keep it in sync
+				oComboBox.setValue(sValue);
+			}
+			return;
+		}
+
+		// there is nothing selected and no value
+		oComboBox.setSelectedKey(null);
+		oComboBox.setValue(null);
+	};
+
+	return ComboBoxHelper;
+});

package/src/sap/ui/integration/util/ContentFactory.js

@@ -42,7 +42,7 @@ sap.ui.define([
 	 * @extends sap.ui.integration.util.BaseFactory
 	 *
 	 * @author SAP SE
-	 * @version 1.120.6
+	 * @version 1.121.0
 	 *
 	 * @constructor
 	 * @private