@openui5/sap.ui.integration 1.120.10 → 1.121.1

package/src/sap/ui/integration/controls/ImageWithOverlay.js

@@ -0,0 +1,199 @@
+/*!
+* OpenUI5
+ * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+*/
+
+// Provides control sap.ui.integration.controls.ImageWithOverlay
+sap.ui.define([
+	"./ImageWithOverlayRenderer",
+	"sap/m/Text",
+	"sap/ui/core/Control",
+	"sap/m/VBox",
+	"sap/m/library"
+], function (
+	ImageWithOverlayRenderer,
+	Text,
+	Control,
+	VBox,
+	mLibrary
+) {
+	"use strict";
+
+
+	var FlexJustifyContent = mLibrary.FlexJustifyContent;
+	var FlexAlignItems = mLibrary.FlexAlignItems;
+	var FlexDirection = mLibrary.FlexDirection;
+	var FlexRendertype = mLibrary.FlexRendertype;
+
+	/**
+	 * Constructor for a new ImageWithOverlay.
+	 *
+	 * @param {string} [sId] ID for the new control, generated automatically if no ID is given
+	 * @param {object} [mSettings] Initial settings for the new control
+	 *
+	 * @class
+	 *
+	 * @extends sap.ui.core.Control
+	 *
+	 * @author SAP SE
+	 * @version 1.121.1
+	 *
+	 * @constructor
+	 * @private
+	 * @alias sap.ui.integration.controls.ImageWithOverlay
+	 */
+	var ImageWithOverlay = Control.extend("sap.ui.integration.controls.ImageWithOverlay", {
+		metadata: {
+			library: "sap.ui.integration",
+			properties: {
+				/**
+				 * Defines the text that will be displayed before the title.
+				 */
+				supertitle: {type : "string", group: "Misc", defaultValue: "" },
+				/**
+				 * Defines the title.
+				 */
+				title: {type: "string", group: "Misc", defaultValue: "" },
+				/**
+				 * Defines the text that will be displayed after the title.
+				 */
+				subTitle: {type: "string", group: "Misc", defaultValue: "" },
+				/**
+				 * Defines vertical position of the texts.
+				 */
+				verticalPosition: {type: "sap.m.FlexJustifyContent", group: "Appearance", defaultValue: FlexJustifyContent.Start},
+				/**
+				 * Defines horizontal position of the texts.
+				 */
+				horizontalPosition: {type: "sap.m.FlexAlignItems", group: "Appearance", defaultValue: FlexAlignItems.Start},
+				/**
+				 * Defines the color of the text.
+				 * Note: If set, the text color would not be themeable (will stay the same as provided with this property and won't change with the theme).
+				 * Note: The card developer is responsible for the contrast ratio - right text color and overlay background effect should be set
+				 */
+				textColor: {type: "string", group: "Misc", defaultValue: "" },
+				/**
+				 * Defines the CSS filter for the text.
+				 * Note: The card developer is responsible for the contrast ratio - right text color and overlay background effect should be set
+				 */
+				textFilter: {type: "string", group: "Misc", defaultValue: "" },
+				/**
+				 * Defines the color of the background, which is placed under the texts and over the image.
+				 * Note: If set, the text background color would not be themeable (will stay the same as provided with this property and won't change with the theme).
+				 * Note: The card developer is responsible for the contrast ratio - right text color and overlay background effect should be set
+				 */
+				background: {type: "string", group: "Misc", defaultValue: "" },
+				/**
+				 * Set to <code>MediumStart</code> to have medium size inline padding at the start of the overlay.
+				 */
+				padding: {type: "string", group: "Misc", defaultValue: "" }
+			},
+			aggregations: {
+				image: { type: "sap.m.Image", multiple: false },
+				_textsLayout: { type: "sap.m.VBox", multiple: false, visibility: "hidden" }
+			}
+		},
+
+		renderer: ImageWithOverlayRenderer
+	});
+
+	/**
+	 * Called before the control is rendered.
+	 * @private
+	 */
+	ImageWithOverlay.prototype.onBeforeRendering = function () {
+		Control.prototype.onBeforeRendering.apply(this, arguments);
+
+		this._getSupertitleText().setText(this.getSupertitle());
+		this._getTitleText().setText(this.getTitle());
+		this._getSubTitleText().setText(this.getSubTitle());
+
+		this._getTextsLayout().setJustifyContent(this.getVerticalPosition())
+			.setAlignItems(this.getHorizontalPosition());
+	};
+
+	/**
+	 * Called after the control is rendered.
+	 * @private
+	 */
+	ImageWithOverlay.prototype.onAfterRendering = function () {
+		Control.prototype.onAfterRendering.apply(this, arguments);
+
+		var sTextColor = this.getTextColor(),
+			sTextFilter = this.getTextFilter(),
+			sBackground = this.getBackground(),
+			aOverlayTexts;
+
+		if (sTextColor || sTextFilter) {
+			aOverlayTexts = this.getDomRef().getElementsByClassName("sapMText");
+
+			for (let i = 0; i < aOverlayTexts.length; i++) {
+				const text = aOverlayTexts[i];
+				if (sTextColor) {
+					text.style.color = sTextColor;
+				}
+				if (sTextFilter) {
+					text.style.filter = sTextFilter;
+				}
+			}
+		}
+
+		if (sBackground) {
+			this.getDomRef().getElementsByClassName("sapUiIntImgWithOverlayLayout")[0].style.background = sBackground;
+		}
+	};
+
+	ImageWithOverlay.prototype._getSupertitleText = function () {
+		if (!this._oSupertitleText) {
+			this._oSupertitleText = new Text({
+				text: this.getSupertitle()
+			});
+		}
+
+		return this._oSupertitleText;
+	};
+
+	ImageWithOverlay.prototype._getTitleText = function () {
+		if (!this._oTitleText) {
+			this._oTitleText = new Text({
+				text: this.getTitle()
+			}).addStyleClass("sapUiIntImgWithOverlayTitle");
+		}
+
+		return this._oTitleText;
+	};
+
+	ImageWithOverlay.prototype._getSubTitleText = function () {
+		if (!this._oSubTitleText) {
+			this._oSubTitleText = new Text({
+				text: this.getSubTitle()
+			});
+		}
+
+		return this._oSubTitleText;
+	};
+
+	ImageWithOverlay.prototype._getTextsLayout = function () {
+		var oTextsLayout = this.getAggregation("_textsLayout");
+		if (!oTextsLayout) {
+			oTextsLayout = new VBox({
+				direction: FlexDirection.Column,
+				renderType: FlexRendertype.Bare,
+				justifyContent: this.getVerticalPosition(),
+				alignItems: this.getHorizontalPosition(),
+				items: [
+					this._getSupertitleText(),
+					this._getTitleText(),
+					this._getSubTitleText()
+				]
+			}).addStyleClass("sapUiIntImgWithOverlayLayout");
+
+			this.setAggregation("_textsLayout", oTextsLayout);
+		}
+
+		return oTextsLayout;
+	};
+
+	return ImageWithOverlay;
+});

package/src/sap/ui/integration/controls/ImageWithOverlayRenderer.js

@@ -0,0 +1,36 @@
+/*!
+ * 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([
+	"sap/ui/core/Renderer"
+], function(Renderer) {
+	"use strict";
+
+	/**
+	 * ImageWithOverlayRenderer renderer.
+	 * @private
+	 */
+	var ImageWithOverlayRenderer = {
+		apiVersion: 2
+	};
+
+	ImageWithOverlayRenderer.render = function(oRm, oControl) {
+		oRm.openStart("div", oControl)
+			.class("sapUiIntImageWithOverlay");
+
+		if (oControl.getPadding() === "MediumStart") {
+			oRm.class("sapUiIntImageWithOverlayPaddingMediumStart");
+		}
+
+		oRm.openEnd();
+		oRm.renderControl(oControl.getAggregation("image"));
+		oRm.renderControl(oControl._getTextsLayout());
+		oRm.close("div");
+	};
+
+	return ImageWithOverlayRenderer;
+
+});

package/src/sap/ui/integration/controls/LinkWithIcon.js

@@ -4,7 +4,7 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
 */
 
-// Provides control sap.ui.integration.controls.ActionsToolbar
+// Provides control sap.ui.integration.controls.LinkWithIcon
 sap.ui.define([
 	"./LinkWithIconRenderer",
 	"sap/ui/integration/library",
@@ -29,7 +29,7 @@ sap.ui.define([
 	 * @extends sap.m.Link
 	 *
 	 * @author SAP SE
-	 * @version 1.120.10
+	 * @version 1.121.1
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/integration/controls/ListContentItem.js

@@ -5,27 +5,29 @@
 */
 
 sap.ui.define([
+	"sap/ui/core/Lib",
 	"sap/ui/integration/library",
 	"./ListContentItemRenderer",
+	"./ActionsStrip",
 	"sap/ui/integration/controls/ObjectStatus",
 	"sap/m/library",
 	"sap/m/Avatar",
 	"sap/m/AvatarShape",
 	"sap/m/AvatarSize",
 	"sap/m/ListItemBase",
-	"sap/ui/core/Core",
 	"sap/ui/core/library",
 	"sap/ui/integration/util/BindingResolver"
 ], function (
+	Library,
 	library,
 	ListContentItemRenderer,
+	ActionsStrip,
 	ObjectStatus,
 	mLibrary,
 	Avatar,
 	AvatarShape,
 	AvatarSize,
 	ListItemBase,
-	Core,
 	coreLibrary,
 	BindingResolver
 ) {
@@ -47,7 +49,7 @@ sap.ui.define([
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.120.10
+	 * @version 1.121.1
 	 *
 	 * @constructor
 	 * @private
@@ -165,18 +167,19 @@ sap.ui.define([
 		renderer: ListContentItemRenderer
 	});
 
-	ListContentItem.getPlaceholderInfo  = function (oResolvedConfigItem) {
+	ListContentItem.getPlaceholderInfo = function (oResolvedConfigItem, oContent) {
 		const aVisibleAttributes = oResolvedConfigItem?.attributes?.filter(function (oAttribute) {
 			return oAttribute.hasOwnProperty("visible") ? oAttribute.visible : true;
 		});
 
 		const bVisibleIcon = oResolvedConfigItem?.icon?.hasOwnProperty("visible") ? oResolvedConfigItem?.icon.visible : !!oResolvedConfigItem?.icon;
+		const bHasVisibleActionsStrip = oResolvedConfigItem?.actionsStrip ? ActionsStrip.hasVisibleTemplateItems(oResolvedConfigItem.actionsStrip, oContent) : false;
 
 		return {
 			hasIcon: bVisibleIcon,
 			attributesLength: aVisibleAttributes ? aVisibleAttributes.length : 0,
 			hasChart: !!oResolvedConfigItem?.chart,
-			hasActionsStrip: !!(oResolvedConfigItem?.actionsStrip?.length > 0),
+			hasActionsStrip: bHasVisibleActionsStrip,
 			hasDescription: !!oResolvedConfigItem?.description
 		};
 	};
@@ -184,7 +187,7 @@ sap.ui.define([
 	ListContentItem.getLinesCount = function (oConfiguration, oContent) {
 		let iLines = 1; // at least 1 line for the mandatory title
 		const oResolvedConfig = BindingResolver.resolveValue(oConfiguration, oContent);
-		const oPlaceholderInfo = ListContentItem.getPlaceholderInfo(oResolvedConfig);
+		const oPlaceholderInfo = ListContentItem.getPlaceholderInfo(oResolvedConfig, oContent);
 
 		const bDescriptionVisible = oResolvedConfig.description?.hasOwnProperty("visible") ? oResolvedConfig.description?.visible : true;
 		if (oResolvedConfig.description && bDescriptionVisible) {
@@ -254,7 +257,7 @@ sap.ui.define([
 			sDescription = this.getDescription(),
 			aOutput = [],
 			sInfo = this.getInfo(),
-			oMBundle = Core.getLibraryResourceBundle("sap.m");
+			oMBundle = Library.getResourceBundleFor("sap.m");
 
 		if (sTitle) {
 			aOutput.push(sTitle);

package/src/sap/ui/integration/controls/ListContentItemRenderer.js

@@ -34,12 +34,13 @@ sap.ui.define([
 		rm.class("sapUiIntLCI");
 
 		var iLines = oLI.getLinesCount(),
-			sIcon = oLI.getIcon();
+			sIcon = oLI.getIcon(),
+			vActionsStrip = oLI.getActionsStrip();
 
 		if (iLines === 1) {
 			rm.class("sapUiIntLCIOneLine");
 
-			if (sIcon && !IconPool.isIconURI(sIcon)) {
+			if (sIcon && sIcon.trim() && !IconPool.isIconURI(sIcon)) {
 				rm.class("sapUiIntLCIThumbnail");
 			}
 		} else if (iLines === 2) {
@@ -48,7 +49,7 @@ sap.ui.define([
 			rm.class("sapUiIntLCIMultipleLines");
 		}
 
-		if (oLI.getActionsStrip()) {
+		if (vActionsStrip && vActionsStrip.hasVisibleItems()) {
 			rm.class("sapUiIntLCIWithActionsStrip");
 		}
 	};
@@ -92,7 +93,7 @@ sap.ui.define([
 		rm.close("div");
 		rm.close("div");
 
-		if (oActionsStrip) {
+		if (oActionsStrip && oActionsStrip.hasVisibleItems()) {
 			rm.renderControl(oActionsStrip);
 		}
 

package/src/sap/ui/integration/controls/Microchart.js

@@ -7,13 +7,13 @@
 sap.ui.define([
 	"sap/m/library",
 	"sap/ui/core/Control",
-	"sap/ui/core/Core",
+	"sap/ui/core/Lib",
 	"sap/ui/base/DataType",
 	"sap/base/Log"
 ], function (
 	mLibrary,
 	Control,
-	Core,
+	Lib,
 	DataType,
 	Log
 ) {
@@ -58,7 +58,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.120.10
+	 * @version 1.121.1
 	 *
 	 * @constructor
 	 * @private
@@ -121,7 +121,7 @@ sap.ui.define([
 
 	Microchart.loadDependencies = function () {
 		return new Promise(function (resolve, reject) {
-			Core.loadLibrary("sap.suite.ui.microchart", { async: true })
+			Lib.load({ name: "sap.suite.ui.microchart" })
 				.then(function () {
 					sap.ui.require([
 						"sap/suite/ui/microchart/BulletMicroChart",

package/src/sap/ui/integration/controls/MicrochartLegend.js

@@ -8,14 +8,14 @@ sap.ui.define([
 	"./MicrochartLegendRenderer",
 	"sap/m/Text",
 	"sap/ui/core/Control",
-	"sap/ui/core/Core",
+	"sap/ui/core/Element",
 	"sap/ui/core/theming/Parameters",
 	"sap/ui/integration/util/BindingHelper"
 ], function (
 	MicrochartLegendRenderer,
 	Text,
 	Control,
-	Core,
+	Element,
 	Parameters,
 	BindingHelper
 ) {
@@ -32,7 +32,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.120.10
+	 * @version 1.121.1
 	 *
 	 * @constructor
 	 * @private
@@ -115,7 +115,7 @@ sap.ui.define([
 	};
 
 	MicrochartLegend.prototype._loadLegendColors = function () {
-		var oChart = Core.byId(this.getChart()),
+		var oChart = Element.getElementById(this.getChart()),
 			aNames = [],
 			vParams;
 

package/src/sap/ui/integration/controls/MicrochartLegendRenderer.js

@@ -6,8 +6,8 @@
 
 sap.ui.define([
 	"sap/m/library",
-	"sap/ui/core/Core"
-], function(mLibrary, Core) {
+	"sap/ui/core/Element"
+], function(mLibrary, Element) {
 	"use strict";
 
 	var ValueColor = mLibrary.ValueColor;
@@ -21,7 +21,7 @@ sap.ui.define([
 	};
 
 	MicrochartLegendRenderer.render = function (oRm, oMicrochartLegend) {
-		var oChart = Core.byId(oMicrochartLegend.getChart()),
+		var oChart = Element.getElementById(oMicrochartLegend.getChart()),
 			aLegendColors = [],
 			aTexts = oMicrochartLegend.getAggregation("_titles");
 

package/src/sap/ui/integration/controls/ObjectStatus.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @extends sap.m.ObjectStatus
 	 *
 	 * @author SAP SE
-	 * @version 1.120.10
+	 * @version 1.121.1
 	 *
 	 * @constructor
 	 * @private
@@ -49,6 +49,8 @@ sap.ui.define([
 				this.addStyleClass("sapMObjStatusShowCustomIcon");
 			}
 		}
+
+		this.addStyleClass("sapUiIntObjStatus");
 	};
 
 	return ObjectStatus;

package/src/sap/ui/integration/controls/Paginator.js

@@ -7,26 +7,28 @@
 sap.ui.define([
 	"../library",
 	"sap/ui/base/EventProvider",
-	"sap/ui/core/Core",
+	"sap/ui/core/ControlBehavior",
 	"sap/ui/core/Control",
 	"sap/ui/core/Configuration",
 	"sap/ui/core/Icon",
+	"sap/ui/core/Lib",
 	"./PaginatorRenderer"
-], function (
+], function(
 	library,
 	EventProvider,
-	Core,
+	ControlBehavior,
 	Control,
 	Configuration,
 	Icon,
+	Library,
 	PaginatorRenderer
 ) {
 	"use strict";
 
-	var sAnimationMode = Core.getConfiguration().getAnimationMode(),
+	var sAnimationMode = ControlBehavior.getAnimationMode(),
 		bHasAnimations = sAnimationMode !== Configuration.AnimationMode.none && sAnimationMode !== Configuration.AnimationMode.minimal,
 		iServerSideAfterTransitionDelay = 200,
-		oResourceBundle = Core.getLibraryResourceBundle("sap.m");
+		oResourceBundle = Library.getResourceBundleFor("sap.m");
 
 	/**
 	 * Constructor for a new Paginator.
@@ -39,7 +41,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.120.10
+	 * @version 1.121.1
 	 *
 	 * @constructor
 	 * @ui5-restricted
@@ -73,10 +75,16 @@ sap.ui.define([
 			return null;
 		}
 
+		let vPageSize = oConfig.pageSize;
+		if (oCard.isSkeleton() && !oConfig.totalCount) {
+			// client side pagination for resolved manifest should directly show all items
+			vPageSize = oCard.getModelSizeLimit();
+		}
+
 		return new Paginator({
 			card: oCard,
 			totalCount: oConfig.totalCount,
-			pageSize: oConfig.pageSize,
+			pageSize: vPageSize,
 			skip: oConfig.skip,
 			visible: oConfig.visible
 		});
@@ -233,7 +241,7 @@ sap.ui.define([
 	};
 
 	Paginator.prototype._prepareAnimation = function (iStartIndex) {
-		if (!this._hasAnimation() || this._isSkeletonCard()) {
+		if (!this._hasAnimation()) {
 			return;
 		}
 
@@ -268,7 +276,7 @@ sap.ui.define([
 	};
 
 	Paginator.prototype._clearAnimation = function () {
-		if (!this._hasAnimation() || !this._bActiveAnimation || this._isSkeletonCard()) {
+		if (!this._hasAnimation() || !this._bActiveAnimation) {
 			return;
 		}
 
@@ -303,7 +311,7 @@ sap.ui.define([
 	};
 
 	Paginator.prototype._listUpdateFinished = function () {
-		if (!this._bActiveAnimation || this.isServerSide() || this._isSkeletonCard()) {
+		if (!this._bActiveAnimation || this.isServerSide()) {
 			return;
 		}
 
@@ -367,7 +375,7 @@ sap.ui.define([
 	};
 
 	Paginator.prototype._hasAnimation = function () {
-		return bHasAnimations && this.getCard().getCardContent().isA("sap.ui.integration.cards.ListContent");
+		return bHasAnimations && this.getCard().getCardContent().isA("sap.ui.integration.cards.ListContent") && !this._isSkeletonCard();
 	};
 
 	Paginator.prototype._hasActiveLoadingProvider = function () {

package/src/sap/ui/integration/controls/PaginatorRenderer.js

@@ -6,13 +6,13 @@
 
 sap.ui.define([
 	"sap/m/library",
-	"sap/ui/core/Core",
 	"sap/base/strings/capitalize",
-	"sap/ui/core/InvisibleRenderer"
-], function(mLibrary, Core, capitalize, InvisibleRenderer) {
+	"sap/ui/core/InvisibleRenderer",
+	"sap/ui/core/Lib"
+], function(mLibrary, capitalize, InvisibleRenderer, Library) {
 	"use strict";
 
-	var oResourceBundle = Core.getLibraryResourceBundle("sap.m");
+	var oResourceBundle = Library.getResourceBundleFor("sap.m");
 
 	var _BULLETS_TO_NUMBERS_THRESHOLD = 5;
 

package/src/sap/ui/integration/designtime/baseEditor/BaseEditor.js

@@ -136,7 +136,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.designtime.baseEditor.BaseEditor
 	 * @author SAP SE
 	 * @since 1.70.0
-	 * @version 1.120.10
+	 * @version 1.121.1
 	 * @private
 	 * @experimental since 1.70.0
 	 * @ui5-restricted

package/src/sap/ui/integration/designtime/baseEditor/PropertyEditor.js

@@ -5,6 +5,7 @@
  */
 sap.ui.define([
 	"sap/ui/core/Control",
+	"sap/ui/core/Element",
 	"sap/ui/integration/designtime/baseEditor/util/findClosestInstance",
 	"sap/ui/integration/designtime/baseEditor/util/createPromise",
 	"sap/ui/integration/designtime/baseEditor/util/escapeParameter",
@@ -12,8 +13,9 @@ sap.ui.define([
 	"sap/base/util/restricted/_merge",
 	"sap/base/util/restricted/_omit",
 	"sap/base/util/deepEqual"
-], function (
+], function(
 	Control,
+	Element,
 	findClosestInstance,
 	createPromise,
 	escapeParameter,
@@ -35,7 +37,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.designtime.baseEditor.PropertyEditor
 	 * @author SAP SE
 	 * @since 1.73.0
-	 * @version 1.120.10
+	 * @version 1.121.1
 	 * @private
 	 * @experimental since 1.73.0
 	 * @ui5-restricted
@@ -327,7 +329,7 @@ sap.ui.define([
 	};
 
 	PropertyEditor.prototype.getEditor = function () {
-		return sap.ui.getCore().byId(this.getAssociation("editor"));
+		return Element.getElementById(this.getAssociation("editor"));
 	};
 
 	PropertyEditor.prototype._prepareConfig = function(oConfig) {
@@ -372,7 +374,7 @@ sap.ui.define([
 
 	PropertyEditor.prototype.setEditor = function (vEditor) {
 		var oPreviousEditor = this.getEditor();
-		var oEditor = typeof vEditor === "string" ? sap.ui.getCore().byId(vEditor) : vEditor;
+		var oEditor = typeof vEditor === "string" ? Element.getElementById(vEditor) : vEditor;
 		if (oPreviousEditor !== oEditor) {
 			this.setAssociation("editor", vEditor);
 			var oEditor = this.getEditor();