@openui5/sap.f 1.108.2 → 1.110.0

package/src/sap/f/SidePanelItem.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -27,13 +27,12 @@ sap.ui.define([
 	 * @extends sap.ui.core.Item
 	 *
 	 * @author SAP SE
-	 * @version 1.108.2
+	 * @version 1.110.0
 	 *
 	 * @constructor
 	 * @public
 	 * @since 1.107
 	 * @alias sap.f.SidePanelItem
-	 * @experimental Since 1.107. This class is experimental and provides only limited functionality. Also the API might be changed in future.
 	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	 var SidePanelItem = Item.extend("sap.f.SidePanelItem", {

package/src/sap/f/SidePanelRenderer.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -15,18 +15,18 @@ sap.ui.define([
 		};
 
 		SidePanelRenderer.render = function(oRm, oControl) {
-			var bActionBarExpanded = oControl.getActionBarExpanded(),
-				bSideContentExpanded = oControl._isSideContentExpanded();
+			var bActionBarExpanded = oControl.getActionBarExpanded();
 
 			oRm.openStart("div", oControl);
 			oRm.class("sapFSP");
 			oControl._isSingleItem() && oRm.class("sapFSPSingleItem");
 			bActionBarExpanded && oControl.getItems().length !== 1 && oRm.class("sapFSPActionBarExpanded");
-			bSideContentExpanded && oRm.class("sapFSPSideContentExpanded");
+			oControl._getSideContentExpanded() && oRm.class("sapFSPSideContentExpanded");
 			oRm.openEnd();
 
 			SidePanelRenderer.renderMain(oRm, oControl);
 			oControl.getItems().length && SidePanelRenderer.renderSide(oRm, oControl);
+			!Device.system.phone && SidePanelRenderer.renderMeasureHelpers(oRm, oControl);
 
 			oRm.close("div");
 		};
@@ -91,38 +91,35 @@ sap.ui.define([
 		};
 
 		SidePanelRenderer.renderSide = function(oRm, oControl) {
-			var bSideExpanded = oControl.getActionBarExpanded() || oControl._getSideContentExpanded(),
-				bPhone = Device.system.phone,
-				sSidePanelWidth = oControl._getSidePanelWidth();
+			var bPhone = Device.system.phone,
+				bRenderSplitter = oControl.getSidePanelResizable() && oControl._getSideContentExpanded() && !bPhone;
+
 			oRm.openStart("aside");
 			oRm.class("sapFSPSide");
+			bRenderSplitter && oRm.class("sapFSPResizable");
 			oRm.attr("data-sap-ui-fastnavgroup", "true");
 			oRm.attr("role", "region");
 			oRm.attr("aria-label", oControl._getAriaLabelText());
-			bSideExpanded && !bPhone && oRm.style("width", sSidePanelWidth);
+			oControl._getSideContentExpanded() && !bPhone && oRm.style("width", oControl._getSidePanelWidth());
 			oRm.openEnd();
 
 			oRm.openStart("div");
 			oRm.class("sapFSPSideInner");
-
-			bSideExpanded && !bPhone && oRm.style("width", sSidePanelWidth);
-
 			oRm.openEnd();
 
 			SidePanelRenderer.renderActionBar(oRm, oControl);
 			oControl.getSelectedItem() && SidePanelRenderer.renderSideContent(oRm, oControl);
+			bRenderSplitter && SidePanelRenderer.renderSplitterBar(oRm, oControl);
 
 			oRm.close("div");
-
 			oRm.close("aside");
 		};
 
 		SidePanelRenderer.renderSideContent = function(oRm, oControl) {
 			var aSide = oControl._getSelectedItem().getContent(),
-				bSideContentExpanded = oControl._isSideContentExpanded(),
 				i;
 
-			if (bSideContentExpanded) {
+			if (oControl._getSideContentExpanded()) {
 				oRm.openStart("div");
 				oRm.class("sapFSPSideContent");
 				oRm.attr("data-sap-ui-fastnavgroup", "true");
@@ -142,7 +139,6 @@ sap.ui.define([
 				}
 
 				oRm.close("div");
-
 				oRm.close("div");
 			}
 		};
@@ -167,6 +163,10 @@ sap.ui.define([
 				oExpandCollapseButton = oControl.getAggregation("_arrowButton"),
 				i;
 
+			oRm.openStart("div");
+			oRm.class("sapFSPActionBar");
+			oRm.openEnd();
+
 			if (!bPhone) {
 				// expand/collapse button
 				bSingleItem && oExpandCollapseButton.setTooltip(oControl.getItems()[0].getText());
@@ -175,15 +175,14 @@ sap.ui.define([
 
 			// action bar
 			if (aItems.length) {
-
 				oRm.openStart("div");
-				oRm.class("sapFSPActionBarWrapper");
+				oRm.class("sapFSPActionBarListWrapper");
 				bActionBarExpanded && oRm.class("sapFSPExpanded");
 				oRm.attr("role", "toolbar");
 				oRm.openEnd();
 
-				oRm.openStart("ul", oControl.getId() + "-ActionBar");
-				oRm.class("sapFSPActionBar");
+				oRm.openStart("ul", oControl.getId() + "-ActionBarList");
+				oRm.class("sapFSPActionBarList");
 				aItems.length < 4 && oRm.class("sapFSPCenteredItems");
 				oRm.attr("aria-multiselectable", "false");
 				oRm.attr("aria-label", "Actions");
@@ -202,9 +201,53 @@ sap.ui.define([
 				}
 
 				oRm.close("ul");
-
 				oRm.close("div");
 			}
+
+			oRm.close("div");
+		};
+
+		SidePanelRenderer.renderSplitterBar = function(oRm, oControl) {
+			oRm.openStart("div", oControl.getId() + "-resizeSplitter");
+			oRm.class("sapFSPSplitterBar");
+			oRm.attr("tabindex", 0);
+			oRm.attr("role", "separator");
+			oRm.attr("aria-orientation", "vertical");
+			oRm.attr("aria-roledescription", "splitter separator");
+			oRm.attr("title", oControl._getSplitterTitle());
+			oRm.openEnd();
+
+			oRm.openStart("div");
+			oRm.class("sapFSPSplitterBarDecorationBefore");
+			oRm.openEnd();
+			oRm.close("div");
+
+			oRm.openStart("div");
+			oRm.class("sapFSPSplitterBarGrip");
+			oRm.openEnd();
+			oRm.icon("sap-icon://vertical-grip", ["sapFSPSplitterBarGripIcon"]);
+			oRm.close("div");
+
+			oRm.openStart("div");
+			oRm.class("sapFSPSplitterBarDecorationAfter");
+			oRm.openEnd();
+			oRm.close("div");
+
+			oRm.close("div");
+		};
+
+		SidePanelRenderer.renderMeasureHelpers = function(oRm, oControl) {
+			oRm.openStart("div");
+			oRm.class("sapFSPMinWidth");
+			oRm.style("width", oControl.getSidePanelMinWidth());
+			oRm.openEnd();
+			oRm.close("div");
+
+			oRm.openStart("div");
+			oRm.class("sapFSPMaxWidth");
+			oRm.style("width", oControl.getSidePanelMaxWidth());
+			oRm.openEnd();
+			oRm.close("div");
 		};
 
 		return SidePanelRenderer;

package/src/sap/f/cards/BaseHeader.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (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([
@@ -38,7 +38,7 @@ sap.ui.define([
 	 * @abstract
 	 *
 	 * @author SAP SE
-	 * @version 1.108.2
+	 * @version 1.110.0
 	 *
 	 * @constructor
 	 * @public
@@ -135,21 +135,13 @@ sap.ui.define([
 	};
 
 	BaseHeader.prototype.ontap = function (oEvent) {
-		var srcControl = oEvent.srcControl;
-		if (srcControl && srcControl.getId().indexOf("overflowButton") > -1) { // better way?
-			return;
-		}
-
-		if (this._isInteractive()) {
+		if (this._isInteractive() && !this._isInsideToolbar(oEvent.target)) {
 			this.firePress();
 		}
 	};
 
-	/**
-	 * Fires the <code>sap.f.cards.NumericHeader</code> press event.
-	 */
-	BaseHeader.prototype.onsapselect = function () {
-		if (this._isInteractive()) {
+	BaseHeader.prototype.onsapselect = function (oEvent) {
+		if (this._isInteractive() && !this._isInsideToolbar(oEvent.target)) {
 			this.firePress();
 		}
 	};
@@ -302,13 +294,6 @@ sap.ui.define([
 		return BaseHeader._oTimestampIntervalTrigger;
 	};
 
-	/**
-	 * @ui5-restricted
-	 */
-	BaseHeader.prototype.getAriaRole = function () {
-		return "group";
-	};
-
 	/**
 	 * @ui5-restricted
 	 */
@@ -320,7 +305,7 @@ sap.ui.define([
 	 * @ui5-restricted
 	 */
 	BaseHeader.prototype.getFocusableElementAriaRole = function () {
-		return this.hasListeners("press") ? "button" : null;
+		return this.hasListeners("press") ? "button" : "group";
 	};
 
 	/**
@@ -360,5 +345,11 @@ sap.ui.define([
 		return this.hasListeners("press");
 	};
 
+	BaseHeader.prototype._isInsideToolbar = function(oElement) {
+		var oToolbar = this.getToolbar();
+
+		return oToolbar && oToolbar.getDomRef() && oToolbar.getDomRef().contains(oElement);
+	};
+
 	return BaseHeader;
 });

package/src/sap/f/cards/Header.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (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([
@@ -46,7 +46,7 @@ sap.ui.define([
 	 * @implements sap.f.cards.IHeader
 	 *
 	 * @author SAP SE
-	 * @version 1.108.2
+	 * @version 1.110.0
 	 *
 	 * @constructor
 	 * @public
@@ -245,7 +245,7 @@ sap.ui.define([
 	 * those controls.
 	 *
 	 * @param {sap.ui.core.Control} oElement - The Control that gets rendered by the RenderManager
-	 * @param {object} mAriaProps - The mapping of "aria-" prefixed attributes
+	 * @param {{role: string, level: string}} mAriaProps - The mapping of "aria-" prefixed attributes
 	 * @protected
 	 */
 	 Header.prototype.enhanceAccessibilityState = function (oElement, mAriaProps) {

package/src/sap/f/cards/HeaderRenderer.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -30,8 +30,7 @@ sap.ui.define([], function () {
 			bLoading = oHeader.isLoading(),
 			oError = oHeader.getAggregation("_error"),
 			oToolbar = oHeader.getToolbar(),
-			bIconVisible = oHeader.getIconVisible ? oHeader.getIconVisible() : true,
-			sTabIndex;
+			bIconVisible = oHeader.getIconVisible ? oHeader.getIconVisible() : true;
 
 		oRm.openStart("div", oHeader)
 			.class("sapFCardHeader");
@@ -48,26 +47,23 @@ sap.ui.define([], function () {
 			oRm.class("sapFCardHeaderError");
 		}
 
-		//Accessibility state
-		oRm.accessibilityState(oHeader, {
-			role: oHeader.getAriaRole(),
-			roledescription: { value: oHeader.getAriaRoleDescription(), append: true }
-		});
 		oRm.openEnd();
 
 		oRm.openStart("div")
 			.attr("id", sId + "-focusable")
 			.class("sapFCardHeaderWrapper");
 
-		if (oHeader.getProperty("focusable")) {
-			sTabIndex = oHeader._isInsideGridContainer() ? "-1" : "0";
-			oRm.attr("tabindex", sTabIndex);
+		if (oHeader.getProperty("focusable") && !oHeader._isInsideGridContainer()) {
+			oRm.attr("tabindex", "0");
 		}
 
-		oRm.accessibilityState({
-			labelledby: { value: oHeader._getAriaLabelledBy(), append: true },
-			role: oHeader.getFocusableElementAriaRole()
-		});
+		if (!oHeader._isInsideGridContainer()) {
+			oRm.accessibilityState({
+				labelledby: {value: oHeader._getAriaLabelledBy(), append: true},
+				role: oHeader.getFocusableElementAriaRole(),
+				roledescription: oHeader.getAriaRoleDescription()
+			});
+		}
 
 		oRm.openEnd();
 
@@ -79,7 +75,7 @@ sap.ui.define([], function () {
 			return;
 		}
 
-		if (bIconVisible && (oHeader.getIconSrc() || oHeader.getIconInitials() || oBindingInfos.iconSrc)) {
+		if (bIconVisible && (!oHeader.isPropertyInitial("iconSrc") || !oHeader.isPropertyInitial("iconInitials"))) {
 			oRm.openStart("div")
 				.class("sapFCardHeaderImage")
 				.openEnd();

package/src/sap/f/cards/NumericHeader.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (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([
@@ -39,7 +39,7 @@ sap.ui.define([
 	 * @extends sap.f.cards.BaseHeader
 	 *
 	 * @author SAP SE
-	 * @version 1.108.2
+	 * @version 1.110.0
 	 *
 	 * @constructor
 	 * @public
@@ -90,6 +90,12 @@ sap.ui.define([
 				 */
 				number: { "type": "string", group : "Data" },
 
+				/**
+				 * Whether the main numeric indicator is visible or not
+				 * @since 1.109
+				 */
+				numberVisible: { "type": "boolean", defaultValue : true},
+
 				/**
 				 * Defines the unit of measurement (scaling prefix) for the main indicator.
 				 * Financial characters can be used for currencies and counters. The International System of Units (SI) prefixes can be used.
@@ -124,6 +130,7 @@ sap.ui.define([
 				 * The alignment of the side indicators.
 				 */
 				sideIndicatorsAlignment: { "type": "sap.f.cards.NumericHeaderSideIndicatorsAlignment", group: "Appearance", defaultValue : "Begin" }
+
 			},
 			aggregations: {
 
@@ -214,7 +221,8 @@ sap.ui.define([
 			.setScale(this.getScale())
 			.setTrend(this.getTrend())
 			.setState(this.getState())
-			.setSideIndicatorsAlignment(this.getSideIndicatorsAlignment());
+			.setSideIndicatorsAlignment(this.getSideIndicatorsAlignment())
+			.setNumberVisible(this.getNumberVisible());
 	};
 
 
@@ -225,7 +233,7 @@ sap.ui.define([
 	 * those controls.
 	 *
 	 * @param {sap.ui.core.Control} oElement - The Control that gets rendered by the RenderManager
-	 * @param {object} mAriaProps - The mapping of "aria-" prefixed attributes
+	 * @param {{role: string, level: string}} mAriaProps - The mapping of "aria-" prefixed attributes
 	 * @protected
 	 */
 	NumericHeader.prototype.enhanceAccessibilityState = function (oElement, mAriaProps) {

package/src/sap/f/cards/NumericHeaderRenderer.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -20,8 +20,7 @@ sap.ui.define([], function () {
 	 */
 	NumericHeaderRenderer.render = function (oRm, oNumericHeader) {
 		var bLoading = oNumericHeader.isLoading(),
-			oError = oNumericHeader.getAggregation("_error"),
-			sTabIndex;
+			oError = oNumericHeader.getAggregation("_error");
 
 		oRm.openStart("div", oNumericHeader)
 			.class("sapFCardHeader")
@@ -39,26 +38,23 @@ sap.ui.define([], function () {
 			oRm.class("sapFCardHeaderError");
 		}
 
-		//Accessibility state
-		oRm.accessibilityState(oNumericHeader, {
-			role: oNumericHeader.getAriaRole(),
-			roledescription: { value: oNumericHeader.getAriaRoleDescription(), append: true }
-		});
 		oRm.openEnd();
 
 		oRm.openStart("div")
 			.attr("id", oNumericHeader.getId() + "-focusable")
 			.class("sapFCardHeaderContent");
 
-		if (oNumericHeader.getProperty("focusable")) {
-			sTabIndex = oNumericHeader._isInsideGridContainer() ? "-1" : "0";
-			oRm.attr("tabindex", sTabIndex);
+		if (oNumericHeader.getProperty("focusable") && !oNumericHeader._isInsideGridContainer()) {
+			oRm.attr("tabindex", "0");
 		}
 
-		oRm.accessibilityState({
-			labelledby: { value: oNumericHeader._getAriaLabelledBy(), append: true },
-			role: oNumericHeader.getFocusableElementAriaRole()
-		});
+		if (!oNumericHeader._isInsideGridContainer()) {
+			oRm.accessibilityState({
+				labelledby: {value: oNumericHeader._getAriaLabelledBy(), append: true},
+				role: oNumericHeader.getFocusableElementAriaRole(),
+				roledescription: oNumericHeader.getAriaRoleDescription()
+			});
+		}
 
 		oRm.openEnd();
 

package/src/sap/f/cards/NumericIndicators.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (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([
@@ -25,7 +25,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.108.2
+	 * @version 1.110.0
 	 *
 	 * @constructor
 	 * @private
@@ -49,6 +49,12 @@ sap.ui.define([
 				 */
 				numberSize: { "type": "string", group : "Appearance", defaultValue: "L" },
 
+				/**
+				 * Whether the main numeric indicator is visible or not.
+				 * @since 1.109
+				 */
+				numberVisible: { "type": "boolean", defaultValue : true},
+
 				/**
 				 * Defines the unit of measurement (scaling prefix) for the main indicator.
 				 * Financial characters can be used for currencies and counters. The International System of Units (SI) prefixes can be used.
@@ -71,6 +77,7 @@ sap.ui.define([
 				 * The alignment of the side indicators.
 				 */
 				sideIndicatorsAlignment: { "type": "sap.f.cards.NumericHeaderSideIndicatorsAlignment", group: "Appearance", defaultValue : "Begin" }
+
 			},
 			aggregations: {
 
@@ -97,7 +104,8 @@ sap.ui.define([
 			.setValue(this.getNumber())
 			.setScale(this.getScale())
 			.setIndicator(this.getTrend())
-			.setValueColor(this.getState());
+			.setValueColor(this.getState())
+			.setVisible(this.getNumberVisible());
 	};
 
 	/**

package/src/sap/f/cards/NumericIndicatorsRenderer.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -18,7 +18,10 @@ sap.ui.define([], function () {
 	 */
 	NumericIndicatorsRenderer.render = function (oRm, oNumericIndicators) {
 		var oMainIndicator = oNumericIndicators.getAggregation("_mainIndicator"),
-			oSideIndicators = oNumericIndicators.getSideIndicators();
+			oSideIndicators = oNumericIndicators.getSideIndicators(),
+			bHasVisibleSideIndicator = oSideIndicators.some(function (oIndicator) {
+				return oIndicator.getVisible();
+			});
 
 		oRm.openStart("div", oNumericIndicators)
 			.class("sapFCardNumericIndicators")
@@ -31,7 +34,7 @@ sap.ui.define([], function () {
 
 		oRm.openEnd();
 
-		if (oMainIndicator) {
+		if (oMainIndicator && oNumericIndicators.getNumberVisible()) {
 			oRm.openStart("div")
 				.class("sapFCardNumericIndicatorsMain")
 				.openEnd()
@@ -44,7 +47,7 @@ sap.ui.define([], function () {
 				.close("div");
 		}
 
-		if (oSideIndicators.length !== 0) {
+		if (oSideIndicators.length !== 0 && bHasVisibleSideIndicator) {
 			oRm.openStart("div")
 				.class("sapFCardNumericIndicatorsSide")
 				.openEnd();

package/src/sap/f/cards/NumericSideIndicator.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (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([
@@ -26,7 +26,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.108.2
+	 * @version 1.110.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/cards/NumericSideIndicatorRenderer.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/f/cards/loading/AnalyticalPlaceholder.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (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([
@@ -19,7 +19,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.108.2
+	 * @version 1.110.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/f/cards/loading/CalendarPlaceholder.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (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([
@@ -19,7 +19,7 @@ sap.ui.define([
 	 * @extends sap.f.cards.loading.ListPlaceholder
 	 *
 	 * @author SAP SE
-	 * @version 1.108.2
+	 * @version 1.110.0
 	 *
 	 * @constructor
 	 * @private
@@ -30,9 +30,8 @@ sap.ui.define([
 		metadata: {
 			library: "sap.f",
 			properties: {
-
 				/**
-				 * The maxLegendItems set to the list.
+				 * The maxLegendItems set to the legend items.
 				 */
 				maxLegendItems: {
 					type : "int",
@@ -49,7 +48,7 @@ sap.ui.define([
 		},
 		renderer: {
 			render: function (oRm, oControl) {
-				var iMaxItems = oControl.getMaxItems(),
+				var iMinItems = oControl.getMinItems(),
 					iMaxLegendItems = oControl.getMaxLegendItems(),
 					oItem = oControl.getItem(),
 					oLegendItem = oControl.getLegendItem(),
@@ -138,7 +137,7 @@ sap.ui.define([
 
 					oRm.openEnd();
 
-					for (i = 0; i < iMaxItems; i++) {
+					for (i = 0; i < iMinItems; i++) {
 						oRm.openStart("div")
 							.class("sapFCardListPlaceholderItem")
 							.style("height", oControl.getItemHeight())

package/src/sap/f/cards/loading/GenericPlaceholder.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (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([
@@ -19,7 +19,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.108.2
+	 * @version 1.110.0
 	 *
 	 * @constructor
 	 * @private