@openui5/sap.f 1.118.0 → 1.119.1

package/THIRDPARTY.txt

@@ -401,7 +401,7 @@ License: MIT
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
 Contained in: src/sap.ui.integration/src/sap/ui/integration/thirdparty/adaptive-expressions.js
 
-Component: Markdown-it, version: 12.2.0
+Component: Markdown-it, version: 12.3.2
 Copyright: 2014 Vitaly Puzrin, Alex Kocharin
 License: MIT
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
@@ -466,7 +466,7 @@ License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: lib/jsdoc/ui5/plugin.js
 
-Component: SAP Theming Base Content, version: 11.4.2
+Component: SAP Theming Base Content, version: 11.6.8
 Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.f",
-  "version": "1.118.0",
+  "version": "1.119.1",
   "description": "OpenUI5 UI Library sap.f",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,8 +14,8 @@
     "url": "https://github.com/SAP/openui5.git"
   },
   "dependencies": {
-    "@openui5/sap.m": "1.118.0",
-    "@openui5/sap.ui.core": "1.118.0",
-    "@openui5/sap.ui.layout": "1.118.0"
+    "@openui5/sap.m": "1.119.1",
+    "@openui5/sap.ui.core": "1.119.1",
+    "@openui5/sap.ui.layout": "1.119.1"
   }
 }

package/src/sap/f/.library

@@ -6,7 +6,7 @@
   <copyright>OpenUI5
  * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-  <version>1.118.0</version>
+  <version>1.119.1</version>
 
   <documentation>SAPUI5 library with Fiori controls.</documentation>
 

package/src/sap/f/Avatar.js

@@ -40,7 +40,7 @@ sap.ui.define([
 	 * @extends sap.m.Avatar
 	 *
 	 * @author SAP SE
-	 * @version 1.118.0
+	 * @version 1.119.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/AvatarGroup.js

@@ -98,7 +98,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.118.0
+	 * @version 1.119.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/AvatarGroupItem.js

@@ -32,7 +32,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.118.0
+	 * @version 1.119.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/CalendarAppointmentInCard.js

@@ -21,7 +21,7 @@ sap.ui.define([
 	 * This calendar appointment is used in card content of type Calendar.
 	 *
 	 * @extends sap.ui.unified.CalendarAppointment
-	 * @version 1.118.0
+	 * @version 1.119.1
 	 *
 	 * @constructor
 	 * @private

package/src/sap/f/CalendarInCard.js

@@ -43,7 +43,7 @@ sap.ui.define([
 	 * <code>sap.m.Toolbar</code> with <code>sap.m.Buttons</code>.
 	 *
 	 * @extends sap.ui.unified.Calendar
-	 * @version 1.118.0
+	 * @version 1.119.1
 	 *
 	 * @constructor
 	 * @private

package/src/sap/f/Card.js

@@ -71,7 +71,7 @@ sap.ui.define([
 	 * @extends sap.f.CardBase
 	 *
 	 * @author SAP SE
-	 * @version 1.118.0
+	 * @version 1.119.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/CardBase.js

@@ -37,7 +37,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.118.0
+	 * @version 1.119.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/DynamicPage.js

@@ -112,7 +112,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.118.0
+	 * @version 1.119.1
 	 *
 	 * @constructor
 	 * @public
@@ -1351,6 +1351,7 @@ sap.ui.define([
 		// (1) add top padding for the area underneath the title element
 		// so that the title does not overlap the content of the scroll container
 		oWrapperElement.style.paddingTop = iTitleHeight + "px";
+		oWrapperElement.style.scrollPaddingTop = iTitleHeight + "px";
 		this._oScrollHelper.setScrollPaddingTop(iTitleHeight);
 
 		// (2) also make the area underneath the title invisible (using clip-path)

package/src/sap/f/DynamicPageAccessibleLandmarkInfo.js

@@ -23,7 +23,7 @@ sap.ui.define(['sap/ui/core/Element', './library'],
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.118.0
+	 * @version 1.119.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/DynamicPageHeader.js

@@ -62,7 +62,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.118.0
+		 * @version 1.119.1
 		 *
 		 * @constructor
 		 * @public

package/src/sap/f/DynamicPageTitle.js

@@ -93,7 +93,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.118.0
+	 * @version 1.119.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/DynamicPageTitleRenderer.js

@@ -236,6 +236,7 @@ sap.ui.define([
 
 	DynamicPageTitleRenderer._renderExpandContent = function (oRm, oDynamicPageTitleState) {
 		oRm.openStart("div", oDynamicPageTitleState.id + "-expand-wrapper");
+		oRm.class("sapFDynamicPageTitleExpanded");
 		oRm.openEnd();
 		oDynamicPageTitleState.expandedContent.forEach(oRm.renderControl, oRm);
 		oRm.close("div");

package/src/sap/f/FlexibleColumnLayout.js

@@ -97,7 +97,7 @@ sap.ui.define([
 	 *
 	 * @extends sap.ui.core.Control
 	 * @author SAP SE
-	 * @version 1.118.0
+	 * @version 1.119.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/FlexibleColumnLayoutAccessibleLandmarkInfo.js

@@ -22,7 +22,7 @@ sap.ui.define(['sap/ui/core/Element', './library'],
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.118.0
+	 * @version 1.119.1
 	 * @since 1.95
 	 *
 	 * @constructor

package/src/sap/f/FlexibleColumnLayoutSemanticHelper.js

@@ -49,7 +49,7 @@ sap.ui.define([
 	 *
 	 * For more information, see {@link sap.f.FlexibleColumnLayoutSemanticHelper#getCurrentUIState} and {@link sap.f.FlexibleColumnLayoutSemanticHelper#getNextUIState}
 	 *
-	 * @version 1.118.0
+	 * @version 1.119.1
 	 * @param {sap.f.FlexibleColumnLayout} oFlexibleColumnLayout
 	 * The <code>sap.f.FlexibleColumnLayout</code> object whose state will be manipulated.
 	 *
@@ -85,7 +85,7 @@ sap.ui.define([
 	 *
 	 * <li>Value of <code>2</code> - A 2-column layout will be suggested for logical level 0.</li></ul>
 	 *
-	 * @param {string} oSettings.mode
+	 * @param {string} [oSettings.mode]
 	 * <b>Deprecated as of version 1.50</b>, use <code>maxColumnsCount</code> param
 	 * instead.
 	 *
@@ -271,7 +271,7 @@ sap.ui.define([
 	 *
 	 * @typedef {object} sap.f.FlexibleColumnLayoutSemanticHelper.UIState
 	 *
-	 * @property {string} [layout]
+	 * @property {sap.f.LayoutType} [layout]
 	 *  The value of the {@link sap.f.FlexibleColumnLayout#getLayout layout} property.
 	 * @property {number} [maxColumnsCount]
 	 *  The maximum number of columns that can be displayed at once based on the control width. See {@link sap.f.FlexibleColumnLayout#getMaxColumnsCount}

package/src/sap/f/GridContainer.js

@@ -171,7 +171,7 @@ sap.ui.define([
 	 * @see {@link sap.f.dnd.GridDropInfo}
 	 *
 	 * @author SAP SE
-	 * @version 1.118.0
+	 * @version 1.119.1
 	 *
 	 * @extends sap.ui.core.Control
 	 *

package/src/sap/f/GridContainerItemLayoutData.js

@@ -21,7 +21,7 @@ sap.ui.define(['sap/ui/core/LayoutData'],
 		 * @see {@link topic:32d4b9c2b981425dbc374d3e9d5d0c2e Grid Controls}
 		 *
 		 * @author SAP SE
-		 * @version 1.118.0
+		 * @version 1.119.1
 		 *
 		 * @extends sap.ui.core.LayoutData
 		 *

package/src/sap/f/GridContainerSettings.js

@@ -58,14 +58,14 @@ sap.ui.define([
 	 * Can be used to define the sizes of columns and rows for different screen sizes, by using the <code>layout</code> aggregations of <code>sap.f.GridContainer</code>.
 	 *
 	 * @author SAP SE
-	 * @version 1.118.0
+	 * @version 1.119.1
 	 *
 	 * @extends sap.ui.base.ManagedObject
 	 *
 	 * @see {@link topic:32d4b9c2b981425dbc374d3e9d5d0c2e Grid Controls}
 	 *
 	 * @author SAP SE
-	 * @version 1.118.0
+	 * @version 1.119.1
 	 *
 	 * @experimental Since 1.65 This class is experimental. The API may change.
 	 * @since 1.65

package/src/sap/f/GridList.js

@@ -93,7 +93,7 @@ sap.ui.define([
 	 * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout MDN web docs: CSS Grid Layout}
 	 *
 	 * @author SAP SE
-	 * @version 1.118.0
+	 * @version 1.119.1
 	 *
 	 * @extends sap.m.ListBase
 	 * @implements sap.ui.layout.cssgrid.IGridConfigurable

package/src/sap/f/GridListItem.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.118.0
+	 * @version 1.119.1
 	 *
 	 * @since 1.70
 	 * @constructor

package/src/sap/f/IllustratedMessage.js

@@ -56,7 +56,7 @@ sap.ui.define([
 	 * @extends sap.m.IllustratedMessage
 	 *
 	 * @author SAP SE
-	 * @version 1.118.0
+	 * @version 1.119.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/Illustration.js

@@ -30,7 +30,7 @@ sap.ui.define([
 	 * @extends sap.m.Illustration
 	 *
 	 * @author SAP SE
-	 * @version 1.118.0
+	 * @version 1.119.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/PlanningCalendarInCardLegend.js

@@ -22,7 +22,7 @@ sap.ui.define(['sap/m/PlanningCalendarLegend', 'sap/ui/unified/CalendarLegendIte
 		 * @extends sap.m.PlanningCalendarLegend
 		 *
 		 * @author SAP SE
-		 * @version 1.118.0
+		 * @version 1.119.1
 		 *
 		 * @constructor
 		 * @private
@@ -33,7 +33,7 @@ sap.ui.define(['sap/m/PlanningCalendarLegend', 'sap/ui/unified/CalendarLegendIte
 		var PlanningCalendarInCardLegend = PlanningCalendarLegend.extend("sap.f.PlanningCalendarInCardLegend", /** @lends sap.f.PlanningCalendarInCardLegend.prototype */ {
 			metadata : {
 
-				library : "sap.m",
+				library : "sap.f",
 				properties: {
 					/**
 					 * Defines the number of visible calendar and appointment items.

package/src/sap/f/ProductSwitch.js

@@ -34,7 +34,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.118.0
+		 * @version 1.119.1
 		 *
 		 * @constructor
 		 * @public

package/src/sap/f/ProductSwitchItem.js

@@ -40,7 +40,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.118.0
+		 * @version 1.119.1
 		 *
 		 * @constructor
 		 * @public

package/src/sap/f/SearchManager.js

@@ -23,7 +23,7 @@ sap.ui.define(['sap/ui/core/Element', 'sap/ui/base/ManagedObjectObserver', './sh
 		 * @extends sap.ui.core.Element
 		 *
 		 * @author SAP SE
-		 * @version 1.118.0
+		 * @version 1.119.1
 		 *
 		 * @constructor
 		 * @public

package/src/sap/f/ShellBar.js

@@ -56,7 +56,7 @@ function(
 	 * @implements sap.f.IShellBar, sap.m.IBar, sap.tnt.IToolHeader
 	 *
 	 * @author SAP SE
-	 * @version 1.118.0
+	 * @version 1.119.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/SidePanel.js

@@ -149,7 +149,7 @@ sap.ui.define([
  	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.118.0
+	 * @version 1.119.1
 	 *
 	 * @constructor
 	 * @public
@@ -452,6 +452,7 @@ sap.ui.define([
 		this._attachResizableHandlers();
 
 		if (!Device.system.phone) {
+			this._determineVisibleItems();
 			if (!this._isSingleItem() && this._iVisibleItems > 0) {
 				this._initItemNavigation();
 			}
@@ -845,15 +846,15 @@ sap.ui.define([
 		}
 	};
 
-	SidePanel.prototype._onResize = function(oEvent) {
-		if (!this.getItems().length) {
-			return;
-		}
+	SidePanel.prototype._determineVisibleItems = function() {
+		var oDomRef = this.getDomRef(),
+			oActionBarList = oDomRef && oDomRef.querySelector(".sapFSPActionBarList");
+
+			if (!oActionBarList) {
+				return;
+			}
 
-		var iCurrentWidth = oEvent.size.width,
-			bSingleItem = this._isSingleItem(),
-			oDomRef = this.getDomRef(),
-			oStyle = window.getComputedStyle(oDomRef.querySelector(".sapFSPActionBarList")),
+		var oStyle = window.getComputedStyle(oActionBarList),
 			iItemsGap = parseInt(oStyle.gap),
 			iMarginBottom = parseInt(oStyle.marginBottom),
 			iMarginTop = parseInt(oStyle.marginTop),
@@ -861,17 +862,22 @@ sap.ui.define([
 			iItemsHeight = oFirstItem && oFirstItem.clientHeight,
 			iActionBarHeight;
 
-		this._iPreviousWidth = iCurrentWidth;
+		if (!this._isSingleItem()) {
+			iActionBarHeight = oDomRef.querySelector(".sapFSPSideInner").clientHeight - iMarginBottom - iMarginTop;
+			this._iVisibleItems = parseInt((iActionBarHeight + iItemsGap) / (iItemsHeight + iItemsGap));
+		}
+	};
 
-		if (Device.system.phone) {
+	SidePanel.prototype._onResize = function(oEvent) {
+		if (!this.getItems().length || Device.system.phone) {
 			return;
 		}
 
-		if (!bSingleItem) {
-			iActionBarHeight = oDomRef.querySelector(".sapFSPSideInner").clientHeight - iMarginBottom - iMarginTop;
-			this._iVisibleItems = parseInt((iActionBarHeight + iItemsGap) / (iItemsHeight + iItemsGap));
+		this._determineVisibleItems();
+		if (!this._isSingleItem() && this._iVisibleItems > 0) {
 			this._initItemNavigation();
 		}
+
 		if (this._getSideContentExpanded()) {
 			this._fixSidePanelWidth();
 		}
@@ -1290,20 +1296,18 @@ sap.ui.define([
 	SidePanel.prototype._onTouchStart = function(oEvent) {
 		oEvent.preventDefault();
 		if (oEvent.button === 0 || oEvent.type === "touchstart") {
-			this.getDomRef().querySelector(".sapFSPSplitterBar").classList.add("sapFSPSplitterActive");
+			if ((Device.system.desktop || Device.system.combi) &&
+				!(Device.system.tablet || Device.system.phone)){
+				this.getDomRef().querySelector(".sapFSPSplitterBar").focus();
+			}
 			this._bResizeStarted = true;
 			this._iStartPositionX = oEvent.touches ? oEvent.touches[0].pageX : oEvent.pageX;
 		}
 	};
 
 	SidePanel.prototype._onTouchEnd = function(oEvent) {
-		var oDomRef = this.getDomRef(),
-			oSplitter = oDomRef && oDomRef.querySelector(".sapFSPSplitterBar");
-
 		this._bResizeStarted && oEvent.preventDefault();
 		this._bResizeStarted = false;
-
-		oSplitter && oSplitter.classList.remove("sapFSPSplitterActive");
 	};
 
 	SidePanel.prototype._onTouchMove = function(oEvent) {

package/src/sap/f/SidePanelItem.js

@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Item
 	 *
 	 * @author SAP SE
-	 * @version 1.118.0
+	 * @version 1.119.1
 	 *
 	 * @constructor
 	 * @public

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

@@ -42,7 +42,7 @@ sap.ui.define([
 	 * @abstract
 	 *
 	 * @author SAP SE
-	 * @version 1.118.0
+	 * @version 1.119.1
 	 *
 	 * @constructor
 	 * @public
@@ -352,6 +352,16 @@ sap.ui.define([
 		return this.hasListeners("press") ? this._oRb.getText("ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER") : this._oRb.getText("ARIA_ROLEDESCRIPTION_CARD_HEADER");
 	};
 
+	/**
+	 * Gets the ids of the banner lines to be used in aria-labelledby
+	 * @returns {string} The ids of the banner lines.
+	 */
+	BaseHeader.prototype._getBannerLinesIds = function () {
+		return this.getBannerLines().map((oBannerLine) => {
+			return oBannerLine.getId();
+		}).join(" ");
+	};
+
 	/**
 	 * Returns if the control is inside a sap.f.GridContainer
 	 *

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

@@ -22,9 +22,10 @@ sap.ui.define([
 ) {
 	"use strict";
 
-	var AvatarShape = mLibrary.AvatarShape;
-	var AvatarColor = mLibrary.AvatarColor;
-	var AvatarImageFitType = mLibrary.AvatarImageFitType;
+	const AvatarShape = mLibrary.AvatarShape;
+	const AvatarColor = mLibrary.AvatarColor;
+	const AvatarImageFitType = mLibrary.AvatarImageFitType;
+	const AvatarSize = mLibrary.AvatarSize;
 
 	/**
 	 * Constructor for a new <code>Header</code>.
@@ -47,7 +48,7 @@ sap.ui.define([
 	 * @implements sap.f.cards.IHeader
 	 *
 	 * @author SAP SE
-	 * @version 1.118.0
+	 * @version 1.119.1
 	 *
 	 * @constructor
 	 * @public
@@ -121,7 +122,14 @@ sap.ui.define([
 				 *
 				 * @experimental Since 1.83 this feature is experimental and the API may change.
 				 */
-				iconVisible: { type: "boolean", defaultValue: true }
+				iconVisible: { type: "boolean", defaultValue: true },
+
+				/**
+				 * Defines the size of the icon.
+				 *
+				 * @experimental Since 1.119 this feature is experimental and the API may change.
+				 */
+				iconSize: { type: "sap.m.AvatarSize", defaultValue: AvatarSize.S }
 			},
 			aggregations: {
 
@@ -230,13 +238,13 @@ sap.ui.define([
 			.setText(this.getSubtitle())
 			.setMaxLines(this.getSubtitleMaxLines());
 
-		var oAvatar = this._getAvatar();
-
-		oAvatar.setDisplayShape(this.getIconDisplayShape());
-		oAvatar.setSrc(this.getIconSrc());
-		oAvatar.setInitials(this.getIconInitials());
-		oAvatar.setTooltip(this.getIconAlt());
-		oAvatar.setBackgroundColor(this.getIconBackgroundColor());
+		this._getAvatar()
+			.setDisplayShape(this.getIconDisplayShape())
+			.setSrc(this.getIconSrc())
+			.setInitials(this.getIconInitials())
+			.setTooltip(this.getIconAlt())
+			.setBackgroundColor(this.getIconBackgroundColor())
+			.setDisplaySize(this.getIconSize());
 	};
 
 	/**
@@ -271,38 +279,31 @@ sap.ui.define([
 	 * @returns {string} IDs of controls
 	 */
 	Header.prototype._getAriaLabelledBy = function () {
-		var sCardTypeId = "",
-			sTitleId = "",
-			sSubtitleId = "",
-			sStatusTextId = "",
-			sAvatarId = "",
-			sIds;
+		const aIds = [];
 
 		if (this.getParent() && this.getParent()._ariaText) {
-			sCardTypeId = this.getParent()._ariaText.getId();
+			aIds.push(this.getParent()._ariaText.getId());
 		}
 
 		if (this.getTitle()) {
-			sTitleId = this._getTitle().getId();
+			aIds.push(this._getTitle().getId());
 		}
 
 		if (this.getSubtitle()) {
-			sSubtitleId = this._getSubtitle().getId();
+			aIds.push(this._getSubtitle().getId());
 		}
 
 		if (this.getStatusText()) {
-			sStatusTextId = this.getId() + "-status";
+			aIds.push(this.getId() + "-status");
 		}
 
 		if (this.getIconSrc() || this.getIconInitials()) {
-			sAvatarId = this.getId() + "-ariaAvatarText";
+			aIds.push(this.getId() + "-ariaAvatarText");
 		}
 
-		sIds = sCardTypeId + " " + sTitleId + " " + sSubtitleId + " " + sStatusTextId + " " + sAvatarId;
+		aIds.push(this._getBannerLinesIds());
 
-		// remove whitespace from both sides
-		// and merge consecutive spaces into one
-		return sIds.replace(/ {2,}/g, ' ').trim();
+		return aIds.filter((sElement) => { return !!sElement; }).join(" ");
 	};
 
 	Header.prototype.isLoading = function () {

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

@@ -44,6 +44,10 @@ sap.ui.define([
 			oRm.class("sapFCardSectionClickable");
 		}
 
+		if (oHeader.getIconSrc() && oHeader.getIconVisible()) {
+			oRm.class("sapFCardHeaderHasIcon");
+		}
+
 		oRm.openEnd();
 
 		oRm.openStart("div")