@openui5/sap.ui.dt 1.127.1 → 1.129.0

package/THIRDPARTY.txt

@@ -468,7 +468,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.16.1
+Component: SAP Theming Base Content, version: 11.18.0
 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.dt",
-  "version": "1.127.1",
+  "version": "1.129.0",
   "description": "OpenUI5 UI Library sap.ui.dt",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,6 +14,6 @@
     "url": "https://github.com/SAP/openui5.git"
   },
   "dependencies": {
-    "@openui5/sap.ui.core": "1.127.1"
+    "@openui5/sap.ui.core": "1.129.0"
   }
 }

package/src/sap/ui/dt/.library

@@ -6,7 +6,7 @@
   <copyright>OpenUI5
  * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-  <version>1.127.1</version>
+  <version>1.129.0</version>
 
   <documentation>SAP UI library: sap.ui.dt (by SAP, Author)</documentation>
 

package/src/sap/ui/dt/AggregationDesignTimeMetadata.js

@@ -23,7 +23,7 @@ function(
 	 * @extends sap.ui.dt.DesignTimeMetadata
 	 *
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/dt/AggregationOverlay.js

@@ -33,7 +33,7 @@ function(
 	 * @extends sap.ui.dt.Overlay
 	 *
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/dt/ControlObserver.js

@@ -22,7 +22,7 @@ function(ManagedObjectObserver) {
 	 * @extends sap.ui.dt.ManagedObjectObserver
 	 *
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/dt/DOMUtil.js

@@ -25,7 +25,7 @@ sap.ui.define([
 	 *
 	 * @namespace
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @private
 	 * @since 1.30

package/src/sap/ui/dt/DesignTime.js

@@ -69,7 +69,7 @@ sap.ui.define([
 	 * @extends sap.ui.base.ManagedObject
 	 *
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @constructor
 	 * @private
@@ -725,8 +725,8 @@ sap.ui.define([
 	 */
 	DesignTime.prototype.createOverlay = function(vArg) {
 		// Function can receive an element as the only argument or object with parameters
-		var mParams = Object.assign({}, isPlainObject(vArg) ? vArg : { element: vArg });
-		var iTaskId = this._oTaskManager.add({
+		const mParams = { ...(isPlainObject(vArg) ? vArg : { element: vArg }) };
+		const iTaskId = this._oTaskManager.add({
 			type: "createOverlay"
 		});
 
@@ -736,8 +736,8 @@ sap.ui.define([
 			return this._rejectCreateOverlay(mParams.element);
 		}
 
-		var sElementId = mParams.element.getId();
-		var oElementOverlay = OverlayRegistry.getOverlay(sElementId);
+		const sElementId = mParams.element.getId();
+		const oElementOverlay = OverlayRegistry.getOverlay(sElementId);
 
 		// 2. ElementOverlay is already created
 		if (oElementOverlay) {
@@ -791,7 +791,7 @@ sap.ui.define([
 				}.bind(this));
 			}.bind(this))
 		.catch(function(vError) {
-			var oError = Util.propagateError(
+			const oError = Util.propagateError(
 				vError,
 				"DesignTime#createOverlay",
 				`Failed attempt to create overlay for element '${sElementId}'`
@@ -950,6 +950,46 @@ sap.ui.define([
 		}, {});
 	}
 
+	/**
+	 * Destroy children of an aggregation binding template.
+	 * @param {sap.ui.dt.ElementOverlay} oTargetOverlay - ElementOverlay to destroy children for
+	 * @param {string} sAggregationName - Aggregation name
+	 */
+	DesignTime.prototype._destroyChildrenForAggregationBindingTemplate = function(oTargetOverlay, sAggregationName) {
+		const oTemplateRootOverlays = oTargetOverlay.getAggregationBindingTemplateOverlays();
+		oTemplateRootOverlays.forEach((oTemplateRootOverlay) => {
+			if (oTemplateRootOverlay.getAggregationName() === sAggregationName) {
+				oTemplateRootOverlay.destroy();
+			}
+		});
+	};
+
+	/**
+	 * Create children of an aggregation binding template. It is called when the aggregation binding
+	 * is changed during runtime.
+	 * @param {sap.ui.dt.ElementOverlay} oElementOverlay - ElementOverlay to create children for
+	 * @returns {Promise} Resolves when whole hierarchy of children for specified ElementOverlay is created
+	 * @private
+	 */
+	DesignTime.prototype._createChildrenForAggregationBindingTemplate = function(oElementOverlay) {
+		const aAggregationNames = oElementOverlay.getAggregationNames();
+		const mParentAggregationMetadata = oElementOverlay.getDesignTimeMetadata().getData();
+		const mAggregationBindingTemplates = getAggregationBindingTemplates(oElementOverlay, aAggregationNames);
+		const aTemplateAggregationNames = Object.keys(mAggregationBindingTemplates);
+
+		// Consider each aggregation binding template which is not nested inside an existing template structure as a root template
+		// Separate root templates and their children from the instances of the root template as well as all nested template instances
+		const bHasTemplateAggregation = !isEmptyObject(mAggregationBindingTemplates);
+
+		return this._createChildrenOverlays(
+			oElementOverlay,
+			mParentAggregationMetadata,
+			aTemplateAggregationNames,
+			bHasTemplateAggregation,
+			mAggregationBindingTemplates
+		);
+	};
+
 	/**
 	 * Creates children for specified ElementOverlay.
 	 * @param {sap.ui.dt.ElementOverlay} oElementOverlay - ElementOverlay to create children for
@@ -1260,6 +1300,12 @@ sap.ui.define([
 					this.fireElementPropertyChanged(oParams);
 				}
 				break;
+			case "bindAggregation":
+				this._createChildrenForAggregationBindingTemplate(oElementOverlay);
+				break;
+			case "unbindAggregation":
+				this._destroyChildrenForAggregationBindingTemplate(oElementOverlay, oParams.name);
+				break;
 			default:
 				break;
 		}

package/src/sap/ui/dt/DesignTimeMetadata.js

@@ -45,7 +45,7 @@ sap.ui.define([
 	 * @extends sap.ui.base.ManagedObject
 	 *
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/dt/ElementDesignTimeMetadata.js

@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @extends sap.ui.dt.DesignTimeMetadata
 	 *
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/dt/ElementOverlay.js

@@ -57,7 +57,7 @@ sap.ui.define([
 	 * @extends sap.ui.dt.Overlay
 	 *
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/dt/ElementUtil.js

@@ -29,7 +29,7 @@ sap.ui.define([
 	 *
 	 * @namespace
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @private
 	 * @since 1.30

package/src/sap/ui/dt/ManagedObjectObserver.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @class The ManagedObjectObserver observes changes of a ManagedObject and propagates them via events.
 	 * @extends sap.ui.base.ManagedObject
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 * @constructor
 	 * @private
 	 * @since 1.30
@@ -161,9 +161,13 @@ sap.ui.define([
 		this._fnOriginalBindAggregation = oTarget.bindAggregation;
 		oTarget.bindAggregation = function(...aArgs) {
 			const [sAggregationName] = aArgs;
-			var vOriginalReturn = this._fnOriginalBindAggregation.apply(oTarget, aArgs);
+			const vOriginalReturn = this._fnOriginalBindAggregation.apply(oTarget, aArgs);
 			if (this._isAggregationObservable(sAggregationName)) {
-				this.fireModified();
+				this.fireModified({
+					type: "bindAggregation",
+					name: sAggregationName,
+					target: oTarget
+				});
 			}
 			return vOriginalReturn;
 		}.bind(this);
@@ -172,9 +176,13 @@ sap.ui.define([
 		this._fnOriginalUnBindAggregation = oTarget.unbindAggregation;
 		oTarget.unbindAggregation = function(...aArgs) {
 			const [sAggregationName] = aArgs;
-			var vOriginalReturn = this._fnOriginalUnBindAggregation.apply(oTarget, aArgs);
+			const vOriginalReturn = this._fnOriginalUnBindAggregation.apply(oTarget, aArgs);
 			if (this._isAggregationObservable(sAggregationName)) {
-				this.fireModified();
+				this.fireModified({
+					type: "unbindAggregation",
+					name: sAggregationName,
+					target: oTarget
+				});
 			}
 			return vOriginalReturn;
 		}.bind(this);

package/src/sap/ui/dt/MetadataPropagationUtil.js

@@ -21,7 +21,7 @@ sap.ui.define([
 	 *
 	 * @namespace
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 * @private
 	 * @since 1.54
 	 * @alias sap.ui.dt.MetadataPropagationUtil
@@ -34,7 +34,7 @@ sap.ui.define([
 			!mAggregationMetadata.propagationInfos) {
 			return false;
 		}
-		return Object.assign([], mAggregationMetadata.propagationInfos);
+		return [...mAggregationMetadata.propagationInfos];
 	};
 
 	MetadataPropagationUtil._getCurrentRelevantContainerPropagation = function(mElementDtMetadataForAggregation, oElement) {
@@ -106,7 +106,7 @@ sap.ui.define([
 		var mNewPropagationInfo;
 		var mMetadataFunctionPropagation;
 		var mRelevantContainerPropagation;
-		var mMetadata = Object.assign({}, mOriginalMetadata);
+		var mMetadata = { ...mOriginalMetadata };
 
 		var aPropagatedRelevantContainersFromParent = MetadataPropagationUtil._getParentPropagationInfo(mParentAggregationMetadata);
 
@@ -116,7 +116,7 @@ sap.ui.define([
 		}
 
 		if (aPropagatedRelevantContainersFromParent || !isEmptyObject(mRelevantContainerPropagation) || !isEmptyObject(mMetadataFunctionPropagation)) {
-			mNewPropagationInfo = Object.assign({}, mRelevantContainerPropagation, mMetadataFunctionPropagation);
+			mNewPropagationInfo = { ...mRelevantContainerPropagation, ...mMetadataFunctionPropagation };
 			return MetadataPropagationUtil._setPropagationInfo(mMetadata, mNewPropagationInfo, aPropagatedRelevantContainersFromParent);
 		}
 		return mMetadata;

package/src/sap/ui/dt/MutationObserver.js

@@ -32,7 +32,7 @@ sap.ui.define([
 	 * @class The MutationObserver observes changes of a ManagedObject and propagates them via events.
 	 * @extends sap.ui.base.ManagedObject
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 * @constructor
 	 * @private
 	 * @since 1.30

package/src/sap/ui/dt/Overlay.js

@@ -44,7 +44,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/dt/OverlayRegistry.js

@@ -23,7 +23,7 @@ function(
 	 *
 	 * @namespace
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @private
 	 * @since 1.30

package/src/sap/ui/dt/OverlayUtil.js

@@ -21,7 +21,7 @@ sap.ui.define([
 	 *
 	 * @namespace
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 * @private
 	 * @since 1.30
 	 * @alias sap.ui.dt.OverlayUtil

package/src/sap/ui/dt/Plugin.js

@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @extends sap.ui.base.ManagedObject
 	 *
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @constructor
 	 * @private
@@ -374,7 +374,6 @@ sap.ui.define([
 	 * @param {string} mPropertyBag.pluginId The ID of the plugin
 	 * @param {number} mPropertyBag.rank The rank deciding the position of the action in the context menu
 	 * @param {string} mPropertyBag.icon an icon for the Button inside the context menu
-	 * @param {string} mPropertyBag.group A group for buttons which should be grouped together in the MiniMenu
 	 * @return {object[]} Returns an array with the object containing the required data for a context menu item
 	 */
 	Plugin.prototype._getMenuItems = async function(aElementOverlays, mPropertyBag) {
@@ -383,8 +382,7 @@ sap.ui.define([
 			handler: this.handler.bind(this),
 			enabled: this.isEnabled.bind(this),
 			rank: mPropertyBag.rank,
-			icon: mPropertyBag.icon,
-			group: mPropertyBag.group
+			icon: mPropertyBag.icon
 		}, aElementOverlays);
 
 		var aResponsibleElementOverlays = oMenuItem.responsible || aElementOverlays;
@@ -462,7 +460,7 @@ sap.ui.define([
 				return true;
 			}
 		}.bind(this));
-		return Object.assign(oMenuItem, bEnhanceMenuItem && {responsible: aResponsibleElementOverlays});
+		return { ...oMenuItem, ...(bEnhanceMenuItem && {responsible: aResponsibleElementOverlays}) };
 	};
 
 	return Plugin;

package/src/sap/ui/dt/ScrollbarSynchronizer.js

@@ -24,7 +24,7 @@ function(
 	 * @extends sap.ui.base.ManagedObject
 	 *
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/dt/SelectionManager.js

@@ -32,7 +32,7 @@ function(
 	 * @extends sap.ui.base.ManagedObject
 	 *
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @constructor
 	 * @private
@@ -302,9 +302,9 @@ function(
 	};
 
 	/**
-	 * Add hover effect to the specified overlays.
+	 * Adds hover effect to the specified overlays.
 	 * @param {sap.ui.dt.ElementOverlay|sap.ui.dt.ElementOverlay[]|sap.ui.core.Control|sap.ui.core.Control[]|String|String[]} vObjects
-	 *     Objects to be set can be:
+	 *     Objects can be:
 	 *         - a single overlay
 	 *         - an array of overlays
 	 *         - an element which has an overlay
@@ -314,15 +314,24 @@ function(
 	 */
 	SelectionManager.prototype.addHover = function(vObjects) {
 		getOverlays(vObjects).forEach(function(oElementOverlay) {
-			// TODO: Replace with DT CSS class after refactoring
-			oElementOverlay.addStyleClass("sapUiRtaOverlayHover");
+			oElementOverlay.addStyleClass("sapUiDtOverlayHover");
 		});
 	};
 
+	/**
+	 * Removes hover effect from the specified overlays.
+	 * @param {sap.ui.dt.ElementOverlay|sap.ui.dt.ElementOverlay[]|sap.ui.core.Control|sap.ui.core.Control[]|String|String[]} vObjects
+	 *     Objects can be:
+	 *         - a single overlay
+	 *         - an array of overlays
+	 *         - an element which has an overlay
+	 *         - an array of elements
+	 *         - a single control ID or Overlay ID
+	 *         - an array of control IDs or overlay IDs
+	 */
 	SelectionManager.prototype.removeHover = function(vObjects) {
 		getOverlays(vObjects).forEach(function(oElementOverlay) {
-			// TODO: Replace with DT CSS class after refactoring
-			oElementOverlay.removeStyleClass("sapUiRtaOverlayHover");
+			oElementOverlay.removeStyleClass("sapUiDtOverlayHover");
 		});
 	};
 

package/src/sap/ui/dt/SelectionMode.js

@@ -16,7 +16,7 @@ sap.ui.define(function() {
 	 * @namespace
 	 * @name sap.ui.dt.SelectionMode
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 * @private
 	 */
 	return {

package/src/sap/ui/dt/TaskManager.js

@@ -21,7 +21,7 @@ function(
 	 * The TaskManager keeps list of task and allows to manage them via simple API.
 	 *
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @constructor
 	 * @private
@@ -121,9 +121,7 @@ function(
 	TaskManager.prototype._addTask = function(mTask) {
 		var iTaskId = this._iNextId++;
 		this._mQueuedTasks[mTask.type] ||= [];
-		this._mQueuedTasks[mTask.type].push(Object.assign({}, mTask, {
-			id: iTaskId
-		}));
+		this._mQueuedTasks[mTask.type].push({ ...mTask, id: iTaskId });
 		this._iTaskCounter++;
 		if (!this.getSuppressEvents()) {
 			this.fireAdd({

package/src/sap/ui/dt/TaskRunner.js

@@ -24,7 +24,7 @@ function(
 	 * TaskRunner run tasks defined in sap.ui.dt.TaskManager.
 	 *
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/dt/Util.js

@@ -20,7 +20,7 @@ sap.ui.define([
 	 *
 	 * @namespace
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @private
 	 * @since 1.54

package/src/sap/ui/dt/enablement/ElementEnablementTest.js

@@ -37,7 +37,7 @@ sap.ui.define([
 	 * @extends sap.ui.dt.test.Test
 	 *
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/dt/enablement/Test.js

@@ -22,7 +22,7 @@ sap.ui.define([
 	 * @extends sap.ui.base.ManagedObject
 	 *
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/dt/enablement/Util.js

@@ -22,7 +22,7 @@ sap.ui.define([
 	 * @namespace
 	 *
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @private
 	 * @static

package/src/sap/ui/dt/enablement/report/LibraryReport.js

@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @extends sap.ui.dt.enablement.Test
 	 *
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @constructor
 	 * @private
@@ -74,7 +74,7 @@ sap.ui.define([
 
 					var oElementTestDataWithoutCreate = null;
 					if (oElementTestData.create) {
-						oElementTestDataWithoutCreate = Object.assign({}, oElementTestData);
+						oElementTestDataWithoutCreate = { ...oElementTestData };
 						delete oElementTestDataWithoutCreate.create;
 						oElementTestData.groupPostfix = "with create method";
 					}

package/src/sap/ui/dt/enablement/report/QUnitReport.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @extends sap.ui.base.ManagedObject
 	 *
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/dt/enablement/report/Statistic.js

@@ -33,7 +33,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/dt/enablement/report/StatisticRenderer.js

@@ -10,7 +10,7 @@ sap.ui.define(function() {
 
 	/**
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 * @namespace
 	 */
 	var StatisticRenderer = {

package/src/sap/ui/dt/enablement/report/Table.js

@@ -47,7 +47,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/dt/enablement/report/TableRenderer.js

@@ -10,7 +10,7 @@ sap.ui.define(function() {
 
 	/**
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 * @namespace
 	 */
 	var TableRenderer = {

package/src/sap/ui/dt/library.js

@@ -123,7 +123,7 @@ sap.ui.define([
 	 * @namespace
 	 * @alias sap.ui.dt
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 * @since 1.30
 	 * @private
 	 * @ui5-restricted
@@ -131,7 +131,7 @@ sap.ui.define([
 	var thisLib = Lib.init({
 		name: "sap.ui.dt",
 		apiVersion: 2,
-		version: "1.127.1",
+		version: "1.129.0",
 		dependencies: ["sap.ui.core"],
 		types: [],
 		interfaces: [],

package/src/sap/ui/dt/plugin/ContextMenu.js

@@ -4,25 +4,27 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([
-	"sap/ui/dt/Plugin",
+	"sap/base/assert",
 	"sap/m/Menu",
 	"sap/m/MenuItem",
-	"sap/ui/dt/Util",
-	"sap/ui/dt/OverlayRegistry",
+	"sap/ui/base/DesignTime",
 	"sap/ui/dt/util/_createPromise",
-	"sap/ui/Device",
-	"sap/base/assert",
-	"sap/ui/events/KeyCodes"
+	"sap/ui/dt/Plugin",
+	"sap/ui/dt/OverlayRegistry",
+	"sap/ui/dt/Util",
+	"sap/ui/events/KeyCodes",
+	"sap/ui/Device"
 ], function(
-	Plugin,
+	assert,
 	Menu,
 	MenuItem,
-	DtUtil,
-	OverlayRegistry,
+	BaseDesignTime,
 	_createPromise,
-	Device,
-	assert,
-	KeyCodes
+	Plugin,
+	OverlayRegistry,
+	DtUtil,
+	KeyCodes,
+	Device
 ) {
 	"use strict";
 
@@ -34,13 +36,13 @@ sap.ui.define([
 	 * @class The ContextMenu registers event handler to open the context menu. Menu entries can dynamically be added
 	 * @extends sap.ui.dt.Plugin
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 * @constructor
 	 * @private
 	 * @since 1.53
 	 * @alias sap.ui.dt.plugin.ContextMenu
 	 */
-	var ContextMenu = Plugin.extend("sap.ui.dt.plugin.ContextMenu", /** @lends sap.ui.rta.plugin.ContextMenu.prototype */ {
+	const ContextMenu = Plugin.extend("sap.ui.dt.plugin.ContextMenu", /** @lends sap.ui.rta.plugin.ContextMenu.prototype */ {
 		metadata: {
 			library: "sap.ui.dt",
 			properties: {
@@ -60,14 +62,13 @@ sap.ui.define([
 
 	});
 
-	var mainStyleClass = "sapUiDtContextMenu";
-	var miniMenuStyleClass = "sapUiDtContextMiniMenu";
+	const sMainStyleClass = "sapUiDtContextMenu";
 
 	ContextMenu.prototype.init = function() {
 		this.oContextMenuControl = new Menu();
 		this.oContextMenuControl.attachItemSelected(this._onItemSelected, this);
 		this.oContextMenuControl.attachClosed(this._contextMenuClosed, this);
-		this.oContextMenuControl.addStyleClass(mainStyleClass);
+		this.oContextMenuControl.addStyleClass(sMainStyleClass);
 		this._aMenuItems = [];
 		this._aGroupedItems = [];
 		this._aSubMenus = [];
@@ -96,7 +97,7 @@ sap.ui.define([
 	 * @param {boolean} bPersistOneTime flag to mark that the Button persist the next Menu clearing
 	 */
 	ContextMenu.prototype.addMenuItem = function(mMenuItem, bRetrievedFromPlugin, bPersistOneTime) {
-		var mMenuItemEntry = {
+		const mMenuItemEntry = {
 			menuItem: mMenuItem,
 			fromPlugin: !!bRetrievedFromPlugin,
 			bPersistOneTime
@@ -135,27 +136,22 @@ sap.ui.define([
 	/**
 	 * Opens the Context Menu
 	 * @param {sap.ui.dt.Overlay} oOverlay - Overlay object
-	 * @param {boolean} bContextMenu - Whether the control should be opened as a context menu
 	 * @param {boolean} bIsSubMenu - Whether the new ContextMenu is a SubMenu opened by a menu item inside another ContextMenu
 	 * @param {object} oEvent - Click event of the menu
 	 */
-	ContextMenu.prototype.open = function(oOverlay, bContextMenu, bIsSubMenu, oEvent) {
-		var aSelectedOverlays;
+	ContextMenu.prototype.open = function(oOverlay, bIsSubMenu, oEvent) {
+		let aSelectedOverlays;
 		function addMenuItems(oMenu, aMenuItems) {
 			aMenuItems.forEach(function(oMenuItem, index) {
-				var sText = typeof oMenuItem.text === "function" ? oMenuItem.text(oOverlay) : oMenuItem.text;
-				var bEnabled = typeof oMenuItem.enabled === "function" ? oMenuItem.enabled(aSelectedOverlays) : oMenuItem.enabled;
-				var sTooltip;
-				if (!bContextMenu) {
-					sTooltip = sText;
-				}
+				const sText = typeof oMenuItem.text === "function" ? oMenuItem.text(oOverlay) : oMenuItem.text;
+				const bEnabled = typeof oMenuItem.enabled === "function" ? oMenuItem.enabled(aSelectedOverlays) : oMenuItem.enabled;
 				oMenu.addItem(
 					new MenuItem({
 						key: oMenuItem.id,
 						icon: oMenuItem.icon,
 						text: sText,
 						enabled: bEnabled
-					}).setTooltip(sTooltip)
+					})
 				);
 				if (oMenuItem.submenu) {
 					addMenuItems(oMenu.getItems()[index], oMenuItem.submenu);
@@ -163,13 +159,7 @@ sap.ui.define([
 			});
 		}
 
-		this._bContextMenu = !!bContextMenu;
-		if (this._bContextMenu) {
-			this.oContextMenuControl.removeStyleClass(miniMenuStyleClass);
-		} else {
-			this.oContextMenuControl.addStyleClass(miniMenuStyleClass);
-		}
-		var oNewContextElement = oOverlay.getElement();
+		const oNewContextElement = oOverlay.getElement();
 		if (this._fnCancelMenuPromise) {
 			// Menu is still opening
 			if (this.getContextElement() === oNewContextElement) {
@@ -200,9 +190,9 @@ sap.ui.define([
 		// Remove all previous entries retrieved by plugins (the list should always be rebuilt)
 		this.oContextMenuControl.destroyItems();
 
-		var oPromise = Promise.resolve();
+		let oPromise = Promise.resolve();
 		if (!bIsSubMenu) {
-			var oDtSyncPromise = _createPromise(function(resolve, reject) {
+			const oDtSyncPromise = _createPromise(function(resolve, reject) {
 				DtUtil.waitForSynced(this.getDesignTime())().then(resolve).catch(reject);
 			}.bind(this));
 			this._fnCancelMenuPromise = oDtSyncPromise.cancel;
@@ -210,17 +200,17 @@ sap.ui.define([
 			.then(function() {
 				this._aGroupedItems = [];
 				this._aSubMenus = [];
-				var aPluginItemPromises = [];
-				var oPlugins = this.getDesignTime().getPlugins();
+				const aPluginItemPromises = [];
+				const oPlugins = this.getDesignTime().getPlugins();
 				oPlugins.forEach(function(oPlugin) {
-					var vMenuItems = oPlugin.getMenuItems(aSelectedOverlays);
+					let vMenuItems = oPlugin.getMenuItems(aSelectedOverlays);
 					if (!(vMenuItems instanceof Promise)) {
 						vMenuItems = Promise.resolve(vMenuItems);
 					}
 					aPluginItemPromises.push(vMenuItems);
 				});
 
-				var oPluginItemsPromise = _createPromise(function(resolve, reject) {
+				const oPluginItemsPromise = _createPromise(function(resolve, reject) {
 					Promise.all(aPluginItemPromises).then(resolve).catch(reject);
 				});
 				this._fnCancelMenuPromise = oPluginItemsPromise.cancel;
@@ -233,14 +223,7 @@ sap.ui.define([
 			})
 			.then(function(aPluginMenuItems) {
 				aPluginMenuItems.forEach(function(mMenuItem) {
-					// Show only enabled items in Minimenu
-					var bEnabled = typeof mMenuItem.enabled === "function" ? mMenuItem.enabled(aSelectedOverlays) : mMenuItem.enabled;
-					if (!bEnabled && !bContextMenu) {
-						return;
-					}
-					if (mMenuItem.group !== undefined && !bContextMenu) {
-						this._addMenuItemToGroup(mMenuItem);
-					} else if (mMenuItem.submenu !== undefined) {
+					if (mMenuItem.submenu !== undefined) {
 						this._addSubMenu(mMenuItem);
 					} else {
 						this.addMenuItem(mMenuItem, true);
@@ -253,7 +236,7 @@ sap.ui.define([
 		}
 
 		oPromise.then(function() {
-			var aMenuItems = this._aMenuItems.map(function(mMenuItemEntry) {
+			let aMenuItems = this._aMenuItems.map(function(mMenuItemEntry) {
 				return mMenuItemEntry.menuItem;
 			});
 
@@ -305,18 +288,18 @@ sap.ui.define([
 		this._ensureSelection(this._oCurrentOverlay);
 
 		function callHandler(oMenuItem, oEventItem) {
-			var aSelection = oMenuItem.responsible || this.getSelectedOverlays() || [];
+			const aSelection = oMenuItem.responsible || this.getSelectedOverlays() || [];
 			assert(aSelection.length > 0, "sap.ui.rta - Opening context menu, with empty selection - check event order");
-			var mPropertiesBag = {};
+			const mPropertiesBag = {};
 			mPropertiesBag.eventItem = oEventItem;
 			mPropertiesBag.contextElement = this.getContextElement();
 			oMenuItem.handler(aSelection, mPropertiesBag);
 		}
 
-		var sSelectedItemId = oEventItem.getParameter("item").getKey();
+		const sSelectedItemId = oEventItem.getParameter("item").getKey();
 
 		this._aMenuItems.some(function(mMenuItemEntry) {
-			var oItem = mMenuItemEntry.menuItem;
+			const oItem = mMenuItemEntry.menuItem;
 			if (sSelectedItemId === mMenuItemEntry.menuItem.id) {
 				callHandler.apply(this, [oItem, oEventItem]);
 				return true;
@@ -338,7 +321,7 @@ sap.ui.define([
 	 * @param {sap.ui.base.Event} oEvent the event which was fired
 	 */
 	ContextMenu.prototype._onKeyUp = function(oEvent) {
-		var oOverlay = OverlayRegistry.getOverlay(oEvent.currentTarget.id);
+		const oOverlay = OverlayRegistry.getOverlay(oEvent.currentTarget.id);
 		// Prevents that the context menu opens after finishing a rename with ENTER
 		if (oEvent.keyCode === KeyCodes.ENTER && oOverlay.getIgnoreEnterKeyUpOnce()) {
 			oOverlay.setIgnoreEnterKeyUpOnce(false);
@@ -374,7 +357,7 @@ sap.ui.define([
 	 * @param {sap.ui.base.Event} oEvent the event which was fired
 	 */
 	ContextMenu.prototype._onKeyDown = function(oEvent) {
-		var oOverlay = OverlayRegistry.getOverlay(oEvent.currentTarget.id);
+		const oOverlay = OverlayRegistry.getOverlay(oEvent.currentTarget.id);
 		if ((oEvent.keyCode === KeyCodes.SPACE) &&
 			(oEvent.shiftKey === false) &&
 			(oEvent.altKey === false) &&
@@ -393,11 +376,14 @@ sap.ui.define([
 	 * @param {sap.ui.base.Event} oEvent the event which was fired
 	 */
 	ContextMenu.prototype._openContextMenu = function(oEvent) {
-		var oOverlay = OverlayRegistry.getOverlay(oEvent.currentTarget.id);
+		// Left mouse click in design mode should not open the context menu
+		if (oEvent.type === "click" && BaseDesignTime.isDesignModeEnabled()) {
+			return;
+		}
+		const oOverlay = OverlayRegistry.getOverlay(oEvent.currentTarget.id);
 		if (oOverlay && oOverlay.isSelectable() && oOverlay.getSelected()) {
 			this._oCurrentOverlay = oOverlay;
-			var bContextMenu = oEvent.type === "contextmenu" || oEvent.keyCode === KeyCodes.F10;
-			this.open(oOverlay, bContextMenu, undefined, oEvent);
+			this.open(oOverlay, undefined, oEvent);
 		}
 	};
 
@@ -405,7 +391,6 @@ sap.ui.define([
 	 * Called when ContextMenu gets closed
 	 */
 	ContextMenu.prototype._contextMenuClosed = function() {
-		this.oContextMenuControl.removeStyleClass(miniMenuStyleClass);
 		this.fireClosedContextMenu();
 	};
 
@@ -448,7 +433,7 @@ sap.ui.define([
 	 * @param {object} mMenuItem The menu item to add to a group
 	 */
 	ContextMenu.prototype._addMenuItemToGroup = function(mMenuItem) {
-		var bGroupExists = this._aGroupedItems.some(function(_oGroupedItem) {
+		const bGroupExists = this._aGroupedItems.some(function(_oGroupedItem) {
 			if (_oGroupedItem.sGroupName === mMenuItem.group) {
 				_oGroupedItem.aGroupedItems.push(mMenuItem);
 				return true;

package/src/sap/ui/dt/plugin/ControlDragDrop.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * @class The ControlDragDrop enables D&D functionality for the overlays based on aggregation types
 	 * @extends sap.ui.dt.plugin.DragDrop
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 * @constructor
 	 * @private
 	 * @since 1.30

package/src/sap/ui/dt/plugin/CutPaste.js

@@ -33,7 +33,7 @@ sap.ui.define([
 	 * @class The CutPaste enables Cut & Paste functionality for the overlays based on aggregation types
 	 * @extends sap.ui.dt.Plugin
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 * @constructor
 	 * @private
 	 * @since 1.34

package/src/sap/ui/dt/plugin/DragDrop.js

@@ -38,7 +38,7 @@ sap.ui.define([
 	 * @extends sap.ui.dt.Plugin
 	 *
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/dt/plugin/ElementMover.js

@@ -30,7 +30,7 @@ sap.ui.define([
 	 * @class The ElementMover enables movement of UI5 elements based on aggregation types, which can be used by drag and
 	 *        drop or cut and paste behavior.
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 * @constructor
 	 * @private
 	 * @since 1.34

package/src/sap/ui/dt/plugin/MouseSelection.js

@@ -22,7 +22,7 @@ function(Plugin) {
 	 * @extends sap.ui.dt.Plugin
 	 *
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/dt/plugin/ToolHooks.js

@@ -16,7 +16,7 @@ sap.ui.define([
 	 *
 	 * @extends sap.ui.dt.Plugin
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 * @constructor
 	 * @private
 	 * @since 1.61

package/src/sap/ui/dt/themes/base/ContextMenu.less

@@ -1,21 +1,13 @@
 /******************************************************************
 	Style of the DT Contextmenu - base Theme
 *******************************************************************/
-@_sap_ui_dt_ContextMenu_HoverBGColor: @sapUiButtonLiteHoverBackground; //rgba(199,95,20,0.5)
-@_sap_ui_dt_ContextMenu_OpenMenuBGColor: @sapUiListSelectionBackgroundColor; //#8fb5ff
-
 .sapUiDtContextMenu {
-	&.sapUiMnu {
-		min-width: 4.25rem; //68px
-	}
-
 	.sapUiMnuLst {
 		padding: 0.1875rem;
 
 		.sapUiMnuItm {
 			.sapUiMnuItmIco {
 				padding: 0 0.375rem;
-				max-width: none;
 
 				.sapUiIcon {
 					min-width: 2.0rem;
@@ -27,79 +19,20 @@
 			}
 		}
 	}
-
-	&.sapUiSubmenu,
-	&:not(.sapUiDtContextMiniMenu) {
-		.sapUiMnuItm {
-			&.sapUiMnuItmHov {
-				&:not(.sapUiMnuItmDsbl) {
-					background-color: @_sap_ui_dt_ContextMenu_HoverBGColor;
-				}
-			}
-		}
-	}
 }
 
-.sapUiDtContextMiniMenu {
-	&:not(.sapUiSubmenu) {
-		.sapUiMnuItm {
-			display: inline-flex;
-
-			&:focus {
-				outline: none;
-
-				.sapUiIcon {
-					border: 0.0625rem dotted;
-				}
-			}
-
-			&.sapUiMnuItmHov {
-				background-color: transparent;
-
-				.sapUiIcon {
-					background-color: @_sap_ui_dt_ContextMenu_HoverBGColor;
-				}
-			}
-
-			&.sapUiMnuItmSubMnuOpen {
-				background-color: transparent;
-
-				&:not(.sapUiMnuItmHov) {
-					.sapUiIcon {
-						background-color: @_sap_ui_dt_ContextMenu_OpenMenuBGColor;
+.sapUiSizeCozy{
+	.sapUiDtContextMenu{
+		.sapUiMnuLst {
+			.sapUiMnuItm {
+				.sapUiMnuItmIco {
+					min-width: 1.125rem;
+					padding: 0;
+					> .sapUiIcon {
+						line-height: 1;
 					}
 				}
 			}
-			.sapUiMnuItmIco {
-				position: relative;
-			}
-			.sapUiMnuItmTxt {
-				display: none !important;
-			}
-			.sapUiMnuItmSbMnu {
-				padding-top: 0.25rem;
-				right: -0.2rem;
-				position: absolute;
-			}
-			.sapUiIcon {
-				border: 0.0625rem dotted transparent;
-			}
-		}
-	}
-}
-
-.sapUiSizeCozy.sapUiMnu.sapUiMnuCozySupport {
-	&.sapUiDtContextMiniMenu {
-		.sapUiMnuItmIco {
-			width: 3rem;
-			+ .sapUiMnuItmTxt {
-				margin-left: 2.5rem;
-			}
-			.sapUiIcon {
-				height: 2.625rem;
-				line-height: 2.625rem !important;
-				min-width: 3rem;
-			}
 		}
 	}
 }
@@ -111,6 +44,7 @@
 
 		.sapUiMnuItmIco {
 			padding: 0;
+			max-width: none;
 			+ .sapUiMnuItmTxt {
 				margin-left: 0.5rem;
 			}
@@ -124,6 +58,6 @@
 html.sap-desktop, html.sap-tablet {
 
 	& .sapUiSizeCozy .sapUiDtContextMenu .sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
-		margin-left: 2.75rem;
+		margin-left: 1.75rem;
 	}
 }

package/src/sap/ui/dt/themes/base/Overlay.less

@@ -1,13 +1,15 @@
 /******************************************************************
 	Style of the DT Overlays - base Theme
 *******************************************************************/
-@_sap_ui_dt_Overlay_FocusColor: @sapUiContentFocusColor; //#000
-@_sap_ui_dt_Overlay_TargetZoneColor: @sapUiSelected; //#8fb5ff
-@_sap_ui_dt_Overlay_SelectionColor: lighten(@sapUiChart1, 20); //#6fa0e2
-@_sap_ui_dt_Overlay_CuttedColor: @sapUiNeutralBG; // #fff
-@_sap_ui_dt_Overlay_CuttedBorder: @sapUiSelected; //#8fb5ff
-@_sap_ui_dt_Overlay_HighlightColor: @sapUiShellActiveBackground; //#ec8b46
-@_sap_ui_dt_Overlay_ActiveBG: fade(@sapUiSelected, 10%); //rgba(143, 181, 255, 0.1);
+@_sap_ui_dt_Overlay_FocusBorderColor: @sapUiContentFocusColor; //#000
+@_sap_ui_dt_Overlay_TargetZoneOutlineColor: @sapUiSelected; //#8fb5ff
+@_sap_ui_dt_Overlay_SelectionOutlineColor: @sapUiSelected; //#8fb5ff
+@_sap_ui_dt_Overlay_CuttedBackgroundColor: @sapUiContentImagePlaceholderBackground; // #fff
+@_sap_ui_dt_Overlay_CuttedBorderColor: @sapUiSelected; //#8fb5ff
+@_sap_ui_dt_Overlay_HighlightOutlineColor: @sapUiShellSelectedBackground; //#8fb5ff
+@_sap_ui_dt_Overlay_HoverBackgroundColor: fade(@sapUiSelected, 5%); //rgba(143, 181, 255, 0.1);
+@_sap_ui_dt_Overlay_DropZoneBackgroundColor: fade(@sapUiSelected, 10%); //rgba(143, 181, 255, 0.1);
+@_sap_ui_dt_Overlay_BoxShadow: @sapUiUx3ToolPopupShadow; //0px 6px 12px 0px fade(black, 30);
 
 #overlay-container {
 	position: absolute;
@@ -42,7 +44,7 @@
 	&:focus {
 		&:before {
 			content: " ";
-			border: 0.0625rem dotted @_sap_ui_dt_Overlay_FocusColor; //1px
+			border: 0.0625rem dotted @_sap_ui_dt_Overlay_FocusBorderColor; //1px
 		}
 	}
 }
@@ -59,7 +61,7 @@
 
 	> .sapUiDtOverlayChildren {
 		> .sapUiDtOverlayMovable {
-			background: @_sap_ui_dt_Overlay_ActiveBG;
+			background: @_sap_ui_dt_Overlay_DropZoneBackgroundColor;
 			// no "border"
 			&:after {
 				content: none;
@@ -71,7 +73,7 @@
 .sapUiDtOverlayTargetZone {
 	&:after {
 		content: " ";
-		outline: 0.125rem dashed @_sap_ui_dt_Overlay_TargetZoneColor; //2px
+		outline: 0.125rem dashed @_sap_ui_dt_Overlay_TargetZoneOutlineColor; //2px
 		outline-offset: -0.125rem; //2px
 	}
 }
@@ -79,7 +81,7 @@
 .sapUiDtOverlaySelected {
 	&:after {
 		content: " ";
-		outline: 0.125rem solid @_sap_ui_dt_Overlay_SelectionColor; //2px
+		outline: 0.125rem solid @_sap_ui_dt_Overlay_SelectionOutlineColor; //2px
 		outline-offset: -0.125rem; //2px
 		border: none;
 	}
@@ -110,9 +112,9 @@
 .sapUiDtOverlayHighlighted:not(.sapUiDtOverlaySelected) {
 	&:after {
 		content: " ";
-		outline: 0.0625rem solid @_sap_ui_dt_Overlay_HighlightColor; //1px
+		outline: 0.0625rem solid @_sap_ui_dt_Overlay_HighlightOutlineColor; //1px
 		outline-offset: -0.0625rem; //1px
-		box-shadow: 0 0.1875rem 0.375rem 0 rgba(0, 0, 0, 0.3);
+		box-shadow: @_sap_ui_dt_Overlay_BoxShadow;
 	}
 }
 
@@ -126,12 +128,12 @@
 }
 
 .sapUiDtOverlayCutted {
-	background-color: @_sap_ui_dt_Overlay_CuttedColor !important;
+	background-color: @_sap_ui_dt_Overlay_CuttedBackgroundColor !important;
 	opacity: 0.5;
 
 	&:after {
 		content: " ";
-		outline: 0.063rem solid @_sap_ui_dt_Overlay_CuttedBorder; //1px
+		outline: 0.063rem solid @_sap_ui_dt_Overlay_CuttedBorderColor; //1px
 		outline-offset: -0.125rem; //2px
 	}
 }
@@ -159,10 +161,6 @@
 	top: 100vh;
 }
 
-.sapUiDtDragGhost {
-	background: @_sap_ui_dt_Overlay_ActiveBG;
-}
-
 .sapUiDtClonedDom {
 	position: absolute;
 	top: 0;
@@ -176,4 +174,20 @@
 
 .sapUiDtOverlayScrollContainer {
 	position: absolute;
+}
+
+.sapUiDtOverlayHover {
+	-webkit-transition: background 0.1s cubic-bezier(1, .01, 1, 0);
+	-moz-transition: background 0.1s cubic-bezier(1, .01, 1, 0);
+	-o-transition: background 0.1s cubic-bezier(1, .01, 1, 0);
+	transition: background 0.1s cubic-bezier(1, .01, 1, 0);
+	background: @_sap_ui_dt_Overlay_HoverBackgroundColor;
+
+	&:after {
+		content: " ";
+		transition: box-shadow .25s;
+		box-shadow: @_sap_ui_dt_Overlay_BoxShadow;
+		outline: 0.0625rem solid @_sap_ui_dt_Overlay_SelectionOutlineColor; //1px
+		outline-offset: -0.0625rem; //1px
+	}
 }

package/src/sap/ui/dt/themes/base/library.source.less

@@ -6,6 +6,7 @@
 
 @import "../../../../../sap/ui/core/themes/base/base.less";
 @import "../../../../../sap/ui/core/themes/base/global.less";
-@import "Overlay.less";
+
 @import "ContextMenu.less";
+@import "Overlay.less";
 @import "shared.less";

package/src/sap/ui/dt/util/ZIndexManager.js

@@ -28,7 +28,7 @@ sap.ui.define([
 	 *
 	 * @namespace
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @private
 	 * @since 1.64