@sapui5/sap.viz 1.142.0 → 1.143.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sapui5/sap.viz",
-  "version": "1.142.0",
+  "version": "1.143.0",
   "description": "SAPUI5 Library sap.viz",
   "homepage": "https://ui5.github.io/cli/pages/SAPUI5/",
   "author": "SAP SE (https://www.sap.com)",

package/src/sap/viz/.library

@@ -5,7 +5,7 @@
 	<vendor>SAP SE</vendor>
 	<copyright>SAPUI5
  * (c) Copyright 2025 SAP SE. All rights reserved.</copyright>
-	<version>1.142.0</version>
+	<version>1.143.0</version>
 
 	<documentation>Chart controls based on the SAP BI CVOM charting library</documentation>
 

package/src/sap/viz/library.js

@@ -283,7 +283,7 @@ sap.ui.define([
 
 			//@@end generated-elements-list
 		],
-		version: "1.142.0"
+		version: "1.143.0"
 	});
 
 	//@@begin generated-enums
@@ -2086,9 +2086,6 @@ sap.ui.define([
 		// Set template to viz
 		thisLib._changeTemplate('standard_fiori');
 		var colorArray = [
-			// new parameter mapping list
-			// refer to JIRA BITSDC2-6338
-			// Qualitative color
 			'sapUiChartPaletteQualitativeHue1',
 			'sapUiChartPaletteQualitativeHue2',
 			'sapUiChartPaletteQualitativeHue3',
@@ -2179,6 +2176,28 @@ sap.ui.define([
 			'sapUiCriticalElement',
 			'sapUiPositiveElement',
 			'sapUiNeutralElement',
+			// new parameter mapping list
+			// refer to JIRA BITSDC2-6338
+			// Qualitative color
+			'sapChart_OrderedColor_1',
+			'sapChart_OrderedColor_2',
+			'sapChart_OrderedColor_3',
+			'sapChart_OrderedColor_4',
+			'sapChart_OrderedColor_5',
+			'sapChart_OrderedColor_6',
+			'sapChart_OrderedColor_7',
+			'sapChart_OrderedColor_8',
+			'sapChart_OrderedColor_9',
+			'sapChart_OrderedColor_10',
+			'sapChart_OrderedColor_11',
+			// sapUiChartPaletteQualitativeHue12,...sapUiChartPaletteQualitativeHue122
+			// mapping to sapChart_Sequence_1_Minus2 ... sapChart_Sequence_11_Minus2
+
+			// Semantic color
+			// sapUiChartPaletteNoSemDiv1 mapping to sapChart_Sequence_12_Minus2 ... sapChart_Sequence_12_Plus3
+
+			'sapChart_ChoroplethRegion_Background',
+			'sapChart_LineColor_3',
 
 			// extended colors
 			// Semantic border styles
@@ -2190,6 +2209,8 @@ sap.ui.define([
 
 			// New border colors
 			'sapChart_Sequence_1_BorderColor',
+			'sapChart_Sequence_2_BorderColor',
+			'sapChart_Sequence_3_BorderColor',
 			'sapChart_Sequence_6_BorderColor',
 			'sapChart_Sequence_12_BorderColor',
 
@@ -2352,12 +2373,54 @@ sap.ui.define([
 			'sapChart_Sequence_3',
 			'sapChart_Sequence_3_Minus1',
 			'sapChart_Sequence_3_Minus2',
+			'sapChart_Sequence_4_Plus3',
+			'sapChart_Sequence_4_Plus2',
+			'sapChart_Sequence_4_Plus1',
+			'sapChart_Sequence_4',
+			'sapChart_Sequence_4_Minus1',
+			'sapChart_Sequence_4_Minus2',
+			'sapChart_Sequence_5_Plus3',
+			'sapChart_Sequence_5_Plus2',
+			'sapChart_Sequence_5_Plus1',
+			'sapChart_Sequence_5',
+			'sapChart_Sequence_5_Minus1',
+			'sapChart_Sequence_5_Minus2',
 			'sapChart_Sequence_6_Plus3',
 			'sapChart_Sequence_6_Plus2',
 			'sapChart_Sequence_6_Plus1',
 			'sapChart_Sequence_6',
 			'sapChart_Sequence_6_Minus1',
 			'sapChart_Sequence_6_Minus2',
+			'sapChart_Sequence_7_Plus3',
+			'sapChart_Sequence_7_Plus2',
+			'sapChart_Sequence_7_Plus1',
+			'sapChart_Sequence_7',
+			'sapChart_Sequence_7_Minus1',
+			'sapChart_Sequence_7_Minus2',
+			'sapChart_Sequence_8_Plus3',
+			'sapChart_Sequence_8_Plus2',
+			'sapChart_Sequence_8_Plus1',
+			'sapChart_Sequence_8',
+			'sapChart_Sequence_8_Minus1',
+			'sapChart_Sequence_8_Minus2',
+			'sapChart_Sequence_9_Plus3',
+			'sapChart_Sequence_9_Plus2',
+			'sapChart_Sequence_9_Plus1',
+			'sapChart_Sequence_9',
+			'sapChart_Sequence_9_Minus1',
+			'sapChart_Sequence_9_Minus2',
+			'sapChart_Sequence_10_Plus3',
+			'sapChart_Sequence_10_Plus2',
+			'sapChart_Sequence_10_Plus1',
+			'sapChart_Sequence_10',
+			'sapChart_Sequence_10_Minus1',
+			'sapChart_Sequence_10_Minus2',
+			'sapChart_Sequence_11_Plus3',
+			'sapChart_Sequence_11_Plus2',
+			'sapChart_Sequence_11_Plus1',
+			'sapChart_Sequence_11',
+			'sapChart_Sequence_11_Minus1',
+			'sapChart_Sequence_11_Minus2',
 			'sapChart_Sequence_12_Plus3',
 			'sapChart_Sequence_12_Plus2',
 			'sapChart_Sequence_12_Plus1',

package/src/sap/viz/libs/sap-viz-info-charts.js

@@ -18663,6 +18663,70 @@ define('sap/viz/chart/behavior/config/HighlightHelper',[
         return null;
     }
 
+    function setRectCache(e, rectCache) {
+        var dataId = DataPointUtils.getDataPointId(e);
+        if (!rectCache[dataId]) {
+            rectCache[dataId] = e.innerHTML;
+        }
+    }
+    function getRectCache(e, rectCache) {
+        var dataId = DataPointUtils.getDataPointId(e);
+        return rectCache[dataId];
+    }
+    function resetRectCache(rectCache) {
+        for (var key in rectCache) {
+            if (rectCache.hasOwnProperty(key)) {
+                delete rectCache[key];
+            }
+        }
+    }
+
+    function mergeRectContent(e, rectCache) {
+        var currentRectHTML = e.innerHTML;
+        var cachedRectHTML = getRectCache(e, rectCache);
+        var mergedHTML = mergeHTMLContent(cachedRectHTML, currentRectHTML);
+        e.innerHTML = mergedHTML;
+    }
+
+    function mergeHTMLContent(cachedHTML, currentHTML) {
+        if (!cachedHTML) {
+            return currentHTML;
+        }
+        var tempDiv = document.createElement('div');
+        tempDiv.innerHTML = cachedHTML;
+
+        var currentDiv = document.createElement('div');
+        currentDiv.innerHTML = currentHTML;
+
+        var cachedRect = tempDiv.querySelector('rect');
+        var currentRect = currentDiv.querySelector('rect');
+
+        if (cachedRect && currentRect) {
+            var mergedRect = cachedRect.cloneNode(true);
+            var styleAttributes = ['stroke', 'stroke-width', 'fill', 'fill-opacity', 'stroke-opacity', 'opacity'];
+            styleAttributes.forEach(function (attr) {
+                if (currentRect.hasAttribute(attr)) {
+                    mergedRect.setAttribute(attr, currentRect.getAttribute(attr));
+                }
+            });
+            tempDiv.replaceChild(mergedRect, cachedRect);
+        }
+        var cachedG = tempDiv.querySelector('g');
+        var currentG = currentDiv.querySelector('g');
+
+        if (cachedG && currentG) {
+            var mergedG = cachedG.cloneNode(true);
+            var gStyleAttributes = ['fill-opacity'];
+            gStyleAttributes.forEach(function (attr) {
+                if (currentG.hasAttribute(attr)) {
+                    mergedG.setAttribute(attr, currentG.getAttribute(attr));
+                }
+            });
+            tempDiv.replaceChild(mergedG, cachedG);
+        }
+        return tempDiv.innerHTML;
+    }
+
     var helper = {
         transformColor: transformColor,
         turnToArray: turnToArray,
@@ -18673,7 +18737,11 @@ define('sap/viz/chart/behavior/config/HighlightHelper',[
         getWidth : getWidth,
         getDeselAllExTargets: getDeselAllExTargets,
         getLayerCoord: getLayerCoord,
-        tryToFindNode: tryToFindNode
+        tryToFindNode: tryToFindNode,
+        setRectCache: setRectCache,
+        getRectCache: getRectCache,
+        resetRectCache: resetRectCache,
+        mergeRectContent: mergeRectContent,
     };
 
     return helper;
@@ -20700,6 +20768,8 @@ define('sap/viz/chart/behavior/config/handler/DataPointBehaviorHandler',[
 
     var getColors = HighlightHelper.getColors;
 
+    var rectCache = {};
+
     function checkColorContrast(fill, bgcolor, threshold) {
         if (fill && bgcolor) {
             var ratioObj = ColorUtil.checkColorContrast(bgcolor, fill, threshold);
@@ -21780,6 +21850,7 @@ define('sap/viz/chart/behavior/config/handler/DataPointBehaviorHandler',[
             }else{
                 var dataId = DataPointUtils.getDataPointId(e);
                 var dataPoint = dataModel.getDataPoint(dataId);
+                HighlightHelper.setRectCache(e, rectCache);
                 if (dataPoint) {
                     var shape = getShape(plot, dataPoint);
                     if(shape === "line"){
@@ -21993,9 +22064,14 @@ define('sap/viz/chart/behavior/config/handler/DataPointBehaviorHandler',[
                             HighlightHelper.drawStroke(service, e, 'rect', prop.stroke, width, undefined, extraData);
                         }
                         HighlightHelper.drawFill(service, e, 'rect, path', prop, isMarkerRendererExist);
+                        var hasInnerStroke = ACCStyleUtils.isTreeMapOrHeatMap(service._getChartType());
+                        if (hasInnerStroke) {
+                            HighlightHelper.mergeRectContent(e, rectCache);
+                        }
                     }
                 }
             });
+            HighlightHelper.resetRectCache(rectCache);
         }
     };
 
@@ -51145,7 +51221,10 @@ define('sap/viz/chart/components/renderers/BarRenderer',[ "sap/viz/framework/com
                     node.setAttribute('stroke', graphic.stroke);
                     node.setAttribute('stroke-width', graphic.strokeWidth);
                 }
-            }           
+            }
+            if (graphic.innerStroke && graphic.innerStroke.visible) {
+                node._innerStrokeConfig = config;
+            }
         }
 
         DataGraphics.setCustomizationInfo(node, {'defaultRenderer' : true});
@@ -79159,7 +79238,8 @@ define('sap/viz/chart/components/plots/treemap/TreeMapPlot',[
     'sap/viz/chart/components/renderers/TreeMapDimensionLabelRenderer',
     "sap/viz/chart/components/accessibility/ChartComponentNavigatorFactory",
     "sap/viz/chart/components/accessibility/TreeMapDataPointNavigator",
-    "sap/viz/chart/components/util/ChartConstants"
+    "sap/viz/chart/components/util/ChartConstants",
+    "sap/viz/framework/common/util/ACCStyleUtils"
 ], function Setup(oo,
     TypeUtils,
     TextUtils,
@@ -79178,7 +79258,8 @@ define('sap/viz/chart/components/plots/treemap/TreeMapPlot',[
     TreeMapDimensionLabelRenderer,
     ChartNavigator,
     DataPointNavigator,
-    ChartConstants) {
+    ChartConstants,
+    ACCStyleUtils) {
 
     var m_className = "v-treemap", 
         m_classNameItem = "v-treemapitem", 
@@ -79335,6 +79416,24 @@ define('sap/viz/chart/components/plots/treemap/TreeMapPlot',[
         }
     };
 
+    TreeMapPlot.prototype._buildWrapperConfig = function (data, position, context, option) {
+        var config = TreeMapPlot.superclass._buildWrapperConfig.apply(this, arguments);
+
+        var enableAccUpdates = this._properties.origin.get('interaction.enableAccUpdates') || false;
+        if (enableAccUpdates) {
+            config.graphic.innerStroke = {
+                color: ACCStyleUtils.getBorderColor(config.graphic.fill),
+                width: ACCStyleUtils.getBorderWidth(),
+                visible: true,
+                rectDifference: 2,
+                x: 0,
+                y: 0
+            };
+        }
+
+        return config;
+    };
+
     function setupItems(gItems, plot, option){
         gItems.each(function(d) {
             var dpConfig = plot._buildWrapperConfig(d.rawdata, {width:d.width, height:d.height}, d.ctx, option);
@@ -79342,7 +79441,11 @@ define('sap/viz/chart/components/plots/treemap/TreeMapPlot',[
             d.color = dpData.color;
             DataGraphics.setData(this, dpData);
             DataPointUtils.setDataPointId(this, d.rawdata.dp.id);
-        }); 
+            d.innerStrokeConfig = (dpConfig && 
+                                    dpConfig.graphic && 
+                                    dpConfig.graphic.innerStroke && 
+                                    dpConfig.graphic.innerStroke.visible) ? dpConfig : null;
+        });
     }
     
     TreeMapPlot.prototype._drawTreeMapItems = function(treeLevelRoot, rectObjs, redrawAll, iLevel,
@@ -79408,6 +79511,7 @@ define('sap/viz/chart/components/plots/treemap/TreeMapPlot',[
             });
             return rectRes;
         };
+        var innerStrokeNodes = [];
         var drawRect = function(rect) {
             var rectRes = rect.attr("x", function(d) {
                 return (isLeafItem) ? (0) : (d.left + padding);
@@ -79432,6 +79536,13 @@ define('sap/viz/chart/components/plots/treemap/TreeMapPlot',[
             .attr('stroke-width', function(d) {
                 return isLeafItem ? d.strokeWidth : undefined;
             });
+            rectRes.each(function (d) {
+                var rectNode = this;
+                if (isLeafItem && iLevel > 0 && d.innerStrokeConfig) {
+                    rectNode._innerStrokeConfig = d.innerStrokeConfig;
+                    innerStrokeNodes.push(rectNode);
+                }
+            });
             if (!isLeafItem) {
                 rectRes.attr("fill-opacity", 1);
             }
@@ -79515,6 +79626,12 @@ define('sap/viz/chart/components/plots/treemap/TreeMapPlot',[
             }
             //add labels
             drawLabels(gItems, this._labelVisibility);
+            innerStrokeNodes.forEach(function (rectNode) {
+                if (rectNode._innerStrokeConfig) {
+                    ACCStyleUtils.renderInnerStroke(rectNode._innerStrokeConfig, rectNode);
+                    delete rectNode._innerStrokeConfig;
+                }
+            });
         }
    
         //draw children recursively
@@ -81696,6 +81813,7 @@ define('sap/viz/chart/behavior/config/DataPointBehaviorConfigForTreeMap',[
     var treeType = [
         "info/treemap"
     ];
+    var rectCache = {};
     treeType = ChartTypeUtils.addTrellisType(treeType);
     var CSS_CLASS = Constants.CSS.CLASS;
 
@@ -81751,6 +81869,7 @@ define('sap/viz/chart/behavior/config/DataPointBehaviorConfigForTreeMap',[
             var elements = HighlightHelper.turnToArray(event.data.targets);
             var prop = service.getProperties().get('interaction.hover');
             elements.forEach(function(e) {
+                HighlightHelper.setRectCache(e, rectCache);
                 if (!event.data.byKeyboard) {
                     HighlightHelper.drawStroke(service, e, 'rect', prop.stroke, 2);
                 }
@@ -81782,7 +81901,9 @@ define('sap/viz/chart/behavior/config/DataPointBehaviorConfigForTreeMap',[
                 HighlightHelper.drawStroke(service, e, 'rect', prop.stroke, 1);
                 HighlightHelper.drawFill(service, e, 'rect', prop,
                         TypeUtils.isExist(service.getProperties().get('plotArea.markerRenderer')));
+                HighlightHelper.mergeRectContent(e, rectCache);
             });
+            HighlightHelper.resetRectCache(rectCache);
         }
     }, {
         "id": "clearPlot_tree",
@@ -82463,6 +82584,17 @@ define('sap/viz/chart/components/plots/HeatMapPlot',[
             effectManager: this._effectManager,
             categoryAxis : dpConfig.categoryAxis
         };
+        var enableAccUpdates = this._properties.origin.get('interaction.enableAccUpdates') || false;
+        if (enableAccUpdates) {
+            config.graphic.innerStroke = {
+                color: ACCStyleUtils.getBorderColor(config.graphic.fill),
+                width: ACCStyleUtils.getBorderWidth(),
+                visible: true,
+                rectDifference: 1,
+                x: 0.5,
+                y: 0.5
+            };
+        }
         if(this._strokeProp && this._strokeProp.visible && config.graphic) {
             config.graphic.stroke = this._strokeProp.color;
             config.graphic.strokeWidth = '1px';
@@ -82713,6 +82845,7 @@ define('sap/viz/chart/components/plots/HeatMapPlot',[
         var options = {
             disableSemantic: false
         };
+        var innerStrokeNodes = [];
         for(dpNum = 0; dpNum < dpConfigArray.length; dpNum++){
             dpConfig = dpConfigArray[dpNum];
             dpConfig.options = options;
@@ -82728,8 +82861,18 @@ define('sap/viz/chart/components/plots/HeatMapPlot',[
             Constants.CSS.CLASS.MORPHABLEDATAPOINT + ' ' + Constants.CSS.CLASS.DATAPOINTDEFAULT);
             dpTranslateNode.setAttribute("transform", 'translate(' + dpConfig.x + "," + dpConfig.y + ')');
             dataPointG.appendChild(dpTranslateNode);
+            var rectNode = dpTranslateNode.querySelector("rect");
+            if (rectNode && rectNode._innerStrokeConfig) {
+                innerStrokeNodes.push(rectNode);
+            }
         }
         selection.node().appendChild(dataPointG);
+        innerStrokeNodes.forEach(function(rectNode) {
+            if (rectNode._innerStrokeConfig) {
+                ACCStyleUtils.renderInnerStroke(rectNode._innerStrokeConfig, rectNode);
+                delete rectNode._innerStrokeConfig;
+            }
+        });
         this._drawHeatMapDataLabels(selection);
     };
 

package/src/sap/viz/libs/sap-viz-info-framework.js

@@ -38164,7 +38164,6 @@ define('sap/viz/framework/common/util/ACCStyleUtils',['sap/viz/framework/common/
         var DEFAULT_BORDER_WIDTH_NAME = 'sapElement_BorderWidth';
 
         var colorMapping = {
-            // Semantic colors
             'sapUiChartPaletteSemanticBadLight3': 'sapChart_Sequence_Bad_Plus3',
             'sapUiChartPaletteSemanticBadLight2': 'sapChart_Sequence_Bad_Plus2',
             'sapUiChartPaletteSemanticBadLight1': 'sapChart_Sequence_Bad_Plus1',
@@ -38259,11 +38258,11 @@ define('sap/viz/framework/common/util/ACCStyleUtils',['sap/viz/framework/common/
             'sapUiChartPaletteQualitativeHue20': 'sapChart_Sequence_9_Minus2',
             'sapUiChartPaletteQualitativeHue21': 'sapChart_Sequence_10_Minus2',
             'sapUiChartPaletteQualitativeHue22': 'sapChart_Sequence_11_Minus2',
-
 			'sapUiNegativeElement': 'sapChart_Sequence_Bad',
 			'sapUiCriticalElement': 'sapChart_Sequence_Critical',
 			'sapUiPositiveElement': 'sapChart_Sequence_Good',
 			'sapUiNeutralElement': 'sapChart_Sequence_Neutral',
+            'sapChart_ChoroplethRegion_Background': ''
         };
         var themeMapping = {
             "sap_horizon_fiori__merged_with_cvom_by_vizframe[]": "HORIZON",
@@ -38345,8 +38344,12 @@ define('sap/viz/framework/common/util/ACCStyleUtils',['sap/viz/framework/common/
                 }
                 if (colorMapping[lookupKey]) {
                     return colorMapping[lookupKey];
-                } else if (stringIncludes(cssName, 'Sequence')) {
+                } else if (stringIncludes(cssName, 'Sequence') || 
+                    stringIncludes(cssName, 'OrderedColor')) {
                     return cssName;
+                } else if (stringIncludes(lookupKey, 'Sequence') || 
+                    stringIncludes(lookupKey, 'OrderedColor')){
+                    return lookupKey;
                 } else {
                     return null;
                 }
@@ -38371,7 +38374,10 @@ define('sap/viz/framework/common/util/ACCStyleUtils',['sap/viz/framework/common/
             getBorderColor: function (cssName) {
                 var borderColorName = this.getBorderColorName(cssName);
 
-                if (!borderColorName || borderColorName === cssName) {
+                if (!borderColorName) {
+                    return null;
+                }
+                if (borderColorName === cssName) {
                     return cssName;
                 }
 
@@ -38451,6 +38457,63 @@ define('sap/viz/framework/common/util/ACCStyleUtils',['sap/viz/framework/common/
                     'info/100_dual_stacked_bar'
                 ];
                 return excludeChart.indexOf(chartType) >= 0 ? true : false;
+            },
+            isTreeMapOrHeatMap: function (chartType) {
+                var charTypes = ['info/heatmap', 'info/treemap'];
+                return charTypes.indexOf(chartType) >= 0 ? true : false;
+            },
+            renderInnerStroke: function (config, rectNode) {
+                if (!config.graphic.innerStroke || !config.graphic.innerStroke.visible) {
+                    return;
+                }
+
+                var innerStroke = config.graphic.innerStroke;
+                var width = parseFloat(config.graphic.width);
+                var height = parseFloat(config.graphic.height);
+                var originalWidth = innerStroke.width;
+                var numericWidth;
+                if (typeof originalWidth === 'string') {
+                    numericWidth = parseFloat(originalWidth.replace(/[^\d.-]/g, ''));
+                } else {
+                    numericWidth = parseFloat(originalWidth);
+                }
+
+                var strokeWidth = isNaN(numericWidth) ? 4 : numericWidth * 4;
+
+                var dataId = Math.random().toString(36).slice(2);
+                var clipId = "inner-stroke-clip-" + dataId;
+
+                var svg = rectNode.ownerSVGElement || rectNode.closest("svg");
+                var defs = d3.select(svg).select("defs");
+                if (defs.empty()) {
+                    defs = d3.select(svg).append("defs");
+                }
+
+                var clipPath = defs.select("#" + clipId);
+                if (clipPath.empty()) {
+                    clipPath = defs.append("clipPath").attr("id", clipId);
+                    clipPath.append("rect");
+                }
+                clipPath.select("rect")
+                    .attr("x", innerStroke.x)
+                    .attr("y", innerStroke.y)
+                    .attr("width", Math.max(0, width - innerStroke.rectDifference))
+                    .attr("height", Math.max(0, height - innerStroke.rectDifference));
+
+                d3.select(rectNode)
+                    .attr("stroke", innerStroke.color)
+                    .attr("stroke-width", strokeWidth)
+                    .attr("clip-path", "url(#" + clipId + ")");
+            },
+            extractRectDimensions: function (rectString) {
+                var widthMatch = rectString.match(/width="([^"]+)"/);
+                var width = widthMatch ? parseFloat(widthMatch[1]) : null;
+                var heightMatch = rectString.match(/height="([^"]+)"/);
+                var height = heightMatch ? parseFloat(heightMatch[1]) : null;
+                return {
+                    width: width,
+                    height: height
+                };
             }
         };
 

package/src/sap/viz/themes/base/shared.less

@@ -368,6 +368,26 @@ html[data-sap-ui-browser^=ed] .viz-controls-chartPopover .viz-controls-chartPopo
   content: "";
 }
 
+.viz-controls-chartPopover .viz-controls-chartPopover-contentPanel .sapUiFormLblColon {
+    td:not(.sapUiGridLabelFull),
+    .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > :not(.sapUiRespGridSpanS12),
+    .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > :not(.sapUiRespGridSpanM12),
+    .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > :not(.sapUiRespGridSpanL12),
+    .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > :not(.sapUiRespGridSpanXL12),
+    .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child:not(.sapUiRFLFullLength) > .sapUiRFLContainerContent,
+    .sapUiFormCL.sapUiFormCLSmallColumns :not(.sapUiFormCLCellsS12),
+    .sapUiFormCL.sapUiFormCLWideColumns :not(.sapUiFormCLCellsL12) {
+       &.sapUiFormElementLbl > .sapMLabel {
+          .sapMLabelInner {
+            //related incident: DINC0668926
+            //overriding ui5 css selector which causes label to not be aligned correctly
+             justify-content: flex-start !important;
+          }
+       }
+    }
+}
+
+
 html[dir=rtl] .viz-controls-chartPopover .viz-controls-chartPopover-measure-value{
   text-align: right !important;
 }

package/src/sap/viz/ui5/controls/common/helpers/DefaultPropertiesHelper.js

@@ -84,36 +84,36 @@ sap.ui.define(['sap/viz/ui5/format/ChartFormatter', 'sap/ui/Device', "sap/ui/thi
 
         var FIORI_DUAL_PROPS = {
             'plotArea': {
-                'primaryValuesColorPalette': ['sapUiChartPaletteSequentialHue1',
-                    'sapUiChartPaletteSequentialHue1Light2',
-                    'sapUiChartPaletteSequentialHue1Dark1'
+                'primaryValuesColorPalette': ['sapChart_Sequence_1',
+                    'sapChart_Sequence_1_Plus2',
+                    'sapChart_Sequence_1_Minus1'
                 ],
-                'secondaryValuesColorPalette': ['sapUiChartPaletteSequentialHue2',
-                    'sapUiChartPaletteSequentialHue2Light2',
-                    'sapUiChartPaletteSequentialHue2Dark1'
+                'secondaryValuesColorPalette': ['sapChart_Sequence_2',
+                    'sapChart_Sequence_2_Plus2',
+                    'sapChart_Sequence_2_Minus1'
                 ]
             },
             "valueAxis": {
                 "title": {
                     "style": {
-                        "color": "sapUiChartPaletteSequentialHue1Dark1"
+                        "color": "sapChart_Sequence_1_Minus1"
                     }
                 },
                 "axisLine": {
                     "visible": false
                 },
-                "color": "sapUiChartPaletteSequentialHue1Dark1"
+                "color": "sapChart_Sequence_1_Minus1"
             },
             "valueAxis2": {
                 "title": {
                     "style": {
-                        "color": "sapUiChartPaletteSequentialHue2Dark1"
+                        "color": "sapChart_Sequence_2_Minus1"
                     }
                 },
                 "axisLine": {
                     "visible": false
                 },
-                "color": "sapUiChartPaletteSequentialHue2Dark1"
+                "color": "sapChart_Sequence_2_Minus1"
             }
         };
 
@@ -213,49 +213,50 @@ sap.ui.define(['sap/viz/ui5/format/ChartFormatter', 'sap/ui/Device', "sap/ui/thi
                     "dataUpdating": false,
                     "resizing": false
                 },
-                'colorPalette': ['sapUiChartPaletteQualitativeHue1',
-                    'sapUiChartPaletteQualitativeHue2',
-                    'sapUiChartPaletteQualitativeHue3',
-                    'sapUiChartPaletteQualitativeHue4',
-                    'sapUiChartPaletteQualitativeHue5',
-                    'sapUiChartPaletteQualitativeHue6',
-                    'sapUiChartPaletteQualitativeHue7',
-                    'sapUiChartPaletteQualitativeHue8',
-                    'sapUiChartPaletteQualitativeHue9',
-                    'sapUiChartPaletteQualitativeHue10',
-                    'sapUiChartPaletteQualitativeHue11',
-                    'sapUiChartPaletteQualitativeHue12',
-                    'sapUiChartPaletteQualitativeHue13',
-                    'sapUiChartPaletteQualitativeHue14',
-                    'sapUiChartPaletteQualitativeHue15',
-                    'sapUiChartPaletteQualitativeHue16',
-                    'sapUiChartPaletteQualitativeHue17',
-                    'sapUiChartPaletteQualitativeHue18',
-                    'sapUiChartPaletteQualitativeHue19',
-                    'sapUiChartPaletteQualitativeHue20',
-                    'sapUiChartPaletteQualitativeHue21',
-                    'sapUiChartPaletteQualitativeHue22'
+                'colorPalette': [
+                    'sapChart_OrderedColor_1',
+                    'sapChart_OrderedColor_2',
+                    'sapChart_OrderedColor_3',
+                    'sapChart_OrderedColor_4',
+                    'sapChart_OrderedColor_5',
+                    'sapChart_OrderedColor_6',
+                    'sapChart_OrderedColor_7',
+                    'sapChart_OrderedColor_8',
+                    'sapChart_OrderedColor_9',
+                    'sapChart_OrderedColor_10',
+                    'sapChart_OrderedColor_11',
+                    'sapChart_Sequence_1_Minus2',
+                    'sapChart_Sequence_2_Minus2',
+                    'sapChart_Sequence_3_Minus2',
+                    'sapChart_Sequence_4_Minus2',
+                    'sapChart_Sequence_5_Minus2',
+                    'sapChart_Sequence_6_Minus2',
+                    'sapChart_Sequence_7_Minus2',
+                    'sapChart_Sequence_8_Minus2',
+                    'sapChart_Sequence_9_Minus2',
+                    'sapChart_Sequence_10_Minus2',
+                    'sapChart_Sequence_11_Minus2'
                 ],
-                'primaryValuesColorPalette': ['sapUiChartPaletteSequentialHue1Light1',
-                    'sapUiChartPaletteSequentialHue1',
-                    'sapUiChartPaletteSequentialHue1Dark1'
+                'primaryValuesColorPalette': ['sapChart_Sequence_1_Plus1',
+                    'sapChart_Sequence_1',
+                    'sapChart_Sequence_1_Minus1'
                 ],
-                'secondaryValuesColorPalette': ['sapUiChartPaletteSequentialHue2Light1',
-                    'sapUiChartPaletteSequentialHue2',
-                    'sapUiChartPaletteSequentialHue2Dark1'
+                'secondaryValuesColorPalette': ['sapChart_Sequence_2_Plus1',
+                    'sapChart_Sequence_2',
+                    'sapChart_Sequence_2_Minus1'
                 ]
             }
         };
 
         var heatmapProp = {
                 "plotArea": {
-                    "nullColor": "sapUiChoroplethRegionBG",
+                    "nullColor": "sapChart_ChoroplethRegion_Background",
                     "colorPalette": [
-                        "sapUiChartPaletteSequentialHue1Light2",
-                        "sapUiChartPaletteSequentialHue1Light1",
-                        "sapUiChartPaletteSequentialHue1",
-                        "sapUiChartPaletteSequentialHue1Dark1",
-                        "sapUiChartPaletteSequentialHue1Dark2"
+                        "sapChart_Sequence_1_Plus2",
+                        "sapChart_Sequence_1_Plus1",
+                        "sapChart_Sequence_1",
+                        "sapChart_Sequence_1_Minus1",
+                        "sapChart_Sequence_1_Minus2"
                     ]
                 }
             };

package/src/sap/viz/ui5/controls/common/helpers/RuntimeOptionsHelper.js

@@ -115,56 +115,58 @@ sap.ui.define(["sap/ui/thirdparty/jquery"], function(jQuery) {
 
         if (bOldStyle || (!bHasColor && primaryNum < 2) || otherNum === 0){
             if (!plotArea.additionalColor){
-                 plotArea.additionalColor = ["sapUiChartPaletteSequentialHue2Light1"];
+                 plotArea.additionalColor = ["sapChart_Sequence_2_Plus1"];
             }
 
             if (!plotArea.forecastColor){
-                 plotArea.forecastColor = ["sapUiChartPaletteSequentialNeutralLight3"];
+                 plotArea.forecastColor = ["sapChart_Sequence_Neutral_Plus3"];
             }
 
             if (!plotArea.actualColor){
-                 plotArea.actualColor = ["sapUiChartPaletteSequentialHue1Light1",
-                                "sapUiChartPaletteQualitativeHue2",
-                                "sapUiChartPaletteQualitativeHue3",
-                                "sapUiChartPaletteQualitativeHue4",
-                                "sapUiChartPaletteQualitativeHue5",
-                                "sapUiChartPaletteQualitativeHue6",
-                                "sapUiChartPaletteQualitativeHue7",
-                                "sapUiChartPaletteQualitativeHue8",
-                                "sapUiChartPaletteQualitativeHue9",
-                                "sapUiChartPaletteQualitativeHue10",
-                                "sapUiChartPaletteQualitativeHue11",
-                                "sapUiChartPaletteQualitativeHue12",
-                                "sapUiChartPaletteQualitativeHue13",
-                                "sapUiChartPaletteQualitativeHue14",
-                                "sapUiChartPaletteQualitativeHue15",
-                                "sapUiChartPaletteQualitativeHue16",
-                                "sapUiChartPaletteQualitativeHue17",
-                                "sapUiChartPaletteQualitativeHue18",
-                                "sapUiChartPaletteQualitativeHue19",
-                                "sapUiChartPaletteQualitativeHue20",
-                                "sapUiChartPaletteQualitativeHue21",
-                                "sapUiChartPaletteQualitativeHue22"];
+                 plotArea.actualColor = [
+                    'sapChart_OrderedColor_1',
+                    'sapChart_OrderedColor_2',
+                    'sapChart_OrderedColor_3',
+                    'sapChart_OrderedColor_4',
+                    'sapChart_OrderedColor_5',
+                    'sapChart_OrderedColor_6',
+                    'sapChart_OrderedColor_7',
+                    'sapChart_OrderedColor_8',
+                    'sapChart_OrderedColor_9',
+                    'sapChart_OrderedColor_10',
+                    'sapChart_OrderedColor_11',
+                    'sapChart_Sequence_1_Minus2',
+                    'sapChart_Sequence_2_Minus2',
+                    'sapChart_Sequence_3_Minus2',
+                    'sapChart_Sequence_4_Minus2',
+                    'sapChart_Sequence_5_Minus2',
+                    'sapChart_Sequence_6_Minus2',
+                    'sapChart_Sequence_7_Minus2',
+                    'sapChart_Sequence_8_Minus2',
+                    'sapChart_Sequence_9_Minus2',
+                    'sapChart_Sequence_10_Minus2',
+                    'sapChart_Sequence_11_Minus2'
+                ];
             }
 
         } else {
             if (!plotArea.additionalColor){
-                 plotArea.additionalColor = ["sapUiChartPaletteSequentialHue1Light2",
-                                        "sapUiChartPaletteSequentialHue2Light2",
-                                        "sapUiChartPaletteSequentialHue3Light2",
-                                        "sapUiChartPaletteSequentialNeutralLight2"];
+                 plotArea.additionalColor = ["sapChart_Sequence_2_Plus2",
+                                        "sapChart_Sequence_2_Plus2",
+                                        "sapChart_Sequence_3_Plus2",
+                                        "sapChart_Sequence_Neutral_Plus2"];
             }
 
             if (!plotArea.forecastColor){
-                 plotArea.forecastColor = ["sapUiChartPaletteSequentialHue1Light2",
-                                     "sapUiChartPaletteSequentialHue2Light2",
-                                     "sapUiChartPaletteSequentialHue3Light2",
-                                     "sapUiChartPaletteSequentialNeutralLight2"];
+                 plotArea.forecastColor = ["sapChart_Sequence_2_Plus2",
+                                     "sapChart_Sequence_2_Plus2",
+                                     "sapChart_Sequence_3_Plus2",
+                                     "sapChart_Sequence_Neutral_Plus2"];
             }
             if (!plotArea.actualColor){
-                 plotArea.actualColor = ["sapUiChartPaletteSequentialHue1",
-                                    "sapUiChartPaletteSequentialHue2",
-                                    "sapUiChartPaletteSequentialHue3",
+                 plotArea.actualColor = ["sapChart_Sequence_1",
+                                    "sapChart_Sequence_2",
+                                    "sapChart_Sequence_3",
                                     "sapUiChartPaletteSequentialNeutral"];
             }
         }
@@ -182,17 +184,17 @@ sap.ui.define(["sap/ui/thirdparty/jquery"], function(jQuery) {
         jQuery.extend(true, options.properties, {plotArea:{}});
         var plotArea = options.properties.plotArea;
         if (!plotArea.actualColor) {
-          plotArea.actualColor = ["sapUiChartPaletteSequentialHue1",
-            "sapUiChartPaletteSequentialHue2",
-            "sapUiChartPaletteSequentialHue3",
+          plotArea.actualColor = ["sapChart_Sequence_1",
+            "sapChart_Sequence_2",
+            "sapChart_Sequence_3",
             "sapUiChartPaletteSequentialNeutral"];
         }
 
         if (!plotArea.additionalColor) {
-          plotArea.additionalColor = ["sapUiChartPaletteSequentialHue1Light2",
-            "sapUiChartPaletteSequentialHue2Light2",
-            "sapUiChartPaletteSequentialHue3Light2",
-            "sapUiChartPaletteSequentialNeutralLight2"];
+          plotArea.additionalColor = ["sapChart_Sequence_2_Plus2",
+            "sapChart_Sequence_2_Plus2",
+            "sapChart_Sequence_3_Plus2",
+            "sapChart_Sequence_Neutral_Plus2"];
         }
     };
 

package/src/sap/viz/ui5/core/BaseChartMetadata.js

@@ -17,7 +17,7 @@ sap.ui.define(['sap/ui/core/ElementMetadata'],
 	 *
 	 * @class
 	 * @author SAP SE
-	 * @version 1.142.0
+	 * @version 1.143.0
 	 * @since 1.30.0
 	 * @alias sap.viz.ui5.core.BaseChartMetadata
 	 */

package/src/sap/viz/ui5/theming/Util.js

@@ -132,7 +132,7 @@ sap.ui.define([
 	                                                        "sizeLegend.label.style.fontSize"
 	                                                      ],
 	  "sapUiChartPaletteUndefinedColor":                  "plotArea.defaultOthersStyle.color",
-	  "sapUiChartPaletteSemanticBadLight1":               "general.defaultTimePeriodColor",
+	  "sapChart_Sequence_Bad_Plus1":               "general.defaultTimePeriodColor",
 	  "sapUiChartGridlineColor":                          "plotArea.dataLabel.line.color",
 	  "sapChart_LineColor_1":                             [
 	                                                        "plotArea.gridline.color",
@@ -252,9 +252,9 @@ sap.ui.define([
 	  "sapUiChartLegendHoverBackground":                   ["legend.hoverShadow.color"],
 	  "sapUiChartLegendSelectionBackground":               ["legend.mouseDownShadow.color"],
 	  "sapUiChartLegendSelectionHoverBackground":          ["legend.hoverSelectedShadow.color"],
-	  "sapUiChartPaletteSemanticNeutral":                 ["plotArea.dataPoint.color.total"],
-	  "sapUiChartPaletteQualitativeHue1":                 ["plotArea.dataPoint.color.positive"],
-	  "sapUiChartPaletteQualitativeHue2":                 ["plotArea.dataPoint.color.negative"],
+	  "sapChart_Sequence_Neutral":                 ["plotArea.dataPoint.color.total"],
+	  "sapChart_OrderedColor_1":                 ["plotArea.dataPoint.color.positive"],
+	  "sapChart_OrderedColor_2":                 ["plotArea.dataPoint.color.negative"],
 	  "sapUiChartLightText":                              ["timeAxis.label.style.parentColor"],
 	  "sapUiChartDataLabelFontColor":                     ["plotArea.dataLabel.style.color"],
 	  "sapUiChartFocusWidth":                             ["interaction.keyboard.width"],