@openui5/sap.ui.core 1.95.0 → 1.96.3

package/src/sap/ui/core/themes/base/global.less

@@ -122,6 +122,13 @@
 @sapUiContentTextShadow: @sapContent_TextShadow;
 @sapUiContentContrastTextShadow: @sapContent_ContrastTextShadow;
 @sapUiContentHeaderShadow: @sapContent_HeaderShadow;
+@sapUiContentInteractionShadow: @sapContent_Interaction_Shadow;
+@sapUiContentSelectedShadow: @sapContent_Selected_Shadow;
+@sapUiContentNegativeShadow: @sapContent_Negative_Shadow;
+@sapUiContentCriticalShadow: @sapContent_Critical_Shadow;
+@sapUiContentPositiveShadow: @sapContent_Positive_Shadow;
+@sapUiContentInformativeShadow: @sapContent_Informative_Shadow;
+@sapUiContentNeutralShadow: @sapContent_Neutral_Shadow;
 @sapUiContentSearchHighlightColor: @sapContent_SearchHighlightColor;
 @sapUiContentHelpColor: @sapContent_HelpColor;
 @sapUiContentLabelColor: @sapContent_LabelColor;
@@ -151,9 +158,22 @@
 @sapUiContentIllustrativeColor6: @sapContent_Illustrative_Color6;
 @sapUiContentIllustrativeColor7: @sapContent_Illustrative_Color7;
 @sapUiContentIllustrativeColor8: @sapContent_Illustrative_Color8;
+@sapUiContentIllustrativeColor9: @sapContent_Illustrative_Color9;
+@sapUiContentIllustrativeColor10: @sapContent_Illustrative_Color10;
+@sapUiContentIllustrativeColor11: @sapContent_Illustrative_Color11;
+@sapUiContentIllustrativeColor12: @sapContent_Illustrative_Color12;
+@sapUiContentIllustrativeColor13: @sapContent_Illustrative_Color13;
+@sapUiContentIllustrativeColor14: @sapContent_Illustrative_Color14;
+@sapUiContentIllustrativeColor15: @sapContent_Illustrative_Color15;
+@sapUiContentIllustrativeColor16: @sapContent_Illustrative_Color16;
+@sapUiContentIllustrativeColor17: @sapContent_Illustrative_Color17;
+@sapUiContentIllustrativeColor18: @sapContent_Illustrative_Color18;
+@sapUiContentIllustrativeColor19: @sapContent_Illustrative_Color19;
+@sapUiContentIllustrativeColor20: @sapContent_Illustrative_Color20;
 
 @sapUiFontLightFamily: @sapFontLightFamily;
 @sapUiFontBoldFamily: @sapFontBoldFamily;
+@sapUiFontBlackFamily: @sapFontBlackFamily;
 @sapUiFontHeaderFamily: @sapFontHeaderFamily;
 @sapMFontSmallSize: @sapFontSmallSize;
 @sapMFontLargeSize: @sapFontLargeSize;
@@ -176,6 +196,7 @@
 @sapUiShellBackgroundImageRepeat: @sapShell_BackgroundImageRepeat;
 @sapUiShellBorderColor: @sapShell_BorderColor;
 @sapUiShellTextColor: @sapShell_TextColor;
+@sapUiShellInteractiveBackground: @sapShell_InteractiveBackground;
 @sapUiShellInteractiveTextColor: @sapShell_InteractiveTextColor;
 @sapUiShellInteractiveBorderColor: @sapShell_InteractiveBorderColor;
 @sapUiShellGroupTitleTextColor: @sapShell_GroupTitleTextColor;
@@ -457,6 +478,17 @@
 @sapUiAccent9: @sapAccentColor9;
 @sapUiAccent10: @sapAccentColor10;
 
+@sapUiAccentBackgroundColor1: @sapAccentBackgroundColor1;
+@sapUiAccentBackgroundColor2: @sapAccentBackgroundColor2;
+@sapUiAccentBackgroundColor3: @sapAccentBackgroundColor3;
+@sapUiAccentBackgroundColor4: @sapAccentBackgroundColor4;
+@sapUiAccentBackgroundColor5: @sapAccentBackgroundColor5;
+@sapUiAccentBackgroundColor6: @sapAccentBackgroundColor6;
+@sapUiAccentBackgroundColor7: @sapAccentBackgroundColor7;
+@sapUiAccentBackgroundColor8: @sapAccentBackgroundColor8;
+@sapUiAccentBackgroundColor9: @sapAccentBackgroundColor9;
+@sapUiAccentBackgroundColor10: @sapAccentBackgroundColor10;
+
 
 // =====================================
 // Indication Colors
@@ -641,6 +673,8 @@
 
 @sapMPlatformDependent: false;
 
+@sapUiColumnHeaderFontSize: @sapMFontMediumSize;
+@sapUiColumnHeaderFontWeight: normal;
 
 
 // =====================================
@@ -1169,6 +1203,10 @@
 @sapUiFontMonospaceFamily: Lucida Console;     // the default monospacefont
 
 
+// SAP-icons font url - to be removed when integrating fonts from theming base content
+@sapUiIconFontUrl: url('./fonts/SAP-icons.woff2');
+
+
 // SOME important control-specific parameters...
 
 //

package/src/sap/ui/core/themes/base/library.source.less

@@ -14,8 +14,7 @@
 @import "CommandShortcutHints.less";
 @import "DragAndDrop.less";
 
-// (less) is needed to resolve the relative path in SAP-icons.css
-@import (less) "SAP-icons.css";
+@import "SAP-icons.less";
 @import "Icon.less";
 
 @import "LocalBusyIndicator.less";

package/src/sap/ui/core/themes/sap_hcb/global.less

@@ -64,6 +64,7 @@
 @sapUiFontFamily: Arial,Helvetica,sans-serif;
 @sapUiFontLightFamily: Arial,Helvetica,sans-serif;
 @sapUiFontBoldFamily: Arial,Helvetica,sans-serif;
+@sapUiFontBlackFamily: Arial,Helvetica,sans-serif;
 @sapUiFontHeaderFamily: Arial,Helvetica,sans-serif;
 @sapUiFontSize: medium; // 16px;
 @sapMFontSmallSize: 12px;
@@ -135,6 +136,13 @@
 @sapUiContentTextShadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
 @sapUiContentContrastTextShadow: none;
 @sapUiContentHeaderShadow: inset 0 -0.125rem #FFFFFF;
+@sapUiContentInteractionShadow: none;
+@sapUiContentSelectedShadow: none;
+@sapUiContentNegativeShadow: none;
+@sapUiContentCriticalShadow: none;
+@sapUiContentPositiveShadow: none;
+@sapUiContentInformativeShadow: none;
+@sapUiContentNeutralShadow: none;
 @sapUiContentSearchHighlightColor: #7A5100;
 @sapUiContentHelpColor: #03B803;
 @sapUiContentLabelColor: #FFFFFF;
@@ -164,6 +172,18 @@
 @sapUiContentIllustrativeColor6: #C6CACE;
 @sapUiContentIllustrativeColor7: #E7E9EA;
 @sapUiContentIllustrativeColor8: #FFFFFF;
+@sapUiContentIllustrativeColor9: #64EDD2;
+@sapUiContentIllustrativeColor10: #E7E9EA;
+@sapUiContentIllustrativeColor11: #F31DED;
+@sapUiContentIllustrativeColor12: #5DC122;
+@sapUiContentIllustrativeColor13: #4bA1F6;
+@sapUiContentIllustrativeColor14: #298FF4;
+@sapUiContentIllustrativeColor15: #E6A400;
+@sapUiContentIllustrativeColor16: #085AAA;
+@sapUiContentIllustrativeColor17: #00A5A8;
+@sapUiContentIllustrativeColor18: #D9DDDE;
+@sapUiContentIllustrativeColor19: #CCD0D2;
+@sapUiContentIllustrativeColor20: #BEC4C6;
 
 @sapUiShellBackground: #000000;
 @sapUiShellBackgroundImage: #000000;
@@ -173,6 +193,7 @@
 @sapUiShellBackgroundGradient: #000000;
 @sapUiShellBorderColor: #FFFFFF;
 @sapUiShellTextColor: #FFFFFF;
+@sapUiShellInteractiveBackground: #000000;
 @sapUiShellInteractiveTextColor: #FFFFFF;
 @sapUiShellInteractiveBorderColor: #FFFFFF;
 @sapUiShellGroupTitleTextColor: #FFFFFF;
@@ -572,6 +593,8 @@
 
 @sapMPlatformDependent: false;
 
+@sapUiColumnHeaderFontSize: @sapMFontMediumSize;
+@sapUiColumnHeaderFontWeight: normal;
 
 
 // =====================================
@@ -1094,6 +1117,17 @@
 @sapUiAccent9: #B995E0;
 @sapUiAccent10: #B0BCC5;
 
+@sapUiAccentBackgroundColor1: #FFF3B8;
+@sapUiAccentBackgroundColor2: #FFD0E7;
+@sapUiAccentBackgroundColor3: #FFF0FA;
+@sapUiAccentBackgroundColor4: #FFDCF3;
+@sapUiAccentBackgroundColor5: #DED3FF;
+@sapUiAccentBackgroundColor6: #D1EFFF;
+@sapUiAccentBackgroundColor7: #C2FCEE;
+@sapUiAccentBackgroundColor8: #EBF5CB;
+@sapUiAccentBackgroundColor9: #DAFDF5;
+@sapUiAccentBackgroundColor10: #EAECEE;
+
 @sapUiLegendWorkingBackground: #2E2E2E;
 @sapUiLegendNonWorkingBackground: #4D4D4D;
 @sapUiLegendCurrentDateTime: #E269C9;

package/src/sap/ui/core/theming/Parameters.js

@@ -17,11 +17,10 @@ sap.ui.define([
 	'sap/base/Log',
 	'sap/base/util/extend',
 	'sap/ui/core/ThemeCheck',
-	'sap/base/util/LoaderExtensions',
 	'sap/ui/thirdparty/jquery',
 	'./ThemeHelper'
 ],
-	function(URI, Element, UriParameters, Log, extend, ThemeCheck, LoaderExtensions, jQuery, ThemeHelper) {
+	function(URI, Element, UriParameters, Log, extend, ThemeCheck, jQuery, ThemeHelper) {
 	"use strict";
 
 	var oCfgData = window["sap-ui-config"] || {};
@@ -60,8 +59,6 @@ sap.ui.define([
 
 		var bUseInlineParameters = UriParameters.fromQuery(window.location.search).get("sap-ui-xx-no-inline-theming-parameters") !== "true";
 
-		var oComputedScopeStyle, oDummyScopeElement;
-
 		/**
 		 * Resolves relative URLs in parameter values.
 		 * Only for inline-parameters.
@@ -81,33 +78,6 @@ sap.ui.define([
 			return sUrl;
 		}
 
-		/**
-		 * Checks the given parameter value if it contains a relative URL.
-		 * If so we read a second css-variable containing a ui5:// url which needs to be resolved.
-		 * @param {string} sParam parameter name
-		 * @returns {string} the parameter value, if necessary a ui5://... URL is resolved
-		 */
-		function checkAndResolveUI5Url(sParamValue, sParameterName) {
-
-			var aMatch = rCssUrl.exec(sParamValue);
-			if (aMatch && aMatch[1]) {
-				// read companion-variable, can contain a ui5:// url, or an already absolute url
-				var oBodyStyle = window.getComputedStyle(document.body || document.documentElement);
-				sParamValue = oBodyStyle.getPropertyValue("--" + sParameterName + "__asResolvedUrl").trim();
-				if (sParamValue) {
-					// JSON.parse helps us get a consistent escaping situation
-					sParamValue = JSON.parse(sParamValue);
-					var sResolvedUrl = LoaderExtensions.resolveUI5Url(sParamValue);
-					// stringify again to preserve original escaping
-					sParamValue = "url(" + JSON.stringify(sResolvedUrl) + ")";
-				} else {
-					Log.error("The parameter '" + sParameterName + "' contains a url, but no matching resolved-url CSS variable could be found.");
-				}
-			}
-
-			return sParamValue;
-		}
-
 		function mergeParameterSet(mCurrent, mNew, sThemeBaseUrl) {
 			for (var sParam in mNew) {
 				if (typeof mCurrent[sParam] === "undefined") {
@@ -145,20 +115,6 @@ sap.ui.define([
 					mergeParameterSet(mParameters["scopes"][sScopeName], mNewParameters["scopes"][sScopeName], sThemeBaseUrl);
 				}
 			}
-
-			var aScopeList = Object.keys(mParameters["scopes"]);
-			if (aScopeList.length) {
-				if (aScopeList.length > 1) {
-					Log.error("There are multiple theming parameter scopes available but only a single scope is supported. Only the first scope '" + aScopeList[0] + "' is used for retrieval of parameters.");
-				}
-				// Add dummy scope element
-				if (!oComputedScopeStyle) {
-					oDummyScopeElement = document.createElement("span");
-					oDummyScopeElement.classList.add(aScopeList[0]);
-					document.documentElement.appendChild(oDummyScopeElement);
-					oComputedScopeStyle = window.getComputedStyle(oDummyScopeElement);
-				}
-			}
 		}
 
 		function forEachStyleSheet(fnCallback) {
@@ -168,11 +124,6 @@ sap.ui.define([
 		}
 
 		function parseParameters(sId) {
-			// only parse parameters if the given lib does not support CSS variables
-			if (libSupportsCSSVariables(sId)) {
-				return false;
-			}
-
 			var oUrl = getThemeBaseUrlForId(sId);
 
 			var bThemeApplied = ThemeCheck.checkStyle(sId);
@@ -209,44 +160,13 @@ sap.ui.define([
 			return false; //could not parse parameters OR theme is not applied OR library has no parameters
 		}
 
-		function libSupportsCSSVariables(sId) {
-			var sLibName = sId.replace("sap-ui-theme-", "").replace(/\./g, "-");
-			var sVariablesMarker = !!(window.getComputedStyle(document.body || document.documentElement).getPropertyValue("--sapUiTheme-" + sLibName).trim());
-			// retreive scope list from metadata (if the theme supports them)
-			if (sVariablesMarker) {
-				var oMetadata =  ThemeHelper.getMetadata(sId);
-				if (oMetadata && oMetadata.Scopes && oMetadata.Scopes.length > 0) {
-					var mScopes = {};
-					oMetadata.Scopes.forEach(function(sScope) {
-						mScopes[sScope] = {};
-					});
-
-					// merge empty scopes into parameters cache
-					// will be filled one-by-one when accessing scoped variables later
-					mergeParameters({
-						"default": {},
-						scopes: mScopes
-					});
-				}
-			}
-			return sVariablesMarker;
-		}
-
 		/**
 		 * Load parameters for a library/theme combination as identified by the URL of the library.css
 		 * @param {string} sId the library name for which parameters might be loaded
-		 * @param {boolean} [bGetAll] whether the loadParameters call stems from a Parameters.get() call
 		 */
-		function loadParameters(sId, bGetAll) {
+		function loadParameters(sId) {
 			var oUrl = getThemeBaseUrlForId(sId);
 
-			// [Compatibility]: the legacy sync API must return a map of ALL parameter values.
-			// With CSS wariables supported, we can only get this map by requesting the library-parameters.json.
-			// The DOM API does not provide an enumeration of all variables.
-			if (libSupportsCSSVariables(sId) && !bGetAll) {
-				return;
-			}
-
 			// try to parse the inline-parameters for the given library
 			// this may fail for a number of reasons, see below
 			if (!parseParameters(sId)) {
@@ -371,24 +291,16 @@ sap.ui.define([
 
 		/**
 		 * Retrieves a map containing all inline-parameters.
-		 * Parameters from CSS Variables are dynamically written to the mParameters data-structure on demand,
-		 * everytime a parameter is read from a CSS variable via DOM API.
-		 *
-		 * IMPORTANT: See 'bGetAll' for special SYNC path for Parameters.get() and libraries with CSS Variables
 		 *
-		 * @param {boolean} bAsync whether to load and parse the parameters asynchronously
-		 * @param {boolean} bGetAll SYNC path only: when Parameters.get() is called,
-		 *                          we might need to enforce the loading of a library-parameters.json for libraries using CSS Variables instead of inline-parameters
+		 * @param {boolean} bAsync=undefined whether to load and parse the parameters asynchronously, default sync
 		 * @returns {object} a map of all parameters
 		 */
-		function getParameters(bAsync, bGetAll) {
+		function getParameters(bAsync) {
 			// Inital loading
 			if (!mParameters) {
 				// Merge an empty parameter set to initialize the internal object
 				mergeParameters({}, "");
 
-				sTheme = sap.ui.getCore().getConfiguration().getTheme();
-
 				forEachStyleSheet(function (sId) {
 					if (bAsync) {
 						if (ThemeCheck.checkStyle(sId)) {
@@ -397,7 +309,7 @@ sap.ui.define([
 							aParametersToLoad.push(sId);
 						}
 					} else {
-						loadParameters(sId, bGetAll);
+						loadParameters(sId);
 					}
 				});
 			}
@@ -423,13 +335,10 @@ sap.ui.define([
 
 		/**
 		 * Loads library-parameters.json files if some libraries are missing.
-		 * @param {boolean} bGetAll whether we need to enforce the loading of library-parameters.json files for libraries with CSS variables
 		 */
-		function loadPendingLibraryParameters(bGetAll) {
+		function loadPendingLibraryParameters() {
 			// lazy loading of further library parameters
-			aParametersToLoad.forEach(function(sLibId) {
-				loadParameters(sLibId, bGetAll);
-			});
+			aParametersToLoad.forEach(loadParameters);
 
 			// clear queue
 			aParametersToLoad = [];
@@ -450,27 +359,6 @@ sap.ui.define([
 			}
 		};
 
-		function lookUpParameter(mParams, sParameterName, bUseScope) {
-			var sParam = mParams[sParameterName];
-
-			// if not found in cache it we read a CSS variable
-			if (!sParam) {
-				// In case scope is available use dummy element with given scope else use the computed style
-				// of document.body or if body is not available the scope of document.documentElement
-				var oComputedStyle = bUseScope ? oComputedScopeStyle : window.getComputedStyle(document.body || document.documentElement);
-				sParam = oComputedStyle.getPropertyValue("--" + sParameterName).trim();
-				// DOM Api returns "" for unkown variables, UI5 Api must return undefined
-				sParam = sParam != "" ? sParam : undefined;
-				if (sParam) {
-					sParam = checkAndResolveUI5Url(sParam, sParameterName);
-					// cache the url-resolved parameter value for later usage
-					mParams[sParameterName] = sParam;
-				}
-			}
-
-			return sParam;
-		}
-
 		/**
 		 * Returns parameter value from given map and handles legacy parameter names
 		 *
@@ -484,22 +372,22 @@ sap.ui.define([
 		 * @private
 		 */
 		function getParam(mOptions) {
-			var bAsync = mOptions.async, bUseScope = false, oParams = getParameters(bAsync);
+			var bAsync = mOptions.async, oParams = getParameters(bAsync);
 			if (mOptions.scopeName) {
 				oParams = oParams["scopes"][mOptions.scopeName];
-				bUseScope = true;
 			} else {
 				oParams = oParams["default"];
 			}
 
-			var sParamValue = lookUpParameter(oParams, mOptions.parameterName, bUseScope);
+			var sParamValue = oParams[mOptions.parameterName];
+
 			// [Compatibility]: if a parameter contains a prefix, we cut off the ":" and try again
 			// e.g. "my.lib:paramName"
 			if (!sParamValue) {
 				var iIndex = mOptions.parameterName.indexOf(":");
 				if (iIndex != -1) {
 					var sParamNameWithoutColon = mOptions.parameterName.substr(iIndex + 1);
-					sParamValue = lookUpParameter(oParams, sParamNameWithoutColon, bUseScope);
+					sParamValue = oParams[sParamNameWithoutColon];
 				}
 			}
 
@@ -554,7 +442,7 @@ sap.ui.define([
 		 * @ui5-restricted sap.ui.core
 		 * @param {boolean} [bAvoidLoading] Whether loading of parameters should be avoided
 		 * @param {boolean} [bAsync] Whether loading of parameters should be asynchronous
-		 * @return {array|undefined} Scope names
+		 * @return {string[]|undefined} Scope names
 		 */
 		Parameters._getScopes = function(bAvoidLoading, bAsync) {
 			if ( bAvoidLoading && !mParameters ) {
@@ -641,16 +529,6 @@ sap.ui.define([
 		 * </p>
 		 *
 		 * <p>
-		 * <b>Important, since 1.93:</b>
-		 * When using the <code>Parameters.get()</code> API to retrieve theming parameters defined as CSS variables,
-		 * please be aware that the API can also unknowingly retrieve arbitrary CSS variables defined in the DOM.
-		 * All CSS variables defined via the <code>:root</code> pseudo-class can be retrieved this way.
-		 * Please make sure to only access theming parameters defined in a UI5 theme/library.
-		 * </p>
-		 *
-		 * <br/>
-		 *
-		 * <p>
 		 * The following API variants are available (see also the below examples):
 		 * <ul>
 		 * <li> <b>(deprecated since 1.92)</b> If no parameter is given a key-value map containing all parameters is returned</li>
@@ -681,7 +559,7 @@ sap.ui.define([
 		 *
 		 * @example <caption>Scenario 2: Some Parameters are missing </caption>
 		 *  // "sapUiParam1", "sapUiParam2" are already available
-		 *  // "sapUiParam3" is not yet available missing
+		 *  // "sapUiParam3" is not yet available
 		 *  Parameters.get({
 		 *     name: ["sapUiParam1", "sapUiParam2", "sapUiParam3"],
 		 *     callback: function(mParams) {
@@ -730,6 +608,9 @@ sap.ui.define([
 					"Consider using the API only when required, e.g. onBeforeRendering.");
 			}
 
+			if (!sTheme) {
+				sTheme = sap.ui.getCore().getConfiguration().getTheme();
+			}
 			// Parameters.get() without arguments returns
 			// copy of complete default parameter set
 			if (arguments.length === 0) {
@@ -743,10 +624,11 @@ sap.ui.define([
 				);
 
 				// first try to load all pending parameters
-				loadPendingLibraryParameters(true);
+				loadPendingLibraryParameters();
+
 				// retrieve parameters
 				// optionally might also trigger a sync JSON request, if a library was loaded but not parsed yet
-				var oParams = getParameters(false, true);
+				var oParams = getParameters();
 				return Object.assign({}, oParams["default"]);
 			}
 
@@ -810,6 +692,7 @@ sap.ui.define([
 			if (bAsync && fnAsyncCallback && Object.keys(vResult).length !== aNames.length) {
 				if (!sap.ui.getCore().isThemeApplied()) {
 					resolveWithParameter = function () {
+						sap.ui.getCore().detachThemeChanged(resolveWithParameter);
 						var vParams = this.get({ // Don't pass callback again
 							name: vName.name,
 							scopeElement: vName.scopeElement
@@ -821,7 +704,6 @@ sap.ui.define([
 
 						fnAsyncCallback(vParams);
 						aCallbackRegistry.splice(aCallbackRegistry.findIndex(findRegisteredCallback), 1);
-						sap.ui.getCore().detachThemeChanged(resolveWithParameter);
 					}.bind(this);
 
 					// Check if identical callback is already registered and reregister with current parameters
@@ -881,11 +763,9 @@ sap.ui.define([
 			// hidden parameter {boolean} bOnlyWhenNecessary
 			var bOnlyWhenNecessary = arguments[0] === true;
 			if ( !bOnlyWhenNecessary || sap.ui.getCore().getConfiguration().getTheme() !== sTheme ) {
+				sTheme = sap.ui.getCore().getConfiguration().getTheme();
+				aParametersToLoad = [];
 				mParameters = null;
-				if (oDummyScopeElement) {
-					document.documentElement.removeChild(oDummyScopeElement);
-					oDummyScopeElement = oComputedScopeStyle = undefined;
-				}
 				ThemeHelper.reset();
 			}
 		};

package/src/sap/ui/core/theming/ThemeHelper.js

@@ -36,51 +36,40 @@ sap.ui.define([
 			return mLibThemeMetadata[sLibName];
 		}
 
-		var oMetadata, sMetadataJSON;
+		var oMetadataElement = document.createElement("span");
+		oMetadataElement.classList.add("sapThemeMetaData-UI5-" + sLibName);
+		document.documentElement.appendChild(oMetadataElement);
+		var sDataUri = window.getComputedStyle(oMetadataElement).getPropertyValue("background-image");
+		document.documentElement.removeChild(oMetadataElement);
 
-		var oBodyStyle = window.getComputedStyle(document.body || document.documentElement);
-		var sVariablesMarker = oBodyStyle.getPropertyValue("--sapUiTheme-" + sLibName).trim();
-
-		// Try first to read the metadata from the CSS variables in case CSS variables are supported
-		if (sVariablesMarker) {
-			// read metadata
-			sMetadataJSON = oBodyStyle.getPropertyValue("--sapThemeMetaData-UI5-" + sLibName).trim();
+		var aDataUriMatch = /\(["']?data:text\/plain;utf-8,(.*?)['"]?\)/i.exec(sDataUri);
+		if (!aDataUriMatch || aDataUriMatch.length < 2) {
+			return null;
 		}
-		// Fallback to inline metadata in case no CSS variables are supported or metadata is only available inline
-		if (!sMetadataJSON) {
-			var oMetadataElement = document.createElement("span");
-			oMetadataElement.classList.add("sapThemeMetaData-UI5-" + sLibName);
-			document.documentElement.appendChild(oMetadataElement);
-			var sDataUri = window.getComputedStyle(oMetadataElement).getPropertyValue("background-image");
-			document.documentElement.removeChild(oMetadataElement);
-
-			var aDataUriMatch = /\(["']?data:text\/plain;utf-8,(.*?)['"]?\)/i.exec(sDataUri);
-			if (!aDataUriMatch || aDataUriMatch.length < 2) {
-				return null;
-			}
 
-			var sMetaData = aDataUriMatch[1];
+		var sMetaData = aDataUriMatch[1];
 
-			// The following lines of code are moved unchanged from ThemeCheck in order to not introduce any regressions but
-			// neverteheless it's not fully clear if detection of URI encoding and URI decoding itself (especially manual encoding of spaces)
-			// is necessary
+		// [COMPATIBILITY]: The following lines of code are moved unchanged from ThemeCheck in order to not introduce any regressions but
+		// neverteheless it's not fully clear if detection of URI encoding and URI decoding itself (especially manual encoding of spaces)
+		// is necessary
 
-			// Try to detect URI encoding by checking for first and last character for not encoded characters
-			if (sMetaData.charAt(0) !== "{" && sMetaData.charAt(sMetaData.length - 1) !== "}") {
-				try {
-					sMetaData = decodeURI(sMetaData);
-				} catch (ex) {
-					// ignore
-				}
+		// Try to detect URI encoding by checking for first and last character for not encoded characters
+		if (sMetaData.charAt(0) !== "{" && sMetaData.charAt(sMetaData.length - 1) !== "}") {
+			try {
+				sMetaData = decodeURI(sMetaData);
+			} catch (ex) {
+				// ignore
 			}
+		}
 
-			// Remove superfluous escaping of double quotes
-			sMetaData = sMetaData.replace(/\\"/g, '"');
+		// Remove superfluous escaping of double quotes
+		sMetaData = sMetaData.replace(/\\"/g, '"');
 
-			// Replace encoded spaces => not clear if this is really necessary and if there is any valid case where spaces are URI encoded
-			//							 but we could not detect URI encoding. Keep coding in order to avoid regression.
-			sMetadataJSON = sMetaData.replace(/%20/g, " ");
-		}
+		// Replace encoded spaces => not clear if this is really necessary and if there is any valid case where spaces are URI encoded
+		//							 but we could not detect URI encoding. Keep coding in order to avoid regression.
+		var sMetadataJSON = sMetaData.replace(/%20/g, " ");
+
+		var oMetadata;
 		try {
 			oMetadata = JSON.parse(sMetadataJSON);
 			mLibThemeMetadata[sLibName] = oMetadata;

package/src/sap/ui/core/tmpl/DOMAttribute.js

@@ -19,7 +19,7 @@ sap.ui.define(['sap/ui/core/Element', 'sap/ui/core/library'],
 	 * @class
 	 * Represents a DOM attribute of a DOM element.
 	 * @extends sap.ui.core.Element
-	 * @version 1.95.0
+	 * @version 1.96.3
 	 *
 	 * @public
 	 * @since 1.15

package/src/sap/ui/core/tmpl/DOMElement.js

@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @class
 	 * Represents a DOM element. It allows to use databinding for the properties and nested DOM attributes.
 	 * @extends sap.ui.core.Control
-	 * @version 1.95.0
+	 * @version 1.96.3
 	 *
 	 * @public
 	 * @since 1.15

package/src/sap/ui/core/tmpl/HandlebarsTemplate.js

@@ -46,7 +46,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.tmpl.Template
 	 * @abstract
 	 * @author SAP SE
-	 * @version 1.95.0
+	 * @version 1.96.3
 	 * @alias sap.ui.core.tmpl.HandlebarsTemplate
 	 * @since 1.15
 	 * @deprecated since 1.56

package/src/sap/ui/core/tmpl/Template.js

@@ -52,7 +52,7 @@ function(
 	 * @extends sap.ui.base.ManagedObject
 	 * @abstract
 	 * @author SAP SE
-	 * @version 1.95.0
+	 * @version 1.96.3
 	 * @alias sap.ui.core.tmpl.Template
 	 * @since 1.15
 	 * @deprecated since 1.56, use an {@link sap.ui.core.mvc.XMLView XMLView} or {@link sap.ui.core.mvc.JSView JSView} instead.

package/src/sap/ui/core/tmpl/TemplateControl.js

@@ -43,7 +43,7 @@ sap.ui.define([
 	 * @class
 	 * This is the base class for all template controls. Template controls are declared based on templates.
 	 * @extends sap.ui.core.Control
-	 * @version 1.95.0
+	 * @version 1.96.3
 	 *
 	 * @public
 	 * @since 1.15

package/src/sap/ui/core/util/AsyncHintsHelper.js

@@ -12,7 +12,7 @@ sap.ui.define([], function() {
 	 *
 	 * @class Utility class for asyncHints
 	 * @author SAP SE
-	 * @version 1.95.0
+	 * @version 1.96.3
 	 *
 	 * @private
 	 * @ui5-restricted sap.ushell

package/src/sap/ui/core/util/Export.js

@@ -141,7 +141,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.95.0
+	 * @version 1.96.3
 	 * @since 1.22.0
 	 *
 	 * @public

package/src/sap/ui/core/util/ExportCell.js

@@ -20,7 +20,7 @@ sap.ui.define(['sap/ui/core/Element'],
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.95.0
+	 * @version 1.96.3
 	 * @since 1.22.0
 	 *
 	 * @public

package/src/sap/ui/core/util/ExportColumn.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @extends sap.ui.base.ManagedObject
 	 *
 	 * @author SAP SE
-	 * @version 1.95.0
+	 * @version 1.96.3
 	 * @since 1.22.0
 	 *
 	 * @public

package/src/sap/ui/core/util/ExportRow.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @extends sap.ui.base.ManagedObject
 	 *
 	 * @author SAP SE
-	 * @version 1.95.0
+	 * @version 1.96.3
 	 * @since 1.22.0
 	 *
 	 * @public