@openui5/sap.tnt 1.133.1 → 1.135.0

package/.reuse/dep5

@@ -364,13 +364,6 @@ Copyright:
 License: Apache-2.0 and ISC
 Comment: these files contain content from SAP and node-lru-cache: LRUPersistentCache.js is overall written by SAP, but portions ('Least Recently Used' logic) are taken from the node-lru-cache project (see https://github.com/isaacs/node-lru-cache/blob/v2.7.3/README.md) and modified.
 
-Files: src/sap.ui.core/test/sap/ui/core/qunit/i18n/helper/_timezones.js
-Copyright:
-    2009-2024 SAP SE or an SAP affiliate company and OpenUI5 contributors
-    Arthur David Olson, Paul Eggert and other contributors
-License: Apache-2.0 and LicenseRef-tzdata-PublicDomain
-Comment: these files contain content from SAP and Time Zone Database: _timezones.js is overall written by SAP, but the list of IANA timezone IDs is taken from the Timezone Database
-
 
 # Library: sap.ui.documentation:
 

package/THIRDPARTY.txt

@@ -22,7 +22,7 @@ Contained in: src/sap.m/test/sap/m/qunit/_thirdparty/qunit-composite.css
 
 Library: sap.ui.codeeditor:
 
-Component: Ace (Ajax.org Cloud9 Editor), version: 1.31.1
+Component: Ace (Ajax.org Cloud9 Editor), version: 1.36.5
 Copyright: 2010, Ajax.org B.V.
 License: BSD-3-Clause
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
@@ -342,12 +342,6 @@ License: ISC
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/ISC.txt
 Contained in: src/sap.ui.core/src/sap/ui/core/cache/LRUPersistentCache.js
 
-Component: Time Zone Database, version: 2024b
-Copyright: Arthur David Olson, Paul Eggert and other contributors
-License: LicenseRef-tzdata-PublicDomain
-License Text: https://github.com/SAP/openui5/blob/master/LICENSES/LicenseRef-tzdata-PublicDomain.txt
-Contained in: src/sap.ui.core/test/sap/ui/core/qunit/i18n/helper/_timezones.js
-
 
 Library: sap.ui.documentation:
 
@@ -468,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
@@ -1015,21 +1009,6 @@ END of license: LicenseRef-Unicode-3.0
 =================================
 
 
-=================================
-BEGIN of license: LicenseRef-tzdata-PublicDomain
-=================================
-
-Unless specified below, all files in the tz code and data (including
-this LICENSE file) are in the public domain.
-
-If the files date.c, newstrftime.3, and strftime.c are present, they
-contain material derived from BSD and use the BSD 3-clause license.
-
-=================================
-END of license: LicenseRef-tzdata-PublicDomain
-=================================
-
-
 =================================
 BEGIN of license: MIT
 =================================

package/package.json

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

package/src/sap/tnt/.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.133.1</version>
+  <version>1.135.0</version>
 
   <documentation>SAPUI5 library with responsive controls.</documentation>
 

package/src/sap/tnt/InfoLabel.js

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

package/src/sap/tnt/NavigationList.js

@@ -54,7 +54,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public
@@ -122,6 +122,17 @@ sap.ui.define([
 						 */
 						item: { type: "sap.ui.core.Item" }
 					}
+				},
+				/**
+				 * Fired when an item is pressed.
+				 */
+				itemPress: {
+					parameters: {
+						/**
+						 * The pressed item.
+						 */
+						item: { type: "sap.ui.core.Item" }
+					}
 				}
 			}
 		},
@@ -298,19 +309,23 @@ sap.ui.define([
 				const oMenuItem = oEvent.getParameter("item");
 				const oNavigationItem = oMenuItem._navItem;
 
+				oNavigationItem._firePress({
+					item: oNavigationItem
+				});
+
 				if (oNavigationItem.getSelectable()) {
 					this._selectItem({
 						item: oNavigationItem
 					});
-					oNavigationItem._firePress({
-						item: oNavigationItem
-					});
+
 					const oSelectedItemDomRef = this.getDomRef().querySelector(".sapTntNLISelected [tabindex]");
 					oSelectedItemDomRef?.focus();
 				}
 
-				oMenu.close();
-				oMenu.destroy();
+				if (oNavigationItem.getSelectable() || !oMenuItem.getItems().length) {
+					oMenu.close();
+					oMenu.destroy();
+				}
 			},
 			closed: function () {
 				opener.getDomRef().querySelector(".sapTntNLI").classList.remove("sapTntNLIActive");

package/src/sap/tnt/NavigationListGroup.js

@@ -21,7 +21,7 @@ sap.ui.define([
 	 * @extends sap.tnt.NavigationListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/tnt/NavigationListItem.js

@@ -57,7 +57,7 @@ sap.ui.define([
 	 * @extends sap.tnt.NavigationListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public
@@ -81,8 +81,18 @@ sap.ui.define([
 				visible: { type: "boolean", group: "Appearance", defaultValue: true },
 
 				/**
-				 * Specifies if the item can be selected.
-				 * It is recommended to set this property to <code>false</code> when the property <code>href</code> is also used.
+				 * Specifies if the item can be selected. By default all items are selectable.
+				 *
+				 * When a parent item's <code>selectable</code> property is set to <code>false</code>,
+				 * selecting it will only expand or collapse its sub-items.
+				 *
+				 * To improve user experience do not mix selectable parent items with not selectable parent items within a single side navigation.
+				 *
+				 * <b>Guidelines:</b>
+				 * <ul>
+				 * <li>External links should not be selectable.</li>
+				 * <li>Items that trigger actions (with design "Action") should not be selectable.</li>
+				 * </ul>
 				 *
 				 * @since 1.116
 				 * @experimental Since 1.116. Disclaimer: this property is in a beta state
@@ -202,6 +212,7 @@ sap.ui.define([
 		const NavigationListClass = oList.getMetadata().getClass().prototype.constructor;
 		const oListForPopup = new NavigationListClass({
 			itemSelect: this.onPopupItemSelect.bind(this),
+			itemPress: this.onPopupItemPress.bind(this),
 			items: oItemForList
 		}).addStyleClass("sapTntNLPopup");
 
@@ -228,6 +239,19 @@ sap.ui.define([
 		oRealItem._selectItem();
 	};
 
+	/**
+	 * Handles popup item press.
+	 *
+	 * @param {sap.ui.base.Event} oEvent itemPress event
+	 * @private
+	 */
+	NavigationListItem.prototype.onPopupItemPress = function (oEvent) {
+		const oItemInPopup = oEvent.getParameter("item"),
+			oRealItem = Element.getElementById(oItemInPopup.getKey());
+
+		oRealItem._firePress({ item: oRealItem });
+	};
+
 	/**
 	 * Selects this item.
 	 *
@@ -471,6 +495,10 @@ sap.ui.define([
 			oRM.class("sapTntNLIWithExpander");
 		}
 
+		if (bSelectable && aItems.length) {
+			oRM.class("sapTntNLITwoClickAreas");
+		}
+
 		const oLinkAriaProps = {};
 
 		if (this.getAriaHasPopup() !== AriaHasPopup.None) {
@@ -481,6 +509,14 @@ sap.ui.define([
 			oRM.class("sapTntNLIAction");
 		}
 
+		if (!bSelectable) {
+			oRM.class("sapTntNLIUnselectable");
+		}
+
+		if (this._isInsidePopover()) {
+			oRM.class("sapTntNLIInPopover");
+		}
+
 		if (!bListExpanded) {
 			oLinkAriaProps.role = bSelectable ? "menuitemradio" : "menuitem";
 
@@ -573,6 +609,10 @@ sap.ui.define([
 			oRM.class("sapTntNLIDisabled");
 		}
 
+		if (this._isInsidePopover()) {
+			oRM.class("sapTntNLIInPopover");
+		}
+
 		oRM.openEnd();
 
 		const oLinkAriaProps = {
@@ -770,7 +810,9 @@ sap.ui.define([
 			return aDomRefs;
 		}
 
-		aDomRefs.push(this.getDomRef("a"));
+		if (!this._isInsidePopover() || this.getSelectable() && this.getLevel() === 0) {
+			aDomRefs.push(this.getDomRef("a"));
+		}
 
 		if (this._isListExpanded() && this.getExpanded()) {
 			aDomRefs.push(...this.getDomRef().querySelectorAll(".sapTntNLISecondLevel:not(.sapTntNLIDisabled) a"));

package/src/sap/tnt/NavigationListItemBase.js

@@ -29,7 +29,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Item
 	 *
 	 * @author SAP SE
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public
@@ -338,6 +338,8 @@ sap.ui.define([
 
 		if (this.getEnabled() && !(oEvent.srcControl.isA("sap.ui.core.Icon")) && !this._isOverflow && !(!this.getNavigationList().getExpanded() && this.getItems().length)) {
 			this._firePress(oParams);
+
+			oEvent.stopPropagation();
 		}
 
 		if (oEvent.isMarked("subItem")) {
@@ -363,6 +365,9 @@ sap.ui.define([
 	 * @private
 	 */
 	NavigationListItemBase.prototype._firePress = function(oParams) {
+		const oNavList = this.getNavigationList();
+
+		oNavList?.fireItemPress({ item: this });
 		this.firePress(oParams);
 	};
 
@@ -459,5 +464,9 @@ sap.ui.define([
 		return true;
 	};
 
+	NavigationListItemBase.prototype._isInsidePopover = function () {
+		return !!this.getNavigationList()?.hasStyleClass("sapTntNLPopup");
+	};
+
 	return NavigationListItemBase;
 });

package/src/sap/tnt/NavigationListMenuItem.js

@@ -38,7 +38,7 @@ sap.ui.define([
 	 * @extends sap.ui.unified.MenuItem
 	 *
 	 * @author SAP SE
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @private
@@ -46,7 +46,7 @@ sap.ui.define([
 	 */
 	var NavigationListMenuItem = MenuItem.extend("sap.tnt.NavigationListMenuItem", /** @lends sap.ui.unified.MenuItem.prototype */ { metadata : {
 
-		library : "sap.ui.unified",
+		library : "sap.tnt",
 		properties : {
 			/**
 			 * Defines the text which should be displayed on the item.
@@ -85,7 +85,7 @@ sap.ui.define([
 
 	IconPool.insertFontFaceStyle(); //Ensure Icon Font is loaded
 
-		NavigationListMenuItem.prototype.render = function(oRenderManager, oItem, oMenu, oInfo){
+	NavigationListMenuItem.prototype.render = function(oRenderManager, oItem, oMenu, oInfo) {
 		var rm = oRenderManager,
 			oSubMenu = oItem.getSubmenu(),
 			bIsEnabled = oItem.getEnabled(),
@@ -170,6 +170,11 @@ sap.ui.define([
 		// Submenu column
 		rm.openStart("div");
 		rm.class("sapUiMnuItmSbMnu");
+
+		if (oSubMenu) {
+			rm.class("sapTntNLIExpandIcon");
+		}
+
 		rm.openEnd();
 		if (oSubMenu) {
 			rm.openStart("div");

package/src/sap/tnt/SideNavigation.js

@@ -16,6 +16,9 @@ sap.ui.define([
 ) {
 	"use strict";
 
+	// shortcut for SideNavigationDesign in sap.tnt library
+	const SideNavigationDesign = library.SideNavigationDesign;
+
 	/**
 	 * Constructor for a new <code>SideNavigation</code>.
 	 *
@@ -29,11 +32,12 @@ sap.ui.define([
 	 * <li>The flexible part adapts its size to the fixed one.</li>
 	 * <li>The flexible part has a scrollbar when the content is larger than the available space.</li>
 	 * </ul>
-	 *<b>Note:</b> In order for the <code>SideNavigation</code> to stretch properly, its parent layout control should only be the <code>sap.tnt.ToolPage</code>.
+	 * <b>Note:</b> In order for the <code>SideNavigation</code> to stretch properly, its parent layout control should only be the <code>sap.tnt.ToolPage</code>.
+	 * <b>Note:</b> If used outside the intended parent layout <code>sap.tnt.ToolPage</code>, for example inside a <code>sap.m.ResponsivePopover</code> to achieve a Side Navigation Overlay Mode, the application developer should set the <code>design</code> property to <code>Plain</code>.
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public
@@ -66,7 +70,14 @@ sap.ui.define([
 				 * Specifies an optional <code>aria-label</code> that can be used by the screen readers.
 				 * @since 1.98
 				 */
-				ariaLabel: { type: "string", group: "Accessibility", defaultValue: null }
+				ariaLabel: { type: "string", group: "Accessibility", defaultValue: null },
+				/**
+				 * Specifies whether the control should have own container styling, such as a box-shadow and border, or not.
+				 * <b>Note:</b> This property has to be set to <code>Plain</code> when the control is used inside a <code>sap.m.ResponsivePopover</code> to achieve a Side Navigation Overlay Mode.
+				 * @since 1.134
+				 * @experimental Since 1.134
+				 */
+				design: { type: "sap.tnt.SideNavigationDesign", group: "Appearance", defaultValue: SideNavigationDesign.Decorated }
 			},
 			defaultAggregation: "item",
 			aggregations: {
@@ -103,6 +114,17 @@ sap.ui.define([
 						 */
 						item: { type: "sap.ui.core.Item" }
 					}
+				},
+				/**
+				 * Fired when an item is pressed.
+				 */
+				itemPress: {
+					parameters: {
+						/**
+						 * The pressed item.
+						 */
+						item: { type: "sap.ui.core.Item" }
+					}
 				}
 			}
 		},
@@ -115,6 +137,10 @@ sap.ui.define([
 			oObject.attachItemSelect(this._itemSelectionHandler.bind(this));
 		}
 
+		if (oObject && oObject.attachItemPress) {
+			oObject.attachItemPress(this._itemPressHandler.bind(this));
+		}
+
 		return Control.prototype.setAggregation.apply(this, arguments);
 	};
 
@@ -256,5 +282,13 @@ sap.ui.define([
 		});
 	};
 
+	SideNavigation.prototype._itemPressHandler = function (oEvent) {
+		const oItem = oEvent.getParameter("item");
+
+		this.fireItemPress({
+			item: oItem
+		});
+	};
+
 	return SideNavigation;
 });

package/src/sap/tnt/SideNavigationRenderer.js

@@ -5,10 +5,14 @@
  */
 
 sap.ui.define([
-	"sap/ui/core/Lib"
-], function (Lib) {
+	"sap/ui/core/Lib",
+	"sap/tnt/library"
+], function (Lib, library) {
 	"use strict";
 
+	// shortcut for SideNavigationDesign in sap.tnt library
+	const SideNavigationDesign = library.SideNavigationDesign;
+
 	/**
 	 * SideNavigation renderer.
 	 * @namespace
@@ -39,7 +43,8 @@ sap.ui.define([
 
 	SideNavigationRenderer.startSideNavigation = function (oRM, oControl) {
 		const bExpanded = oControl.getExpanded(),
-			sAriaLabel = oControl.getAriaLabel();
+			sAriaLabel = oControl.getAriaLabel(),
+			sDesign = oControl.getDesign();
 
 		oRM.openStart("nav", oControl)
 			.class("sapTntSideNavigation")
@@ -61,6 +66,10 @@ sap.ui.define([
 				.class("sapTntSideNavigationNotExpandedWidth");
 		}
 
+		if (sDesign !== SideNavigationDesign.Decorated) {
+			oRM.class("sapTntSideNavigationDesignPlain");
+		}
+
 		const sWidth = oControl.getWidth();
 		if (sWidth && bExpanded) {
 			oRM.style("width", sWidth);

package/src/sap/tnt/ToolHeader.js

@@ -120,10 +120,9 @@ sap.ui.define([
 		</div>
 	*
 	* @extends sap.m.OverflowToolbar
-	* @implements sap.tnt.IToolHeader
 	*
 	* @author SAP SE
-	* @version 1.133.1
+	* @version 1.135.0
 	*
 	* @constructor
 	* @public
@@ -132,7 +131,6 @@ sap.ui.define([
 	*/
 	var ToolHeader = OverflowToolbar.extend("sap.tnt.ToolHeader", /** @lends sap.tnt.ToolHeader.prototype */ {
 		metadata: {
-			interfaces: ["sap.tnt.IToolHeader"],
 			library: "sap.tnt",
 			properties: {
 			},

package/src/sap/tnt/ToolHeaderUtilitySeparator.js

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

package/src/sap/tnt/ToolPage.js

@@ -41,7 +41,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @public
@@ -73,13 +73,13 @@ sap.ui.define([
 				/**
 				 * The control to appear in the header area.
 				 */
-				header: {type: "sap.tnt.IToolHeader", multiple: false},
+				header: {type: "sap.ui.core.Control", multiple: false},
 
 				/**
 				 * The control to appear in the subheader area.
 				 * @since 1.93
 				 */
-				subHeader: {type: "sap.tnt.IToolHeader", multiple: false },
+				subHeader: {type: "sap.ui.core.Control", multiple: false },
 				/**
 				 * The side menu of the layout.
 				 */

package/src/sap/tnt/library.js

@@ -22,20 +22,21 @@ sap.ui.define([
 	 * @namespace
 	 * @alias sap.tnt
 	 * @author SAP SE
-	 * @version 1.133.1
+	 * @version 1.135.0
 	 * @since 1.36
 	 * @public
 	 */
 	var thisLib = Library.init({
 		apiVersion: 2,
 		name : "sap.tnt",
-		version: "1.133.1",
+		version: "1.135.0",
 		dependencies : ["sap.ui.core", "sap.m"],
 		designtime: "sap/tnt/designtime/library.designtime",
 		types: [
 			"sap.tnt.IllustratedMessageType",
 			"sap.tnt.RenderMode",
-			"sap.tnt.NavigationListItemDesign"
+			"sap.tnt.NavigationListItemDesign",
+			"sap.tnt.SideNavigationDesign"
 		],
 		interfaces: [
 			"sap.tnt.IToolHeader"
@@ -105,9 +106,32 @@ sap.ui.define([
 		Action: "Action"
 	};
 
+	/**
+	 * Available options for the Side Navigation design.
+	 * @public
+	 * @enum {string}
+	 * @since 1.134.0
+	 * @experimental Behavior might change.
+	 */
+	thisLib.SideNavigationDesign = {
+
+		/**
+		 * Side Navigation has a shadow and border.
+		 * @public
+		 */
+		Decorated: "Decorated",
+
+		/**
+		 * Side Navigation without any shadow or border.
+		 * @public
+		 */
+		Plain: "Plain"
+	};
+
 	// Register all above defined enums.
 	DataType.registerEnum("sap.tnt.RenderMode", thisLib.RenderMode);
 	DataType.registerEnum("sap.tnt.NavigationListItemDesign", thisLib.NavigationListItemDesign);
+	DataType.registerEnum("sap.tnt.SideNavigationDesign", thisLib.SideNavigationDesign);
 
 
 	/**
@@ -115,6 +139,7 @@ sap.ui.define([
 	 *
 	 * @since 1.68
 	 * @name sap.tnt.IToolHeader
+	 * @deprecated Since version 1.135. This interface is not needed anymore. The <code>ToolPage</code> now accepts any control as a header or subheader.
 	 * @public
 	 * @interface
 	 */

package/src/sap/tnt/messagebundle_sl.properties

@@ -4,16 +4,16 @@ INFOLABEL_DEFAULT=Infooznaka
 
 INFOLABEL_EMPTY=Prazna infooznaka
 
-SIDENAVIGATION_ROLE_DESCRIPTION=Stranska navigacija
+SIDENAVIGATION_ROLE_DESCRIPTION=Stranski pomik
 
-SIDENAVIGATION_ROLE_DESCRIPTION_SEPARATOR=Lo\u010Dilo stranske navigacije
+SIDENAVIGATION_ROLE_DESCRIPTION_SEPARATOR=Lo\u010Dilo stranskega pomika
 
-NAVIGATION_LIST_ITEM_ROLE_DESCRIPTION_MENUITEM=Element menija seznama navigacije
+NAVIGATION_LIST_ITEM_ROLE_DESCRIPTION_MENUITEM=Element menija seznama pomika
 
-NAVIGATION_LIST_ITEM_ROLE_DESCRIPTION_MENUBAR=Vrstica menija seznama navigacije
+NAVIGATION_LIST_ITEM_ROLE_DESCRIPTION_MENUBAR=Vrstica menija seznama pomika
 
-NAVIGATION_LIST_ITEM_ROLE_DESCRIPTION_TREE=Drevo seznama navigacije
+NAVIGATION_LIST_ITEM_ROLE_DESCRIPTION_TREE=Drevo seznama pomika
 
-NAVIGATION_LIST_DIALOG_TITLE=Navigacija
+NAVIGATION_LIST_DIALOG_TITLE=Pomik
 
 NAVIGATION_LIST_NAVIGATION_OVERFLOW=Ve\u010D elementov