@openui5/sap.tnt 1.130.0 → 1.131.0

package/THIRDPARTY.txt

@@ -468,7 +468,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.18.0
+Component: SAP Theming Base Content, version: 11.22.0
 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.tnt",
-  "version": "1.130.0",
+  "version": "1.131.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.130.0",
-    "@openui5/sap.ui.core": "1.130.0"
+    "@openui5/sap.m": "1.131.0",
+    "@openui5/sap.ui.core": "1.131.0"
   }
 }

package/src/sap/tnt/.library

@@ -6,7 +6,7 @@
   <copyright>OpenUI5
  * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-  <version>1.130.0</version>
+  <version>1.131.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.130.0
+	 * @version 1.131.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.130.0
+	 * @version 1.131.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/tnt/NavigationListGroup.js

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

package/src/sap/tnt/NavigationListItem.js

@@ -12,6 +12,7 @@ sap.ui.define([
 	"sap/ui/core/Renderer",
 	"sap/ui/core/IconPool",
 	"sap/ui/core/library",
+	"sap/ui/events/KeyCodes",
 	"sap/ui/util/openWindow",
 	"sap/ui/util/defaultLinkTypes",
 	"./NavigationListItemBase"
@@ -22,6 +23,7 @@ sap.ui.define([
 	Renderer,
 	IconPool,
 	coreLibrary,
+	KeyCodes,
 	openWindow,
 	defaultLinkTypes,
 	NavigationListItemBase
@@ -50,7 +52,7 @@ sap.ui.define([
 	 * @extends sap.tnt.NavigationListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.130.0
+	 * @version 1.131.0
 	 *
 	 * @constructor
 	 * @public
@@ -281,8 +283,44 @@ sap.ui.define([
 		}
 	};
 
-	NavigationListItem.prototype.onsapenter = NavigationListItem.prototype.ontap;
-	NavigationListItem.prototype.onsapspace = NavigationListItem.prototype.ontap;
+	NavigationListItem.prototype.onkeydown = function (oEvent) {
+		if (oEvent.isMarked("subItem")) {
+			return;
+		}
+
+		const bHasModifierKey = this._hasModifierKey(oEvent);
+
+		if ((oEvent.key ? oEvent.key === "Enter" : oEvent.keyCode === KeyCodes.ENTER) && !bHasModifierKey) {
+			this.getDomRef().classList.add("sapTntNLIActive");
+			this.ontap(oEvent);
+		} else if ((oEvent.key ? oEvent.key === " " : oEvent.keyCode === KeyCodes.SPACE) && !bHasModifierKey) {
+			this.getDomRef().classList.add("sapTntNLIActive");
+		}
+
+		NavigationListItemBase.prototype.onkeydown.apply(this, arguments);
+	};
+
+	NavigationListItemBase.prototype.onkeyup = function (oEvent) {
+		if (oEvent.isMarked("subItem")) {
+			return;
+		}
+
+		const bHasModifierKey = this._hasModifierKey(oEvent);
+
+		if ((oEvent.key ? oEvent.key === "Enter" : oEvent.keyCode === KeyCodes.ENTER) && !bHasModifierKey) {
+			this.getDomRef().classList.remove("sapTntNLIActive");
+		} else if ((oEvent.key ? oEvent.key === " " : oEvent.keyCode === KeyCodes.SPACE)) {
+			this.getDomRef().classList.remove("sapTntNLIActive");
+
+			if (!bHasModifierKey) {
+				this.ontap(oEvent);
+			}
+		}
+
+		if (oEvent.srcControl.getLevel() === 1) {
+			oEvent.setMarked("subItem");
+		}
+	};
 
 	/**
 	 * Renders the item.
@@ -763,5 +801,9 @@ sap.ui.define([
 
 	NavigationListItem.prototype.onmouseover = NavigationListItem.prototype.onfocusout;
 
+	NavigationListItem.prototype._hasModifierKey = 	function hasModifierKeys(oEvent) {
+		return oEvent.shiftKey || oEvent.altKey || oEvent.ctrlKey || oEvent.metaKey;
+	};
+
 	return NavigationListItem;
 });

package/src/sap/tnt/NavigationListItemBase.js

@@ -29,7 +29,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Item
 	 *
 	 * @author SAP SE
-	 * @version 1.130.0
+	 * @version 1.131.0
 	 *
 	 * @constructor
 	 * @public
@@ -266,6 +266,10 @@ sap.ui.define([
 	 * @private
 	 */
 	NavigationListItemBase.prototype.onkeydown = function (oEvent) {
+		if (oEvent.key ? oEvent.key === " " : oEvent.keyCode === KeyCodes.SPACE) {
+			oEvent.preventDefault();
+		}
+
 		if (!this._isListExpanded()) {
 			return;
 		}
@@ -274,7 +278,9 @@ sap.ui.define([
 			return;
 		}
 
-		oEvent.setMarked("subItem");
+		if (oEvent.srcControl.getLevel() === 1) {
+			oEvent.setMarked("subItem");
+		}
 
 		if (this.getLevel() !== 0) {
 			return;

package/src/sap/tnt/NavigationListMenuItem.js

@@ -35,10 +35,10 @@ sap.ui.define([
 	 *
 	 * @class
 	 * Represents a navigation list menu item.
-	 * @extends sap.ui.unified.MenuItemBase
+	 * @extends sap.ui.unified.MenuItem
 	 *
 	 * @author SAP SE
-	 * @version 1.130.0
+	 * @version 1.131.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/tnt/SideNavigation.js

@@ -33,7 +33,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.130.0
+	 * @version 1.131.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/tnt/ToolHeader.js

@@ -123,7 +123,7 @@ sap.ui.define([
 	* @implements sap.tnt.IToolHeader
 	*
 	* @author SAP SE
-	* @version 1.130.0
+	* @version 1.131.0
 	*
 	* @constructor
 	* @public

package/src/sap/tnt/ToolHeaderUtilitySeparator.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.130.0
+	 * @version 1.131.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.130.0
+	 * @version 1.131.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/tnt/library.js

@@ -22,14 +22,14 @@ sap.ui.define([
 	 * @namespace
 	 * @alias sap.tnt
 	 * @author SAP SE
-	 * @version 1.130.0
+	 * @version 1.131.0
 	 * @since 1.36
 	 * @public
 	 */
 	var thisLib = Library.init({
 		apiVersion: 2,
 		name : "sap.tnt",
-		version: "1.130.0",
+		version: "1.131.0",
 		dependencies : ["sap.ui.core", "sap.m"],
 		designtime: "sap/tnt/designtime/library.designtime",
 		types: [

package/src/sap/tnt/themes/base/NavigationList.less

@@ -329,10 +329,12 @@
 }
 
 .sapTntNLI:not(.sapTntNLIDisabled).sapTntNLIActive,
+.sapTntNLIActive .sapTntNLIFirstLevel.sapTntNLI:not(.sapTntNLIDisabled),
 .sapTntNLCollapsed.sapTntNLIFirstLevel.sapTntNLISelected,
 .sapTntNL .sapTntNLGroup.sapTntNLI:not(.sapTntNLIDisabled):active,
 .sapTntNL .sapTntNLIFirstLevel.sapTntNLI:not(.sapTntNLIDisabled):active,
-.sapTntNL .sapTntNLISecondLevel.sapTntNLI:not(.sapTntNLIDisabled):active {
+.sapTntNL .sapTntNLISecondLevel.sapTntNLI:not(.sapTntNLIDisabled):active,
+.sapTntNL .sapTntNLISecondLevel.sapTntNLI:not(.sapTntNLIDisabled).sapTntNLIActive {
 	background: @sapUiListActiveBackground;
 
 	&::before {

package/src/sap/tnt/themes/base/SideNavigation.less

@@ -12,7 +12,6 @@
 @_sap_tnt_SideNavigation_NavigationSeparatorHeight: 1px;
 @_sap_tnt_SideNavigation_TriangleColor: @sapUiContentIconColor;
 @_sap_tnt_SideNavigation_BorderRight: 1px solid @sapUiGroupContentBorderColor;
-@_sap_tnt_SideNavigation_BorderRadius: 0;
 @_sap_tnt_SideNavigation_PhoneBorderRadius: 0;
 @_sap_tnt_SideNavigation_BoxShadow: none;
 @_sap_tnt_SideNavigation_TriangleDisplay: block;
@@ -25,9 +24,8 @@
 	min-height: 0;
 	background: @sapUiListBackground;
 	border-right: @_sap_tnt_SideNavigation_BorderRight;
-	box-shadow: @_sap_tnt_SideNavigation_BoxShadow;
-	border-radius: @_sap_tnt_SideNavigation_BorderRadius;
 	min-width: @_sap_tnt_SideNavigation_Width;
+	box-shadow: @_sap_tnt_SideNavigation_BoxShadow;
 	max-width: 100%;
 	width: @_sap_tnt_SideNavigation_Width;
 	transition: width 0.3s, min-width 0.3s;
@@ -103,10 +101,6 @@ html.sap-phone {
 	position: relative;
 }
 
-html.sap-desktop:not(.sapUiNativeScrollbars) .sapTntSideNavigation ::-webkit-scrollbar {
-	border-radius: @_sap_tnt_SideNavigation_BorderRadius;
-}
-
 /*  Compact size
    ========================================================================== */
 

package/src/sap/tnt/themes/base/ToolHeader.less

@@ -4,8 +4,6 @@
 /* =================================== */
 
 @_sap_tnt_ToolHeader_Height: 3rem;
-@_sap_tnt_ToolHeader_BorderRadius: 0;
-@_sap_tnt_ToolHeader_BoxShadow: none;
 @_sap_tnt_ToolHeader_AvatarBackground: lighten(saturate(spin(@sapUiAccent6, 348), 36), 28);
 @_sap_tnt_ToolHeader_AvatarColor: @sapUiBaseText;
 @_sap_tnt_ToolHeader_BorderColor: contrast(@sapUiShellColor, @sapUiContentFocusColor, @sapUiContentContrastFocusColor, @sapUiContentContrastTextThreshold);
@@ -17,8 +15,6 @@
 
 .sapTntToolHeader.sapMTB {
 	height: @_sap_tnt_ToolHeader_Height;
-	border-radius: @_sap_tnt_ToolHeader_BorderRadius;
-	box-shadow: @_sap_tnt_ToolHeader_BoxShadow;
 }
 
 // ==========================================================================
@@ -32,6 +28,7 @@
 
 .sapMIBar.sapTntToolHeader:not(.sapUshellShellToolHeader) .sapMBarChild.sapMITH {
 	box-shadow: none;
+	border-bottom: none;
 	height: @_sap_tnt_ToolHeader_IconTabHeader_Height;
 	padding: @_sap_tnt_ToolHeader_Padding;
 

package/src/sap/tnt/themes/base/ToolPage.less

@@ -7,25 +7,16 @@
    Variables
    ========================================================================== */
 @_sap_tnt_ToolPage_AnimationDuration : 0.3s;
-@_sap_tnt_ToolPage_Paddings: 0;
-@_sap_tnt_ToolPage_PaddingsTablet: 0;
-@_sap_tnt_ToolPage_PaddingsPhone: 0;
 @_sap_tnt_ToolPage_Background: darken(@sapUiBaseBG, 4);
-@_sap_tnt_ToolPage_AsideMargins: 0;
-@_sap_tnt_ToolPage_AsideMarginsPhone: 0;
-@_sap_tnt_ToolPage_ContentMargins: 0;
-@_sap_tnt_ToolPage_ContentMarginsPhone: 0;
-@_sap_tnt_ToolPage_ContentShadow: none;
 @_sap_tnt_ToolPage_ContentBackgroundStandard: none;
 @_sap_tnt_ToolPage_ContentBackgroundSolid: none;
 @_sap_tnt_ToolPage_ContentBackgroundTransparent: none;
 @_sap_tnt_ToolPage_ContentBackgroundList: none;
-@_sap_tnt_ToolPage_ContentBorderRadius: 0;
-@_sap_tnt_ToolPage_ContentBorderRadiusTabletPhone: 0;
 @_sap_tnt_ToolPage_AsideCollapsedPhoneTransform: -100%;
 @_sap_tnt_ToolPage_AsideCollapsedPhoneTransformRtl: 100%;
 @_sap_tnt_ToolPage_AsidePhoneTop: 0;
 @_sap_tnt_ToolPage_AsidePhoneWidth: auto;
+@_sap_tnt_ToolHeader_Shadow: none;
 
 /* ==========================================================================
    Root element
@@ -36,16 +27,21 @@
   right: 0;
   bottom: 0;
   left: 0;
-
   display: flex;
   flex-direction: column;
-
   box-sizing: border-box;
   overflow: hidden;
-  padding: @_sap_tnt_ToolPage_Paddings;
   background: @_sap_tnt_ToolPage_Background;
 }
 
+/* ==========================================================================
+   Header wrapper
+   ========================================================================== */
+.sapTntToolPageHeaderWrapper {
+  z-index: 3;
+  box-shadow: @_sap_tnt_ToolHeader_Shadow;
+}
+
 /* ==========================================================================
    Content wrapper
    ========================================================================== */
@@ -63,9 +59,8 @@
   max-width: 100%;
   display: flex;
   flex-direction: column;
-
   will-change: transform;
-  margin: @_sap_tnt_ToolPage_AsideMargins;
+  z-index: 2;
 }
 
 .sapTntToolPageAsideContent {
@@ -79,20 +74,7 @@ html:not([data-sap-ui-animation='off']) .sapTntToolPageAside {
   transition: transform @_sap_tnt_ToolPage_AnimationDuration;
 }
 
-html.sap-tablet:not(html.sap-combi) {
-  .sapTntToolPage {
-    padding: @_sap_tnt_ToolPage_PaddingsTablet;
-  }
-
-  .sapTntToolPageMain {
-    border-radius: @_sap_tnt_ToolPage_ContentBorderRadiusTabletPhone;
-  }
-}
-
 html.sap-phone {
-  .sapTntToolPage {
-    padding: @_sap_tnt_ToolPage_PaddingsPhone;
-  }
 
   .sapTntToolPageAside {
     z-index: 2;
@@ -101,8 +83,6 @@ html.sap-phone {
     bottom: 0;
     top: @_sap_tnt_ToolPage_AsidePhoneTop;
     width:  @_sap_tnt_ToolPage_AsidePhoneWidth;
-
-    margin: @_sap_tnt_ToolPage_AsideMarginsPhone;
   }
 
   .sapTntToolPageAsideCollapsed {
@@ -110,11 +90,6 @@ html.sap-phone {
       transform: translateX(@_sap_tnt_ToolPage_AsideCollapsedPhoneTransform);
     }
   }
-
-  .sapTntToolPageMain {
-    border-radius: @_sap_tnt_ToolPage_ContentBorderRadiusTabletPhone;
-    margin: @_sap_tnt_ToolPage_ContentMarginsPhone;
-  }
 }
 
 /* Main container
@@ -126,11 +101,7 @@ html.sap-phone {
   flex: 1;
   min-width: 0; // fixes flex chrome issue
   overflow: hidden;
-
   will-change: transform;
-  margin: @_sap_tnt_ToolPage_ContentMargins;
-  box-shadow: @_sap_tnt_ToolPage_ContentShadow;
-  border-radius: @_sap_tnt_ToolPage_ContentBorderRadius;
   background: @_sap_tnt_ToolPage_ContentBackgroundStandard;
 }