@openui5/sap.tnt 1.136.2 → 1.138.0

package/REUSE.toml

@@ -238,27 +238,6 @@ SPDX-FileCopyrightText = [
 SPDX-License-Identifier = "Apache-2.0 and MIT"
 SPDX-FileComment = "these files contain content from SAP and JUnit Reporter for QUnit: qunit-junit.js is overall written by SAP, but contains a modified copy of JUnit Reporter for QUnit (qunit-reporter-junit)"
 
-[[annotations]]
-path = "src/sap.ui.core/src/sap/ui/thirdparty/iscroll.js"
-precedence = "aggregate"
-SPDX-FileCopyrightText = "2012 Matteo Spinelli"
-SPDX-License-Identifier = "MIT"
-SPDX-FileComment = "these files belong to: cubiq.org - iScroll"
-
-[[annotations]]
-path = "src/sap.ui.core/src/sap/ui/thirdparty/iscroll-lite.js"
-precedence = "aggregate"
-SPDX-FileCopyrightText = "2011 Matteo Spinelli"
-SPDX-License-Identifier = "MIT"
-SPDX-FileComment = "these files belong to: cubiq.org - iScroll Lite"
-
-[[annotations]]
-path = "src/sap.ui.core/src/sap/ui/thirdparty/swipe-view.js"
-precedence = "aggregate"
-SPDX-FileCopyrightText = "2012 Matteo Spinelli"
-SPDX-License-Identifier = "MIT"
-SPDX-FileComment = "these files belong to: cubiq.org - swipeview"
-
 [[annotations]]
 path = "src/sap.ui.core/src/sap/ui/thirdparty/zyngascroll.js"
 precedence = "aggregate"
@@ -308,13 +287,6 @@ SPDX-FileCopyrightText = "1991-2024 Unicode, Inc."
 SPDX-License-Identifier = "LicenseRef-Unicode-3.0"
 SPDX-FileComment = "these files belong to: Unicode Common Locale Data Repository"
 
-[[annotations]]
-path = "src/sap.ui.core/src/sap/ui/thirdparty/mobiscroll/**"
-precedence = "aggregate"
-SPDX-FileCopyrightText = "2010-2013, Acid Media"
-SPDX-License-Identifier = "MIT"
-SPDX-FileComment = "these files belong to: MobiScroll"
-
 [[annotations]]
 path = [
     "src/sap.ui.core/src/sap/ui/thirdparty/sinon.js",

package/THIRDPARTY.txt

@@ -133,24 +133,6 @@ License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/qunit-reporter-junit.js
 	src/sap.ui.core/src/sap/ui/qunit/qunit-junit.js
 
-Component: cubiq.org - iScroll, version: 4.2.5
-Copyright: 2012 Matteo Spinelli
-License: MIT
-License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
-Contained in: src/sap.ui.core/src/sap/ui/thirdparty/iscroll.js
-
-Component: cubiq.org - iScroll Lite, version: 4.1.6
-Copyright: 2011 Matteo Spinelli
-License: MIT
-License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
-Contained in: src/sap.ui.core/src/sap/ui/thirdparty/iscroll-lite.js
-
-Component: cubiq.org - swipeview, version: 1.0
-Copyright: 2012 Matteo Spinelli
-License: MIT
-License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
-Contained in: src/sap.ui.core/src/sap/ui/thirdparty/swipe-view.js
-
 Component: Zynga Scroller, version: 1.2.1-0-g5d43806
 Copyright: 2011 Zynga Inc.
 License: MIT
@@ -193,12 +175,6 @@ License: LicenseRef-Unicode-3.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/LicenseRef-Unicode-3.0.txt
 Contained in: src/sap.ui.core/src/sap/ui/core/cldr/**
 
-Component: MobiScroll, version: 2.9.0
-Copyright: 2010-2013, Acid Media
-License: MIT
-License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
-Contained in: src/sap.ui.core/src/sap/ui/thirdparty/mobiscroll/**
-
 Component: SinonJS, version: 1.14.1
 Copyright: 2010-2014, Christian Johansen, christian@cjohansen.no
 License: BSD-3-Clause

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.tnt",
-  "version": "1.136.2",
+  "version": "1.138.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.136.2",
-    "@openui5/sap.ui.core": "1.136.2"
+    "@openui5/sap.m": "1.138.0",
+    "@openui5/sap.ui.core": "1.138.0"
   }
 }

package/src/sap/tnt/.library

@@ -6,7 +6,7 @@
   <copyright>OpenUI5
  * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-  <version>1.136.2</version>
+  <version>1.138.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.136.2
+	 * @version 1.138.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/tnt/NavigationList.js

@@ -13,6 +13,7 @@ sap.ui.define([
 	"sap/ui/core/Control",
 	"sap/ui/core/ResizeHandler",
 	"sap/ui/core/Popup",
+	"sap/m/library",
 	"sap/m/Popover",
 	"sap/ui/core/delegate/ItemNavigation",
 	"sap/ui/core/InvisibleText",
@@ -20,7 +21,6 @@ sap.ui.define([
 	"./NavigationListMenuItem",
 	"./NavigationListRenderer",
 	"sap/m/Menu",
-	"sap/m/MenuItem",
 	"sap/base/Log"
 ], function (
 	library,
@@ -30,6 +30,7 @@ sap.ui.define([
 	Control,
 	ResizeHandler,
 	Popup,
+	mLibrary,
 	Popover,
 	ItemNavigation,
 	InvisibleText,
@@ -37,11 +38,13 @@ sap.ui.define([
 	NavigationListMenuItem,
 	NavigationListRenderer,
 	Menu,
-	MenuItem,
 	Log
 ) {
 	"use strict";
 
+	// shortcut for sap.m.PlacementType
+	var PlacementType = mLibrary.PlacementType;
+
 	/**
 	 * Constructor for a new <code>NavigationList</code>.
 	 *
@@ -54,7 +57,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.136.2
+	 * @version 1.138.0
 	 *
 	 * @constructor
 	 * @public
@@ -127,11 +130,36 @@ sap.ui.define([
 				 * Fired when an item is pressed.
 				 */
 				itemPress: {
+					allowPreventDefault: true,
 					parameters: {
 						/**
 						 * The pressed item.
 						 */
-						item: { type: "sap.ui.core.Item" }
+						item: { type: "sap.ui.core.Item" },
+						/**
+						 * Indicates whether the CTRL key was pressed when the link was selected.
+						 * @since 1.137
+						 */
+						ctrlKey: { type: "boolean" },
+						/**
+						 * Indicates whether the Shift key was pressed when the link was selected.
+						 * @since 1.137
+						 */
+						shiftKey: { type: "boolean" },
+						/**
+						 * Indicates whether the Alt key was pressed when the link was selected.
+						 * @since 1.137
+						 */
+						altKey: { type: "boolean" },
+						/**
+						 * Indicates whether the "meta" key was pressed when the link was selected.
+						 *
+						 * On Macintosh keyboards, this is the command key (⌘).
+						 * On Windows keyboards, this is the windows key (⊞).
+						 *
+						 * @since 1.137
+						 */
+						metaKey: { type: "boolean" }
 					}
 				}
 			}
@@ -195,6 +223,9 @@ sap.ui.define([
 	 */
 	NavigationList.prototype.onAfterRendering = function () {
 		this._oItemNavigation.setRootDomRef(this.getDomRef());
+
+		this._animateExpandCollapse();
+
 		this._updateNavItems();
 
 		if (this.getExpanded()) {
@@ -208,6 +239,35 @@ sap.ui.define([
 		Theming.attachApplied(this._handleThemeAppliedBound);
 	};
 
+	NavigationList.prototype._animateExpandCollapse = function () {
+		const aAllItems = this.getItems().flatMap((item) => [item, ...item.getItems()]);
+		const oAnimateExpandItem = aAllItems.find((oItem) => oItem._animateExpand);
+
+		if (oAnimateExpandItem) {
+			oAnimateExpandItem._animateExpand = false;
+			oAnimateExpandItem.$()
+				.find(".sapTntNLIItemsContainer")
+				.first()
+				.stop(true, true)
+				.slideDown("fast", () => {
+					oAnimateExpandItem.$().find(".sapTntNLIItemsContainer").first().removeClass("sapTntNLIItemsContainerHidden");
+				});
+		}
+
+		const oAnimateCollapseItem = aAllItems.find((oItem) => oItem._animateCollapse);
+
+		if (oAnimateCollapseItem) {
+			oAnimateCollapseItem._animateCollapse = false;
+			oAnimateCollapseItem.$()
+				.find(".sapTntNLIItemsContainer")
+				.first()
+				.stop(true, true)
+				.slideUp("fast", () => {
+					oAnimateCollapseItem.$().find(".sapTntNLIItemsContainer").first().addClass("sapTntNLIItemsContainerHidden");
+				});
+		}
+	};
+
 	NavigationList.prototype._deregisterResizeHandler = function () {
 		if (this._sResizeListenerId) {
 			ResizeHandler.deregister(this._sResizeListenerId);
@@ -299,93 +359,30 @@ sap.ui.define([
 		oOpener.getDomRef().querySelector(".sapTntNLI").classList.add("sapTntNLIActive");
 
 		const oMenu = this._createOverflowMenu(oOpener);
+
+		const oPopover = oMenu._getPopover();
+		oPopover.setPlacement(PlacementType.Right);
+
 		oMenu.openBy(oOpener, false, Popup.Dock.EndCenter);
 	};
 
 	NavigationList.prototype._createOverflowMenu = function (opener) {
 		const oMenu = new Menu({
-			items: this._createNavigationMenuItems(),
-			itemSelected: (oEvent) => {
-				const oMenuItem = oEvent.getParameter("item");
-				const oNavigationItem = oMenuItem._navItem;
-
-				oNavigationItem._firePress({
-					item: oNavigationItem
-				});
-
-				if (oNavigationItem.getSelectable()) {
-					this._selectItem({
-						item: oNavigationItem
-					});
-
-					const oSelectedItemDomRef = this.getDomRef().querySelector(".sapTntNLISelected [tabindex]");
-					oSelectedItemDomRef?.focus();
-				}
-
-				if (oNavigationItem.getSelectable() || !oMenuItem.getItems().length) {
-					oMenu.close();
-					oMenu.destroy();
-				}
-			},
 			closed: function () {
 				opener.getDomRef().querySelector(".sapTntNLI").classList.remove("sapTntNLIActive");
 			}
 		});
 
-		oMenu.addStyleClass("sapTntNLMenu");
-
-		// override this method, so we can have a selection
-		// on a menu item with subitems
-		oMenu._handleMenuItemSelect = function (oEvent) {
-			const oUnfdItem = oEvent.getParameter("item");
-			if (!oUnfdItem) {
-				return;
-			}
-
-			const oMenuItem = this._findMenuItemByUnfdMenuItem(oUnfdItem);
-			if (oMenuItem) {
-				this.fireItemSelected({ item: oMenuItem });
-			}
-		}.bind(oMenu);
-
-		oMenu._createVisualMenuItemFromItem = function(oItem) {
-			var sUfMenuItemId = this._generateUnifiedMenuItemId(oItem.getId()),
-				oUfMenuItem = Element.getElementById(sUfMenuItemId),
-				aCustomData = oItem.getCustomData(), i;
-
-			if (oUfMenuItem) {
-				return oUfMenuItem;
-			}
-
-			oUfMenuItem = new NavigationListMenuItem({
-				id: sUfMenuItemId,
-				icon: oItem.getIcon(),
-				text: oItem.getText(),
-				startsSection: oItem.getStartsSection(),
-				tooltip: oItem.getTooltip(),
-				visible: oItem.getVisible(),
-				enabled: oItem.getEnabled(),
-				href: oItem._navItem.getHref(),
-				target: oItem._navItem.getTarget()
-			});
-
-			for (i = 0; i < aCustomData.length; i++) {
-				oItem._addCustomData(oUfMenuItem, aCustomData[i]);
-			}
-
-			oItem.aDelegates.forEach(function(oDelegateObject) {
-				oUfMenuItem.addEventDelegate(oDelegateObject.oDelegate, oDelegateObject.vThis);
-			});
-
-			return oUfMenuItem;
-		}.bind(oMenu);
+		oMenu.applySettings({
+			items: this._createNavigationMenuItems(oMenu)
+		});
 
+		oMenu.addStyleClass("sapTntNLMenu");
 		this.addDependent(oMenu);
-
 		return oMenu;
 	};
 
-	NavigationList.prototype._createNavigationMenuItems = function () {
+	NavigationList.prototype._createNavigationMenuItems = function (oMenu) {
 		var items = [],
 			menuItems = [];
 
@@ -402,22 +399,30 @@ sap.ui.define([
 				return;
 			}
 
-			var menuItem = new MenuItem({
+			var menuItem = new NavigationListMenuItem({
 				icon: item.getIcon(),
 				text: item.getText(),
 				tooltip: item.getTooltip_AsString() || item.getText(),
-				enabled: item.getEnabled()
+				visible: item.getVisible(),
+				enabled: item.getEnabled(),
+				href: item.getHref(),
+				target: item.getTarget()
 			});
 			menuItem._navItem = item;
+			menuItem._oMenu = oMenu;
 
 			item.getItems().forEach(function (subItem) {
-				var subMenuItem = new MenuItem({
+				var subMenuItem = new NavigationListMenuItem({
 					icon: subItem.getIcon(),
 					text: subItem.getText(),
 					tooltip: subItem.getTooltip_AsString() || subItem.getText(),
-					enabled: subItem.getEnabled()
+					visible: subItem.getVisible(),
+					enabled: subItem.getEnabled(),
+					href: subItem.getHref(),
+					target: subItem.getTarget()
 				});
 				subMenuItem._navItem = subItem;
+				subMenuItem._oMenu = oMenu;
 
 				menuItem.addItem(subMenuItem);
 			});
@@ -568,6 +573,10 @@ sap.ui.define([
 			oSelectedItem = null;
 		}
 
+		if (this._oPopover) {
+			this._oPopover.destroy();
+		}
+
 		this._oPopover = new Popover({
 			showHeader: false,
 			horizontalScrolling: false,
@@ -584,6 +593,7 @@ sap.ui.define([
 			ariaLabelledBy: InvisibleText.getStaticId("sap.tnt", "NAVIGATION_LIST_DIALOG_TITLE")
 		}).addStyleClass("sapContrast sapContrastPlus sapTntNLPopover");
 
+		this.addDependent(this._oPopover);
 		this._oPopover._adaptPositionParams = this._adaptPopoverPositionParams;
 		this._oPopover.openBy(oOpener.getDomRef("a"));
 	};

package/src/sap/tnt/NavigationListGroup.js

@@ -10,6 +10,9 @@ sap.ui.define([
 ], function (library, NavigationListItemBase) {
 	"use strict";
 
+	const EXPAND_ICON_SRC = "sap-icon://navigation-right-arrow";
+	const COLLAPSE_ICON_SRC = "sap-icon://navigation-down-arrow";
+
 	/**
 	 * Constructor for a new NavigationListGroup.
 	 *
@@ -21,7 +24,7 @@ sap.ui.define([
 	 * @extends sap.tnt.NavigationListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.136.2
+	 * @version 1.138.0
 	 *
 	 * @constructor
 	 * @public
@@ -89,14 +92,12 @@ sap.ui.define([
 		}
 
 		const sSubtreeId = `${this.getId()}-subtree`;
-		if (bEnabled) {
-			oRM.attr("tabindex", "-1")
-				.accessibilityState({
-					role: "treeitem",
-					owns: sSubtreeId,
-					expanded: oNavigationList.getExpanded() && this.getExpanded() ? "true" : "false"
-				});
-		}
+		oRM.attr("tabindex", "-1")
+			.accessibilityState({
+				role: "treeitem",
+				owns: sSubtreeId,
+				expanded: oNavigationList.getExpanded() && this.getExpanded() ? "true" : "false"
+			});
 
 		const sTooltip = this.getTooltip_AsString() || this.getText();
 		if (sTooltip) {
@@ -111,7 +112,9 @@ sap.ui.define([
 			.text(this.getText())
 			.close("span");
 
-		oRM.renderControl(this._getExpandIconControl());
+		const oIcon = this._getExpandIconControl();
+		oIcon.setSrc(this.getExpanded() ? COLLAPSE_ICON_SRC : EXPAND_ICON_SRC);
+		oRM.renderControl(oIcon);
 
 		oRM.close("div");
 
@@ -122,7 +125,7 @@ sap.ui.define([
 				label: this.getText()
 			});
 
-		if (!this.getExpanded()) {
+		if (!this.getExpanded() && !this._animateCollapse || this._animateExpand) {
 			oRM.class("sapTntNLIItemsContainerHidden");
 		}
 
@@ -164,7 +167,7 @@ sap.ui.define([
 		const oFocusRef = this.getFocusDomRef(),
 			aDomRefs = this.getItems().flatMap((item) => item._getFocusDomRefs());
 
-		if (!this.getEnabled() || !this.getVisible()) {
+		if (!this.getVisible()) {
 			return [];
 		}
 
@@ -175,16 +178,6 @@ sap.ui.define([
 		return aDomRefs;
 	};
 
-	/**
-	 * Gets DOM reference of the accessibility element.
-	 *
-	 * @private
-	 * @returns {HTMLElement} dom ref
-	 */
-	NavigationListGroup.prototype._getAccessibilityRef = function () {
-		return this.getDomRef().querySelector(".sapTntNLGroup");
-	};
-
 	NavigationListGroup.prototype._getExpandIconStyleClass = function () {
 		return "sapTntNLGroupIcon";
 	};