@openui5/sap.tnt 1.97.1 → 1.100.0

package/.reuse/dep5

@@ -28,7 +28,7 @@ Disclaimer: The code in this project may include calls to APIs (“API Calls”)
 # OpenUI5 code
 
 Files: *
-Copyright: 2009-2021 SAP SE or an SAP affiliate company and OpenUI5 contributors
+Copyright: 2009-2022 SAP SE or an SAP affiliate company and OpenUI5 contributors
 License: Apache-2.0
 
 
@@ -60,7 +60,7 @@ Comment: these files belong to: jQuery UI
 
 Files: src/sap.ui.commons/src/sap/ui/commons/Carousel.js
 Copyright:
-    2009-2021 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    2009-2022 SAP SE or an SAP affiliate company and OpenUI5 contributors
     Spencer Tipping
 License: Apache-2.0 and MIT
 Comment: these files contain content from SAP and jquery.fix.clone: Carousel.js is authored by SAP, but contains an improved implementation of the clone function which is taken from jquery-fix-clone
@@ -75,35 +75,35 @@ Comment: these files belong to: jQuery 3
 
 Files: src/sap.ui.core/src/sap/base/util/isPlainObject.js
 Copyright:
-    2009-2021 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    2009-2022 SAP SE or an SAP affiliate company and OpenUI5 contributors
     OpenJS Foundation and other contributors
 License: Apache-2.0 and MIT
 Comment: these files contain content from SAP and jQuery 3: isPlainObject.js is overall written by SAP, but contains a modified implementation of jQuery.isPlainObject taken from jQuery
 
 Files: src/sap.ui.core/src/sap/base/util/_merge.js
 Copyright:
-    2009-2021 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    2009-2022 SAP SE or an SAP affiliate company and OpenUI5 contributors
     OpenJS Foundation and other contributors
 License: Apache-2.0 and MIT
 Comment: these files contain content from SAP and jQuery 3: _merge.js is overall written by SAP, but contains a modified implementation of jQuery.extend taken from jQuery
 
 Files: src/sap.ui.core/src/jquery.sap.script.js
 Copyright:
-    2009-2021 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    2009-2022 SAP SE or an SAP affiliate company and OpenUI5 contributors
     OpenJS Foundation and other contributors
 License: Apache-2.0 and MIT
 Comment: these files contain content from SAP and jQuery 3: jquery.sap.script.js is overall written by SAP, but contains a modified implementation of jQuery.extend taken from jQuery
 
 Files: src/sap.ui.core/src/sap/ui/Device.js
 Copyright:
-    2009-2021 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    2009-2022 SAP SE or an SAP affiliate company and OpenUI5 contributors
     2011, John Resig
 License: Apache-2.0 and MIT
 Comment: these files contain content from SAP and jQuery 1: Device.js is overall written by SAP, but contains code taken from jQuery 1.7.1 (see the respective comment)
 
 Files: src/sap.ui.core/src/sap/ui/dom/jquery/Selectors.js
 Copyright:
-    2009-2021 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    2009-2022 SAP SE or an SAP affiliate company and OpenUI5 contributors
     2014 jQuery Foundation and other contributors
 License: Apache-2.0 and MIT
 Comment: these files contain content from SAP and jQuery UI 1.8: Selectors.js is overall written by SAP, but contains code taken from jQuery UI (see the respective comments)
@@ -115,14 +115,14 @@ Comment: these files belong to: jQuery UI 1.10
 
 Files: src/sap.ui.core/src/jquery.sap.dom.js
 Copyright:
-    2009-2021 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    2009-2022 SAP SE or an SAP affiliate company and OpenUI5 contributors
     2014 jQuery Foundation and other contributors
 License: Apache-2.0 and MIT
 Comment: these files contain content from SAP and jQuery UI 1.10: jquery.sap.dom.js is overall written by SAP, but contains code taken from jQuery UI Core (see the respective comment)
 
 Files: src/sap.ui.core/src/sap/ui/dom/jquery/zIndex.js
 Copyright:
-    2009-2021 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    2009-2022 SAP SE or an SAP affiliate company and OpenUI5 contributors
     2014 jQuery Foundation and other contributors
 License: Apache-2.0 and MIT
 Comment: these files contain content from SAP and jQuery UI 1.11: zIndex.js is overall written by SAP, but contains an implementation of the function 'fnzIndex' which is taken from jQuery UI Datepicker 1.11.1
@@ -149,7 +149,7 @@ Comment: these files belong to: jQuery Mobile
 
 Files: src/sap.ui.core/src/sap/ui/util/_FeatureDetection.js
 Copyright:
-    2009-2021 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    2009-2022 SAP SE or an SAP affiliate company and OpenUI5 contributors
     2012 Wei-Ko Kao
 License: Apache-2.0 and MIT
 Comment: these files contain content from SAP and jQuery.rtl-scroll-type: _FeatureDetection.js is overall written by SAP, but contains code which is inspired by jQuery.rtl-scroll-type
@@ -281,14 +281,14 @@ Comment: these files belong to: blanket.js
 
 Files: src/sap.ui.core/src/sap/base/util/JSTokenizer.js
 Copyright:
-    2009-2021 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    2009-2022 SAP SE or an SAP affiliate company and OpenUI5 contributors
     Douglas Crockford
 License: Apache-2.0 and LicenseRef-JSONinJSPublicDomain
 Comment: these files contain content from SAP and JSON in JS: JSTokenizer.js is overall written by SAP, but contains code has been taken from the component JSON in JavaScript (https://github.com/douglascrockford/JSON-js/blob/master/json2.js) from Douglas Crockford which is licensed under Public Domain
 
 Files: src/sap.ui.core/src/sap/ui/base/ExpressionParser.js
 Copyright:
-    2009-2021 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    2009-2022 SAP SE or an SAP affiliate company and OpenUI5 contributors
     2010 Douglas Crockford
 License: Apache-2.0
 Comment: these files contain content from SAP and Top Down Operator Precedence: ExpressionParser.js is overall written by SAP, but contains code taken from or inspired by TDOP by Douglas Crockford (see the respective comment)
@@ -322,7 +322,7 @@ Comment: these files contain content from p-cancelable and @babel/helpers: _Canc
 
 Files: src/sap.ui.core/src/sap/ui/core/date/Persian.js
 Copyright:
-    2009-2021 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    2009-2022 SAP SE or an SAP affiliate company and OpenUI5 contributors
     Behrang Norouzinia
 License: Apache-2.0 and MIT
 Comment: these files contain content from SAP and Jalaali JS: Persian.js is overall written by SAP, but the calculation is taken from jalaali-js
@@ -334,7 +334,7 @@ Comment: these files belong to: vkBeautify
 
 Files: src/sap.ui.core/src/sap/ui/core/cache/LRUPersistentCache.js
 Copyright:
-    2009-2021 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    2009-2022 SAP SE or an SAP affiliate company and OpenUI5 contributors
     Isaac Z. Schlueter and Contributors
 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.
@@ -370,21 +370,11 @@ Comment: these files belong to: Buttons extension for DataTables
 
 # Library: sap.ui.integration:
 
-Files: src/sap.ui.integration/src/sap/ui/integration/thirdparty/webcomponents/*.*.json src/sap.ui.integration/src/sap/ui/integration/thirdparty/webcomponents/bundle*
+Files: src/sap.ui.integration/src/sap/ui/integration/thirdparty/webcomponents/*
 Copyright: SAP
 License: Apache-2.0
 Comment: these files belong to: UI5 Web Components
 
-Files: src/sap.ui.integration/src/sap/ui/integration/thirdparty/webcomponents/webcomponentsjs/*
-Copyright: 2015 The Polymer Authors
-License: BSD-3-Clause
-Comment: these files belong to: Webcomponentsjs
-
-Files: src/sap.ui.integration/src/sap/ui/integration/thirdparty/webcomponents/Unicode-Data-Files-LICENSE.txt
-Copyright: 1991-2014 Unicode, Inc.
-License: Unicode-DFS-2015
-Comment: these files belong to: Unicode Common Locale Data Repository
-
 Files: src/sap.ui.integration/src/sap/ui/integration/thirdparty/adaptivecards.js src/sap.ui.integration/src/sap/ui/integration/schemas/adaptive-card.json
 Copyright: 2017 Microsoft
 License: MIT
@@ -395,22 +385,27 @@ Copyright: 2017 Microsoft
 License: MIT
 Comment: these files belong to: Adaptive Cards Templating
 
+Files: src/sap.ui.integration/src/sap/ui/integration/thirdparty/adaptive-expressions.js
+Copyright: Microsoft
+License: MIT
+Comment: these files belong to: Adaptive Expressions
+
 Files: src/sap.ui.integration/src/sap/ui/integration/thirdparty/markdown-it.js
 Copyright: 2014 Vitaly Puzrin, Alex Kocharin
 License: MIT
 Comment: these files belong to: Markdown-it
 
-Files: src/sap.ui.integration/test/sap/ui/integration/demokit/cardExplorer/webapp/thirdparty/ajv/ajv.min.js
-Copyright: 2015-2017 Evgeny Poberezkin
+Files: src/sap.ui.integration/test/sap/ui/integration/demokit/cardExplorer/webapp/thirdparty/CfWorkerJsonSchemaValidator.js
+Copyright: 2020 Jeremy Danyow
 License: MIT
-Comment: these files belong to: ajv
+Comment: these files belong to: @cfworker/json-schema
 
 
 # Library: sap.ui.mdc:
 
 Files: src/sap.ui.mdc/test/sap/ui/mdc/sample/field/filterfieldwithoperators/BoolExprTool.js
 Copyright:
-    2009-2021 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    2009-2022 SAP SE or an SAP affiliate company and OpenUI5 contributors
     2015 unnikked
 License: Apache-2.0 and MIT
 Comment: these files contain content from SAP and BooleanExpressionEvaluator: BoolExprTool.js is authored by SAP, but partly inspired by BooleanExpressionEvaluator
@@ -454,7 +449,7 @@ Comment: these files belong to: LESS
 
 Files: lib/jsdoc/ui5/plugin.js
 Copyright:
-    2009-2021 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    2009-2022 SAP SE or an SAP affiliate company and OpenUI5 contributors
     2011-present Michael Mathews micmath@gmail.com and the contributors to JSDoc
 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)

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.7
+Component: URI.js, version: 1.19.10
 Copyright: Rodney Rehm
 License: MIT
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
@@ -351,24 +351,11 @@ Contained in: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/D
 
 Library: sap.ui.integration:
 
-Component: UI5 Web Components, version: 1.0.0-rc.8
+Component: UI5 Web Components, version: 1.0.1
 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.integration/src/sap/ui/integration/thirdparty/webcomponents/*.*.json
-	src/sap.ui.integration/src/sap/ui/integration/thirdparty/webcomponents/bundle*
-
-Component: Webcomponentsjs, version: 1.0.2
-Copyright: 2015 The Polymer Authors
-License: BSD-3-Clause
-License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
-Contained in: src/sap.ui.integration/src/sap/ui/integration/thirdparty/webcomponents/webcomponentsjs/*
-
-Component: Unicode Common Locale Data Repository
-Copyright: 1991-2014 Unicode, Inc.
-License: Unicode-DFS-2015
-License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Unicode-DFS-2015.txt
-Contained in: src/sap.ui.integration/src/sap/ui/integration/thirdparty/webcomponents/Unicode-Data-Files-LICENSE.txt
+Contained in: src/sap.ui.integration/src/sap/ui/integration/thirdparty/webcomponents/*
 
 Component: Adaptive Cards, version: 2.9.0
 Copyright: 2017 Microsoft
@@ -377,23 +364,29 @@ License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
 Contained in: src/sap.ui.integration/src/sap/ui/integration/thirdparty/adaptivecards.js
 	src/sap.ui.integration/src/sap/ui/integration/schemas/adaptive-card.json
 
-Component: Adaptive Cards Templating, version: 0.1.1-alpha.0
+Component: Adaptive Cards Templating, version: 2.2.0
 Copyright: 2017 Microsoft
 License: MIT
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
 Contained in: src/sap.ui.integration/src/sap/ui/integration/thirdparty/adaptivecards-templating.js
 
-Component: Markdown-it, version: 10.0.0
+Component: Adaptive Expressions, version: 4.15.0
+Copyright: Microsoft
+License: MIT
+License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
+Contained in: src/sap.ui.integration/src/sap/ui/integration/thirdparty/adaptive-expressions.js
+
+Component: Markdown-it, version: 12.2.0
 Copyright: 2014 Vitaly Puzrin, Alex Kocharin
 License: MIT
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
 Contained in: src/sap.ui.integration/src/sap/ui/integration/thirdparty/markdown-it.js
 
-Component: ajv, version: 6.12.3
-Copyright: 2015-2017 Evgeny Poberezkin
+Component: @cfworker/json-schema, version: 1.6.8
+Copyright: 2020 Jeremy Danyow
 License: MIT
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
-Contained in: src/sap.ui.integration/test/sap/ui/integration/demokit/cardExplorer/webapp/thirdparty/ajv/ajv.min.js
+Contained in: src/sap.ui.integration/test/sap/ui/integration/demokit/cardExplorer/webapp/thirdparty/CfWorkerJsonSchemaValidator.js
 
 
 Library: sap.ui.mdc:
@@ -457,7 +450,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.1.34
+Component: SAP Theming Base Content, version: 11.1.36-SNAPSHOT
 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.97.1",
+  "version": "1.100.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.97.1",
-    "@openui5/sap.ui.core": "1.97.1"
+    "@openui5/sap.m": "1.100.0",
+    "@openui5/sap.ui.core": "1.100.0"
   }
 }

package/src/sap/tnt/.library

@@ -6,7 +6,7 @@
   <copyright>OpenUI5
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-  <version>1.97.1</version>
+  <version>1.100.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.97.1
+	 * @version 1.100.0
 	 *
 	 * @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.97.1
+		 * @version 1.100.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.97.1
+		 * @version 1.100.0
 		 *
 		 * @constructor
 		 * @public
@@ -394,8 +394,9 @@ sap.ui.define(["sap/ui/thirdparty/jquery", "./library", 'sap/ui/core/Core', "sap
 			expandIconControl.setTooltip(this._getExpandIconTooltip(false));
 
 			var $container = this.$().find('.sapTntNavLIGroupItems');
+			var oDomRef = this.getDomRef();
 			$container.stop(true, true).slideDown(duration || 'fast', function () {
-				$container.toggleClass('sapTntNavLIHiddenGroupItems');
+				oDomRef.querySelector(".sapTntNavLIGroupItems").classList.toggle('sapTntNavLIHiddenGroupItems');
 			});
 
 			this.getNavigationList()._updateNavItems();
@@ -420,8 +421,9 @@ sap.ui.define(["sap/ui/thirdparty/jquery", "./library", 'sap/ui/core/Core', "sap
 			expandIconControl.setTooltip(this._getExpandIconTooltip(true));
 
 			var $container = this.$().find('.sapTntNavLIGroupItems');
+			var oDomRef = this.getDomRef();
 			$container.stop(true, true).slideUp(duration || 'fast', function () {
-				$container.toggleClass('sapTntNavLIHiddenGroupItems');
+				oDomRef.querySelector(".sapTntNavLIGroupItems").classList.toggle('sapTntNavLIHiddenGroupItems');
 			});
 
 			this.getNavigationList()._updateNavItems();

package/src/sap/tnt/NavigationListRenderer.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 	 *
 	 * @param {sap.ui.core.RenderManager} rm The RenderManager that can be used for writing to the renderer output buffer
-	 * @param {sap.ui.core.Control} control An object representation of the control that should be rendered
+	 * @param {sap.tnt.NavigationList} control An object representation of the control that should be rendered
 	 */
 	NavigationListRenderer.render = function (rm, control) {
 		var role,

package/src/sap/tnt/SideNavigation.js

@@ -40,7 +40,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.97.1
+		 * @version 1.100.0
 		 *
 		 * @constructor
 		 * @public
@@ -62,7 +62,12 @@ sap.ui.define([
 					 *
 					 * @since 1.62.0
 					 */
-					selectedKey: {type: "string", group: "Data"}
+					selectedKey: {type: "string", group: "Data"},
+					/**
+					 * Specifies an optional aria-label that can be used by the screen readers.
+					 * @since 1.98
+					 */
+					ariaLabel: {type : "string", group : "Accessibility", defaultValue : null}
 				},
 				defaultAggregation: "item",
 				aggregations: {
@@ -171,7 +176,7 @@ sap.ui.define([
 			}
 
 			if (isExpanded) {
-				$this.toggleClass('sapTntSideNavigationNotExpanded', !isExpanded);
+				this.getDomRef().classList.toggle('sapTntSideNavigationNotExpanded', !isExpanded);
 
 				if (itemAggregation) {
 					itemAggregation.setExpanded(isExpanded);
@@ -210,10 +215,10 @@ sap.ui.define([
 				return;
 			}
 
-			this.$().toggleClass('sapTntSideNavigationNotExpandedWidth', !isExpanded);
+			this.getDomRef().classList.toggle('sapTntSideNavigationNotExpandedWidth', !isExpanded);
 
 			if (!isExpanded) {
-				this.$().toggleClass('sapTntSideNavigationNotExpanded', !isExpanded);
+				this.getDomRef().classList.toggle('sapTntSideNavigationNotExpanded', !isExpanded);
 
 				if (this.getAggregation('item')) {
 					this.getAggregation('item').setExpanded(isExpanded);

package/src/sap/tnt/SideNavigationRenderer.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 	 *
 	 * @param {sap.ui.core.RenderManager} rm the RenderManager that can be used for writing to the render output buffer
-	 * @param {sap.ui.core.Control} control an object representation of the control that should be rendered
+	 * @param {sap.tnt.SideNavigation} control an object representation of the control that should be rendered
 	 */
 	SideNavigationRenderer.render = function (rm, control) {
 		this.startSideNavigation(rm, control);
@@ -46,12 +46,19 @@ sap.ui.define([
 		var itemAggregation = control.getAggregation('item');
 		var fixedItemAggregation = control.getAggregation('fixedItem');
 		var isExpanded = control.getExpanded();
+		var sAriaLabel = control.getAriaLabel();
 
 		rm.openStart('div', control);
 
 		rm.attr("role", 'navigation');
 		rm.attr('aria-roledescription', oRB.getText("SIDENAVIGATION_ROLE_DESCRIPTION"));
 
+		if (sAriaLabel) {
+			rm.accessibilityState(control, {
+				label: sAriaLabel
+			});
+		}
+
 		rm.class('sapTntSideNavigation');
 		rm.class("sapContrast");
 		rm.class("sapContrastPlus");

package/src/sap/tnt/ToolHeader.js

@@ -120,7 +120,7 @@ sap.ui.define([
 	* @implements sap.tnt.IToolHeader
 	*
 	* @author SAP SE
-	* @version 1.97.1
+	* @version 1.100.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.97.1
+	 * @version 1.100.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/tnt/ToolPage.js

@@ -36,7 +36,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.100.0
 	 *
 	 * @constructor
 	 * @public
@@ -248,4 +248,4 @@ sap.ui.define([
 	};
 
 	return ToolPage;
-}, /* bExport= */ true);
+});

package/src/sap/tnt/ToolPageRenderer.js

@@ -21,7 +21,7 @@ sap.ui.define([
 	 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 	 *
 	 * @param {sap.ui.core.RenderManager} oRM the RenderManager that can be used for writing to the render output buffer
-	 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
+	 * @param {sap.tnt.ToolPage} oControl an object representation of the control that should be rendered
 	 */
 	ToolPageRenderer.render = function (oRM, oControl) {
 		var oHeader = oControl.getHeader(),

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.97.1
+	 * @version 1.100.0
 	 * @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.97.1",
+		version: "1.100.0",
 		dependencies : ["sap.ui.core", "sap.m"],
 		designtime: "sap/tnt/designtime/library.designtime",
 		types: [

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

@@ -33,7 +33,7 @@
 
 		.sapMITBFilter .sapMITBText + .sapMITBContentArrow  {
 			&:after {
-				border-radius: 0.125rem 0.125rem 0.125rem 0.125rem;
+				border-radius: 0.125rem;
 				box-shadow: none;
 				margin-bottom: 0.188rem;
 			}
@@ -47,6 +47,10 @@
 	}
 }
 
+.sapTntToolHeader .sapMITH .sapMITBContentArrow {
+	margin: 0;
+}
+
 // ==========================================================================
 // sap.m.Avatar / sap.f.Avatar overriding
 // ==========================================================================

package/src/sap/tnt/themes/base/illustrations/metadata.json

@@ -1,21 +1,39 @@
 {
 	"symbols": [
+		"ChartArea",
+		"ChartArea2",
+		"ChartBar",
+		"ChartBPMNFlow",
+		"ChartBullet",
+		"ChartDoughnut",
+		"ChartFlow",
+		"ChartGantt",
+		"ChartOrg",
+		"ChartPie",
 		"CodePlaceholder",
 		"Company",
+		"Components",
 		"ExternalLink",
 		"FaceID",
 		"Fingerprint",
 		"Lock",
+		"Mission",
 		"NoApplications",
 		"NoFlows",
 		"NoUsers",
 		"Radar",
+		"Secrets",
 		"Services",
 		"SessionExpired",
 		"SessionExpiring",
 		"Success",
 		"SuccessfulAuth",
+		"Systems",
+		"Teams",
+		"Tools",
+		"UnableToLoad",
 		"Unlock",
-		"UnsuccessfulAuth"
+		"UnsuccessfulAuth",
+		"User2"
 	]
 }

package/src/sap/tnt/themes/base/illustrations/tnt-Dialog-ChartArea.svg

@@ -0,0 +1,14 @@
+<svg width="160" height="160" viewBox="0 0 160 160" id="tnt-Dialog-ChartArea">
+    <path fill="var(--sapIllus_PatternShadow)" d="M131,45.8608 C131,43.7288 129.271,41.9998 127.139,41.9998 L127.086,41.9998 L44.914,41.9998 L44.856,41.9998 C42.726,41.9998 41,43.7278 41,45.8578 L41.058,128.1418 C41.058,130.2728 42.785,131.9998 44.914,131.9998 L127.139,131.9998 C129.271,131.9998 131,130.2718 131,128.1388 L131,45.8608 Z" class="sapIllus_PatternShadow"/>
+    <path fill="var(--sapIllus_ObjectFillColor)" d="M121.1418,125 L38.8578,125 C36.7278,125 34.9998,123.273 34.9998,121.142 L34.9998,38.858 C34.9998,36.727 36.7278,35 38.8578,35 L121.1418,35 C123.2728,35 124.9998,36.727 124.9998,38.858 L124.9998,121.142 C124.9998,123.273 123.2728,125 121.1418,125" class="sapIllus_ObjectFillColor"/>
+    <path fill="var(--sapIllus_BrandColorSecondary)" d="M126,52 L36,52 L36,38.884 C36,36.739 37.739,35 39.884,35 L122.116,35 C124.261,35 126,36.739 126,38.884 L126,52 Z" class="sapIllus_BrandColorSecondary"/>
+    <path fill="var(--sapIllus_StrokeDetailColor)" d="M36,52 L36,38.5 C36,37.122 37.122,36 38.5,36 L122.5,36 C123.878,36 125,37.122 125,38.5 L125,52 L36,52 Z M122.5,125 L38.5,125 C37.122,125 36,123.878 36,122.5 L36,52.002 L125,55.603 L125,122.5 C125,123.878 123.878,125 122.5,125 L122.5,125 Z M122.5,35 L38.5,35 C36.57,35 35,36.57 35,38.5 L35,122.5 C35,124.43 36.57,126 38.5,126 L122.5,126 C124.43,126 126,124.43 126,122.5 L126,38.5 C126,36.57 124.43,35 122.5,35 L122.5,35 Z" class="sapIllus_StrokeDetailColor"/>
+    <path fill="var(--sapIllus_BackgroundColor)" d="M131 148.5C131 150.985 108.39 153 80.5 153 52.61 153 30 150.985 30 148.5 30 146.015 52.61 144 80.5 144 108.39 144 131 146.015 131 148.5M111.3637 81.6773L50.5147 81.6773 50.5147 68.0153C50.5147 67.3343 51.0677 66.7813 51.7487 66.7813L110.1297 66.7813C110.8117 66.7813 111.3637 67.3343 111.3637 68.0153L111.3637 81.6773z" class="sapIllus_BackgroundColor"/>
+    <polygon fill="var(--sapIllus_Layering2)" points="50.515 96.573 111.364 96.573 111.364 81.677 50.515 81.677" class="sapIllus_Layering2"/>
+    <path fill="var(--sapIllus_Layering1)" d="M110.1298,111.4021 L51.7488,111.4021 C51.0678,111.4021 50.5148,110.8501 50.5148,110.1681 L50.5148,96.5061 L111.3638,96.5061 L111.3638,110.1681 C111.3638,110.8501 110.8108,111.4021 110.1298,111.4021" class="sapIllus_Layering1"/>
+    <path fill="var(--sapIllus_StrokeDetailColor)" d="M112.029,114.8994 L47.068,114.8534 L47.064,66.5094 C47.064,66.2334 46.841,66.0094 46.564,66.0094 C46.288,66.0094 46.064,66.2334 46.064,66.5094 L46.068,115.3564 C46.068,115.6324 46.292,115.8564 46.568,115.8564 C46.573,115.8564 46.577,115.8534 46.583,115.8534 L112.029,115.8994 C112.305,115.8994 112.529,115.6754 112.529,115.3994 C112.529,115.1244 112.305,114.8994 112.029,114.8994" class="sapIllus_StrokeDetailColor"/>
+    <polygon fill="var(--sapIllus_ObjectFillColor)" points="43.566 110.486 42.11 107.077 76.691 94.45 100.771 95.305 121.006 84.006 123.229 87.749 101.848 99.687 77.384 98.818" class="sapIllus_ObjectFillColor"/>
+    <path fill="var(--sapIllus_AccentColor)" d="M43.8661,107.7825 C43.5871,107.7825 43.3241,107.6175 43.2191,107.3495 C43.0831,107.0035 43.2631,106.6165 43.6211,106.4845 L76.3321,94.3585 L100.6111,95.3115 L119.7301,84.5765 C120.0611,84.3915 120.4841,84.5015 120.6751,84.8235 C120.8651,85.1435 120.7521,85.5535 120.4201,85.7385 L100.9571,96.6655 L76.5601,95.7085 L44.1111,107.7385 C44.0301,107.7685 43.9481,107.7825 43.8661,107.7825" class="sapIllus_AccentColor"/>
+    <path fill="var(--sapIllus_ObjectFillColor)" d="M120.8636,76.4515 C121.1036,77.0315 121.0936,77.6715 120.8436,78.2415 C120.5936,78.8215 120.1236,79.2715 119.5136,79.5015 L98.6636,87.4715 L76.5436,90.6815 L45.3936,103.3615 C45.1036,103.4815 44.7936,103.5415 44.4736,103.5415 C43.5236,103.5415 42.6636,102.9915 42.2836,102.1415 C42.1136,101.7315 42.1036,101.2915 42.2736,100.8615 C42.7136,99.7615 44.1936,99.1115 44.3536,99.0415 L75.2436,86.1315 L75.3636,86.1215 L97.5436,82.9015 L117.7836,75.1415 C118.9936,74.6815 120.3736,75.2615 120.8636,76.4515 Z" class="sapIllus_ObjectFillColor"/>
+    <path fill="var(--sapIllus_BrandColorSecondary)" d="M44.392,100.6908 C43.856,100.6908 43.346,100.3878 43.121,99.8808 C42.818,99.1998 43.142,98.4108 43.843,98.1178 L74.612,85.2558 L96.901,82.0278 L117.243,74.2268 C117.953,73.9538 118.757,74.2908 119.038,74.9798 C119.319,75.6688 118.971,76.4478 118.261,76.7208 L97.624,84.6348 L75.377,87.8568 L44.939,100.5808 C44.761,100.6558 44.575,100.6908 44.392,100.6908" class="sapIllus_BrandColorSecondary"/>
+</svg>

package/src/sap/tnt/themes/base/illustrations/tnt-Dialog-ChartArea2.svg

@@ -0,0 +1,12 @@
+<svg width="160" height="160" viewBox="0 0 160 160" id="tnt-Dialog-ChartArea2">
+    <path fill="var(--sapIllus_PatternShadow)" d="M131,45.8608 C131,43.7288 129.271,41.9998 127.139,41.9998 L127.086,41.9998 L44.914,41.9998 L44.856,41.9998 C42.726,41.9998 41,43.7278 41,45.8578 L41.058,128.1418 C41.058,130.2728 42.785,131.9998 44.914,131.9998 L127.139,131.9998 C129.271,131.9998 131,130.2718 131,128.1388 L131,45.8608 Z" class="sapIllus_PatternShadow"/>
+    <path fill="var(--sapIllus_ObjectFillColor)" d="M121.1418,125 L38.8578,125 C36.7278,125 34.9998,123.273 34.9998,121.142 L34.9998,38.858 C34.9998,36.727 36.7278,35 38.8578,35 L121.1418,35 C123.2728,35 124.9998,36.727 124.9998,38.858 L124.9998,121.142 C124.9998,123.273 123.2728,125 121.1418,125" class="sapIllus_ObjectFillColor"/>
+    <path fill="var(--sapIllus_BrandColorSecondary)" d="M125,52 L35,52 L35,38.997 C35,36.79 36.79,35 38.997,35 L121.981,35 C123.648,35 125,36.352 125,38.019 L125,52 Z" class="sapIllus_BrandColorSecondary"/>
+    <path fill="var(--sapIllus_StrokeDetailColor)" d="M36,52 L36,38.5 C36,37.122 37.122,36 38.5,36 L122.5,36 C123.878,36 125,37.122 125,38.5 L125,52 L36,52 Z M122.5,125 L38.5,125 C37.122,125 36,123.878 36,122.5 L36,52.002 L125,55.603 L125,122.5 C125,123.878 123.878,125 122.5,125 L122.5,125 Z M122.5,35 L38.5,35 C36.57,35 35,36.57 35,38.5 L35,122.5 C35,124.43 36.57,126 38.5,126 L122.5,126 C124.43,126 126,124.43 126,122.5 L126,38.5 C126,36.57 124.43,35 122.5,35 L122.5,35 Z" class="sapIllus_StrokeDetailColor"/>
+    <path fill="var(--sapIllus_BackgroundColor)" d="M131,148.5 C131,150.985 108.39,153 80.5,153 C52.61,153 30,150.985 30,148.5 C30,146.015 52.61,144 80.5,144 C108.39,144 131,146.015 131,148.5" class="sapIllus_BackgroundColor"/>
+    <path fill="var(--sapIllus_Layering2)" d="M51.9321,92.0051 C51.9581,74.1781 61.1281,82.6271 65.6891,83.2061 C70.7001,83.8421 73.0161,75.5651 77.4251,73.2761 C81.3631,71.2311 88.5601,82.9801 93.6311,82.9801 C97.8601,82.9801 100.8031,69.0751 104.1771,67.3511 C107.5341,65.6351 108.9421,69.2541 108.9621,71.9601 L108.9621,111.0911 C108.9621,111.5961 108.5531,112.0051 108.0481,112.0051 L52.6751,112.0051 C52.3031,112.0051 52.0021,111.7111 51.9991,111.3401 C51.9831,108.5651 51.9231,97.7901 51.9321,92.0051" class="sapIllus_Layering2"/>
+    <path fill="var(--sapIllus_ObjectFillColor)" d="M51.9139,103.2227 C51.9139,103.2227 64.0949,85.0147 77.8459,88.8687 C91.8559,92.7957 101.9239,86.0177 105.5189,80.4617 C107.5739,77.2857 108.9619,81.6267 108.9619,81.6267 L108.9619,109.0047 L51.9619,109.2007 L51.9139,103.2227 Z" class="sapIllus_ObjectFillColor"/>
+    <path fill="var(--sapIllus_StrokeDetailColor)" d="M110.4616,114.0486 L49.9616,114.0046 L49.9576,65.5046 C49.9576,65.2286 49.7336,65.0046 49.4576,65.0046 C49.1816,65.0046 48.9576,65.2286 48.9576,65.5046 L48.9616,114.5046 C48.9616,114.7806 49.1856,115.0046 49.4616,115.0046 L110.4616,115.0486 C110.7376,115.0486 110.9616,114.8246 110.9616,114.5486 C110.9616,114.2736 110.7376,114.0486 110.4616,114.0486" class="sapIllus_StrokeDetailColor"/>
+    <path fill="var(--sapIllus_AccentColor)" d="M51.9249215,106.3362 C51.921,105.8282 52.07,105.3362 52.356,104.9172 C54.644,101.5592 65.618,86.6672 77.963,90.3512 C92.114,94.5732 102.08,88.0332 105.711,82.0582 C107.786,78.6432 108.962,82.0582 108.962,82.0582 L108.962,110.2172 C108.962,111.2042 108.161,112.0052 107.174,112.0052 L52.733,112.0052 C52.309,112.0052 51.965,111.6632 51.962,111.2392 L51.9249215,106.3362 Z" class="sapIllus_AccentColor"/>
+    <path fill="var(--sapIllus_BrandColorSecondary)" d="M52.7687,112.0048 C52.0097,112.0048 51.8597,111.7128 51.860695,110.7838 C51.8637,107.3348 59.9067,99.4918 69.3567,102.3888 C78.0617,105.0578 82.7287,101.0348 86.2827,99.0038 C91.3627,96.1018 97.1747,87.3168 107.0137,96.0318 C108.5127,97.3598 108.9617,99.2448 108.9617,101.6958 L108.9617,111.2318 C108.9617,111.6588 108.6157,112.0048 108.1887,112.0048 L52.7687,112.0048 Z" class="sapIllus_BrandColorSecondary"/>
+</svg>

package/src/sap/tnt/themes/base/illustrations/tnt-Dialog-ChartBPMNFlow.svg

@@ -0,0 +1,13 @@
+<svg width="160" height="160" viewBox="0 0 160 160" id="tnt-Dialog-ChartBPMNFlow">
+  <path fill="var(--sapIllus_PatternShadow)" d="M131,45.8608 C131,43.7288 129.271,41.9998 127.139,41.9998 L127.086,41.9998 L44.914,41.9998 L44.856,41.9998 C42.726,41.9998 41,43.7278 41,45.8578 L41.058,128.1418 C41.058,130.2728 42.785,131.9998 44.914,131.9998 L127.139,131.9998 C129.271,131.9998 131,130.2718 131,128.1388 L131,45.8608 Z" class="sapIllus_PatternShadow"/>
+  <path fill="var(--sapIllus_ObjectFillColor)" d="M121.1418,125 L38.8578,125 C36.7278,125 34.9998,123.273 34.9998,121.142 L34.9998,38.858 C34.9998,36.727 36.7278,35 38.8578,35 L121.1418,35 C123.2728,35 124.9998,36.727 124.9998,38.858 L124.9998,121.142 C124.9998,123.273 123.2728,125 121.1418,125" class="sapIllus_ObjectFillColor"/>
+  <path fill="var(--sapIllus_BrandColorSecondary)" d="M125,52 L35,52 L35,38.997 C35,36.79 36.79,35 38.997,35 L121.981,35 C123.648,35 125,36.352 125,38.019 L125,52 Z" class="sapIllus_BrandColorSecondary"/>
+  <path fill="var(--sapIllus_StrokeDetailColor)" d="M36,52 L36,38.5 C36,37.122 37.122,36 38.5,36 L122.5,36 C123.878,36 125,37.122 125,38.5 L125,52 L36,52 Z M122.5,125 L38.5,125 C37.122,125 36,123.878 36,122.5 L36,52.002 L125,55.603 L125,122.5 C125,123.878 123.878,125 122.5,125 L122.5,125 Z M122.5,35 L38.5,35 C36.57,35 35,36.57 35,38.5 L35,122.5 C35,124.43 36.57,126 38.5,126 L122.5,126 C124.43,126 126,124.43 126,122.5 L126,38.5 C126,36.57 124.43,35 122.5,35 L122.5,35 Z" class="sapIllus_StrokeDetailColor"/>
+  <path fill="var(--sapIllus_BackgroundColor)" d="M131,148.5 C131,150.985 108.39,153 80.5,153 C52.61,153 30,150.985 30,148.5 C30,146.015 52.61,144 80.5,144 C108.39,144 131,146.015 131,148.5" class="sapIllus_BackgroundColor"/>
+  <path fill="var(--sapIllus_Layering2)" d="M95.073 103.9775L95.07 103.9775 81.921 104.0455 81.921 90.8925C81.921 90.6165 81.697 90.3925 81.421 90.3925 81.144 90.3925 80.921 90.6165 80.921 90.8925L80.921 104.5465C80.921 104.8235 81.144 105.0465 81.421 105.0465 81.475 105.0465 81.524 105.0315 81.573 105.0165 81.621 105.0325 81.671 105.0465 81.725 105.0465L81.728 105.0465 95.076 104.9775C95.351 104.9765 95.574 104.7505 95.5730034 104.4745 95.572 104.1995 95.348 103.9775 95.073 103.9775M99.3074 87.5224L99.3044 87.5224 65.8814 87.6974 65.8814 85.2044C65.8814 84.6144 65.4034 84.1354 64.8134 84.1354L60.6214 84.1354 60.6214 70.9084C60.6214 70.6314 60.3984 70.4084 60.1214 70.4084 59.8454 70.4084 59.6214 70.6314 59.6214 70.9084L59.6214 84.1354 55.5484 84.1354C54.9574 84.1354 54.4794 84.6144 54.4794 85.2044L54.4794 90.7504C54.4794 91.3404 54.9574 91.8184 55.5484 91.8184L64.8134 91.8184C65.4034 91.8184 65.8814 91.3404 65.8814 90.7504L65.8814 88.6974 99.3104 88.5224C99.5854 88.5214 99.8084 88.2954 99.8074034 88.0194 99.8064 87.7444 99.5824 87.5224 99.3074 87.5224" class="sapIllus_Layering2"/>
+  <path fill="var(--sapIllus_BrandColorSecondary)" d="M80.6236,94.4003 L75.3066,89.0833 C74.8486,88.6253 74.8486,87.8823 75.3066,87.4253 L80.6236,82.1073 C81.0816,81.6493 81.8236,81.6493 82.2816,82.1073 L87.5986,87.4253 C88.0566,87.8823 88.0566,88.6253 87.5986,89.0833 L82.2816,94.4003 C81.8236,94.8583 81.0816,94.8583 80.6236,94.4003" class="sapIllus_BrandColorSecondary"/>
+  <path fill="var(--sapIllus_StrokeDetailColor)" d="M112.8162,113.8593 L48.2992,113.8123 L48.2952,61.6403 C48.2952,61.3643 48.0722,61.1403 47.7952,61.1403 C47.5192,61.1403 47.2952,61.3643 47.2952,61.6403 L47.2992,114.3123 C47.2992,114.5883 47.5232,114.8123 47.7992,114.8123 L112.8162,114.8593 C113.0922,114.8593 113.3162,114.6353 113.3162,114.3593 C113.3162,114.0843 113.0922,113.8593 112.8162,113.8593" class="sapIllus_StrokeDetailColor"/>
+  <path fill="var(--sapIllus_BrandColorPrimary)" d="M110.8305,108.3536 L93.1675,108.3536 C92.5775,108.3536 92.0995,107.8756 92.0995,107.2846 L92.0995,101.7396 C92.0995,101.1496 92.5775,100.6706 93.1675,100.6706 L110.8305,100.6706 C111.4205,100.6706 111.8995,101.1496 111.8995,101.7396 L111.8995,107.2846 C111.8995,107.8756 111.4205,108.3536 110.8305,108.3536" class="sapIllus_BrandColorPrimary"/>
+  <path fill="var(--sapIllus_AccentColor)" d="M68.3498,74.5172 L51.8828,74.5172 C51.2918,74.5172 50.8138,74.0392 50.8138,73.4482 L50.8138,67.9032 C50.8138,67.3132 51.2918,66.8342 51.8828,66.8342 L68.3498,66.8342 C68.9398,66.8342 69.4188,67.3132 69.4188,67.9032 L69.4188,73.4482 C69.4188,74.0392 68.9398,74.5172 68.3498,74.5172" class="sapIllus_AccentColor"/>
+  <path fill="var(--sapIllus_Layering1)" d="M110.8305,91.9794 L97.5015,91.9794 C96.9115,91.9794 96.4325,91.5014 96.4325,90.9104 L96.4325,85.3654 C96.4325,84.7754 96.9115,84.2964 97.5015,84.2964 L110.8305,84.2964 C111.4205,84.2964 111.8995,84.7754 111.8995,85.3654 L111.8995,90.9104 C111.8995,91.5014 111.4205,91.9794 110.8305,91.9794" class="sapIllus_Layering1"/>
+</svg>

package/src/sap/tnt/themes/base/illustrations/tnt-Dialog-ChartBar.svg

@@ -0,0 +1,12 @@
+<svg width="160" height="160" viewBox="0 0 160 160" id="tnt-Dialog-ChartBar">
+    <path fill="var(--sapIllus_PatternShadow)" d="M131,45.8608 C131,43.7288 129.271,41.9998 127.139,41.9998 L127.086,41.9998 L44.914,41.9998 L44.856,41.9998 C42.726,41.9998 41,43.7278 41,45.8578 L41.058,128.1418 C41.058,130.2728 42.785,131.9998 44.914,131.9998 L127.139,131.9998 C129.271,131.9998 131,130.2718 131,128.1388 L131,45.8608 Z" class="sapIllus_PatternShadow"/>
+    <path fill="var(--sapIllus_ObjectFillColor)" d="M121.1418,125 L38.8578,125 C36.7278,125 34.9998,123.273 34.9998,121.142 L34.9998,38.858 C34.9998,36.727 36.7278,35 38.8578,35 L121.1418,35 C123.2728,35 124.9998,36.727 124.9998,38.858 L124.9998,121.142 C124.9998,123.273 123.2728,125 121.1418,125" class="sapIllus_ObjectFillColor"/>
+    <path fill="var(--sapIllus_BrandColorSecondary)" d="M125,52 L35,52 L35,38.997 C35,36.79 36.79,35 38.997,35 L121.981,35 C123.648,35 125,36.352 125,38.019 L125,52 Z" class="sapIllus_BrandColorSecondary"/>
+    <path fill="var(--sapIllus_StrokeDetailColor)" d="M36,52 L36,38.5 C36,37.122 37.122,36 38.5,36 L122.5,36 C123.878,36 125,37.122 125,38.5 L125,52 L36,52 Z M122.5,125 L38.5,125 C37.122,125 36,123.878 36,122.5 L36,52.002 L125,55.603 L125,122.5 C125,123.878 123.878,125 122.5,125 L122.5,125 Z M122.5,35 L38.5,35 C36.57,35 35,36.57 35,38.5 L35,122.5 C35,124.43 36.57,126 38.5,126 L122.5,126 C124.43,126 126,124.43 126,122.5 L126,38.5 C126,36.57 124.43,35 122.5,35 L122.5,35 Z" class="sapIllus_StrokeDetailColor"/>
+    <path fill="var(--sapIllus_BackgroundColor)" d="M131,148.5 C131,150.985 108.39,153 80.5,153 C52.61,153 30,150.985 30,148.5 C30,146.015 52.61,144 80.5,144 C108.39,144 131,146.015 131,148.5" class="sapIllus_BackgroundColor"/>
+    <path fill="var(--sapIllus_BrandColorSecondary)" d="M88.1346,98.9663 L52.0036,98.9663 C51.2986,98.9663 50.7266,98.3943 50.7266,97.6883 L50.7266,93.5163 C50.7266,92.8103 51.2986,92.2383 52.0036,92.2383 L88.1346,92.2383 C88.8406,92.2383 89.4126,92.8103 89.4126,93.5163 L89.4126,97.6883 C89.4126,98.3943 88.8406,98.9663 88.1346,98.9663" class="sapIllus_BrandColorSecondary"/>
+    <path fill="var(--sapIllus_BrandColorPrimary)" d="M78.0426,110.7403 L52.0036,110.7403 C51.2986,110.7403 50.7266,110.1683 50.7266,109.4623 L50.7266,105.2903 C50.7266,104.5843 51.2986,104.0123 52.0036,104.0123 L78.0426,104.0123 C78.7486,104.0123 79.3206,104.5843 79.3206,105.2903 L79.3206,109.4623 C79.3206,110.1683 78.7486,110.7403 78.0426,110.7403" class="sapIllus_BrandColorPrimary"/>
+    <path fill="var(--sapIllus_AccentColor)" d="M110.0005,74.5774 L52.0035,74.5774 C51.2985,74.5774 50.7265,74.0054 50.7265,73.2994 L50.7265,69.1274 C50.7265,68.4214 51.2985,67.8494 52.0035,67.8494 L110.0005,67.8494 C110.7065,67.8494 111.2785,68.4214 111.2785,69.1274 L111.2785,73.2994 C111.2785,74.0054 110.7065,74.5774 110.0005,74.5774" class="sapIllus_AccentColor"/>
+    <path fill="var(--sapIllus_StrokeDetailColor)" d="M114.2215,114.9129 L48.2825,114.8659 L48.2785,61.5419 C48.2785,61.2659 48.0545,61.0419 47.7785,61.0419 C47.5015,61.0419 47.2785,61.2659 47.2785,61.5419 L47.2835,115.3659 C47.2835,115.6419 47.5065,115.8659 47.7835,115.8659 L114.2215,115.9129 C114.4975,115.9129 114.7215,115.6889 114.7215,115.4129 C114.7215,115.1379 114.4975,114.9129 114.2215,114.9129" class="sapIllus_StrokeDetailColor"/>
+    <path fill="var(--sapIllus_Layering2)" d="M104.1135,86.3514 L52.0035,86.3514 C51.2985,86.3514 50.7265,85.7794 50.7265,85.0734 L50.7265,80.9014 C50.7265,80.1954 51.2985,79.6234 52.0035,79.6234 L104.1135,79.6234 C104.8195,79.6234 105.3915,80.1954 105.3915,80.9014 L105.3915,85.0734 C105.3915,85.7794 104.8195,86.3514 104.1135,86.3514" class="sapIllus_Layering2"/>
+</svg>