@sapui5/sap.suite.ui.microchart 1.129.0 → 1.130.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sapui5/sap.suite.ui.microchart",
-  "version": "1.129.0",
+  "version": "1.130.1",
   "description": "SAPUI5 Library sap.suite.ui.microchart",
   "homepage": "https://sap.github.io/ui5-tooling/pages/SAPUI5/",
   "author": "SAP SE (https://www.sap.com)",

package/src/sap/suite/ui/microchart/.library

@@ -5,7 +5,7 @@
 	<vendor>SAP SE</vendor>
 	<copyright>SAPUI5
  * (c) Copyright 2009-2024 SAP SE. All rights reserved.</copyright>
-	<version>1.129.0</version>
+	<version>1.130.1</version>
 
 	<documentation>UI5 library: sap.suite.ui.microchart</documentation>
 

package/src/sap/suite/ui/microchart/AreaMicroChart.js

@@ -11,7 +11,6 @@ sap.ui.define([
 	"sap/base/Log",
 	"sap/ui/events/KeyCodes",
 	"sap/ui/core/theming/Parameters",
-	"sap/m/library",
 	"sap/ui/core/ResizeHandler",
 	"./AreaMicroChartRenderer",
 	"sap/ui/core/Core",
@@ -20,11 +19,11 @@ sap.ui.define([
 	"./AreaMicroChartItem",
 	"./AreaMicroChartLabel",
 	"sap/ui/core/Lib"
-], function(library, Control, FlexBox, MicroChartUtils, Log, KeyCodes, Parameters, MobileLibrary,
+], function(library, Control, FlexBox, MicroChartUtils, Log, KeyCodes, Parameters,
 			ResizeHandler, AreaMicroChartRenderer, Core, Theming, Localization, AreaMicroChartItem, AreaMicroChartLabel, CoreLib) {
 	"use strict";
 
-	var ValueColor = MobileLibrary.ValueColor;
+	var MicroChartColorType = library.MicroChartColorType;
 	var AreaMicroChartViewType = library.AreaMicroChartViewType;
 
 	/**
@@ -38,7 +37,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.129.0
+	 * @version 1.130.1
 	 * @since 1.34
 	 *
 	 * @public
@@ -558,11 +557,15 @@ sap.ui.define([
 				sColor = this.getColorPalette()[iCpIndex++].trim();
 			}
 
-			if (ValueColor[sColor]) {
+			if (MicroChartColorType.hasOwnProperty(sColor)) {
 				oStyles = this._getCssValues("sapSuiteAMCLine", "sapSuiteAMCSemanticColor" + sColor);
 				return oStyles.color;
+			} else {
+				/**
+				 * @deprecated As of version 1.120
+				 */
+				return Parameters.get(sColor) || sColor;
 			}
-			return Parameters.get(sColor) || sColor;
 		}.bind(this);
 
 		context.lineWidth = parseFloat(oStyles.width);
@@ -1077,12 +1080,12 @@ sap.ui.define([
 	/**
 	 * Retrieves the translated name of the given semantic color from the resource bundle.
 	 *
-	 * @param {sap.m.ValueCSSColor} color The semantic color to be translated.
+	 * @param {sap.suite.ui.microchart.MicroChartColorType} color The semantic color to be translated.
 	 * @returns {string} The translated text.
 	 * @private
 	 */
 	AreaMicroChart.prototype._getLocalizedColorMeaning = function(color) {
-		return ValueColor[color] ? this._oRb.getText(("SEMANTIC_COLOR_" + color).toUpperCase()) : "";
+		return MicroChartColorType.hasOwnProperty(color) ? this._oRb.getText(("SEMANTIC_COLOR_" + color).toUpperCase()) : "";
 	};
 
 	AreaMicroChart.prototype._getAltHeaderText = function(bIsActive) {

package/src/sap/suite/ui/microchart/AreaMicroChartItem.js

@@ -6,10 +6,11 @@
 sap.ui.define([
 	"./library",
 	"sap/ui/core/Element",
-	"./AreaMicroChartPoint"
-], function(library, Element, AreaMicroChartPoint) {
+	"./AreaMicroChartPoint",
+	"sap/suite/ui/microchart/MicroChartUtils"
+], function(library, Element, AreaMicroChartPoint,MicroChartUtils) {
 	"use strict";
-
+	const MicroChartColorType = library.MicroChartColorType;
 	/**
 	 * The configuration of the graphic element on the chart.
 	 *
@@ -21,7 +22,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.129.0
+	 * @version 1.130.1
 	 * @since 1.34
 	 *
 	 * @public
@@ -32,9 +33,11 @@ sap.ui.define([
 			library: "sap.suite.ui.microchart",
 			properties: {
 				/**
-				 * The graphic element color.
+				 * The graphic element color. For SAPUI5 1.x releases, we are going to use string as the type for Micro Charts instead of sap.m.ValueCSSColor.
+				 * The value will only support MicroChartColorType from the SAPUI5 2.0 release.
+				 * @type {sap.suite.ui.microchart.MicroChartColorType | sap.m.ValueCSSColor}
 				 */
-				color: { group: "Misc", type: "sap.m.ValueCSSColor", defaultValue: "Neutral" },
+				color: { group: "Misc", type: "string", defaultValue: MicroChartColorType.Neutral  },
 
 				/**
 				 * The line title.
@@ -56,5 +59,7 @@ sap.ui.define([
 		this.setAggregation("tooltip", "((AltText))", true);
 	};
 
+	MicroChartUtils.extendMicroChartSetColor(AreaMicroChartItem);
+
 	return AreaMicroChartItem;
 });

package/src/sap/suite/ui/microchart/AreaMicroChartLabel.js

@@ -3,10 +3,10 @@
  * (c) Copyright 2009-2024 SAP SE. All rights reserved.
  */
 
-sap.ui.define(['./library', 'sap/ui/core/Element'],
-	function(library, Element) {
+sap.ui.define(['./library', 'sap/ui/core/Element', "sap/suite/ui/microchart/MicroChartUtils"],
+	function(library, Element, MicroChartUtils) {
 	"use strict";
-
+	const MicroChartColorType = library.MicroChartColorType;
 	/**
 	 * Constructor for a new AreaMicroChart control.
 	 *
@@ -17,7 +17,7 @@ sap.ui.define(['./library', 'sap/ui/core/Element'],
 	 * Displays or hides the labels for start and end dates, start and end values, and minimum and maximum values.
 	 * @extends sap.ui.core.Element
 	 *
-	 * @version 1.129.0
+	 * @version 1.130.1
 	 * @since 1.34
 	 *
 	 * @public
@@ -29,9 +29,11 @@ sap.ui.define(['./library', 'sap/ui/core/Element'],
 			properties : {
 
 				/**
-				 * The graphic element color.
+				 * The graphic element color. For SAPUI5 1.x releases, we are going to use string as the type for Micro Charts instead of sap.m.ValueCSSColor.
+				 * The value will only support MicroChartColorType from the SAPUI5 2.0 release.
+				 * @type {sap.suite.ui.microchart.MicroChartColorType | sap.m.ValueCSSColor}
 				 */
-				color: { group: "Misc", type: "sap.m.ValueCSSColor", defaultValue: "Neutral" },
+				color: { group: "Misc", type: "string", defaultValue: MicroChartColorType.Neutral  },
 
 				/**
 				 * The line title.
@@ -41,5 +43,7 @@ sap.ui.define(['./library', 'sap/ui/core/Element'],
 		}
 	});
 
+	MicroChartUtils.extendMicroChartSetColor(AreaMicroChartLabel);
+
 	return AreaMicroChartLabel;
 });

package/src/sap/suite/ui/microchart/AreaMicroChartPoint.js

@@ -18,7 +18,7 @@ sap.ui.define(['./library', 'sap/ui/core/Element'],
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.129.0
+	 * @version 1.130.1
 	 * @since 1.34
 	 *
 	 * @public

package/src/sap/suite/ui/microchart/BulletMicroChart.js

@@ -46,7 +46,7 @@ sap.ui.define([
 	 * <br>Note: You can assign a custom tooltip for this microchart. The custom tooltip can be set using expression binding. When no custom tooltip is defined, the tooltip is generated automatically based on the logic described in {@link sap.ui.core.Element#getTooltip_AsString}. For a combination of a generated and a custom tooltip, use <code>((AltText))</code> inside of the tooltip string. The aggregated data of the microchart can also be customized.
 	 * @extends sap.ui.core.Control
 	 *
-	 * @version 1.129.0
+	 * @version 1.130.1
 	 * @since 1.34
 	 *
 	 * @public

package/src/sap/suite/ui/microchart/BulletMicroChartData.js

@@ -17,7 +17,7 @@ sap.ui.define(['./library', 'sap/ui/core/Element'],
 	 * Contains the thresholds data.
 	 * @extends sap.ui.core.Element
 	 *
-	 * @version 1.129.0
+	 * @version 1.130.1
 	 * @since 1.34
 	 *
 	 * @constructor

package/src/sap/suite/ui/microchart/ColumnMicroChart.js

@@ -24,8 +24,7 @@ sap.ui.define([
 	// shortcut for sap.m.Size
 	var Size = mobileLibrary.Size;
 
-	// shortcut for sap.m.ValueColor
-	var ValueColor = mobileLibrary.ValueColor;
+	const MicroChartColorType = library.MicroChartColorType;
 
 	/**
 	 * Constructor for a new ColumnMicroChart control.
@@ -39,7 +38,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.129.0
+	 * @version 1.130.1
 	 * @since 1.34
 	 *
 	 * @public
@@ -395,7 +394,7 @@ sap.ui.define([
 	};
 
 	ColumnMicroChart.prototype.getLocalizedColorMeaning = function(sColor) {
-		return ValueColor[sColor] ? this._oRb.getText(("SEMANTIC_COLOR_" + sColor).toUpperCase()) : "";
+		return MicroChartColorType.hasOwnProperty(sColor)  ? this._oRb.getText(("SEMANTIC_COLOR_" + sColor).toUpperCase()) : "";
 	};
 
 	ColumnMicroChart.prototype.setSize = function(size) {

package/src/sap/suite/ui/microchart/ColumnMicroChartData.js

@@ -3,10 +3,10 @@
  * (c) Copyright 2009-2024 SAP SE. All rights reserved.
  */
 
-sap.ui.define(['./library', 'sap/ui/core/Element'],
-	function(library, Element) {
+sap.ui.define(['./library', 'sap/ui/core/Element', "sap/suite/ui/microchart/MicroChartUtils"],
+	function(library, Element, MicroChartUtils) {
 	"use strict";
-
+	const MicroChartColorType = library.MicroChartColorType;
 	/**
 	 * Constructor for a new ColumnMicroChartData control.
 	 *
@@ -17,7 +17,7 @@ sap.ui.define(['./library', 'sap/ui/core/Element'],
 	 * Defines the column chart data.
 	 * @extends sap.ui.core.Element
 	 *
-	 * @version 1.129.0
+	 * @version 1.130.1
 	 * @since 1.34
 	 *
 	 * @public
@@ -29,9 +29,11 @@ sap.ui.define(['./library', 'sap/ui/core/Element'],
 			properties : {
 
 				/**
-				 * The graphic element color.
+				 * The graphic element color. For SAPUI5 1.x releases, we are going to use string as the type for Micro Charts instead of sap.m.ValueCSSColor.
+				 * The value will only support MicroChartColorType from the SAPUI5 2.0 release.
+				 * @type {sap.suite.ui.microchart.MicroChartColorType | sap.m.ValueCSSColor}
 				 */
-				color: { group: "Misc", type: "sap.m.ValueCSSColor", defaultValue: "Neutral" },
+				color: { group: "Misc", type: "string", defaultValue: MicroChartColorType.Neutral  },
 
 				/**
 				 * The line title.
@@ -78,6 +80,8 @@ sap.ui.define(['./library', 'sap/ui/core/Element'],
 		return this;
 	};
 
+	MicroChartUtils.extendMicroChartSetColor(ColumnMicroChartData);
+
 	return ColumnMicroChartData;
 
 });

package/src/sap/suite/ui/microchart/ColumnMicroChartLabel.js

@@ -4,10 +4,10 @@
  */
 
 // This control displays the history of values as a line mini chart or an area mini chart.
-sap.ui.define(['./library',	'sap/ui/core/Element'],
-	function(library, Element)	{
+sap.ui.define(['./library',	'sap/ui/core/Element', "sap/suite/ui/microchart/MicroChartUtils"],
+	function(library, Element, MicroChartUtils)	{
 	"use strict";
-
+	const MicroChartColorType = library.MicroChartColorType;
 	/**
 	 * Constructor for a new ColumnMicroChartLabel control.
 	 *
@@ -18,7 +18,7 @@ sap.ui.define(['./library',	'sap/ui/core/Element'],
 	 * Displays or hides the labels of a column micro chart.
 	 * @extends sap.ui.core.Element
 	 *
-	 * @version 1.129.0
+	 * @version 1.130.1
 	 * @since 1.34
 	 *
 	 * @public
@@ -30,9 +30,11 @@ sap.ui.define(['./library',	'sap/ui/core/Element'],
 			properties : {
 
 				/**
-				 * The graphic element color.
+				 * The graphic element color. For SAPUI5 1.x releases, we are going to use string as the type for Micro Charts instead of sap.m.ValueCSSColor.
+				 * The value will only support MicroChartColorType from the SAPUI5 2.0 release.
+				 * @type {sap.suite.ui.microchart.MicroChartColorType | sap.m.ValueCSSColor}
 				 */
-				color: { group: "Misc", type: "sap.m.ValueCSSColor", defaultValue: "Neutral" },
+				color: { group: "Misc", type: "string", defaultValue: MicroChartColorType.Neutral  },
 
 				/**
 				 * The line title.
@@ -42,6 +44,8 @@ sap.ui.define(['./library',	'sap/ui/core/Element'],
 		}
 	});
 
+	MicroChartUtils.extendMicroChartSetColor(ColumnMicroChartLabel);
+
 	return ColumnMicroChartLabel;
 
 });

package/src/sap/suite/ui/microchart/ColumnMicroChartRenderer.js

@@ -14,12 +14,13 @@ sap.ui.define([
 	"use strict";
 
 	// shortcut for sap.m.ValueColor
-	var ValueColor = mobileLibrary.ValueColor;
-	// shortcut for sap.m.ValueCSSColor
 	var ValueCSSColor = mobileLibrary.ValueCSSColor;
 
 	var DEFAULT_ITEM_COLOR = "sapUiChartNeutral";
 
+	const MicroChartColorType = library.MicroChartColorType;
+
+
 	/**
 	 * ColumnMicroChartRenderer renderer.
 	 * @namespace
@@ -234,13 +235,23 @@ sap.ui.define([
 		oRm.style("height", oControl.getHeight());
 	};
 
+	/**
+	* @deprecated As of version 1.120
+	*/
 	ColumnMicroChartRenderer._getHexColor = function (sColor, sDefaultColor) {
 		sColor = ValueCSSColor.isValid(sColor) ? sColor : sDefaultColor;
 		return Parameters.get(sColor) || sColor;
 	};
 
 	ColumnMicroChartRenderer._setHexColor = function (oRm, sColor, sDefaultColor, sStyle) {
-			ValueColor[sColor] ? oRm.class("sapSuiteClMCSemanticColor" + sColor) : oRm.style(sStyle, this._getHexColor(sColor, sDefaultColor));
+		if (MicroChartColorType.hasOwnProperty(sColor)){
+			oRm.class("sapSuiteClMCSemanticColor" + sColor);
+		} else {
+			/**
+			 * @deprecated As of version 1.120
+			 */
+			oRm.style(sStyle, this._getHexColor(sColor, sDefaultColor));
+		}
 	};
 
 	ColumnMicroChartRenderer._writeEdgeLabel = 	function (oRm, oControl, oLabel, sId, sClass, bWideBtmLbl) {

package/src/sap/suite/ui/microchart/ComparisonMicroChart.js

@@ -23,8 +23,7 @@ sap.ui.define([
 ], function(jQuery, library, Control, Device, FlexBox, MicroChartUtils, mobileLibrary, ResizeHandler, ComparisonMicroChartRenderer, Core, Theming, ComparisonMicroChartData,Menu,MenuItem,CoreLib,Localization) {
 	"use strict";
 
-	// shortcut for sap.m.ValueColor
-	var ValueColor = mobileLibrary.ValueColor;
+	const MicroChartColorType = library.MicroChartColorType;
 	var ComparisonMicroChartViewType = library.ComparisonMicroChartViewType;
 	// shortcut for sap.m.Size
 	var Size = mobileLibrary.Size;
@@ -41,7 +40,7 @@ sap.ui.define([
 	 * <br>Note: You can assign a custom tooltip for this microchart. The custom tooltip can be set using expression binding. When no custom tooltip is defined, the tooltip is generated automatically based on the logic described in {@link sap.ui.core.Element#getTooltip_AsString}. For a combination of a generated and a custom tooltip, use <code>((AltText))</code> inside of the tooltip string. The aggregated data of the microchart can also be customized.
 	 * @extends sap.ui.core.Control
 	 *
-	 * @version 1.129.0
+	 * @version 1.130.1
 	 * @since 1.34
 	 *
 	 * @public
@@ -503,7 +502,7 @@ sap.ui.define([
 	};
 
 	ComparisonMicroChart.prototype._getLocalizedColorMeaning = function(sColor) {
-		return ValueColor[sColor] && sColor != 'None' ? this._oRb.getText(("SEMANTIC_COLOR_" + sColor).toUpperCase()) : "";
+		return MicroChartColorType.hasOwnProperty(sColor) && sColor != 'None' ? this._oRb.getText(("SEMANTIC_COLOR_" + sColor).toUpperCase()) : "";
 	};
 
 	ComparisonMicroChart.prototype._getBarAltText = function(iBarIndex) {

package/src/sap/suite/ui/microchart/ComparisonMicroChartData.js

@@ -3,10 +3,10 @@
  * (c) Copyright 2009-2024 SAP SE. All rights reserved.
  */
 
-sap.ui.define(['./library', 'sap/ui/core/Element', 'sap/ui/core/Control','sap/m/library'],
-	function(library, Element, Control,mobileLibrary) {
+sap.ui.define(['./library', 'sap/ui/core/Element', 'sap/ui/core/Control','sap/m/library', "sap/suite/ui/microchart/MicroChartUtils"],
+	function(library, Element, Control,mobileLibrary, MicroChartUtils) {
 	"use strict";
-
+	const MicroChartColorType = library.MicroChartColorType;
 	var Size = mobileLibrary.Size;
 	/**
 	 * Constructor for a new ComparisonMicroChartData.
@@ -18,7 +18,7 @@ sap.ui.define(['./library', 'sap/ui/core/Element', 'sap/ui/core/Control','sap/m/
 	 * Contains the values of the comparison chart.
 	 * @extends sap.ui.core.Element
 	 *
-	 * @version 1.129.0
+	 * @version 1.130.1
 	 * @since 1.34
 	 *
 	 * @constructor
@@ -35,9 +35,11 @@ sap.ui.define(['./library', 'sap/ui/core/Element', 'sap/ui/core/Control','sap/m/
 				value: {type: "float", group: "Misc", defaultValue: "0"},
 
 				/**
-				 * The semantic color of the value.
+				 * The semantic color of the value. For SAPUI5 1.x releases, we are going to use string as the type for Micro Charts instead of sap.m.ValueCSSColor.
+				 * The value will only support MicroChartColorType from the SAPUI5 2.0 release.
+				 * @type {sap.suite.ui.microchart.MicroChartColorType | sap.m.ValueCSSColor}
 				 */
-				color: {type: "sap.m.ValueCSSColor", group: "Misc", defaultValue: "Neutral"},
+				color: { group: "Misc", type: "string", defaultValue: MicroChartColorType.Neutral  },
 
 				/**
 				 * The comparison bar title.
@@ -125,6 +127,9 @@ sap.ui.define(['./library', 'sap/ui/core/Element', 'sap/ui/core/Control','sap/m/
 		}
 	};
 
+	MicroChartUtils.extendMicroChartSetColor(ComparisonMicroChartData);
+
+
 	return ComparisonMicroChartData;
 
 });

package/src/sap/suite/ui/microchart/ComparisonMicroChartRenderer.js

@@ -12,8 +12,7 @@ sap.ui.define([
 	function(library, MicroChartRenderUtils, Parameters, mobileLibrary) {
 	"use strict";
 
-	// shortcut for sap.m.ValueColor
-	var ValueColor = mobileLibrary.ValueColor;
+	const MicroChartColorType = library.MicroChartColorType;
 	// shortcut for sap.m.Size
 	var Size = mobileLibrary.Size;
 
@@ -240,7 +239,7 @@ sap.ui.define([
 
 		oRm.openStart("div", oControl.getId() + "-chart-item-" + iIndex + "-value");
 		oRm.class("sapSuiteCpMCChartItemValue");
-		if (ValueColor[sColor]) {
+		if (MicroChartColorType.hasOwnProperty(sColor)) {
 			oRm.class("sapSuiteCpMCSemanticColor" + oData.getColor());
 		}
 		if (oData.getTitle()) {

package/src/sap/suite/ui/microchart/DeltaMicroChart.js

@@ -5,7 +5,6 @@
 
 sap.ui.define([
 	"./library",
-	"sap/m/library",
 	"sap/m/FlexBox",
 	"sap/ui/core/Control",
 	"sap/ui/core/ResizeHandler",
@@ -16,7 +15,6 @@ sap.ui.define([
 	"sap/ui/core/Theming"
 ], function(
 	library,
-	MobileLibrary,
 	FlexBox,
 	Control,
 	ResizeHandler,
@@ -27,9 +25,7 @@ sap.ui.define([
 	Theming
 ) {
 	"use strict";
-
-	// shortcut for sap.m.ValueColor
-	var ValueColor = MobileLibrary.ValueColor;
+	const MicroChartColorType = library.MicroChartColorType;
 	var DeltaMicroChartViewType = library.DeltaMicroChartViewType;
 
 	/**
@@ -44,7 +40,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.129.0
+	 * @version 1.130.1
 	 * @since 1.34
 	 *
 	 * @public
@@ -92,9 +88,10 @@ sap.ui.define([
 				deltaDisplayValue: {type: "string", group: "Misc", defaultValue: null},
 
 				/**
-				 * The semantic color of the delta value.
+				 * The semantic color of the delta value. For SAPUI5 1.x releases, we are going to use string as the type for Micro Charts instead of sap.m.ValueCSSColor.
+				 * The value will only support MicroChartColorType from the SAPUI5 2.0 release.
 				 */
-				color: {type: "sap.m.ValueCSSColor", group: "Misc", defaultValue: "Neutral"},
+				color: { group: "Misc", type: "string", defaultValue: MicroChartColorType.Neutral  },
 
 				/**
 				 * The view of the chart. If not set, the <code>Normal</code> view is used by default.
@@ -244,7 +241,7 @@ sap.ui.define([
 	};
 
 	DeltaMicroChart.prototype._getLocalizedColorMeaning = function(sColor) {
-		return ValueColor[sColor] ? this._oRb.getText(("SEMANTIC_COLOR_" + sColor).toUpperCase()) : "";
+		return MicroChartColorType.hasOwnProperty(sColor) ? this._oRb.getText(("SEMANTIC_COLOR_" + sColor).toUpperCase()) : "";
 	};
 
 	DeltaMicroChart.prototype._getAltHeaderText = function(bIsActive) {
@@ -434,6 +431,7 @@ sap.ui.define([
 	};
 
 	MicroChartUtils.extendMicroChart(DeltaMicroChart);
+	MicroChartUtils.extendMicroChartSetColor(DeltaMicroChart);
 
 	return DeltaMicroChart;
 });

package/src/sap/suite/ui/microchart/DeltaMicroChartRenderer.js

@@ -6,14 +6,12 @@
 sap.ui.define([
 	    './library',
 		'sap/suite/ui/microchart/MicroChartRenderUtils',
-		'sap/ui/core/theming/Parameters',
-		'sap/m/library'
+		'sap/ui/core/theming/Parameters'
 	],
-	function(library, MicroChartRenderUtils, Parameters, MobileLibrary) {
+	function(library, MicroChartRenderUtils, Parameters) {
 	"use strict";
 
-	// shortcut for sap.m.ValueColor
-	var ValueColor = MobileLibrary.ValueColor;
+	const MicroChartColorType = library.MicroChartColorType;
 	var DeltaMicroChartViewType = library.DeltaMicroChartViewType;
 
 	/**
@@ -51,9 +49,12 @@ sap.ui.define([
 			var sColor = oControl.getColor();
 
 			var fnSetColor = function(sColor, sStyle) {
-				if (ValueColor[sColor]) {
+				if (MicroChartColorType.hasOwnProperty(sColor)) {
 					oRm.class("sapSuiteDMCSemanticColor" + sColor);
 				} else {
+					/**
+					 * @deprecated As of version 1.120
+					 */
 					oRm.style(sStyle, Parameters.get(sColor) || sColor);
 				}
 			};

package/src/sap/suite/ui/microchart/HarveyBallMicroChart.js

@@ -5,7 +5,6 @@
 
 sap.ui.define([
 	"./library",
-	"sap/m/library",
 	"sap/ui/core/Control",
 	"sap/ui/Device",
 	"sap/ui/events/KeyCodes",
@@ -15,11 +14,10 @@ sap.ui.define([
 	"sap/ui/core/Core",
 	"sap/ui/core/Theming",
 	"./HarveyBallMicroChartItem"
-], function (library, MobileLibrary, Control, Device, KeyCodes, MicroChartUtils, ResizeHandler, HarveyBallMicroChartRenderer, Core, Theming, HarveyBallMicroChartItem) {
+], function (library, Control, Device, KeyCodes, MicroChartUtils, ResizeHandler, HarveyBallMicroChartRenderer, Core, Theming, HarveyBallMicroChartItem) {
 	"use strict";
 
-	// shortcut for sap.m.ValueColor
-	var ValueColor = MobileLibrary.ValueColor;
+	const MicroChartColorType = library.MicroChartColorType;
 
 	/**
 	 * Constructor for a new HarveyBallMicroChart.
@@ -35,7 +33,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.129.0
+	 * @version 1.130.1
 	 * @since 1.34
 	 *
 	 * @public
@@ -190,7 +188,7 @@ sap.ui.define([
 				return;
 			}
 
-			var sColor = (this.getColorPalette().length === 0 && ValueColor[sItemColor]) ? this._oRb.getText(("SEMANTIC_COLOR_" + sItemColor).toUpperCase()) : "";
+			var sColor = (this.getColorPalette().length === 0 && MicroChartColorType.hasOwnProperty(sItemColor)) ? this._oRb.getText(("SEMANTIC_COLOR_" + sItemColor).toUpperCase()) : "";
 			var sLabel = oItem.getFractionLabel();
 			var sScale = oItem.getFractionScale();
 			if (!sLabel && sScale) {

package/src/sap/suite/ui/microchart/HarveyBallMicroChartItem.js

@@ -5,10 +5,11 @@
 
 sap.ui.define([
 	"./library",
-	"sap/ui/core/Element"
-], function(library, Element)	{
+	"sap/ui/core/Element",
+	"sap/suite/ui/microchart/MicroChartUtils"
+], function(library, Element, MicroChartUtils)	{
 	"use strict";
-
+	const MicroChartColorType = library.MicroChartColorType;
 	/**
 	 * Constructor for a new HarveyBallMicroChartItem to be used in a {@link sap.suite.ui.microchart.HarveyBallMicroChart}.
 	 *
@@ -20,7 +21,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.129.0
+	 * @version 1.130.1
 	 * @since 1.34
 	 *
 	 * @public
@@ -35,8 +36,11 @@ sap.ui.define([
 				 * The color of the sector representing the fraction value.<br>The same color is used for the fraction
 				 * value label defined either by the <code>fraction</code> property or by the <code>fractionLabel</code>
 				 * property.
+				 * For SAPUI5 1.x releases, we are going to use string as the type for Micro Charts instead of sap.m.ValueCSSColor.
+				 * The value will only support MicroChartColorType from the SAPUI5 2.0 release.
+				 * @type {sap.suite.ui.microchart.MicroChartColorType | sap.m.ValueCSSColor}
 				 */
-				color: { group: "Misc", type: "sap.m.ValueCSSColor", defaultValue: "Neutral" },
+				color: { group: "Misc", type: "string", defaultValue: MicroChartColorType.Neutral  },
 
 				/**
 				 * The fraction value that defines the size of the colored sector.
@@ -73,5 +77,8 @@ sap.ui.define([
 		this.setAggregation("tooltip", "((AltText))", true);
 	};
 
+	MicroChartUtils.extendMicroChartSetColor(HarveyBallMicroChartItem);
+
+
 	return HarveyBallMicroChartItem;
 });