@openui5/sap.ui.rta 1.96.1 → 1.97.1

package/src/sap/ui/rta/plugin/Settings.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -25,7 +25,7 @@ sap.ui.define([
 	 * @class The Settings allows trigger change of settings operations on the overlay
 	 * @extends sap.ui.rta.plugin.Plugin
 	 * @author SAP SE
-	 * @version 1.96.1
+	 * @version 1.97.1
 	 * @constructor
 	 * @private
 	 * @since 1.44

package/src/sap/ui/rta/plugin/Split.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @class
 	 * @extends sap.ui.rta.plugin.Plugin
 	 * @author SAP SE
-	 * @version 1.96.1
+	 * @version 1.97.1
 	 * @constructor
 	 * @private
 	 * @since 1.46
@@ -115,6 +115,7 @@ sap.ui.define([
 
 	/**
 	 * @param {sap.ui.dt.ElementOverlay} oElementOverlay - element overlay to split
+	 * @returns {Promise<sap.ui.rta.command.Split>} Resolves with a split command
 	 */
 	Split.prototype.handleSplit = function (oElementOverlay) {
 		var oSplitElement = oElementOverlay.getElement();

package/src/sap/ui/rta/plugin/Stretch.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -31,7 +31,7 @@ sap.ui.define([
 	 * @extends sap.ui.rta.plugin.Plugin
 	 *
 	 * @author SAP SE
-	 * @version 1.96.1
+	 * @version 1.97.1
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/rta/plugin/additionalElements/ActionExtractor.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -32,7 +32,7 @@ sap.ui.define([
 	 * handled by the AdditionalElements Plugin (Reveal, Add Via Delegate, Add Custom)
 	 *
 	 * @author SAP SE
-	 * @version 1.96.1
+	 * @version 1.97.1
 	 * @private
 	 * @since 1.94
 	 * @experimental Since 1.94. This class is experimental and provides only limited functionality. Also the API might be changed in future.

package/src/sap/ui/rta/plugin/additionalElements/AddElementsDialog.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([
@@ -32,7 +32,7 @@ sap.ui.define([
 	 * @class Context - Dialog for available Fields in Runtime Authoring
 	 * @extends sap.ui.base.ManagedObject
 	 * @author SAP SE
-	 * @version 1.96.1
+	 * @version 1.97.1
 	 * @constructor
 	 * @private
 	 * @since 1.44

package/src/sap/ui/rta/plugin/additionalElements/AdditionalElementsAnalyzer.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/ui/rta/plugin/additionalElements/AdditionalElementsPlugin.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -75,7 +75,7 @@ sap.ui.define([
 	 * @class The plugin allows to add additional elements that exist either hidden in the UI or in the OData service
 	 * @extends sap.ui.rta.plugin.Plugin
 	 * @author SAP SE
-	 * @version 1.96.1
+	 * @version 1.97.1
 	 * @constructor
 	 * @private
 	 * @since 1.44

package/src/sap/ui/rta/plugin/additionalElements/AdditionalElementsUtils.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -15,7 +15,7 @@ sap.ui.define([
 	 * Helper object containing methods for the AdditionalElements plugin
 	 *
 	 * @author SAP SE
-	 * @version 1.96.1
+	 * @version 1.97.1
 	 * @private
 	 * @since 1.94
 	 * @experimental Since 1.94. This class is experimental and provides only limited functionality. Also the API might be changed in future.

package/src/sap/ui/rta/plugin/additionalElements/CommandBuilder.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -25,7 +25,7 @@ sap.ui.define([
 	 * Helper object to build the RTA commands resulting from the AdditionalElements Plugin
 	 *
 	 * @author SAP SE
-	 * @version 1.96.1
+	 * @version 1.97.1
 	 * @private
 	 * @since 1.94
 	 * @experimental Since 1.94. This class is experimental and provides only limited functionality. Also the API might be changed in future.

package/src/sap/ui/rta/plugin/iframe/AddIFrame.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -110,7 +110,7 @@ sap.ui.define([
 	 * @class The AddIFrame allows trigger AddIFrame operations on the overlay.
 	 * @extends sap.ui.rta.plugin.BaseCreate
 	 * @author SAP SE
-	 * @version 1.96.1
+	 * @version 1.97.1
 	 * @constructor
 	 * @private
 	 * @since 1.75

package/src/sap/ui/rta/plugin/iframe/AddIFrameDialog.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([
@@ -113,7 +113,7 @@ sap.ui.define([
 	 * @class Context - Dialog for IFrame settings in Runtime Authoring
 	 * @extends sap.ui.base.ManagedObject
 	 * @author SAP SE
-	 * @version 1.96.1
+	 * @version 1.97.1
 	 * @constructor
 	 * @private
 	 * @since 1.78

package/src/sap/ui/rta/plugin/iframe/AddIFrameDialogController.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([
@@ -225,11 +225,6 @@ sap.ui.define([
 			return this._mSettings;
 		},
 
-		/**
-		 * Verify that there is no error value state
-		 *
-		 * @private
-		 */
 		_areAllValueStateNones: function() {
 			var oData = this._oJSONModel.getData();
 			return _aTextInputFields.concat(_aNumericInputFields).every(function (sFieldName) {
@@ -237,11 +232,6 @@ sap.ui.define([
 			}, this);
 		},
 
-		/**
-		 * Verify that there is no empty input string
-		 *
-		 * @private
-		 */
 		_areAllTextFieldsValid: function() {
 			var oJSONModel = this._oJSONModel;
 			return _aTextInputFields.reduce(function(bAllValid, sFieldName) {
@@ -257,11 +247,6 @@ sap.ui.define([
 			}, true);
 		},
 
-		/**
-		 * Build the returned settings
-		 *
-		 * @private
-		 */
 		_buildReturnedSettings: function() {
 			var mSettings = {};
 			var oData = this._oJSONModel.getData();
@@ -316,7 +301,7 @@ sap.ui.define([
 		 */
 		_setFocusOnInvalidInput: function() {
 			var oData = this._oJSONModel.getData();
-			return _aNumericInputFields.some(function(sFieldName) {
+			_aNumericInputFields.some(function(sFieldName) {
 				if (oData[sFieldName]["valueState"] === ValueState.Error) {
 					var oElement = sap.ui.getCore().byId(oData[sFieldName]["id"]);
 					oElement.focus();

package/src/sap/ui/rta/plugin/iframe/urlCleaner.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -14,7 +14,7 @@ sap.ui.define([
 	 *
 	 * @param {string} sURL URL to clean
 	 * @returns {string} Cleaned URL
-	 * @ui5-restricted sap.ui.rta
+	 * @private
 	 */
 	return function (sURL) {
 		return sURL.replace(/\t|\r|\n/g, "");

package/src/sap/ui/rta/service/Action.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -25,7 +25,7 @@ sap.ui.define([
 	 * @author SAP SE
 	 * @experimental Since 1.58
 	 * @since 1.58
-	 * @version 1.96.1
+	 * @version 1.97.1
 	 * @private
 	 * @ui5-restricted
 	 *

package/src/sap/ui/rta/service/ControllerExtension.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -30,7 +30,7 @@ function (
 	 * @author SAP SE
 	 * @experimental Since 1.58
 	 * @since 1.58
-	 * @version 1.96.1
+	 * @version 1.97.1
 	 * @private
 	 * @ui5-restricted
 	*/

package/src/sap/ui/rta/service/Outline.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -42,10 +42,10 @@ sap.ui.define([
 	 * @author SAP SE
 	 * @experimental Since 1.56
 	 * @since 1.56
-	 * @version 1.96.1
+	 * @version 1.97.1
 	 * @private
 	 * @ui5-restricted
-	*/
+	 */
 
 	/**
 	 * Object containing an outline of available nodes.
@@ -67,8 +67,9 @@ sap.ui.define([
 	 * @property {string} id - ID of the control
 	 * @property {string} [instanceName] - Text retrieved from node's design time metadata <code>getLabel()</code>
 	 * @property {string} [name] - Singular name from node's design time metadata
-	 * @property {string} technicalName - Class type for element nodes/aggregation name for aggregation nodes.
+	 * @property {string} technicalName - Class type for element nodes/aggregation name for aggregation nodes
 	 * @property {boolean} editable - Indicates whether the node is editable
+	 * @property {string} [templateReference] - Element ID referencing corresponding template
 	 * @property {string} [icon] - Icon path for the node
 	 * @property {string} type - Type of node
 	 * @property {boolean} [visible] - Visibility of node of type <code>element</code>
@@ -197,6 +198,55 @@ sap.ui.define([
 			}
 		};
 
+		function getTemplateData(oChildOverlay, mTemplateData, mInnerTemplateData) {
+			var sAggregationName = oChildOverlay.getAggregationName && oChildOverlay.getAggregationName();
+			if (sAggregationName) {
+				var sAggregationOverlayId = oChildOverlay.getParent().getId();
+				// Aggregation with root template
+				if (mInnerTemplateData[sAggregationName]) {
+					return Object.assign({
+						templateFor: sAggregationOverlayId
+					}, mInnerTemplateData[sAggregationName]);
+				}
+				return ((mTemplateData && mTemplateData.elements) || [])
+					.map(function(oElement) {
+						// Template
+						if (
+							oElement.type === "aggregationBindingTemplate"
+							|| oElement.parentAggregationName === sAggregationName
+						) {
+							return Object.assign({
+								templateFor: sAggregationOverlayId
+							}, oElement);
+						}
+						// Regular aggregation
+						return oElement.technicalName === sAggregationName && oElement;
+					})
+					.filter(Boolean)[0];
+			}
+			// Template root element
+			var aAggregationTemplateOverlays = (
+				oChildOverlay.getParentElementOverlay().getAggregationBindingTemplateOverlays
+				&& oChildOverlay.getParentElementOverlay().getAggregationBindingTemplateOverlays()
+					.reduce(function (aAllRootElementOverlaysInsideTemplates, oAggregationOverlay) {
+						return aAllRootElementOverlaysInsideTemplates.concat(oAggregationOverlay.getChildren());
+					}, [])
+			) || [];
+			if (aAggregationTemplateOverlays.includes(oChildOverlay)) {
+				return undefined;
+			}
+			if (!mTemplateData) {
+				return undefined;
+			}
+			// Element inside clone
+			var oParent = oChildOverlay.getParentElementOverlay();
+			if (oParent.getId() === mTemplateData.templateFor) {
+				return mTemplateData;
+			}
+			var iIndex = oChildOverlay.getParent().getChildren().indexOf(oChildOverlay);
+			return mTemplateData.elements[iIndex];
+		}
+
 		/**
 		 * Returns outline model data including the children until max depth (<code>this.iDepth</code> or last child is reached).
 		 * During execution, the <code>fnFilter</code> is used to determine whether node data should be added.
@@ -205,17 +255,19 @@ sap.ui.define([
 		 * @param {sap.ui.dt.Overlay} oOverlay - Overlay for this node
 		 * @param {int} [iDepth] - Level of children to traverse
 		 * @param {sap.ui.dt.Overlay} [oParentOverlay] - Parent overlay (if present) for the passed overlay
+		 * @param {object} [mTemplateData] - Propagates template data to the aggregation template clones
 		 * @returns {OutlineObject} Outline model data
 		 */
-		oOutline._getChildrenNodes = function (oOverlay, iDepth, oParentOverlay) {
+		oOutline._getChildrenNodes = function (oOverlay, iDepth, oParentOverlay, mTemplateData) {
 			var bValidDepth = DtUtil.isInteger(iDepth);
+			var mAggregationTemplates = {};
 
 			if (oOverlay.getShouldBeDestroyed()) {
 				return {};
 			}
 
 			//get necessary properties from overlay
-			var oData = this._getNodeProperties(oOverlay, oParentOverlay) || {};
+			var oData = this._getNodeProperties(oOverlay, oParentOverlay, mTemplateData) || {};
 
 			var aChildren = oOverlay.getChildren();
 			//find aggregation binding template overlays
@@ -224,20 +276,12 @@ sap.ui.define([
 				&& oOverlay.getAggregationBindingTemplateOverlays()
 			) || [];
 
-			//for binding template overlays, do not include children of the
-			//corresponding aggregations on the outline (e.g. items)
 			if (aAggregationTemplateOverlays.length > 0) {
-				var aExcludedAggregations = [];
 				aChildren = aAggregationTemplateOverlays.reduce(function(aCollectedChildren, oAggregationTemplateOverlay) {
-					aExcludedAggregations.push(oAggregationTemplateOverlay.getAggregationName());
-					return oAggregationTemplateOverlay.getChildren().concat(aCollectedChildren);
-				}, aChildren)
-				.filter(function(oChild) {
-					if (oChild.getAggregationName && aExcludedAggregations.indexOf(oChild.getAggregationName()) > -1) {
-						return false;
-					}
-					return true;
-				});
+					var oTemplateOverlay = oAggregationTemplateOverlay.getChildren()[0];
+					mAggregationTemplates[oTemplateOverlay.getId()] = oAggregationTemplateOverlay.getAggregationName();
+					return [oTemplateOverlay].concat(aCollectedChildren);
+				}, aChildren);
 			}
 
 			//check if the tree should be traversed deeper and children overlays are present
@@ -248,9 +292,16 @@ sap.ui.define([
 				//decrement depth for children nodes
 				iDepth = bValidDepth ? iDepth - 1 : iDepth;
 
+				var mInnerTemplateData = {};
 				oData.elements = aChildren
 					.map(function (oChildOverlay) {
-						return this._getChildrenNodes(oChildOverlay, iDepth, oChildOverlay.getParent());
+						var mNextTemplateData = getTemplateData(oChildOverlay, mTemplateData, mInnerTemplateData);
+						var oNextData = this._getChildrenNodes(oChildOverlay, iDepth, oChildOverlay.getParent(), mNextTemplateData);
+						if (oNextData.type === "aggregationBindingTemplate") {
+							var sAggregationName = mAggregationTemplates[oChildOverlay.getId()];
+							mInnerTemplateData[sAggregationName] = merge({}, oNextData);
+						}
+						return oNextData;
 					}, this)
 					.filter(function (oChildNode) {
 						return !isEmptyObject(oChildNode);
@@ -270,10 +321,6 @@ sap.ui.define([
 				&& oParentElementOverlay.getAggregationOverlay(sParentAggregationName, "AggregationBindingTemplateOverlays") === oParentAggregationOverlay;
 		}
 
-		function getNumberOfTemplateChildrenOverlays(oParentAggregationOverlay, sParentAggregationName) {
-			return oParentAggregationOverlay.getParent().getAggregationOverlay(sParentAggregationName).getChildren().length;
-		}
-
 		function getElementOverlayData(oOverlay, oElement, oDtMetadata) {
 			var oData = {
 				editable: oOverlay.getEditable(),
@@ -284,20 +331,18 @@ sap.ui.define([
 			}
 			var oParentAggregationOverlay = oOverlay.getParent() && oOverlay.getParentAggregationOverlay();
 			var sParentAggregationName = (oParentAggregationOverlay && oParentAggregationOverlay.getAggregationName()) || "";
-			var sDtNameSuffix = "";
 			// Aggregation Binding Template
 			if (isAggregationBindingTemplate(oOverlay, oParentAggregationOverlay, sParentAggregationName)) {
-				var iNoOfChildren = getNumberOfTemplateChildrenOverlays(oParentAggregationOverlay, sParentAggregationName);
-				sDtNameSuffix = " [" + iNoOfChildren + "]";
 				oData.type = "aggregationBindingTemplate";
 				oData.icon = "sap-icon://attachment-text-file";
+				oData.parentAggregationName = sParentAggregationName;
 			} else {
 				oData.type = "element";
 			}
 
 			var oDtName = oDtMetadata.getName(oElement);
 			if (oDtName && oDtName.singular) {
-				oData.name = (oDtName && oDtName.singular) + sDtNameSuffix;
+				oData.name = oDtName && oDtName.singular;
 			}
 			return oData;
 		}
@@ -322,7 +367,7 @@ sap.ui.define([
 			return oData;
 		}
 
-		function getDefaultData(oElement, oDtMetadata) {
+		function getDefaultData(oElement, oDtMetadata, mTemplateData) {
 			var oData = {
 				id: oElement.getId(),
 				technicalName: oElement.getMetadata().getName(),
@@ -330,6 +375,10 @@ sap.ui.define([
 				type: null
 			};
 
+			if (mTemplateData) {
+				oData.templateReference = mTemplateData.id;
+			}
+
 			var sDefaultIcon = getDefaultIcon(oDtMetadata);
 			if (sDefaultIcon) {
 				oData.icon = sDefaultIcon;
@@ -354,12 +403,13 @@ sap.ui.define([
 		 *
 		 * @param {sap.ui.dt.Overlay} oOverlay - Overlay of the node for which properties are calculated
 		 * @param {sap.ui.dt.Overlay} [oParentOverlay] - Parent overlay (if present) for the passed overlay
+		 * @param {object} [mTemplateData] - Template data
 		 * @returns {object} Data containing applicable properties
 		 */
-		 oOutline._getNodeProperties = function (oOverlay, oParentOverlay) {
+		 oOutline._getNodeProperties = function (oOverlay, oParentOverlay, mTemplateData) {
 			var oElement = oOverlay.getElement();
 			var oDtMetadata = oOverlay.getDesignTimeMetadata();
-			var oData = getDefaultData(oElement, oDtMetadata);
+			var oData = getDefaultData(oElement, oDtMetadata, mTemplateData);
 
 			if (oOverlay instanceof ElementOverlay) {
 				return Object.assign(oData, getElementOverlayData(oOverlay, oElement, oDtMetadata));

package/src/sap/ui/rta/service/Property.js

@@ -1,11 +1,9 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-/* global Map */
-
 sap.ui.define([
 	"sap/ui/dt/OverlayRegistry",
 	"sap/ui/dt/Util",
@@ -30,7 +28,7 @@ sap.ui.define([
 	 * @author SAP SE
 	 * @experimental Since 1.58
 	 * @since 1.58
-	 * @version 1.96.1
+	 * @version 1.97.1
 	 * @private
 	 * @ui5-restricted
 	*/

package/src/sap/ui/rta/service/Receiver.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/ui/rta/service/Selection.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -15,10 +15,11 @@ sap.ui.define(function () {
 	 * @author SAP SE
 	 * @experimental Since 1.58
 	 * @since 1.58
-	 * @version 1.96.1
+	 * @version 1.97.1
 	 * @private
 	 * @ui5-restricted
 	*/
+
 	return function (oRta, fnPublish) {
 		var oSelectionManager = oRta._oDesignTime.getSelectionManager();
 

package/src/sap/ui/rta/service/index.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/ui/rta/themes/base/ChangeVisualization.less

@@ -8,6 +8,7 @@
 @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorSolidBG: white;
 @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorSolidHover: #0f648b;
 @_sap_ui_rta_ChangeVisualization_DependentIndicatorColor: rgba(219,149,51,0.75);
+@_sap_ui_rta_ChangeVisualization_DependentIndicatorColorTransparent: rgba(219,149,51,0);
 @_sap_ui_rta_ChangeVisualization_DependentIndicatorColorFocus: #a67026;
 @_sap_ui_rta_ChangeVisualization_DependentIndicatorColorSolid: rgb(219, 149, 51);
 @_sap_ui_rta_ChangeVisualization_DependentIndicatorColorSolidHover: #b67a26;
@@ -40,24 +41,29 @@
 }
 
 .sapUiRtaChangeIndicatorDependent{
-	border: 1px solid @_sap_ui_rta_ChangeVisualization_DependentIndicatorColor;
-	background: radial-gradient(circle, transparent 41%, @_sap_ui_rta_ChangeVisualization_DependentIndicatorColorSolid 72%,@_sap_ui_rta_ChangeVisualization_DependentIndicatorColorSolid 100%);
-
-	&:focus{
-		border: 1px solid @_sap_ui_rta_ChangeVisualization_DependentIndicatorColorFocus;
-		outline: none;
-	}
-
-	&:hover{
-		background: radial-gradient(circle, transparent 41%, @_sap_ui_rta_ChangeVisualization_DependentIndicatorColorSolidHover 62%, @_sap_ui_rta_ChangeVisualization_DependentIndicatorColorSolid 100%);
-	}
-}
-
-.sapUiRtaChangeIndicatorChangeSolid{
-	background: radial-gradient(circle, @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorSolidBG 41%, @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorSolid 72%, @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorSolid 100%);
+	height: 100%;
+	width: 100%;
+	position: absolute;
+	outline: 3px solid @_sap_ui_rta_ChangeVisualization_DependentIndicatorColor;
+	outline-offset: -3px;
+	box-shadow: @_sap_ui_rta_Overlay_BoxShadow;
+	animation: fadeOut linear 1.5s;
+	animation-fill-mode: forwards;
 
-	&:hover{
-		background: radial-gradient(circle, @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorSolidBG 41%, @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorHover 62%, @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorSolidHover 100%);
+	@keyframes fadeOut {
+		0% {
+			outline: 3px solid @_sap_ui_rta_ChangeVisualization_DependentIndicatorColor;
+			outline-offset: -3px;
+		}
+		66%{
+			outline: 3px solid @_sap_ui_rta_ChangeVisualization_DependentIndicatorColor;
+			outline-offset: -3px;
+		}
+		100% {
+			outline: 3px solid @_sap_ui_rta_ChangeVisualization_DependentIndicatorColorTransparent;
+			outline-offset: -3px;
+			box-shadow: none;
+		}
 	}
 }
 
@@ -77,19 +83,6 @@
 	cursor: pointer;
 }
 
-.sapUiRtaChangeIndicatorIcon{
-	top: 0;
-	left: 0;
-	position: absolute;
-	width: 100%;
-	height: 100%;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	cursor: pointer;
-	color: @_sap_ui_rta_ChangeVisualization_DependentIndicatorColorSolid;
-}
-
 .sapUiRtaChangeIndicatorHovered {
 	-webkit-transition: background 0.1s cubic-bezier(1,.01,1,0);
 	-moz-transition: background 0.1s cubic-bezier(1,.01,1,0);