@openui5/sap.ui.core 1.95.0 → 1.96.0

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/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.0
 	 *
 	 * @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.0
 	 *
 	 * @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.0
 	 * @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.0
 	 * @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.0
 	 *
 	 * @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.0
 	 *
 	 * @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.0
 	 * @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.0
 	 * @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.0
 	 * @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.0
 	 * @since 1.22.0
 	 *
 	 * @public

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

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

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

@@ -38,7 +38,7 @@ sap.ui.define(['./ExportType'],
 	 * @extends sap.ui.core.util.ExportType
 	 *
 	 * @author SAP SE
-	 * @version 1.95.0
+	 * @version 1.96.0
 	 * @since 1.22.0
 	 *
 	 * @public

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

@@ -13,7 +13,7 @@ sap.ui.define(["sap/ui/thirdparty/jquery"],
 	 * Utility class to handle files.
 	 *
 	 * @author SAP SE
-	 * @version 1.95.0
+	 * @version 1.96.0
 	 * @namespace
 	 *
 	 * @public

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

@@ -20,7 +20,7 @@ sap.ui.define([
 	 *
 	 * @extends sap.ui.base.Object
 	 * @author SAP SE
-	 * @version 1.95.0
+	 * @version 1.96.0
 	 * @private
 	 * @alias sap.ui.core.util.LibraryInfo
 	 */

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

@@ -34,7 +34,7 @@ sap.ui
 			 * @extends sap.ui.base.ManagedObject
 			 * @abstract
 			 * @author SAP SE
-			 * @version 1.95.0
+			 * @version 1.96.0
 			 * @public
 			 * @alias sap.ui.core.util.MockServer
 			 */

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

@@ -13,7 +13,7 @@ sap.ui.define([ "sap/ui/core/Core", "sap/ui/model/ParseException", "sap/ui/model
 	 *
 	 * @class Parses and validates data on the <code>paste</code> event of an SAPUI5 table.
 	 * @author SAP SE
-	 * @version 1.95.0
+	 * @version 1.96.0
 	 * @private
 	 * @ui5-restricted sap.ui.table.Table, sap.m.Table, sap.m.plugins.PasteProvider
 	 * @alias sap.ui.core.util.PasteHelper

package/src/sap/ui/core/util/reflection/JsControlTreeModifier.js

@@ -13,7 +13,7 @@ sap.ui.define([
 	"sap/base/util/ObjectPath",
 	"sap/ui/util/XMLHelper",
 	"sap/base/util/merge",
-	"sap/ui/core/Fragment" // also needed to have sap.ui.xmlfragment
+	"sap/ui/core/Fragment"
 ], function (
 	BindingParser,
 	BaseTreeModifier,
@@ -452,14 +452,12 @@ sap.ui.define([
 
 			return this._checkAndPrefixIdsInFragment(oFragment, sNamespace)
 				.then(function (oFragment) {
-					var aNewControls;
-					var sId = oView && oView.getId();
-					var oController = oView.getController();
-					aNewControls = sap.ui.xmlfragment({
-						fragmentContent: oFragment,
-						sId:sId
-					}, oController);
-
+					return Fragment.load({
+						definition: oFragment,
+						sId: oView && oView.getId(),
+						controller: oView.getController()
+					});
+				}).then(function(aNewControls) {
 					if (!Array.isArray(aNewControls)) {
 						aNewControls = [aNewControls];
 					}

package/src/sap/ui/core/util/reflection/XmlTreeModifier.js

@@ -16,7 +16,6 @@ sap.ui.define([
 	"sap/base/util/includes",
 	"sap/base/util/ObjectPath",
 	"sap/base/util/isPlainObject",
-	// needed to have sap.ui.xmlfragment
 	"sap/ui/core/Fragment"
 ], function(
 	BaseTreeModifier,
@@ -27,7 +26,8 @@ sap.ui.define([
 	EventHandlerResolver,
 	includes,
 	ObjectPath,
-	isPlainObject
+	isPlainObject,
+	Fragment
 ) {
 
 	"use strict";
@@ -745,7 +745,10 @@ sap.ui.define([
 					if (mAggregationMetadata.multiple === false && oAggregation && oAggregation.length > 0) {
 						return false;
 					}
-					var aControls = sap.ui.xmlfragment({fragmentContent: sFragment});
+					return Fragment.load({
+						definition: sFragment
+					});
+				}).then(function(aControls) {
 					if (!Array.isArray(aControls)) {
 						aControls = [aControls];
 					}

package/src/sap/ui/core/util/serializer/HTMLViewSerializer.js

@@ -20,7 +20,7 @@ sap.ui.define(['sap/ui/base/EventProvider', './Serializer', './delegate/HTML', '
 	 * @class HTMLViewSerializer class.
 	 * @extends sap.ui.base.EventProvider
 	 * @author SAP SE
-	 * @version 1.95.0
+	 * @version 1.96.0
 	 * @alias sap.ui.core.util.serializer.HTMLViewSerializer
 	 * @private
 	 * @ui5-restricted sap.watt, com.sap.webide

package/src/sap/ui/core/util/serializer/Serializer.js

@@ -21,7 +21,7 @@ sap.ui.define(['sap/ui/base/EventProvider', "sap/base/assert"],
 	 * @class Serializer class.
 	 * @extends sap.ui.base.EventProvider
 	 * @author SAP SE
-	 * @version 1.95.0
+	 * @version 1.96.0
 	 * @alias sap.ui.core.util.serializer.Serializer
 	 * @private
 	 * @ui5-restricted sap.watt, com.sap.webide

package/src/sap/ui/core/util/serializer/ViewSerializer.js

@@ -21,7 +21,7 @@ sap.ui.define(['sap/ui/base/EventProvider', './HTMLViewSerializer', './XMLViewSe
 	 * @class ViewSerializer class.
 	 * @extends sap.ui.base.EventProvider
 	 * @author SAP SE
-	 * @version 1.95.0
+	 * @version 1.96.0
 	 * @alias sap.ui.core.util.serializer.ViewSerializer
 	 * @private
 	 * @ui5-restricted sap.watt, com.sap.webide

package/src/sap/ui/core/util/serializer/XMLViewSerializer.js

@@ -20,7 +20,7 @@ sap.ui.define(['sap/ui/base/EventProvider', './Serializer', './delegate/XML', 's
 	 * @class XMLViewSerializer class.
 	 * @extends sap.ui.base.EventProvider
 	 * @author SAP SE
-	 * @version 1.95.0
+	 * @version 1.96.0
 	 * @alias sap.ui.core.util.serializer.XMLViewSerializer
 	 * @private
 	 * @ui5-restricted sap.watt, com.sap.webide

package/src/sap/ui/core/util/serializer/delegate/Delegate.js

@@ -17,7 +17,7 @@ sap.ui.define(['sap/ui/base/EventProvider'],
 	 * @class Abstract serializer delegate class.
 	 * @extends sap.ui.base.EventProvider
 	 * @author SAP SE
-	 * @version 1.95.0
+	 * @version 1.96.0
 	 * @alias sap.ui.core.util.serializer.delegate.Delegate
 	 * @private
 	 * @ui5-restricted sap.watt, com.sap.webide

package/src/sap/ui/core/util/serializer/delegate/HTML.js

@@ -19,7 +19,7 @@ sap.ui.define(['./Delegate', "sap/base/strings/hyphenate", "sap/base/util/deepEq
 	 * @class HTML serializer delegate class.
 	 * @extends sap.ui.core.util.serializer.delegate.Delegate
 	 * @author SAP SE
-	 * @version 1.95.0
+	 * @version 1.96.0
 	 * @alias sap.ui.core.util.serializer.delegate.HTML
 	 * @private
 	 * @ui5-restricted sap.watt, com.sap.webide

package/src/sap/ui/core/util/serializer/delegate/XML.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @class XML serializer delegate class.
 	 * @extends sap.ui.core.util.serializer.delegate.Delegate
 	 * @author SAP SE
-	 * @version 1.95.0
+	 * @version 1.96.0
 	 * @alias sap.ui.core.util.serializer.delegate.XML
 	 * @private
 	 * @ui5-restricted sap.watt, com.sap.webide

package/src/sap/ui/core/ws/ReadyState.js

@@ -12,7 +12,7 @@ sap.ui.define(function() {
 	/**
 	 * Defines the different ready states for a WebSocket connection.
 	 *
-	 * @version 1.95.0
+	 * @version 1.96.0
 	 * @enum {int}
 	 * @public
 	 * @alias sap.ui.core.ws.ReadyState

package/src/sap/ui/core/ws/SapPcpWebSocket.js

@@ -21,7 +21,7 @@ sap.ui.define(['./WebSocket', "sap/base/Log"],
 	 * @class WebSocket class implementing the pcp-protocol.
 	 * @extends sap.ui.core.ws.WebSocket
 	 * @author SAP SE
-	 * @version 1.95.0
+	 * @version 1.96.0
 	 * @alias sap.ui.core.ws.SapPcpWebSocket
 	 */
 	var SapPcpWebSocket = WebSocket.extend("sap.ui.core.ws.SapPcpWebSocket", /** @lends sap.ui.core.ws.SapPcpWebSocket.prototype */ {

package/src/sap/ui/core/ws/WebSocket.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * @class Basic WebSocket class.
 	 * @extends sap.ui.base.EventProvider
 	 * @author SAP SE
-	 * @version 1.95.0
+	 * @version 1.96.0
 	 * @alias sap.ui.core.ws.WebSocket
 	 */
 	var WebSocket = EventProvider.extend("sap.ui.core.ws.WebSocket", /** @lends sap.ui.core.ws.WebSocket.prototype */ {

package/src/sap/ui/debug/ControlTree.js

@@ -33,7 +33,7 @@ sap.ui.define('sap/ui/debug/ControlTree', [
 	 * @class Control Tree used for the Debug Environment
 	 * @extends sap.ui.base.EventProvider
 	 * @author Martin Schaus, Frank Weigel
-	 * @version 1.95.0
+	 * @version 1.96.0
 	 * @alias sap.ui.debug.ControlTree
 	 * @private
 	 */

package/src/sap/ui/debug/DebugEnv.js

@@ -16,7 +16,7 @@ sap.ui.define('sap/ui/debug/DebugEnv', ['sap/ui/base/Interface', './ControlTree'
 	 * @class Central Class for the Debug Environment
 	 *
 	 * @author Martin Schaus, Frank Weigel
-	 * @version 1.95.0
+	 * @version 1.96.0
 	 * @private
 	 * @alias sap.ui.debug.DebugEnv
 	 */

package/src/sap/ui/debug/Highlighter.js

@@ -59,7 +59,7 @@ sap.ui.define('sap/ui/debug/Highlighter', [
 
 		var oHighlightRect = (this.sId ? window.document.getElementById(this.sId) : null);
 		if (!oHighlightRect) {
-			oHighlightRect = oDomRef.ownerDocument.createElement("DIV");
+			oHighlightRect = oDomRef.ownerDocument.createElement("div");
 			oHighlightRect.setAttribute("id", this.sId);
 			oHighlightRect.style.position = "absolute";
 			oHighlightRect.style.border = this.iBorderWidth + "px solid " + this.sColor;
@@ -67,7 +67,13 @@ sap.ui.define('sap/ui/debug/Highlighter', [
 			oHighlightRect.style.margin = "0px";
 			oHighlightRect.style.padding = "0px";
 			if ( this.bFilled ) {
-				oHighlightRect.innerHTML = "<div style='background-color:" + this.sColor + ";opacity:0.2;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);height:100%;width:100%'>&nbsp;</div>";
+				var oFiller = oDomRef.ownerDocument.createElement("div");
+				oFiller.textContent = "\u00a0";
+				oFiller.style.backgroundColor = this.sColor;
+				oFiller.style.opacity = "0.2";
+				oFiller.style.height = "100%";
+				oFiller.style.width = "100%";
+				oHighlightRect.appendChild(oFiller);
 			}
 			oDomRef.ownerDocument.body.appendChild(oHighlightRect);
 		}

package/src/sap/ui/debug/PropertyList.js

@@ -35,7 +35,7 @@ sap.ui.define('sap/ui/debug/PropertyList', [
 	 *
 	 * @extends sap.ui.base.EventProvider
 	 * @author Martin Schaus
-	 * @version 1.95.0
+	 * @version 1.96.0
 	 *
 	 * @param {sap.ui.core.Core}
 	 *            oCore Core instance of the app; version might differ!