@openui5/sap.tnt 1.92.0 → 1.93.3

package/.reuse/dep5

@@ -464,3 +464,8 @@ Copyright:
 License: Apache-2.0
 Comment: these files contain content from SAP and JSDoc 3: plugin.js is overall written by SAP, but contains code taken from JSDoc 3.6.7 (see the respective comments)
 
+Files: src/sap.ui.core/src/sap/ui/core/themes/base/base.less src/themelib_sap_belize/src/sap/ui/core/themes/*/base.less src/themelib_sap_fiori_3/src/sap/ui/core/themes/*/base.less src/themelib_sap_horizon/src/sap/ui/core/themes/*/base.less
+Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
+License: Apache-2.0
+Comment: these files belong to: SAP Theming Base Content
+

package/THIRDPARTY.txt

@@ -197,7 +197,7 @@ License: BSD-3-Clause
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/sinon-qunit.js
 
-Component: URI.js, version: 1.19.6
+Component: URI.js, version: 1.19.7
 Copyright: Rodney Rehm
 License: MIT
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
@@ -462,6 +462,15 @@ 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.1.34
+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
+Contained in: src/sap.ui.core/src/sap/ui/core/themes/base/base.less
+	src/themelib_sap_belize/src/sap/ui/core/themes/*/base.less
+	src/themelib_sap_fiori_3/src/sap/ui/core/themes/*/base.less
+	src/themelib_sap_horizon/src/sap/ui/core/themes/*/base.less
+
 
 ALL LICENSE TEXTS:
 ==================

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.tnt",
-  "version": "1.92.0",
+  "version": "1.93.3",
   "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.92.0",
-    "@openui5/sap.ui.core": "1.92.0"
+    "@openui5/sap.m": "1.93.3",
+    "@openui5/sap.ui.core": "1.93.3"
   }
 }

package/src/sap/tnt/.library

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

package/src/sap/tnt/NavigationList.js

@@ -41,7 +41,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.92.0
+		 * @version 1.93.3
 		 *
 		 * @constructor
 		 * @public

package/src/sap/tnt/NavigationListItem.js

@@ -32,7 +32,7 @@ sap.ui.define(["./library", 'sap/ui/core/Core', "sap/ui/core/Item", 'sap/ui/core
 		 * @extends sap.ui.core.Item
 		 *
 		 * @author SAP SE
-		 * @version 1.92.0
+		 * @version 1.93.3
 		 *
 		 * @constructor
 		 * @public
@@ -112,7 +112,10 @@ sap.ui.define(["./library", 'sap/ui/core/Core', "sap/ui/core/Item", 'sap/ui/core
 
 
 		NavigationListItem._getInvisibleText = function() {
-			return this._invisibleText || (this._invisibleText = new InvisibleText().toStatic());
+			if (!this._invisibleText) {
+				this._invisibleText = new InvisibleText().toStatic();
+			}
+			return this._invisibleText;
 		};
 
 		/**
@@ -990,7 +993,7 @@ sap.ui.define(["./library", 'sap/ui/core/Core', "sap/ui/core/Item", 'sap/ui/core
 
 		/**
 		 * Returns if a child item is selected
-		 * @return {Boolean} if a child item is selected
+		 * @return {boolean} if a child item is selected
 		 * @private
 		 */
 		NavigationListItem.prototype._hasSelectedChild =  function(selectedItem) {
@@ -1009,4 +1012,3 @@ sap.ui.define(["./library", 'sap/ui/core/Core', "sap/ui/core/Item", 'sap/ui/core
 		return NavigationListItem;
 
 	});
-

package/src/sap/tnt/SideNavigation.js

@@ -40,7 +40,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.92.0
+		 * @version 1.93.3
 		 *
 		 * @constructor
 		 * @public

package/src/sap/tnt/ToolHeader.js

@@ -121,7 +121,7 @@ sap.ui.define([
 	* @implements sap.tnt.IToolHeader
 	*
 	* @author SAP SE
-	* @version 1.92.0
+	* @version 1.93.3
 	*
 	* @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.92.0
+	 * @version 1.93.3
 	 *
 	 * @constructor
 	 * @public

package/src/sap/tnt/ToolPage.js

@@ -7,18 +7,24 @@
 // Provides control sap.t.ToolPage.
 sap.ui.define([
 	"./library",
+	"sap/ui/base/ManagedObjectObserver",
 	"sap/ui/core/Control",
 	"sap/ui/Device",
 	"sap/ui/core/ResizeHandler",
 	"./ToolPageRenderer"
-], function (library, Control, Device, ResizeHandler, ToolPageRenderer) {
+], function (library,
+			 ManagedObjectObserver,
+			 Control,
+			 Device,
+			 ResizeHandler,
+			 ToolPageRenderer) {
 	"use strict";
 
 	/**
 	 * Constructor for a new ToolPage.
 	 *
 	 * @param {string} [sId] ID for the new control, generated automatically if no id is given
-	 * @param {object} [mSettings] Initial settings for the new control
+ * @param {object} [mSettings] Initial settings for the new control
 	 *
 	 * @class
 	 * The ToolPage is a layout control, used to create a basic tools app that has a header, side navigation and contents area.
@@ -30,7 +36,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.92.0
+	 * @version 1.93.3
 	 *
 	 * @constructor
 	 * @public
@@ -53,6 +59,12 @@ sap.ui.define([
 				 * The control to appear in the header area.
 				 */
 				header: {type: "sap.tnt.IToolHeader", multiple: false},
+
+				/**
+				 * The control to appear in the subheader area.
+				 * @since 1.93
+				 */
+				subHeader: {type: "sap.tnt.IToolHeader", multiple: false },
 				/**
 				 * The side menu of the layout.
 				 */
@@ -66,8 +78,27 @@ sap.ui.define([
 		}
 	});
 
+	ToolPage.prototype.init = function () {
+		this._oContentObserver = new ManagedObjectObserver(this._onContentChange.bind(this));
+		this._oContentObserver.observe(this, { aggregations: ["subHeader", "sideContent"] });
+
+		this._oContentVisibilityObserver = new ManagedObjectObserver(this._onContentVisibilityChange.bind(this));
+
+		this._deregisterControl();
+	};
+
 	ToolPage.prototype.exit = function () {
 		this._deregisterControl();
+
+		if (this._oContentObserver) {
+			this._oContentObserver.disconnect();
+			this._oContentObserver = null;
+		}
+
+		if (this._oContentVisibilityObserver) {
+			this._oContentVisibilityObserver.disconnect();
+			this._oContentVisibilityObserver = null;
+		}
 	};
 
 	ToolPage.prototype.onBeforeRendering = function () {
@@ -201,5 +232,20 @@ sap.ui.define([
 		return "Desktop";
 	};
 
+	ToolPage.prototype._onContentChange = function(oChanges) {
+		switch (oChanges.mutation) {
+			case "insert":
+				this._oContentVisibilityObserver.observe(oChanges.child, { properties: ["visible"] });
+				break;
+			case "remove":
+				this._oContentVisibilityObserver.unobserve(oChanges.child, { properties: ["visible"] });
+				break;
+		}
+	};
+
+	ToolPage.prototype._onContentVisibilityChange = function(oChanges) {
+		this.invalidate();
+	};
+
 	return ToolPage;
 }, /* bExport= */ true);

package/src/sap/tnt/ToolPageRenderer.js

@@ -24,28 +24,42 @@ sap.ui.define([
 	 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
 	 */
 	ToolPageRenderer.render = function (oRM, oControl) {
-		var oHeader = oControl.getHeader();
+		var oHeader = oControl.getHeader(),
+			oSubHeader = oControl.getSubHeader();
 
-		oRM.openStart("div", oControl).class("sapTntToolPage");
+		oRM.openStart("div", oControl)
+			.class("sapTntToolPage")
+			.openEnd();
 
 		if (oHeader) {
-			oRM.class("sapTntToolPageWithHeader");
-		}
+			oRM.openStart("header").openEnd();
 
-		oRM.openEnd();
+				oRM.openStart("div", oControl.getId() + "-header")
+					.class("sapTntToolPageHeader")
+					.openEnd();
 
-		if (oHeader) {
+				oRM.renderControl(oHeader);
+
+				oRM.close("div");
+
+			oRM.close("header");
+		}
+
+		if (oSubHeader && oSubHeader.getVisible()) {
 			oRM.openStart("header").openEnd();
 
-				oRM.openStart("div", oControl.getId() + "-header").class("sapTntToolPageHeader").openEnd();
+				oRM.openStart("div", oControl.getId() + "-subHeader")
+					.class("sapTntToolPageHeader")
+					.openEnd();
 
-				oRM.renderControl(oHeader);
+				oRM.renderControl(oSubHeader);
 
 				oRM.close("div");
 
 			oRM.close("header");
 		}
 
+
 		this.renderContentWrapper(oRM, oControl);
 
 		oRM.close("div");
@@ -68,7 +82,7 @@ sap.ui.define([
 
 	ToolPageRenderer.renderAsideContent = function (oRM, oControl) {
 		var oSideContent = oControl.getSideContent();
-		if (!oSideContent) {
+		if (!oSideContent || !oSideContent.getVisible()) {
 			return;
 		}
 

package/src/sap/tnt/library.js

@@ -17,7 +17,7 @@ sap.ui.define(["sap/ui/core/library", "sap/m/library"],
 	 * @namespace
 	 * @name sap.tnt
 	 * @author SAP SE
-	 * @version 1.92.0
+	 * @version 1.93.3
 	 * @since 1.36
 	 * @public
 	 */
@@ -25,7 +25,7 @@ sap.ui.define(["sap/ui/core/library", "sap/m/library"],
 	// delegate further initialization of this library to the Core
 	sap.ui.getCore().initLibrary({
 		name : "sap.tnt",
-		version: "1.92.0",
+		version: "1.93.3",
 		dependencies : ["sap.ui.core", "sap.m"],
 		designtime: "sap/tnt/designtime/library.designtime",
 		types: [

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

@@ -6,7 +6,7 @@
 @_sap_tnt_NavigationList_ItemHeight: 3rem;
 @_sap_tnt_NavigationList_NoIconsGroupPadding: 1rem;
 @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 1rem;
-@_sap_tnt_NavigationList_ItemFocusBorder: 1px dotted @sapUiContentFocusColor;
+@_sap_tnt_NavigationList_ItemFocusBorder: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
 @_sap_tnt_NavigationList_SelectedItemBorderColor: @sapUiListSelectionBorderColor;
 @_sap_tnt_NavigationList_Collapsed_SelectedGroupBorderColor: @_sap_tnt_NavigationList_SelectedItemBorderColor;
 @_sap_tnt_NavigationList_Collapsed_GroupBorderColor: @sapUiListBorderColor;
@@ -170,11 +170,12 @@
 
 .sapTntNavLIItemSelected.sapTntNavLIItem,
 .sapTntNavLIItemSelected .sapTntNavLIGroup,
-.sapTntNavLIItemSelected.sapTntNavLIGroupItem.sapTntNavLIGroupItem {
+.sapTntNavLIItemSelected.sapTntNavLIGroupItem {
 	background-color: @sapUiListSelectionBackgroundColor;
 }
 
 .sapTntNavLIItemSelected .sapTntNavLIItem:hover,
+.sapTntNavLIItemSelected.sapTntNavLIItem.sapTntNavLIGroup:hover,
 .sapTntNavLIItemSelected.sapTntNavLIGroupItem.sapTntNavLIGroupItem:hover {
 	background-color: @sapUiListSelectionHoverBackground;
 }

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

@@ -23,7 +23,7 @@
 .sapMIBar.sapTntToolHeader .sapMBarChild.sapMITH {
 	height: @_sap_tnt_ToolHeader_Height;
 	box-shadow: none;
-	padding: 0 1rem;
+	padding: 0 0.5rem;
 	flex: 1;
 	min-width: 0; // fixes Chrome flex issue
 
@@ -31,18 +31,20 @@
 		padding-top: 0;
 		padding-bottom: 0;
 
-		.sapMITBText  {
-			font-size: @sapMFontLargeSize;
-		}
-
 		.sapMITBFilter .sapMITBText + .sapMITBContentArrow  {
-			height: 0.75rem;
+			&:after {
+				border-radius: 0.125rem 0.125rem 0.125rem 0.125rem;
+				box-shadow: none;
+				margin-bottom: 0.188rem;
+			}
 		}
 	}
 }
 
-.sap-phone .sapTntToolHeader .sapMITH .sapMITBHead .sapMITBFilter .sapMITBText + .sapMITBContentArrow  {
-	height: 0.825rem;
+.sapMITBFilterPopover.sapMITBFilterPopoverInToolHeader {
+	.sapUiIcon {
+		color: @sapUiContentNonInteractiveIconColor;
+	}
 }
 
 // ==========================================================================

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

@@ -4,7 +4,7 @@
 /* ================================= */
 
 /* ==========================================================================
-   Variables and mixins
+   Variables
    ========================================================================== */
 
 @_sap_tnt_ToolPage_AsideWidth : 15rem;
@@ -19,25 +19,6 @@
 
 @_sap_tnt_ToolPage_AnimationDuration : 0.3s;
 
-.display-flex() {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: flex;
-}
-
-.flex-direction-column() {
-  -webkit-box-direction: normal;
-  -webkit-box-orient: vertical;
-  -webkit-flex-direction: column;
-  flex-direction: column;
-}
-
-.flex-grow(@flex-grow) {
-  -webkit-box-flex: @flex-grow;
-  -webkit-flex-grow: @flex-grow;
-  flex-grow: @flex-grow;
-}
-
 /* ==========================================================================
    Root element
    ========================================================================== */
@@ -48,8 +29,8 @@
   bottom: 0;
   left: 0;
 
-  .display-flex();
-  .flex-direction-column();
+  display: flex;
+  flex-direction: column;
 
   box-sizing: border-box;
   overflow: hidden;
@@ -66,30 +47,26 @@
    Content wrapper
    ========================================================================== */
 .sapTntToolPageContentWrapper {
-  .display-flex();
-  .flex-grow(1);
-  max-height: 100%;
+  display: flex;
+  flex-grow: 1;
+  min-height: 0; // fixes flex chrome issue
   position: relative;
 }
 
-.sapTntToolPageWithHeader .sapTntToolPageContentWrapper {
-  max-height: calc(~'100% - @{_sap_tnt_ToolPage_HeaderHeight}');
-}
-
 /* Aside container
    ========================================================================== */
 
 .sapTntToolPageAside {
-  .display-flex();
-  .flex-direction-column();
+  display: flex;
+  flex-direction: column;
 
   will-change: transform;
 }
 
 .sapTntToolPageAsideContent {
-  .display-flex();
-  .flex-direction-column();
-  .flex-grow(1);
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
   height: 100%;
 }
 
@@ -99,12 +76,10 @@
 }
 
 html:not([data-sap-ui-animation='off']) .sapTntToolPageMain {
-  -webkit-transition: padding-left @_sap_tnt_ToolPage_AnimationDuration, -webkit-transform @_sap_tnt_ToolPage_AnimationDuration; /* Safari */
   transition: padding-left @_sap_tnt_ToolPage_AnimationDuration, transform @_sap_tnt_ToolPage_AnimationDuration;
 }
 
 html:not([data-sap-ui-animation='off']) .sapTntToolPageAside {
-  -webkit-transition: -webkit-transform @_sap_tnt_ToolPage_AnimationDuration; /* Safari */
   transition: transform @_sap_tnt_ToolPage_AnimationDuration;
 }
 
@@ -148,17 +123,14 @@ html:not([data-sap-ui-animation='off']) .sapTntToolPageAside {
   }
 
   .sapTntToolPageMain {
-    -webkit-transform: translateX(@_sap_tnt_ToolPage_AsideWidth);
     transform: translateX(@_sap_tnt_ToolPage_AsideWidth);
   }
 
   .sapTntToolPageAsideCollapsed {
     .sapTntToolPageAside {
-      -webkit-transform: translateX(-@_sap_tnt_ToolPage_AsideWidth);
       transform: translateX(-@_sap_tnt_ToolPage_AsideWidth);
     }
     .sapTntToolPageMain {
-      -webkit-transform: translateX(0);
       transform: translateX(0);
     }
   }
@@ -168,25 +140,23 @@ html:not([data-sap-ui-animation='off']) .sapTntToolPageAside {
    ========================================================================== */
 
 .sapTntToolPageMain {
-  .display-flex();
-  .flex-direction-column();
-  .flex-grow(1);
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-width: 0; // fixes flex chrome issue
 
   will-change: transform;
 }
 
 .sapTntToolPageMainContent {
-  .flex-grow(1);
-
+  flex: 1;
+  min-height: 0; // fixes flex chrome issue
   position: relative;
 }
 
 .sapTntToolPageMainContentWrapper {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  width: 100%;
+  height: 100%;
 }
 
 .sapTntToolPageMainFooter {
@@ -241,17 +211,14 @@ html:not([data-sap-ui-animation='off']) .sapTntToolPageAside {
   }
 
   .sapTntToolPageMain {
-    -webkit-transform: translateX(@_sap_tnt_ToolPage_CompactAsideWidth);
     transform: translateX(@_sap_tnt_ToolPage_CompactAsideWidth);
   }
 
   .sapTntToolPageAsideCollapsed {
     .sapTntToolPageAside {
-      -webkit-transform: translateX(-@_sap_tnt_ToolPage_CompactAsideWidth);
       transform: translateX(-@_sap_tnt_ToolPage_CompactAsideWidth);
     }
     .sapTntToolPageMain {
-      -webkit-transform: translateX(0);
       transform: translateX(0);
     }
   }
@@ -264,17 +231,14 @@ html:not([data-sap-ui-animation='off']) .sapTntToolPageAside {
 html[dir=rtl] {
   &.sap-phone {
     .sapTntToolPageMain {
-      -webkit-transform: translateX(-@_sap_tnt_ToolPage_AsideWidth);
       transform: translateX(-@_sap_tnt_ToolPage_AsideWidth);
     }
 
     .sapTntToolPageAsideCollapsed {
       .sapTntToolPageAside {
-        -webkit-transform: translateX(@_sap_tnt_ToolPage_AsideWidth);
         transform: translateX(@_sap_tnt_ToolPage_AsideWidth);
       }
       .sapTntToolPageMain {
-        -webkit-transform: translateX(0);
         transform: translateX(0);
       }
     }
@@ -282,17 +246,14 @@ html[dir=rtl] {
 
   &.sap-phone .sapUiSizeCompact {
     .sapTntToolPageMain {
-      -webkit-transform: translateX(-@_sap_tnt_ToolPage_CompactAsideWidth);
       transform: translateX(-@_sap_tnt_ToolPage_CompactAsideWidth);
     }
 
     .sapTntToolPageAsideCollapsed {
       .sapTntToolPageAside {
-        -webkit-transform: translateX(@_sap_tnt_ToolPage_CompactAsideWidth);
         transform: translateX(@_sap_tnt_ToolPage_CompactAsideWidth);
       }
       .sapTntToolPageMain {
-        -webkit-transform: translateX(0);
         transform: translateX(0);
       }
     }