@openui5/sap.ui.mdc 1.99.1 → 1.102.0

package/.eslintrc.json

@@ -0,0 +1,19 @@
+{
+	"overrides": [
+		/*
+		 * Productive code, sample and unit test code of sap.ui.mdc has been cleaned up.
+		 * No more references to the global jQuery allowed
+		 */
+		{
+			"files": [
+				"src/**/*.js",
+				"test/sap/ui/mdc/demokit/**/*.js",
+				"test/sap/ui/mdc/integration/**/*.js",
+				"test/sap/ui/mdc/qunit/**/*.js"
+			],
+			"globals": {
+				"jQuery": "off"
+			}
+		}
+	]
+}

package/THIRDPARTY.txt

@@ -400,7 +400,7 @@ Contained in: src/sap.ui.mdc/test/sap/ui/mdc/sample/field/filterfieldwithoperato
 
 Library: sap.ui.webc.common:
 
-Component: UI5 Web Components, version: 1.0.0-rc.12
+Component: UI5 Web Components, version: 1.1.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -411,7 +411,7 @@ Contained in: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/base/*.*
 	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-tnt/*.*
 	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-business-suite/*.*
 
-Component: lit-html, version: 1.4.1
+Component: lit-html, version: 2.0.1
 Copyright: Google LLC
 License: BSD-3-Clause
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
@@ -420,7 +420,7 @@ Contained in: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/lit-html/
 
 Library: sap.ui.webc.fiori:
 
-Component: UI5 Web Components, version: 1.0.0-rc.12
+Component: UI5 Web Components, version: 1.1.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -429,7 +429,7 @@ Contained in: src/sap.ui.webc.fiori/src/sap/ui/webc/fiori/thirdparty/*.*
 
 Library: sap.ui.webc.main:
 
-Component: UI5 Web Components, version: 1.0.0-rc.12
+Component: UI5 Web Components, version: 1.1.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -450,7 +450,7 @@ License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: lib/jsdoc/ui5/plugin.js
 
-Component: SAP Theming Base Content, version: 11.1.34
+Component: SAP Theming Base Content, version: 11.1.39
 Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.ui.mdc",
-  "version": "1.99.1",
+  "version": "1.102.0",
   "description": "OpenUI5 UI Library sap.ui.mdc",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,8 +14,8 @@
     "url": "https://github.com/SAP/openui5.git"
   },
   "dependencies": {
-    "@openui5/sap.m": "1.99.1",
-    "@openui5/sap.ui.core": "1.99.1",
-    "@openui5/sap.ui.layout": "1.99.1"
+    "@openui5/sap.m": "1.102.0",
+    "@openui5/sap.ui.core": "1.102.0",
+    "@openui5/sap.ui.layout": "1.102.0"
   }
 }

package/src/sap/ui/mdc/.library

@@ -6,7 +6,7 @@
 	<copyright>OpenUI5
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-	<version>1.99.1</version>
+	<version>1.102.0</version>
 
 	<documentation>UI5 library: sap.ui.mdc</documentation>
 

package/src/sap/ui/mdc/ActionToolbar.js

@@ -31,7 +31,7 @@ sap.ui.define([
 	 * @class The column for the metadata driven table, that hold the template to be shown when the rows has data.
 	 * @extends sap.m.OverflowToolbar
 	 * @author SAP SE
-	 * @version 1.99.1
+	 * @version 1.102.0
 	 * @constructor
 	 * @private
 	 * @since 1.58

package/src/sap/ui/mdc/Chart.js

@@ -21,9 +21,11 @@ sap.ui.define([
         "sap/ui/mdc/p13n/subcontroller/ChartItemController",
         "sap/ui/mdc/p13n/subcontroller/FilterController",
         "sap/ui/mdc/p13n/subcontroller/SortController",
+        "sap/ui/mdc/p13n/subcontroller/ChartTypeController",
         "sap/ui/base/ManagedObjectObserver",
         "sap/ui/mdc/chart/DrillBreadcrumbs",
-        "sap/ui/mdc/actiontoolbar/ActionToolbarAction"
+        "sap/ui/mdc/actiontoolbar/ActionToolbarAction",
+        "sap/ui/thirdparty/jquery"
     ],
     function (
         Core,
@@ -42,9 +44,11 @@ sap.ui.define([
         ChartItemController,
         FilterController,
         SortController,
+        ChartTypeController,
         ManagedObjectObserver,
         Breadcrumbs,
-        ActionToolbarAction
+        ActionToolbarAction,
+        jQuery
     ) {
         "use strict";
 
@@ -58,7 +62,7 @@ sap.ui.define([
          * @class The Chart control creates a chart based on metadata and the configuration specified.
          * @extends sap.ui.mdc.Control
          * @author SAP SE
-         * @version 1.99.1
+         * @version 1.102.0
          * @constructor
          * @experimental As of version ...
          * @private
@@ -134,7 +138,7 @@ sap.ui.define([
                     },
 
                     /**
-                     * Set chart's legend properties.
+                     * Enables the legend of the chart.
                      *
                      * @since 1.88
                      */
@@ -190,11 +194,11 @@ sap.ui.define([
                      * @since 1.99
                      */
                      filterConditions: {
-                        type: "object"
+                        type: "object",
+                        defaultValue: {}
                     },
                     /**
-                     * Controls the visibility of the chart tooltip. If set to <code>true </code>, an instance of sap.viz.ui5.controls.VizTooltip will
-                     * be created and shown when hovering over a data point.
+                     * Controls the visibility of the chart tooltip. If set to <code>true</code>, an instance of {@link sap.viz.ui5.controls.VizTooltip} is created and shown when hovering over a data point.
                      *
                      * @since 1.88
                      */
@@ -204,7 +208,8 @@ sap.ui.define([
                         defaultValue: true
                     },
                     /**
-                     * Binds the chart automatically after the initial creation of the chart
+                     * If set to <code>true</code>, the chart is automatically bound after initialization.
+                     * If set to <code>false</code>, the chart is bound after the first call to <code>rebind</code>.
                      */
                     autoBindOnInit: {
                         type: "boolean",
@@ -213,7 +218,7 @@ sap.ui.define([
                     },
 
                     /**
-                     * Specifies the type of chart to be created by the SmartChart control.
+                     * Specifies the type of chart to be created by the <code>Chart</code> control.
                      */
                     chartType: {
                         type: "string",
@@ -224,6 +229,17 @@ sap.ui.define([
                         type: "boolean",
                         group: "Misc",
                         defaultValue: true
+                    },
+                    /**
+                     * Specifies the filter metadata.<br>
+                     * <b>Note</b>: This property must not be bound.<br>
+                     * <b>Note</b>: This property is used exclusively for SAPUI5 flexibility/ Fiori Elements. Do not use it otherwise.
+                     *
+                     * @since 1.99
+                     */
+                    propertyInfo: {
+                        type: "object",
+                        defaultValue: []
                     }
                 },
                 aggregations: {
@@ -343,6 +359,9 @@ sap.ui.define([
             this.setModel(this._oManagedObjectModel, "$mdcChart");
             this._bNewP13n = true;//TODO: remove with migration
             Control.prototype.init.apply(this, arguments);
+
+            this._setupPropertyInfoStore("propertyInfo");
+            this._setPropertyHelperClass(PropertyHelper);
         };
 
         Chart.prototype.setP13nMode = function(aMode) {
@@ -366,6 +385,7 @@ sap.ui.define([
                 }
                 if (mKeys.Type) {
                     this._typeBtnActive = true;
+                    aSortedKeys.push("Type");
                 } else {
                     this._typeBtnActive = false;
                 }
@@ -388,7 +408,8 @@ sap.ui.define([
             var mRegistryOptions = {
                 Item: ChartItemController,
                 Sort: SortController,
-                Filter: FilterController
+                Filter: FilterController,
+                Type: ChartTypeController
             };
 
             if (aMode && aMode.length > 0) {
@@ -442,6 +463,7 @@ sap.ui.define([
          * @ui5-restricted sap.ui.mdc
          */
         Chart.prototype.applySettings = function (mSettings, oScope) {
+            this._setPropertyHelperClass(PropertyHelper);
             Control.prototype.applySettings.apply(this, arguments);
 
             this.initializedPromise = new Promise(function (resolve, reject) {
@@ -471,6 +493,7 @@ sap.ui.define([
                 aInitPromises.push(this.retrieveInbuiltFilter());
             }
 
+            //TODO: Refactor this so we use awaitPropertyHelper
             Promise.all(aInitPromises).then(function(){
                 this._initInnerControls();
             }.bind(this));
@@ -482,6 +505,7 @@ sap.ui.define([
          * Inner chart is initialized via the delegate
          */
         Chart.prototype._initInnerControls = function () {
+
             this.getControlDelegate().initializeInnerChart(this).then(function (oInnerChart) {
 
                 this.setBusyIndicatorDelay(0);
@@ -491,16 +515,14 @@ sap.ui.define([
 
                 if (this.getAutoBindOnInit()) {
                     this.setBusy(true);
-                    this._createContentfromPropertyInfos();
+                    this._createContentfromPropertyInfos(oInnerChart);
                 }
 
                 this.setAggregation("_innerChart", oInnerChart);
-
                 this._bInnerChartReady = true;
-
                 this._fnResolveInitialized();
-                // eslint-disable-next-line no-empty
                 this.invalidate();
+
             }.bind(this)).catch(function (error) {
                 this._fnRejectInitialized(error);
             }.bind(this));
@@ -517,27 +539,27 @@ sap.ui.define([
          *
          * Is called during init when autoBindOnInit = "true", if "false" then this is called by _rebind()
          */
-        Chart.prototype._createContentfromPropertyInfos = function () {
-            this.initPropertyHelper(PropertyHelper).then(function () {
-                //Create content on inner chart instance
-                this.getControlDelegate().createInnerChartContent(this, this._innerChartDataLoadComplete.bind(this));
-
-                this._createBreadcrumbs();
-                //From now on, listen to changes on Items Aggregation and sync them with inner chart
-                this._oObserver = new ManagedObjectObserver(this._propagateItemChangeToInnerChart.bind(this));
-                this._oObserver.observe(this, {
-                    aggregations: [
-                        "items"
-                    ]
-                });
-
-                //Sync MDC Chart properties with inner chart
-                this._propagatePropertiesToInnerChart();
-
-                this._fnResolveInnerChartBound();
+        Chart.prototype._createContentfromPropertyInfos = function (oInnerChart) {
 
+            //Make sure all MDC Items have the necessary information to create a chart
+            this.getControlDelegate().checkAndUpdateMDCItems(this).then(function(){
+                //Create content on inner chart instance
+                this.getControlDelegate().createInnerChartContent(this, this._innerChartDataLoadComplete.bind(this)).then(function(){
+                    this._createBreadcrumbs();
+                    //From now on, listen to changes on Items Aggregation and sync them with inner chart
+                    this._oObserver = new ManagedObjectObserver(this._propagateItemChangeToInnerChart.bind(this));
+                    this._oObserver.observe(this, {
+                        aggregations: [
+                            "items"
+                        ]
+                    });
+
+                    //Sync MDC Chart properties with inner chart
+                    this._propagatePropertiesToInnerChart();
+
+                    this._fnResolveInnerChartBound();
+                }.bind(this));
             }.bind(this));
-
         };
 
         Chart.prototype.setHeight = function(iHeight) {
@@ -668,10 +690,6 @@ sap.ui.define([
 
             var oBindingInfo = this.getControlDelegate()._getBindingInfo(this);
 
-            if (oBindingInfo) {
-                oBindingInfo.sorter = this._getSorters();
-            }
-
             this.getControlDelegate().updateBindingInfo(this, oBindingInfo); //Applies filters
             this.getControlDelegate().rebind(this, oBindingInfo);
         };
@@ -1039,6 +1057,10 @@ sap.ui.define([
                 if (aP13nMode.indexOf("Filter") > -1) {
                     oState.filter = this.getFilterConditions();
                 }
+
+                if (aP13nMode.indexOf("Type") > -1) {
+                    oState.chartType = this.getChartType();
+                }
             }
 
             return oState;
@@ -1074,46 +1096,6 @@ sap.ui.define([
             return this.getSortConditions() ? this.getSortConditions().sorters : [];
         };
 
-        /**
-         * Returns sorters available for the data
-         *
-         * @returns {array} Array containing available sorters
-         *
-         * @experimental
-         * @private
-         * @ui5-restricted sap.ui.mdc
-         */
-        Chart.prototype._getSorters = function () {
-            var aSorters;
-            var aSorterProperties = this.getSortConditions() ? this.getSortConditions().sorters : [];
-
-            aSorterProperties.forEach(function (oSortProp) {
-
-                var oMDCItem = this.getItems().find(function (oProp) {
-                    return oProp.getName() === oSortProp.name;
-                });
-
-                //Ignore not visible Items
-                if (!oMDCItem) {
-                    return;
-                }
-
-                //TODO: Check for inResultDimensions
-                var oSorter = this.getControlDelegate().getSorterForItem(oMDCItem, oSortProp);
-
-                if (aSorters) {
-                    aSorters.push(oSorter);
-                } else {
-                    aSorters = [
-                        oSorter
-                    ];//[] has special meaning in sorting
-                }
-            }.bind(this));
-
-            return aSorters;
-
-        };
-
         /**
          * Returns the fetched properties from the delegate
          *
@@ -1135,6 +1117,24 @@ sap.ui.define([
             return !!this._typeBtnActive;
         };
 
+        /**
+         * Sets the <code>noDataText</code> property.
+         * <code>noDataText</code> is displayed if the chart has no data to show.
+         * @param {string} sText New value for <code>noDataText</code>
+         * @returns {sap.ui.mdc.Chart} Reference to the <code>Chart</code>
+         */
+        Chart.prototype.setNoDataText = function(sText) {
+            this.setProperty("noDataText", sText);
+
+            try {
+                this.getControlDelegate().setNoDataText(this, sText);
+            } catch (error) {
+                //Nothing to do here as this is done during init
+            }
+
+            return this;
+        };
+
         /**
 		 * Callback for when fuilters changed
 		 * Activates the overlay on the MDC Chart

package/src/sap/ui/mdc/ChartDelegate.js

@@ -31,7 +31,7 @@ sap.ui.define([
      */
 
     /**
-     *Zooms in on the inner chart.
+     * Zooms in on the inner chart.
      * @param {int} iValue Number of steps for zooming in
      *
      * @experimental
@@ -42,7 +42,7 @@ sap.ui.define([
     };
 
     /**
-     *Zooms out of the inner chart.
+     * Zooms out of the inner chart.
      * @param {int} iValue Number of steps for zooming out
      *
      * @experimental
@@ -69,6 +69,64 @@ sap.ui.define([
     ChartDelegate.getZoomState = function () {
     };
 
+    ChartDelegate.getFilterDelegate = function() {
+		return {
+
+			/**
+			 * Creates an instance of a <code>sap.ui.mdc.FilterField</code>.
+			 *
+			 * @param {string} sPropertyName The property name
+			 * @param {sap.ui.mdc.Control} oControl - the instance of the mdc control
+			 * @returns {Promise<sap.ui.mdc.FilterField>} <code>Promise</code> that resolves with an instance of a <code>sap.ui.mdc.FilterField</code>.
+			 * @see sap.ui.mdc.AggregationBaseDelegate#addItem
+			 */
+		    addItem: function (sPropertyName, oControl) {
+				return Promise.resolve();
+		    },
+
+			/**
+			 * This methods is called during the appliance of the add condition change.
+			 * This intention is to update the propertyInfo property.
+			 *
+			 * @param {string} sPropertyName The name of a property.
+			 * @param {sap.ui.mdc.Control} oControl - the instance of the mdc control
+			 * @param {Object} mPropertyBag Instance of property bag from Flex change API
+			 * @returns {Promise} Promise that resolves once the properyInfo property was updated
+			 */
+			addCondition: function(sPropertyName, oControl, mPropertyBag) {
+				return Promise.resolve();
+		    },
+
+			/**
+			 * This methods is called during the appliance of the remove condition change.
+			 * This intention is to update the propertyInfo property.
+			 *
+			 * @param {string} sPropertyName The name of a property.
+			 * @param {sap.ui.mdc.Control} oControl - the instance of the mdc control
+			 * @param {Object} mPropertyBag Instance of property bag from Flex change API
+			 * @returns {Promise} Promise that resolves once the properyInfo property was updated
+			 */
+		    removeCondition: function(sPropertyName, oControl, mPropertyBag) {
+				return Promise.resolve();
+		    }
+		};
+	};
+
+    /**
+     * Creates a new MDC chart item for a given property name and updates the inner chart.
+     * <b>Note:</b> This does <b>not</b> add the MDC chart item to the <code>Items</code> aggregation of the MDC chart.
+     * Called and used by <code>p13n</code>.
+     * @param {string} sPropertyName Name of the property added
+     * @param {sap.ui.mdc.Chart} oMDCChart Reference to the MDC chart to which the item is added
+     * @returns {Promise<sap.ui.mdc.Chart.Item>} <code>Promise</code> that resolves with new MDC chart item as parameter
+     *
+     * @experimental
+     * @private
+     * @ui5-restricted sap.ui.mdc
+     */
+    ChartDelegate.addItem = function (sPropertyName, oMDCChart, mPropertyBag, sRole) {
+    };
+
     /**
      * @typedef {object} SelectionDetails
      * @property {string} eventId  ID of the selection event
@@ -140,27 +198,14 @@ sap.ui.define([
     ChartDelegate.removeItemFromInnerChart = function (oMDCChartItem) {
     };
 
-    /**
-     * Creates a new MDC chart item for a given property name and updates the inner chart.
-     * <b>Note:</b> This does <b>not</b> add the MDC chart item to the <code>Items</code> aggregation of the MDC chart.
-     * Called and used by <code>p13n</code>.
-     * @param {string} sPropertyName Name of the property added
-     * @param {sap.ui.mdc.Chart} oMDCChart Reference to the MDC chart to which the item is added
-     * @returns {Promise<sap.ui.mdc.Chart.Item>} <code>Promise</code> that resolves with new MDC chart item as parameter
-     *
-     * @experimental
-     * @private
-     * @ui5-restricted sap.ui.mdc
-     */
-    ChartDelegate.addItem = function (sPropertyName, oMDCChart, mPropertyBag, sRole) {
-    };
+
 
     /**
      * Removes an existing MDC chart item for a given property name and updates the inner chart.
      * Called and used by p13n
-     * @param {string} sPropertyName Name of the property removed
+     * @param {string} oProperty Name of the property removed
      * @param {sap.ui.mdc.Chart} oMDCChart Reference to the MDC chart from which property is removed
-     * @returns {Promise<bool>} Promise containing information whether the item was deleted
+     * @returns {Promise<boolean>} Promise containing information whether the item was deleted
      *
      * @experimental
      * @private
@@ -242,7 +287,7 @@ sap.ui.define([
     /**
      * Gets the available chart types for the current state of the inner chart.
      *
-     * @returns {array<ChartTypeObject>} Array containing the available chart types
+     * @returns {Array<ChartTypeObject>} Array containing the available chart types
      *
      * @experimental
      * @private
@@ -268,7 +313,7 @@ sap.ui.define([
      * Returns all sorted dimensions of an inner chart as property.
      * This is used to determine possible drilldown dimensions in the drill down popover of the MDC chart.
      * @param {sap.ui.mdc.Chart} oMDCChart Reference to the MDC chart
-     * @returns {Promise<array<sap.ui.mdc.chart.Item>>} <code>Promise</code> containing an array of dimensions that is sorted
+     * @returns {Promise<Array<sap.ui.mdc.chart.Item>>} <code>Promise</code> containing an array of dimensions that is sorted
      *
      * @experimental
      * @private
@@ -282,7 +327,7 @@ sap.ui.define([
      * This function is used by the breadcrumb navigation.
      *
      * @param {sap.ui.mdc.Chart} oMDCChart Reference to the MDC chart
-     * @returns {array<sap.ui.mdc.chart.Item>} Array of MDC items that are drillable
+     * @returns {Array<sap.ui.mdc.chart.Item>} Array of MDC items that are drillable
      *
      * @experimental
      * @private
@@ -418,6 +463,16 @@ sap.ui.define([
         return Promise.resolve(true);
     };
 
+
+    /**
+     * Sets a "No Data" text for the inner chart.
+     * @param {sap.ui.mdc.Chart} oMDCChart Reference to mdc chart
+     * @param {string} sText Text to show when there is no data displayed on the chart
+     */
+    ChartDelegate.setNoDataText = function(oMDCChart, sText) {
+
+    };
+
     /**
      * Returns the relevant propery infos based on the metadata used with the MDC chart instance.
      *

package/src/sap/ui/mdc/ChartRenderer.js

@@ -28,7 +28,7 @@ sap.ui.define(['./library'],
          * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
          *
          * @param {sap.ui.core.RenderManager} oRm The RenderManager that can be used for writing to the render output buffer
-         * @param {sap.ui.mdc.Chart} oInnerChart An object representation of the control that should be rendered
+         * @param {sap.ui.mdc.Chart} oMDCChart An object representation of the control that should be rendered
          */
         ChartRenderer.render = function(oRm, oMDCChart) {
                 oRm.openStart("div", oMDCChart);

package/src/sap/ui/mdc/Control.js

@@ -4,8 +4,8 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([
-	"sap/ui/core/Control",  "sap/ui/mdc/mixin/DelegateMixin", "sap/ui/mdc/mixin/AdaptationMixin"
-], function(CoreControl, DelegateMixin, AdaptationMixin) {
+	"sap/ui/core/Control",  "sap/ui/mdc/mixin/DelegateMixin", "sap/ui/mdc/mixin/PropertyHelperMixin", "sap/ui/mdc/mixin/AdaptationMixin"
+], function(CoreControl, DelegateMixin, PropertyHelperMixin, AdaptationMixin) {
 	"use strict";
 
 	/**
@@ -20,7 +20,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 * @abstract
 	 * @author SAP SE
-	 * @version 1.99.1
+	 * @version 1.102.0
 	 * @alias sap.ui.mdc.Control
 	 *
 	 * @borrows sap.ui.mdc.mixin.DelegateMixin.awaitControlDelegate as awaitControlDelegate
@@ -28,9 +28,12 @@ sap.ui.define([
 	 * @borrows sap.ui.mdc.mixin.DelegateMixin.getPayload as getPayload
 	 * @borrows sap.ui.mdc.mixin.DelegateMixin.getTypeUtil as getTypeUtil
 	 * @borrows sap.ui.mdc.mixin.DelegateMixin.initControlDelegate as initControlDelegate
-	 * @borrows sap.ui.mdc.mixin.DelegateMixin.initPropertyHelper as initPropertyHelper
-	 * @borrows sap.ui.mdc.mixin.DelegateMixin.awaitPropertyHelper as awaitPropertyHelper
-	 * @borrows sap.ui.mdc.mixin.DelegateMixin.getPropertyHelper as getPropertyHelper
+	 *
+	 * @borrows sap.ui.mdc.mixin.PropertyHelperMixin.initPropertyHelper as initPropertyHelper
+	 * @borrows sap.ui.mdc.mixin.PropertyHelperMixin.awaitPropertyHelper as awaitPropertyHelper
+	 * @borrows sap.ui.mdc.mixin.PropertyHelperMixin.getPropertyHelper as getPropertyHelper
+	 * @borrows sap.ui.mdc.mixin.PropertyHelperMixin.finalizePropertyHelper as finalizePropertyHelper
+	 * @borrows sap.ui.mdc.mixin.PropertyHelperMixin.isPropertyHelperFinal as isPropertyHelperFinal
 	 *
 	 * @borrows sap.ui.mdc.mixin.AdaptationMixin.getEngine as getInstance
 	 * @borrows sap.ui.mdc.mixin.AdaptationMixin.retrieveInbuiltFilter as retrieveInbuiltFilter
@@ -61,8 +64,10 @@ sap.ui.define([
 		renderer: CoreControl.renderer
 	});
 
+
 	DelegateMixin.call(Control.prototype);
 	AdaptationMixin.call(Control.prototype);
+	PropertyHelperMixin.call(Control.prototype);
 
 	return Control;
 });

package/src/sap/ui/mdc/Element.js

@@ -4,8 +4,8 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([
-	"sap/ui/core/Element", "sap/ui/mdc/mixin/DelegateMixin", "sap/ui/mdc/mixin/AdaptationMixin"
-], function(CoreElement, DelegateMixin, AdaptationMixin) {
+	"sap/ui/core/Element", "sap/ui/mdc/mixin/DelegateMixin", "sap/ui/mdc/mixin/PropertyHelperMixin", "sap/ui/mdc/mixin/AdaptationMixin"
+], function(CoreElement, DelegateMixin, PropertyHelperMixin, AdaptationMixin) {
 	"use strict";
 
 	/**
@@ -20,7 +20,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 * @abstract
 	 * @author SAP SE
-	 * @version 1.99.1
+	 * @version 1.102.0
 	 * @alias sap.ui.mdc.Element
 	 *
 	 * @borrows sap.ui.mdc.mixin.DelegateMixin.awaitControlDelegate as awaitControlDelegate
@@ -28,10 +28,13 @@ sap.ui.define([
 	 * @borrows sap.ui.mdc.mixin.DelegateMixin.getPayload as getPayload
 	 * @borrows sap.ui.mdc.mixin.DelegateMixin.getTypeUtil as getTypeUtil
 	 * @borrows sap.ui.mdc.mixin.DelegateMixin.initControlDelegate as initControlDelegate
-	 * @borrows sap.ui.mdc.mixin.DelegateMixin.initPropertyHelper as initPropertyHelper
-	 * @borrows sap.ui.mdc.mixin.DelegateMixin.awaitPropertyHelper as awaitPropertyHelper
-	 * @borrows sap.ui.mdc.mixin.DelegateMixin.getPropertyHelper as getPropertyHelper
 	 *
+	 * @borrows sap.ui.mdc.mixin.PropertyHelperMixin.initPropertyHelper as initPropertyHelper
+	 * @borrows sap.ui.mdc.mixin.PropertyHelperMixin.awaitPropertyHelper as awaitPropertyHelper
+	 * @borrows sap.ui.mdc.mixin.PropertyHelperMixin.getPropertyHelper as getPropertyHelper
+	 * @borrows sap.ui.mdc.mixin.PropertyHelperMixin.finalizePropertyHelper as finalizePropertyHelper
+	 * @borrows sap.ui.mdc.mixin.PropertyHelperMixin.isPropertyHelperFinal as isPropertyHelperFinal
+     *
 	 * @borrows sap.ui.mdc.mixin.AdaptationMixin.getEngine as getInstance
 	 * @borrows sap.ui.mdc.mixin.AdaptationMixin.retrieveInbuiltFilter as retrieveInbuiltFilter
  	 * @borrows sap.ui.mdc.mixin.AdaptationMixin.getInbuiltFilter as getInbuiltFilter
@@ -63,6 +66,7 @@ sap.ui.define([
 
 	DelegateMixin.call(Element.prototype);
 	AdaptationMixin.call(Element.prototype);
+	PropertyHelperMixin.call(Element.prototype);
 
 	return Element;
 });