@openui5/sap.ui.mdc 1.96.5 → 1.99.0

package/src/sap/ui/mdc/table/PropertyHelper.js

@@ -15,6 +15,43 @@ sap.ui.define([
 ) {
 	"use strict";
 
+	/**
+	 * @typedef {object} sap.ui.mdc.table.PropertyInfo
+	 * @extends sap.ui.mdc.util.PropertyInfo
+	 *
+	 * @property {object} [exportSettings]
+	 *   Object that contains information about the export settings, see {@link sap.ui.export.Spreadsheet}.
+	 * @property {int} [maxConditions]
+	 *   Defines the maximum number of filter conditions for the property. Possible values that can be used:
+	 *   <ul>
+	 *       <li>1 is a single-filter expression field</li>
+	 *       <li>-1 is a multi-filter expression field</li>
+	 *   </ul>
+	 *   This information is for example used in the <code>addItem</code> method of the <code>FilterBar</code> control to forward this information to
+	 *   the created <code>FilterField</code> instance.
+	 * @property {boolean} [filterable=true]
+	 *   Defines whether a property is filterable.
+	 * @property {boolean} [sortable=true]
+	 *   Defines whether a property is sortable.
+	 * @property {boolean} [groupable=false]
+	 *   Defines whether a property is groupable.
+	 * @property {boolean} [key=false]
+	 *   Defines whether a property is a key or part of a key in the data.
+	 * @property {string} [unit]
+	 *   Name of the unit property that is related to this property.
+	 * @property {string} [text]
+	 *   Name of the text property that is related to this property in a 1:1 relation.
+	 * @property {boolean} [required]
+	 *   Defines whether a filter condition for this property is required.
+	 * @property {object} [visualSettings]
+	 *   This object contains all relevant properties for visual adjustments.
+	 *
+	 * @private
+	 * @experimental
+	 * @ui5-restricted sap.fe
+	 * MDC_PUBLIC_CANDIDATE
+	*/
+
 	/**
 	 * Constructor for a new table property helper.
 	 *
@@ -22,7 +59,7 @@ sap.ui.define([
 	 *     The properties to process in this helper
 	 * @param {object<string, object>} [mExtensions]
 	 *     Key-value map, where the key is the name of the property and the value is the extension containing mode-specific information.
-	 *     The extension of a property is stored in a reserved <code>extension</code> attribute and its attributes must be specified with
+	 *     The extension of a property is stored in a reserved <code>extension</code> attribute, and its attributes must be specified with
 	 *     <code>mExtensionAttributeMetadata</code>.
 	 * @param {sap.ui.base.ManagedObject} [oParent]
 	 *     A reference to an instance that will act as the parent of this helper
@@ -30,14 +67,14 @@ sap.ui.define([
 	 *     The attribute metadata for the model-specific property extension
 	 *
 	 * @class
-	 * Table property helpers give tables of this library a consistent and standardized view on properties and their attributes.
+	 * Table property helpers in this SAPUI5 library provide tables with consistent and standardized structure of properties and their attributes.
 	 * Validates the given properties, sets defaults, and provides utilities to work with these properties.
 	 * The utilities can only be used for properties that are known to the helper. Known properties are all those that are passed to the constructor.
 	 *
 	 * @extends sap.ui.mdc.util.PropertyHelper
 	 *
 	 * @author SAP SE
-	 * @version 1.96.5
+	 * @version 1.99.0
 	 *
 	 * @private
 	 * @experimental
@@ -68,11 +105,12 @@ sap.ui.define([
 		return "";
 	}
 
+	/**
+	 * @inheritDoc
+	 */
 	PropertyHelper.prototype.prepareProperty = function(oProperty) {
 		PropertyHelperBase.prototype.prepareProperty.apply(this, arguments);
-		oProperty.isAggregatable = function() {
-			return false;
-		};
+		oProperty.aggregatable = false;
 	};
 
 	/**
@@ -98,7 +136,7 @@ sap.ui.define([
 
 		var	aColumnExportSettings = [];
 		var aPropertiesFromComplexProperty;
-		var oExportSettings = oProperty.getExportSettings();
+		var oExportSettings = oProperty.exportSettings;
 		var oColumnExportSettings;
 		var aPaths = [];
 		var sAdditionalPath;
@@ -111,16 +149,16 @@ sap.ui.define([
 			if (!bSplitCells && oExportSettings) {
 				oColumnExportSettings = getColumnExportSettingsObject(oColumn, oProperty, oExportSettings, bSplitCells);
 				aPropertiesFromComplexProperty.forEach(function(oProperty) {
-					aPaths.push(oProperty.getPath());
+					aPaths.push(oProperty.path);
 				});
 				oColumnExportSettings.property = aPaths;
 				aColumnExportSettings.push(oColumnExportSettings);
 			} else {
 				// when there are no exportSettings given for a ComplexProperty or when the splitCells=true
 				aPropertiesFromComplexProperty.forEach(function(oProperty, iIndex) {
-					var oPropertyInfoExportSettings = oProperty.getExportSettings(),
+					var oPropertyInfoExportSettings = oProperty.exportSettings,
 						oCurrentColumnExportSettings = getColumnExportSettingsObject(oColumn, oProperty, oPropertyInfoExportSettings, bSplitCells);
-					oCurrentColumnExportSettings.property = oProperty.getPath();
+					oCurrentColumnExportSettings.property = oProperty.path;
 					if (iIndex > 0) {
 						oCurrentColumnExportSettings.columnId = oColumn.getId() + "-additionalProperty" + iIndex;
 					}
@@ -130,13 +168,13 @@ sap.ui.define([
 				}, this);
 			}
 		} else if (!bSplitCells && oExportSettings) {
-			// called for basic propertyInfo having exportSettings
+			// called for basic PropertyInfo having exportSettings
 			oColumnExportSettings = getColumnExportSettingsObject(oColumn, oProperty, oExportSettings, bSplitCells);
-			oColumnExportSettings.property = oProperty.getPath();
+			oColumnExportSettings.property = oProperty.path;
 			aColumnExportSettings.push(oColumnExportSettings);
 		} else {
 			oColumnExportSettings = getColumnExportSettingsObject(oColumn, oProperty, oExportSettings, bSplitCells);
-			oColumnExportSettings.property = oProperty.getPath();
+			oColumnExportSettings.property = oProperty.path;
 			if (oColumnExportSettings.property) {
 				aColumnExportSettings.push(oColumnExportSettings);
 			}
@@ -146,9 +184,9 @@ sap.ui.define([
 
 			if (sAdditionalPath) {
 				oAdditionalProperty = getAdditionalProperty(this, sAdditionalPath);
-				oAdditionExportSettings = oAdditionalProperty.getExportSettings();
+				oAdditionExportSettings = oAdditionalProperty.exportSettings;
 				oAdditionalColumnExportSettings = getColumnExportSettingsObject(oColumn, oAdditionalProperty, oAdditionExportSettings, bSplitCells);
-				oAdditionalColumnExportSettings.property = oAdditionalProperty.getPath();
+				oAdditionalColumnExportSettings.property = oAdditionalProperty.path;
 				oAdditionalColumnExportSettings.columnId = oColumn.getId() + "-additionalProperty";
 				if (oAdditionExportSettings || oAdditionalColumnExportSettings.property) {
 					aColumnExportSettings.push(oAdditionalColumnExportSettings);
@@ -172,7 +210,7 @@ sap.ui.define([
 
 		if (!oProperty) {
 			oProperty = oPropertyHelper.getProperties().find(function(oProperty) {
-				return sPath === oProperty.getPath();
+				return sPath === oProperty.path;
 			});
 		}
 
@@ -196,7 +234,7 @@ sap.ui.define([
 	function getColumnExportSettingsObject(oColumn, oProperty, oExportSettings, bSplitCells) {
 	var oExportObj = Object.assign({
 			columnId: oColumn.getId(),
-			label: oProperty.getLabel(),
+			label: oProperty.label,
 			width: getColumnWidthNumber(oColumn.getWidth()),
 			textAlign: oColumn.getHAlign(),
 			type: "String"
@@ -212,7 +250,7 @@ sap.ui.define([
 	/**
 	 * Sets the width of the provided column based on the <code>visualSettings</code> of the relevant <code>PropertyInfo</code>.
 	 *
-	 * @param {sap.ui.mdc.table.Column} oMDCColumn The MDCColumn instance for which to set the width
+	 * @param {sap.ui.mdc.table.Column} oMDCColumn The <code>Column</code> instance for which to set the width
 	 * @public
 	 * @since 1.95
 	 */
@@ -223,7 +261,7 @@ sap.ui.define([
 			return;
 		}
 
-		var mPropertyInfoVisualSettings = oProperty.getVisualSettings(sPropertyName);
+		var mPropertyInfoVisualSettings = oProperty.visualSettings;
 		if (mPropertyInfoVisualSettings && mPropertyInfoVisualSettings.widthCalculation === null) {
 			return;
 		}
@@ -233,9 +271,9 @@ sap.ui.define([
 	};
 
 	/**
-	 * Calculates the column width based on the provided <code>PropertyInfo</code>
+	 * Calculates the column width based on the provided <code>PropertyInfo</code>.
 	 *
-	 * @param {object} oProperty The properties of PropertyInfo of MDCColumn instance for which to set the width for
+	 * @param {object} oProperty The properties of <code>PropertyInfo</code> of <code>Column</code> instance for which to set the width
 	 * @param {object} [mWidthCalculation] The configuration object for the width calculation
 	 * @param {int} [mWidthCalculation.minWidth=2] The minimum content width in rem
 	 * @param {int} [mWidthCalculation.maxWidth=19] The maximum content width in rem
@@ -251,7 +289,7 @@ sap.ui.define([
 	PropertyHelper.prototype._calcColumnWidth = function (oProperty, mWidthCalculation) {
 		var fWidth = 0;
 		var fLabelWidth = 0;
-		var mPropertyInfoWidthCalculation = oProperty.getVisualSettings() ? oProperty.getVisualSettings().widthCalculation : {};
+		var mPropertyInfoWidthCalculation = oProperty.visualSettings ? oProperty.visualSettings.widthCalculation : {};
 
 		mWidthCalculation = Object.assign({
 			minWidth: 2,
@@ -268,7 +306,7 @@ sap.ui.define([
 
 		if (oProperty.isComplex()) {
 			var aRelevantReferencedProperties = oProperty.getReferencedProperties().filter(function(oProp) {
-				return ![].concat(mWidthCalculation.excludeProperties).includes(oProp.getName());
+				return ![].concat(mWidthCalculation.excludeProperties).includes(oProp.name);
 			});
 
 			aRelevantReferencedProperties.forEach(function(oReferencedProperty) {
@@ -283,13 +321,13 @@ sap.ui.define([
 				}
 			}, this);
 		} else {
-			var oTypeConfig = oProperty.getTypeConfig();
+			var oTypeConfig = oProperty.typeConfig;
 			var oType = oTypeConfig.typeInstance;
 
 			if (oType) {
 				fWidth = TableUtil.calcTypeWidth(oType, mWidthCalculation);
 			}
-			if (oProperty.getUnitProperty()) {
+			if (oProperty.unit) {
 				fWidth += 2.5;
 			}
 		}
@@ -297,8 +335,7 @@ sap.ui.define([
 		fWidth += mWidthCalculation.gap;
 
 		if (mWidthCalculation.includeLabel) {
-			var sLabel = oProperty.getLabel() || "";
-			fLabelWidth = TableUtil.calcHeaderWidth(sLabel, fWidth, iMaxWidth, iMinWidth);
+			fLabelWidth = TableUtil.calcHeaderWidth(oProperty.label, fWidth, iMaxWidth, iMinWidth);
 		}
 
 		fWidth = Math.max(iMinWidth, fWidth, fLabelWidth);

package/src/sap/ui/mdc/table/ResponsiveTableType.js

@@ -13,17 +13,17 @@ sap.ui.define([
 	var GrowingMode = library.GrowingMode;
 	var RowAction = library.RowAction;
 	/**
-	 * Constructor for a new ResponsiveTableType.
+	 * Constructor for a new <code>ResponsiveTableType</code>.
 	 *
-	 * @param {string} [sId] ID for the new object, generated automatically if no ID is given
-	 * @param {object} [mSettings] initial settings for the new object
-	 * @class The table type info base class for the metadata driven table.
-	 *        <h3><b>Note:</b></h3>
-	 *        The control is experimental and the API/behaviour is not finalised and hence this should not be used for productive usage.
+	 * @param {string} [sId] Optional ID for the new object; generated automatically if no non-empty ID is given
+	 * @param {object} [mSettings] Initial settings for the new object
+	 * @class The table type info class for the metadata-driven table.
 	 * @extends sap.ui.mdc.table.TableTypeBase
 	 * @author SAP SE
 	 * @private
 	 * @experimental
+	 * @ui5-restricted sap.fe
+	 * MDC_PUBLIC_CANDIDATE
 	 * @since 1.65
 	 * @alias sap.ui.mdc.table.ResponsiveTableType
 	 * @ui5-metamodel This element also will be described in the UI5 (legacy) designtime metamodel
@@ -34,21 +34,20 @@ sap.ui.define([
 			library: "sap.ui.mdc",
 			properties: {
 				/**
-				 * See sap.ui.mdc.GrowingMode<br>
-				 * Defaults to Basic --> meaning only growing is enabled on ResponsiveTable
+				 * Specifies the growing mode.
 				 */
 				growingMode: {
 					type: "sap.ui.mdc.GrowingMode",
 					defaultValue: GrowingMode.Basic
 				},
 				/**
-				 * Controls the visibility of the Show / Hide Details button for the <code>ResponsiveTable</code> scenario.
+				 * Specifies whether the Show / Hide Details button for the <code>ResponsiveTable</code> scenario is shown.
 				 *
-				 * If the available screen space gets too narrow, the columns configured with <code>High</code> and <code>Medium</code>
-				 * importance move to the pop-in area while the columns with <code>Low</code> importance are hidden.
-				 * On mobile phones, the columns with <code>Medium</code> importance are also hidden.
-				 * As soon as the first column is hidden, this button appears in the table toolbar and gives the user
-				 * the possibility to toggle the visibility of the hidden columns in the pop-in area.
+				 * If the available screen space gets too narrow, the columns configured with <code>High</code> and <code>Medium</code> importance
+				 * move to the pop-in area, while the columns with <code>Low</code> importance are hidden.<br>
+				 * On mobile phones, the columns with <code>Medium</code> importance are also hidden.<br>
+				 * As soon as the first column is hidden, this button appears in the table toolbar and gives the user the possibility to toggle the
+				 * visibility of the hidden columns in the pop-in area.
 				 *
 				 * @since 1.79
 				 */
@@ -58,14 +57,13 @@ sap.ui.define([
 					defaultValue: false
 				},
 				/**
-				 * Defines which columns should be hidden instead of moved into the pop-in area
-				 * depending on their importance.
+				 * Defines which columns are hidden instead of moved into the pop-in area depending on their importance.
 				 * See {@link sap.m.Column#getImportance} and {@link sap.m.Table#getHiddenInPopin} for more details.
 				 *
-				 * <b>Note:</b> To hide columns based on their importance, it's mandatory to set <code>showDetailsButton="true"</code>.
-				 * If no priority is given, the default configuration of {@link sap.ui.mdc.table.ResponsiveTableType#getShowDetailsButton} is used.
-				 * If this property is changed after the <code>MDCTable</code> has been initialized, the new changes take effect only when the
-				 * Show / Hide Details button is pressed a second time.
+				 * <b>Note:</b> To hide columns based on their importance, it's mandatory to set <code>showDetailsButton="true"</code>.<br>
+				 * If no priority is given, the default configuration of {@link sap.ui.mdc.table.ResponsiveTableType#getShowDetailsButton} is used.<br>
+				 * If this property is changed after the <code>Table</code> has been initialized, the new changes take effect only when the Show /
+				 * Hide Details button is pressed a second time.
 				 *
 				 * @since 1.86
 				 */
@@ -232,16 +230,16 @@ sap.ui.define([
 		var oRb = Core.getLibraryResourceBundle("sap.ui.mdc"), sText;
 
 		sText = this.bHideDetails ? oRb.getText("table.SHOWDETAILS_TEXT") : oRb.getText("table.HIDEDETAILS_TEXT");
-		this._oShowDetailsButton.setTooltip(sText);
 		this._oShowDetailsButton.setText(sText);
 	};
 
 	/**
-	 * Set property 'hiddenInPopin' on the inner ResponsiveTable to hide columns based on MDCTable configuration
-	 * of 'showDetailsButton' and 'detailsButtonSetting' if {@param bValue} is set to {true}.
+	 * Toggles the visibility of the Show Details button.<br>
+	 * If {@param bValue} is set to <code>true</code>, it sets the <code>hiddenInPopin</code> property on the inner <code>ResponsiveTable</code> to
+	 * hide columns based on the <code>Table</code> configuration (<code>showDetailsButton</code> and <code>detailsButtonSetting</code> properties).
 	 * Otherwise an empty array is set to show all columns.
 	 *
-	 * @param {boolean} bValue - indicator to hide details or not
+	 * @param {boolean} bValue - Whether to hide details and display the Show Details button
 	 * @private
 	 */
 	ResponsiveTableType.prototype._toggleShowDetails = function(bValue) {
@@ -274,10 +272,9 @@ sap.ui.define([
 	};
 
 	/**
-	 * Helper function to get the importance of the columns that should be hidden based on
-	 * MDCTable configuration.
+	 * Helper function to get the importance of the columns to be hidden based on <code>Table</code> configuration.
 	 *
-	 * @returns {array} sap.ui.core.Priority[]
+	 * @returns {array} sap.ui.core.Priority[] Array of column priorities
 	 * @private
 	 */
 	ResponsiveTableType.prototype._getImportanceToHide = function() {
@@ -294,9 +291,9 @@ sap.ui.define([
 	};
 
 	/**
-	 * Event handler when the table pop-in has changed.
+	 * Event handler called when the table pop-in has changed.
 	 *
-	 * @param {sap.ui.base.Event} oEvent - fired event object
+	 * @param {sap.ui.base.Event} oEvent - Event object
 	 * @private
 	 */
 	ResponsiveTableType.prototype._onPopinChanged = function(oEvent) {

package/src/sap/ui/mdc/table/RowSettings.js

@@ -12,17 +12,20 @@ sap.ui.define([
 	/**
 	 * Constructor for new RowSettings.
 	 *
-	 * @param {string} [sId] ID for the new element, generated automatically if no ID is given
+	 * @param {string} [sId] Optional ID for the new object; generated automatically if no non-empty ID is given
 	 * @param {object} [mSettings] Initial settings for the new control
 	 *
 	 * @class
-	 * The <code>RowSettings</code> control allows you to configure a row.
-	 * You can only use this control in the context of the <code>sap.ui.mdc.Table</code> control to define row settings.
+	 * The <code>RowSettings</code> control is used to configure a row.
+	 * This control can only be used in the context of the <code>sap.ui.mdc.Table</code> control to define row settings.
 	 * @extends sap.ui.core.Element
-	 * @version 1.96.5
+	 * @version 1.99.0
 	 *
 	 * @constructor
+	 * @experimental
 	 * @private
+	 * @ui5-restricted sap.fe
+	 * MDC_PUBLIC_CANDIDATE
 	 * @alias sap.ui.mdc.table.RowSettings
 	 */
 
@@ -48,7 +51,6 @@ sap.ui.define([
 
 				/**
 				 * Defines the semantics of the {@link sap.ui.mdc.table.RowSettings#setHighlight highlight} property for accessibility purposes.
-				 *
 				 */
 				highlightText : {type : "string", group : "Misc", defaultValue : ""},
 

package/src/sap/ui/mdc/table/TableTypeBase.js

@@ -10,16 +10,16 @@ sap.ui.define([
 	"use strict";
 
 	/**
-	 * Constructor for a new TableTypeBase.
+	 * Constructor for a new <code>TableTypeBase</code>.
 	 *
-	 * @param {string} [sId] ID for the new object, generated automatically if no ID is given
-	 * @param {object} [mSettings] initial settings for the new object
-	 * @class The table type info base class for the metadata driven table. Dummy/Base class with no implementation.
-	 *        <h3><b>Note:</b></h3>
-	 *        The control is experimental and the API/behaviour is not finalised and hence this should not be used for productive usage.
+	 * @param {string} [sId] Optional ID for the new object; generated automatically if no non-empty ID is given
+	 * @param {object} [mSettings] Initial settings for the new object
+	 * @class The table type info base class for the metadata-driven table. Base class with no implementation.
 	 * @extends sap.ui.core.Element
 	 * @author SAP SE
 	 * @private
+	 * @ui5-restricted sap.fe
+	 * MDC_PUBLIC_CANDIDATE
 	 * @abstract
 	 * @experimental
 	 * @since 1.65

package/src/sap/ui/mdc/table/V4AnalyticsPropertyHelper.js

@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @extends sap.ui.mdc.table.PropertyHelper
 	 *
 	 * @author SAP SE
-	 * @version 1.96.5
+	 * @version 1.99.0
 	 *
 	 * @private
 	 * @experimental
@@ -49,58 +49,23 @@ sap.ui.define([
 
 	/**
 	 * @inheritDoc
-	 * @override
 	 */
 	PropertyHelper.prototype.prepareProperty = function(oProperty) {
-		var sPropertyName = oProperty.getName();
-		var that = this;
-
 		TablePropertyHelper.prototype.prepareProperty.apply(this, arguments);
+		oProperty.aggregatable = oProperty.extension.defaultAggregate != null;
 
-		["isAggregatable", "getAggregatableProperties", "getDefaultAggregate"].forEach(function(sMethod) {
-			Object.defineProperty(oProperty, sMethod, {
-				value: function() {
-					return that[sMethod].call(that, sPropertyName);
-				}
-			});
-		});
-	};
-
-	function getExtensionAttribute(oPropertyHelper, sPropertyName, sAttributeName) {
-		var oProperty = oPropertyHelper.getProperty(sPropertyName);
-		return oProperty ? oProperty.extension[sAttributeName] : null;
-	}
-
-	/**
-	 * Checks whether a property is aggregatable.
-	 *
-	 * @param {string} sName Name of a property
-	 * @returns {boolean|null} Whether the property is aggregatable, or <code>null</code> if it is unknown
-	 * @public
-	 */
-	PropertyHelper.prototype.isAggregatable = function(sName) {
-		return this.hasProperty(sName) ? this.getDefaultAggregate(sName) !== null : null;
-	};
-
-	/**
-	 * Gets all aggregatable properties referenced by a complex property. For convenience, a non-complex property can be given that is then
-	 * returned if it is aggregatable.
-	 *
-	 * @param {string} sName Name of a property
-	 * @returns {object[]} The aggregatable properties
-	 * @public
-	 */
-	PropertyHelper.prototype.getAggregatableProperties = function(sName) {
-		var oProperty = this.getProperty(sName);
-		var aProperties = [];
-
-		if (oProperty) {
-			aProperties = oProperty.isComplex() ? oProperty.getReferencedProperties() : [oProperty];
-		}
+		/**
+		 * Gets all aggregatable properties referenced by the property, including the property itself if it is non-complex.
+		 *
+		 * @returns {object[]} The aggregatable properties
+		 */
+		oProperty.getAggregatableProperties = function() {
+			var aProperties = oProperty.isComplex() ? oProperty.getReferencedProperties() : [oProperty];
 
-		return aProperties.filter(function(oProperty) {
-			return oProperty.isAggregatable();
-		});
+			return aProperties.filter(function(oProperty) {
+				return oProperty.aggregatable;
+			});
+		};
 	};
 
 	/**
@@ -109,32 +74,11 @@ sap.ui.define([
 	 * @returns {object[]} All aggregatable properties
 	 * @public
 	 */
-	PropertyHelper.prototype.getAllAggregatableProperties = function() {
+	PropertyHelper.prototype.getAggregatableProperties = function() {
 		return this.getProperties().filter(function(oProperty) {
-			return oProperty.isAggregatable();
+			return oProperty.aggregatable;
 		});
 	};
 
-	/**
-	 * Gets the information about the default aggregate.
-	 *
-	 * @param {string} sName Name of a property
-	 * @returns {{unit: (object|null), contextDefiningProperties: object[]}|null}
-	 *     The default aggregate, or <code>null</code> if the property has no default aggregate or is unknown
-	 * @public
-	 */
-	PropertyHelper.prototype.getDefaultAggregate = function(sName) {
-		var mDefaultAggregate = getExtensionAttribute(this, sName, "defaultAggregate");
-
-		if (!mDefaultAggregate) {
-			return null;
-		}
-
-		return {
-			contextDefiningProperties: mDefaultAggregate._contextDefiningProperties || [],
-			unit: this.getUnitProperty(sName)
-		};
-	};
-
 	return PropertyHelper;
 });

package/src/sap/ui/mdc/themes/base/Chart.less

@@ -0,0 +1,3 @@
+.sapUiMDCChart {
+    background: @sapUiChartBackgroundColor;
+}

package/src/sap/ui/mdc/themes/base/FieldBase.less

@@ -23,11 +23,6 @@
 	min-width: 4.75rem; /* As input has a min-width + padding */
 }
 
-/* empty indicator */
-.sapUiMdcFieldBaseEmpty::after {
-	content: attr(emptyIndicator);
-}
-
 /**
  * align text-like controls in Table (as done for stand-alone controls in Table)
  */

package/src/sap/ui/mdc/themes/base/TokenDisplay.less

@@ -0,0 +1,89 @@
+@mdctoken-large-line-height: 1.375rem;
+@mdctoken-small-line-height: 1rem;
+
+// hide Token border and background
+.sapUiMdcTokenizerDisplay .sapMToken {
+	border: 0px; // hide the border of a token
+	background-color: transparent; // remove background of Token
+	padding-left: 0px; // remove the left padding
+}
+
+.sapUiMdcTokenizerDisplay.sapMTokenizer.sapMTokenizerReadonly .sapMToken {
+	padding-left: 0px; // remove left padding of a token. The right padding will be used to show the delimiters
+
+	// right margin and padding of the token (space for the delimiter)
+	padding-right: 0.375rem;
+	margin-right: 0.375rem;
+	margin-top: 0px;
+	margin-bottom: 0px;
+
+	color: @sapUiBaseText;
+	height: @mdctoken-small-line-height;
+}
+
+.sapUiFormEdit .sapUiMdcTokenizerDisplay.sapMTokenizer.sapMTokenizerReadonly .sapMToken {
+	height: @mdctoken-large-line-height;
+}
+
+.sapUiSizeCozy .sapUiMdcTokenizerDisplay.sapMTokenizer.sapMTokenizerReadonly .sapMToken {
+	// right margin and padding of the token (space for the delimiter)
+	padding-right: 0.5rem;
+	margin-right: 0.5rem;
+}
+
+// delimiters between tokens
+.sapUiMdcTokenizerDisplay .sapMToken::after {
+	content: attr(delimiter);
+	color: @sapUiBaseText;
+	font-family: @sapUiFontFamily;
+	font-size: @sapMFontMediumSize;
+	font-weight: normal;
+	vertical-align: middle;
+	margin-left: 0.25rem; // space between tokens. the left margin of the delimiter and the right side of the token
+	position: absolute;
+	line-height: @mdctoken-small-line-height;
+}
+
+.sapUiSizeCozy .sapUiMdcTokenizerDisplay .sapMToken::after {
+	margin-left: 0.4rem; // space between tokens. the left side margin of the token
+}
+
+.sapUiFormEdit .sapUiMdcTokenizerDisplay .sapMToken::after {
+	line-height: @mdctoken-large-line-height;
+}
+
+// no delimiter after the last token
+.sapUiMdcTokenizerDisplay .sapMToken:last-child:after {
+	content: none;
+}
+
+
+
+// make the token focus invisible
+html.sap-desktop .sapUiMdcTokenizerDisplay .sapMToken:focus {
+	outline: 0px;
+}
+
+// make the token hover invisible
+html.sap-desktop .sapUiMdcTokenizerDisplay .sapMToken:hover {
+	background: transparent;
+	border: 0px;
+}
+
+.sapUiSizeCompact .sapUiMdcTokenizerDisplay.sapMTokenizer .sapMToken {
+	font-size: @sapMFontMediumSize;
+}
+
+
+
+.sapUiMdcTokenizerDisplay .sapMTokenText {
+	// enable selection of scrollcontainer
+	-webkit-user-select: text;
+    user-select: text;
+
+	line-height: @mdctoken-small-line-height;
+}
+
+.sapUiFormEdit .sapUiMdcTokenizerDisplay .sapMTokenText {
+	line-height: @mdctoken-large-line-height;
+}