@openui5/sap.tnt 1.119.0 → 1.120.0

package/THIRDPARTY.txt

@@ -179,7 +179,7 @@ License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/caja-html-sanitizer.js
 
-Component: Unicode Common Locale Data Repository, version: 41
+Component: Unicode Common Locale Data Repository, version: 43
 Copyright: 1991-2014 Unicode, Inc.
 License: Unicode-DFS-2015
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Unicode-DFS-2015.txt
@@ -334,7 +334,7 @@ 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: 2022a
+Component: Time Zone Database, version: 2023c
 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
@@ -416,7 +416,7 @@ Contained in: src/sap.ui.integration/test/sap/ui/integration/demokit/cardExplore
 
 Library: sap.ui.webc.common:
 
-Component: UI5 Web Components, version: 1.5.0
+Component: UI5 Web Components, version: 1.18.0
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -436,13 +436,13 @@ Contained in: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/lit-html/
 
 Library: sap.ui.webc.fiori:
 
-Component: UI5 Web Components, version: 1.5.0
+Component: UI5 Web Components, version: 1.18.0
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.ui.webc.fiori/src/sap/ui/webc/fiori/thirdparty/*.*
 
-Component: ZXing, version: 0.19.1
+Component: ZXing, version: 0.17.1
 Copyright: 2005 Sun Microsystems, Inc.; 2010-2014 University of Manchester; 2010-2015 Stian Soiland-Reyes; 2015 Peter Hull
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -451,7 +451,7 @@ Contained in: src/sap.ui.webc.fiori/src/sap/ui/webc/fiori/lib/zxing.js
 
 Library: sap.ui.webc.main:
 
-Component: UI5 Web Components, version: 1.5.0
+Component: UI5 Web Components, version: 1.18.0
 Copyright: SAP
 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.119.0",
+  "version": "1.120.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.119.0",
-    "@openui5/sap.ui.core": "1.119.0"
+    "@openui5/sap.m": "1.120.0",
+    "@openui5/sap.ui.core": "1.120.0"
   }
 }

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

package/src/sap/tnt/InfoLabel.js

@@ -47,7 +47,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.119.0
+	 * @version 1.120.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/tnt/NavigationList.js

@@ -53,7 +53,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.119.0
+		 * @version 1.120.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/tnt/NavigationListItem.js

@@ -32,7 +32,7 @@ sap.ui.define(["sap/ui/thirdparty/jquery", "./library", 'sap/ui/core/Core', "sap
 		 * @extends sap.ui.core.Item
 		 *
 		 * @author SAP SE
-		 * @version 1.119.0
+		 * @version 1.120.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/tnt/SideNavigation.js

@@ -38,7 +38,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.119.0
+		 * @version 1.120.0
 		 *
 		 * @constructor
 		 * @public
@@ -49,6 +49,14 @@ sap.ui.define([
 			metadata: {
 				library: 'sap.tnt',
 				properties: {
+					/**
+					 * Specifies the width of the control.
+					 *
+					 * <Note:> Depending on the theme, there is a minimum width set (16rem for Horizon theme).
+					 * This property can be used to set a bigger width.
+					 * @since 1.120
+					 */
+					width: {type: "sap.ui.core.CSSSize", group: "Dimension"},
 					/**
 					 * Specifies if the control is expanded.
 					 */
@@ -111,12 +119,6 @@ sap.ui.define([
 			this.data('sap-ui-fastnavgroup', 'true', true);
 		};
 
-		// event listener for theme changed
-		SideNavigation.prototype.onThemeChanged = function() {
-			this._mThemeParams = null;
-			this._initThemeParams();
-		};
-
 		SideNavigation.prototype.setAggregation = function (aggregationName, object) {
 			if (object && object.attachItemSelect) {
 				object.attachItemSelect(this._itemSelectionHandler.bind(this));
@@ -133,109 +135,27 @@ sap.ui.define([
 		 * @returns {this} this SideNavigation reference for chaining.
 		 */
 		SideNavigation.prototype.setExpanded = function (isExpanded) {
-
 			if (this.getExpanded() === isExpanded) {
 				return this;
 			}
 
 			var that = this,
-				$this = this.$(),
 				itemAggregation = that.getAggregation('item'),
-				fixedItemAggregation = that.getAggregation('fixedItem'),
-				themeParams,
-				expandedWidth,
-				collapsedWidth,
-				width;
-
-			if (!this.getDomRef()) {
-				this.setProperty('expanded', isExpanded);
-
-				if (itemAggregation) {
-					itemAggregation.setExpanded(isExpanded);
-				}
-
-				if (fixedItemAggregation) {
-					fixedItemAggregation.setExpanded(isExpanded);
-				}
-
-				return this;
-			}
+				fixedItemAggregation = that.getAggregation('fixedItem');
 
-			this.setProperty('expanded', isExpanded, true);
+			this.setProperty('expanded', isExpanded);
 
-			if (that._hasActiveAnimation) {
-				that._finishAnimation(!isExpanded);
-				$this.stop();
+			if (itemAggregation) {
+				itemAggregation.setExpanded(isExpanded);
 			}
 
-			if (isExpanded) {
-				this.getDomRef().classList.toggle('sapTntSideNavigationNotExpanded', !isExpanded);
-
-				if (itemAggregation) {
-					itemAggregation.setExpanded(isExpanded);
-				}
-
-				if (fixedItemAggregation) {
-					fixedItemAggregation.setExpanded(isExpanded);
-				}
+			if (fixedItemAggregation) {
+				fixedItemAggregation.setExpanded(isExpanded);
 			}
 
-			that._hasActiveAnimation = true;
-
-			themeParams = this._mThemeParams || {};
-			expandedWidth = themeParams['_sap_tnt_SideNavigation_Width'] || "15rem";
-			collapsedWidth = themeParams['_sap_tnt_SideNavigation_CollapsedWidth'] || "3rem";
-			width = isExpanded ? expandedWidth : collapsedWidth;
-
-			$this.animate({
-					width: width
-				},
-				{
-					duration: 300,
-					complete: function () {
-						var isExpanded = that.getExpanded();
-						that._finishAnimation(isExpanded);
-					}
-				});
-
 			return this;
 		};
 
-		/**
-		 * @private
-		 */
-		SideNavigation.prototype._finishAnimation = function (isExpanded) {
-			if (!this._hasActiveAnimation || !this.getDomRef()) {
-				return;
-			}
-
-			this.getDomRef().classList.toggle('sapTntSideNavigationNotExpandedWidth', !isExpanded);
-
-			if (!isExpanded) {
-				this.getDomRef().classList.toggle('sapTntSideNavigationNotExpanded', !isExpanded);
-
-				if (this.getAggregation('item')) {
-					this.getAggregation('item').setExpanded(isExpanded);
-				}
-
-				if (this.getAggregation('fixedItem')) {
-					this.getAggregation('fixedItem').setExpanded(isExpanded);
-				}
-			}
-
-			this.$().css('width', '');
-			this._hasActiveAnimation = false;
-		};
-
-		SideNavigation.prototype._initThemeParams = function() {
-			this._mThemeParams = Parameters.get({
-				name: ["_sap_tnt_SideNavigation_Width", "_sap_tnt_SideNavigation_CollapsedWidth"],
-				callback: function (mParams) {
-					this._mThemeParams = mParams;
-				}.bind(this)
-			});
-		};
-
 		/**
 		 * @private
 		 */
@@ -248,10 +168,6 @@ sap.ui.define([
 			} else if (selectedItem) {
 				this.setSelectedItem(selectedItem);
 			}
-
-			if (!this._mThemeParams) {
-				this._initThemeParams();
-			}
 		};
 
 		/**

package/src/sap/tnt/SideNavigationRenderer.js

@@ -45,6 +45,11 @@ sap.ui.define([
 
 		rm.openStart('div', control);
 
+		const width = control.getWidth();
+		if (width && isExpanded) {
+			rm.style("width", width);
+		}
+
 		rm.attr("role", 'navigation');
 		rm.attr('aria-roledescription', oRB.getText("SIDENAVIGATION_ROLE_DESCRIPTION"));
 

package/src/sap/tnt/ToolHeader.js

@@ -123,7 +123,7 @@ sap.ui.define([
 	* @implements sap.tnt.IToolHeader
 	*
 	* @author SAP SE
-	* @version 1.119.0
+	* @version 1.120.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.119.0
+	 * @version 1.120.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.119.0
+	 * @version 1.120.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/tnt/library.js

@@ -17,13 +17,13 @@ sap.ui.define(["sap/ui/core/library", "sap/m/library"],
 	 * @namespace
 	 * @alias sap.tnt
 	 * @author SAP SE
-	 * @version 1.119.0
+	 * @version 1.120.0
 	 * @since 1.36
 	 * @public
 	 */
 	var thisLib = sap.ui.getCore().initLibrary({
 		name : "sap.tnt",
-		version: "1.119.0",
+		version: "1.120.0",
 		dependencies : ["sap.ui.core", "sap.m"],
 		designtime: "sap/tnt/designtime/library.designtime",
 		types: [

package/src/sap/tnt/messagebundle_mk.properties

@@ -0,0 +1,21 @@
+
+
+INFOLABEL_DEFAULT=\u0418\u043D\u0444\u043E\u0440\u043C\u0430\u0442\u0438\u0432\u043D\u0430 \u043E\u0437\u043D\u0430\u043A\u0430
+
+INFOLABEL_EMPTY=\u041F\u0440\u0430\u0437\u043D\u0430 \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0442\u0438\u0432\u043D\u0430 \u043E\u0437\u043D\u0430\u043A\u0430
+
+SIDENAVIGATION_ROLE_DESCRIPTION=\u0421\u0442\u0440\u0430\u043D\u0438\u0447\u043D\u0430 \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0458\u0430
+
+SIDENAVIGATION_ROLE_DESCRIPTION_SEPARATOR=\u0421\u0435\u043F\u0430\u0440\u0430\u0442\u043E\u0440 \u043D\u0430 \u0441\u0442\u0440\u0430\u043D\u0438\u0447\u043D\u0430 \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0458\u0430
+
+NAVIGATION_LIST_ITEM_ROLE_DESCRIPTION_MENUITEM=\u0421\u0442\u0430\u0432\u043A\u0430 \u043D\u0430 \u043C\u0435\u043D\u0438\u0442\u043E \u043D\u0430 \u0441\u043F\u0438\u0441\u043E\u043A\u043E\u0442 \u0437\u0430 \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0458\u0430
+
+NAVIGATION_LIST_ITEM_ROLE_DESCRIPTION_MENUBAR=\u041B\u0435\u043D\u0442\u0430 \u043D\u0430 \u043C\u0435\u043D\u0438\u0442\u043E \u043D\u0430 \u0441\u043F\u0438\u0441\u043E\u043A\u043E\u0442 \u0437\u0430 \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0458\u0430
+
+NAVIGATION_LIST_ITEM_ROLE_DESCRIPTION_TREE=\u0414\u0440\u0432\u043E \u043D\u0430 \u0441\u043F\u0438\u0441\u043E\u043A\u043E\u0442 \u0437\u0430 \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0458\u0430
+
+NAVIGATION_LIST_ITEM_ROLE_DESCRIPTION_TREE_ITEM=\u0421\u0442\u0430\u0432\u043A\u0430 \u043D\u0430 \u0434\u0440\u0432\u043E\u0442\u043E \u043D\u0430 \u0441\u043F\u0438\u0441\u043E\u043A\u043E\u0442 \u0437\u0430 \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0458\u0430
+
+NAVIGATION_LIST_DIALOG_TITLE=\u041D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0458\u0430
+
+NAVIGATION_LIST_NAVIGATION_OVERFLOW=\u041F\u043E\u0432\u0435\u045C\u0435 \u0441\u0442\u0430\u0432\u043A\u0438

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

@@ -135,6 +135,11 @@
 		outline: none;
 		display: flex;
 		align-items: center;
+	}
+}
+
+.sapTntNavLI.sapTntNavLICollapsed {
+	.sapTntNavLIItem a {
 		justify-content: center;
 	}
 }
@@ -400,9 +405,8 @@
 
 // NavigationList with icons
 .sapTntNavLI:not(.sapTntNavLINoIcons) {
-
 	span.sapTntNavLIGroupIcon {
-		width: @_sap_tnt_NavigationList_GroupIconWidth;
+		min-width: @_sap_tnt_NavigationList_GroupIconWidth;
 	}
 
 	.sapTntNavLIGroupItem .sapMText {

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

@@ -16,6 +16,7 @@
 @_sap_tnt_SideNavigation_PhoneBorderRadius: 0;
 @_sap_tnt_SideNavigation_BoxShadow: none;
 @_sap_tnt_SideNavigation_TriangleDisplay: block;
+@_sap_tnt_SideNavigation_PhoneWidth: @_sap_tnt_SideNavigation_Width;
 
 .sapTntSideNavigation {
 	display: flex;
@@ -26,7 +27,14 @@
 	border-right: @_sap_tnt_SideNavigation_BorderRight;
 	box-shadow: @_sap_tnt_SideNavigation_BoxShadow;
 	border-radius: @_sap_tnt_SideNavigation_BorderRadius;
+	min-width: @_sap_tnt_SideNavigation_Width;
+	max-width: 100%;
 	width: @_sap_tnt_SideNavigation_Width;
+	transition: width 0.3s, min-width 0.3s;
+}
+
+html[data-sap-ui-animation='off'] .sapTntSideNavigation {
+	transition: none;
 }
 
 html.sap-phone,
@@ -36,8 +44,15 @@ html.sap-tablet:not(html.sap-combi) {
 	}
 }
 
+html.sap-phone {
+	.sapTntSideNavigation {
+		width: @_sap_tnt_SideNavigation_PhoneWidth;
+	}
+}
+
 .sapTntSideNavigation.sapTntSideNavigationNotExpandedWidth {
-  width: @_sap_tnt_SideNavigation_CollapsedWidth;
+	min-width: @_sap_tnt_SideNavigation_CollapsedWidth;
+	width: @_sap_tnt_SideNavigation_CollapsedWidth;
 }
 
 .sapTntSideNavigationNotExpanded {

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

@@ -24,6 +24,8 @@
 @_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;
 
 /* ==========================================================================
    Root element
@@ -58,6 +60,7 @@
    ========================================================================== */
 
 .sapTntToolPageAside {
+  max-width: 100%;
   display: flex;
   flex-direction: column;
 
@@ -100,7 +103,8 @@ html.sap-phone {
     position: absolute;
     left: 0;
     bottom: 0;
-    top: 0;
+    top: @_sap_tnt_ToolPage_AsidePhoneTop;
+    width:  @_sap_tnt_ToolPage_AsidePhoneWidth;
 
     margin: @_sap_tnt_ToolPage_AsideMarginsPhone;
   }