@openui5/sap.f 1.134.0 → 1.135.0

package/THIRDPARTY.txt

@@ -6,7 +6,7 @@ The full text of all referenced licenses is appended at the end of this file.
 
 Library: sap.m:
 
-Component: purify.js, version: 3.1.7
+Component: purify.js, version: 3.2.4
 Copyright: Mario Heiderich
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -462,7 +462,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.24.0
+Component: SAP Theming Base Content, version: 11.28.2
 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.134.0",
+  "version": "1.135.0",
   "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.134.0",
-    "@openui5/sap.ui.core": "1.134.0",
-    "@openui5/sap.ui.layout": "1.134.0"
+    "@openui5/sap.m": "1.135.0",
+    "@openui5/sap.ui.core": "1.135.0",
+    "@openui5/sap.ui.layout": "1.135.0"
   }
 }

package/src/sap/f/.library

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

package/src/sap/f/Avatar.js

@@ -41,7 +41,7 @@ sap.ui.define([
 	 * @extends sap.m.Avatar
 	 *
 	 * @author SAP SE
-	 * @version 1.134.0
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/AvatarGroup.js

@@ -100,7 +100,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.134.0
+	 * @version 1.135.0
 	 *
 	 * @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.134.0
+	 * @version 1.135.0
 	 *
 	 * @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.134.0
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/f/CalendarInCard.js

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

package/src/sap/f/Card.js

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

package/src/sap/f/CardBase.js

@@ -10,7 +10,10 @@ sap.ui.define([
 	"sap/ui/core/Lib",
 	"sap/f/cards/util/CardBadgeEnabler",
 	"sap/f/library",
-	"sap/base/Log"
+	"sap/base/Log",
+	"sap/ui/events/KeyCodes",
+	// jQuery Plugin "firstFocusableDomRef", "lastFocusableDomRef"
+	"sap/ui/dom/jquery/Focusable"
 ], function (
 	Control,
 	InvisibleText,
@@ -18,7 +21,8 @@ sap.ui.define([
 	Library,
 	CardBadgeEnabler,
 	library,
-	Log
+	Log,
+	KeyCodes
 ) {
 	"use strict";
 
@@ -37,7 +41,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.134.0
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public
@@ -124,6 +128,12 @@ sap.ui.define([
 		this._ariaText = new InvisibleText({id: this.getId() + "-ariaText"});
 		this._ariaText.setText(this._oRb.getText("ARIA_ROLEDESCRIPTION_CARD"));
 
+		this._describedByInteractiveText = new InvisibleText({ id: this.getId() + "-describedByInteractive" });
+		this._describedByInteractiveText.setText(this._oRb.getText("ARIA_ACTIVATE_CARD"));
+
+		this._describedByCardTypeText = new InvisibleText({ id: this.getId() + "-describedByCardTypeText"});
+		this._describedByCardTypeText.setText(this._oRb.getText("ARIA_ROLEDESCRIPTION_CARD"));
+
 		this._sGridItemRole = null;
 
 		this.initCardBadgeEnablement();
@@ -143,6 +153,17 @@ sap.ui.define([
 			this._ariaText = null;
 		}
 
+		this._describedByInteractiveText.destroy();
+		this._describedByInteractiveText = null;
+
+		this._describedByCardTypeText.destroy();
+		this._describedByCardTypeText = null;
+
+		if (this._invisibleTitle) {
+			this._invisibleTitle.destroy();
+			this._invisibleTitle = null;
+		}
+
 		this.destroyCardBadgeEnablement();
 	};
 
@@ -236,7 +257,10 @@ sap.ui.define([
 		this._hideBadge();
 	};
 
-	CardBase.prototype.onfocusin = function () {
+	CardBase.prototype.onfocusin = function (oEvent) {
+		if (oEvent.target !== this.getDomRef()) {
+			this.oLastFocusedElement = oEvent.target;
+		}
 		this._startBadgeHiding();
 	};
 
@@ -267,19 +291,42 @@ sap.ui.define([
 	CardBase.prototype._getAriaLabelledIds = function () {
 		var oHeader = this.getCardHeader();
 		const sBlockingMessageAriaLabelsIds = this._getBlockingMessageAriaLabelledByIds();
-
-		if (oHeader) {
+		if (oHeader && oHeader.getVisible()) {
 			if (oHeader._getTitle && oHeader._getTitle()) {
 				if (sBlockingMessageAriaLabelsIds) {
 					return oHeader._getTitle().getId() + " " + sBlockingMessageAriaLabelsIds;
 				}
 				return oHeader._getTitle().getId();
 			}
+		} else if (oHeader?.getTitle()) {
+			if (!this._invisibleTitle) {
+				this._invisibleTitle = new InvisibleText({ id: this.getId() + "-invisibleTitle" });
+			}
+			this._invisibleTitle.setText(oHeader.getTitle());
+
+			return this._invisibleTitle.getId();
 		}
 
 		return this._ariaText.getId();
 	};
 
+	CardBase.prototype._getAriaDescribedByIds = function () {
+		const bHasCardBadgeCustomData = this._getCardBadgeCustomData().length > 0;
+		const aIds = [];
+
+		aIds.push(this._describedByCardTypeText.getId());
+
+		if (this.isInteractive() && this.isRoleListItem()) {
+			aIds.push(this._describedByInteractiveText.getId());
+		}
+
+		if (bHasCardBadgeCustomData) {
+			aIds.push(this._getInvisibleCardBadgeText().getId());
+		}
+
+		return aIds.join(" ");
+	};
+
 	/**
 	 * Gets the ids of the elements in the illustrated message that have to be labelled.
 	 *
@@ -300,6 +347,35 @@ sap.ui.define([
 		return sTitleId;
 	};
 
+	CardBase.prototype.onkeydown = function (oEvent) {
+
+		if (oEvent.code === "F7") {
+			this._handleF7Key(oEvent);
+			return;
+		}
+
+		if (oEvent.target === this.getDomRef() && !oEvent.ctrlKey && !oEvent.metaKey) {
+			if (oEvent.which === KeyCodes.ENTER) {
+				this._handleTap(oEvent);
+			} else if (oEvent.which === KeyCodes.SPACE) {
+				// To prevent the browser scrolling.
+				oEvent.preventDefault();
+			} else if (oEvent.which === KeyCodes.SHIFT || oEvent.which === KeyCodes.ESCAPE) {
+				this._bPressedEscapeOrShift = true;
+			}
+		}
+	};
+
+	CardBase.prototype.onkeyup = function (oEvent) {
+		if (oEvent.target === this.getDomRef()) {
+			if (oEvent.which === KeyCodes.SPACE && !this._bPressedEscapeOrShift) {
+				this._handleTap(oEvent);
+			} else if (oEvent.which === KeyCodes.SHIFT || oEvent.which === KeyCodes.ESCAPE) {
+				this._bPressedEscapeOrShift = false;
+			}
+		}
+	};
+
 	/**
 	 * Listens for ontap event
 	 *
@@ -309,16 +385,7 @@ sap.ui.define([
 		if (this.isMouseInteractionDisabled()) {
 			return;
 		}
-		this._handleTapOrSelect(oEvent);
-	};
-
-	/**
-	 * Listens for onsapselect event
-	 *
-	 * @param {object} oEvent event
-	 */
-	CardBase.prototype.onsapselect = function (oEvent) {
-		this._handleTapOrSelect(oEvent);
+		this._handleTap(oEvent);
 	};
 
 	/**
@@ -326,7 +393,7 @@ sap.ui.define([
 	 *
 	 * @param {object} oEvent event
 	 */
-	CardBase.prototype._handleTapOrSelect = function (oEvent) {
+	CardBase.prototype._handleTap = function (oEvent) {
 		if (!this.isInteractive() ||
 			oEvent.isMarked() ||
 			!this.isRoleListItem()) {
@@ -340,7 +407,34 @@ sap.ui.define([
 		this.firePress({
 			originalEvent: oEvent
 		});
+
+		oEvent.preventDefault();
+		oEvent.stopPropagation();
+	};
+
+	/**
+	 * Handler for F7 key
+	 * @param {Object} oEvent - key object
+	 * @private
+	 */
+	CardBase.prototype._handleF7Key = function (oEvent) {
+		if (!this.isInteractive() || !this.isRoleListItem()) {
+			return;
+		}
+
+		const oTarget = oEvent.target;
+		const $FirstFocusableItem = this.$().firstFocusableDomRef();
+
+		if (oTarget !== this.getDomRef()) {
+			this.getDomRef().focus();
+		} else if (this.oLastFocusedElement && !$FirstFocusableItem.classList.contains("sapMListUl")) { // to prevent the list from getting the F7 event and trap the focus
+			this.oLastFocusedElement.focus();
+		} else if ($FirstFocusableItem) {
+			$FirstFocusableItem.focus();
+		}
+
 		oEvent.preventDefault();
+		oEvent.stopPropagation();
 	};
 
 	/**

package/src/sap/f/CardRenderer.js

@@ -61,6 +61,13 @@ sap.ui.define([
 
 		oRm.renderControl(oCard._ariaText);
 		oRm.renderControl(oCard._ariaContentText);
+
+		oRm.renderControl(oCard._describedByCardTypeText);
+		oRm.renderControl(oCard._describedByInteractiveText);
+		if (oCard._invisibleTitle) {
+			oRm.renderControl(oCard._invisibleTitle);
+		}
+
 		if (bHasCardBadgeCustomData) {
 			oRm.renderControl(oCard._getInvisibleCardBadgeText());
 		}
@@ -83,7 +90,6 @@ sap.ui.define([
 			bHasContent = !!oContent,
 			bCardHeaderBottom = bHasHeader && oCard.getCardHeaderPosition() === HeaderPosition.Bottom,
 			sTooltip = oCard.getTooltip_AsString(),
-			bHasCardBadgeCustomData = oCard._getCardBadgeCustomData().length > 0,
 			sAriaRole = oCard.getGridItemRole() || oCard.getSemanticRole().toLowerCase();
 
 		oRm.class("sapFCard")
@@ -129,10 +135,9 @@ sap.ui.define([
 
 		//Accessibility state
 		oRm.accessibilityState(oCard, {
-			// TODO if role is not only used with accessibility values, this should be changed
 			role: sAriaRole,
 			labelledby: { value: oCard._getAriaLabelledIds(), append: true },
-			describedby: {value: bHasCardBadgeCustomData ? oCard._getInvisibleCardBadgeText().getId() : undefined}
+			describedby: { value: oCard._getAriaDescribedByIds(), append: true }
 		});
 	};
 

package/src/sap/f/DynamicPage.js

@@ -118,7 +118,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.134.0
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public

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.134.0
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/DynamicPageHeader.js

@@ -64,7 +64,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.134.0
+		 * @version 1.135.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/f/DynamicPageTitle.js

@@ -95,7 +95,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.134.0
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/FlexibleColumnLayout.js

@@ -108,7 +108,7 @@ sap.ui.define([
 	 *
 	 * @extends sap.ui.core.Control
 	 * @author SAP SE
-	 * @version 1.134.0
+	 * @version 1.135.0
 	 *
 	 * @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.134.0
+	 * @version 1.135.0
 	 * @since 1.95
 	 *
 	 * @constructor

package/src/sap/f/FlexibleColumnLayoutData.js

@@ -21,7 +21,7 @@ sap.ui.define(["sap/ui/core/LayoutData", "sap/ui/base/ManagedObjectObserver", "s
 		 *
 		 *
 		 * @author SAP SE
-		 * @version 1.134.0
+		 * @version 1.135.0
 		 *
 		 * @extends sap.ui.core.LayoutData
 		 *

package/src/sap/f/FlexibleColumnLayoutDataForDesktop.js

@@ -20,7 +20,7 @@ sap.ui.define(['sap/ui/core/LayoutData'],
 		 *
 		 *
 		 * @author SAP SE
-		 * @version 1.134.0
+		 * @version 1.135.0
 		 *
 		 * @extends sap.ui.core.LayoutData
 		 *

package/src/sap/f/FlexibleColumnLayoutDataForTablet.js

@@ -20,7 +20,7 @@ sap.ui.define(['sap/ui/core/LayoutData'],
 		 *
 		 *
 		 * @author SAP SE
-		 * @version 1.134.0
+		 * @version 1.135.0
 		 *
 		 * @extends sap.ui.core.LayoutData
 		 *

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.134.0
+	 * @version 1.135.0
 	 * @param {sap.f.FlexibleColumnLayout} oFlexibleColumnLayout
 	 * The <code>sap.f.FlexibleColumnLayout</code> object whose state will be manipulated.
 	 *

package/src/sap/f/GridContainer.js

@@ -163,7 +163,7 @@ sap.ui.define([
 	 * @see {@link sap.f.dnd.GridDropInfo}
 	 *
 	 * @author SAP SE
-	 * @version 1.134.0
+	 * @version 1.135.0
 	 *
 	 * @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.134.0
+		 * @version 1.135.0
 		 *
 		 * @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.134.0
+	 * @version 1.135.0
 	 *
 	 * @extends sap.ui.base.ManagedObject
 	 *
 	 * @see {@link topic:32d4b9c2b981425dbc374d3e9d5d0c2e Grid Controls}
 	 *
 	 * @author SAP SE
-	 * @version 1.134.0
+	 * @version 1.135.0
 	 *
 	 * @since 1.65
 	 * @public

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.134.0
+	 * @version 1.135.0
 	 *
 	 * @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.134.0
+	 * @version 1.135.0
 	 *
 	 * @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.134.0
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/Illustration.js

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

package/src/sap/f/PlanningCalendarInCardLegend.js

@@ -22,7 +22,7 @@ sap.ui.define(['sap/m/PlanningCalendarLegend', "sap/ui/core/Lib", 'sap/ui/unifie
 		 * @extends sap.m.PlanningCalendarLegend
 		 *
 		 * @author SAP SE
-		 * @version 1.134.0
+		 * @version 1.135.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/f/ProductSwitch.js

@@ -34,7 +34,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.134.0
+		 * @version 1.135.0
 		 *
 		 * @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.134.0
+		 * @version 1.135.0
 		 *
 		 * @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.134.0
+		 * @version 1.135.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/f/ShellBar.js

@@ -55,10 +55,10 @@ function(
 	 * positioned in dedicated places of the control.
 	 *
 	 * @extends sap.ui.core.Control
-	 * @implements sap.f.IShellBar, sap.m.IBar, sap.tnt.IToolHeader
+	 * @implements sap.f.IShellBar, sap.m.IBar
 	 *
 	 * @author SAP SE
-	 * @version 1.134.0
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public
@@ -70,8 +70,7 @@ function(
 			library: "sap.f",
 			interfaces: [
 				"sap.f.IShellBar",
-				"sap.m.IBar",
-				"sap.tnt.IToolHeader"
+				"sap.m.IBar"
 			],
 			properties: {
 				/**

package/src/sap/f/SidePanel.js

@@ -151,7 +151,7 @@ sap.ui.define([
  	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.134.0
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/SidePanelItem.js

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