@openui5/sap.ui.rta 1.116.0 → 1.117.1

package/src/sap/ui/rta/messagebundle_en_US_saprigi.properties

@@ -290,7 +290,7 @@ DAC_DIALOG_DESCRIPTION=\u206A\u206A\u206A\u200D\u200D\u200C\u200C\u200C\u200D\u2
 DAC_DATA_LOSS_DIALOG_DESCRIPTION=\u206A\u206A\u206A\u200D\u200D\u200C\u200B\u200D\u200B\u200B\u200C\u200C\u200C\u200B\u200C\u200D\u200C\u200D\u200C\u200C\u200D\u200C\u200B\u200B\u200C\u200D\u200C\u200B\u200D\u200D\u200D\u200C\u200D\u200C\u200B\u200C\u200D\u200D\u200D\u200D\u200C\u200D\u200B\u206AYou have unsaved UI changes. Deleting this adaptation will also delete the UI changes. Do you really want to delete this adaptation?\u206A\u206A
 DAC_DIALOG_MIGRATION_HEADER=\u206A\u206A\u206A\u200C\u200B\u200C\u200C\u200D\u200D\u200D\u200C\u200D\u200C\u200B\u200C\u200D\u200B\u200D\u200B\u200D\u200C\u200C\u200B\u200C\u200B\u200B\u200D\u200C\u200C\u200C\u200D\u200B\u200C\u200D\u200D\u200B\u200C\u200C\u200B\u200B\u200C\u200B\u200D\u200C\u206AMigrate Views\u206A\u206A
 DAC_DIALOG_MIGRATION_DESCRIPTION=\u206A\u206A\u206A\u200C\u200B\u200C\u200B\u200B\u200B\u200C\u200B\u200C\u200C\u200C\u200B\u200C\u200D\u200B\u200B\u200B\u200D\u200C\u200B\u200D\u200D\u200D\u200C\u200D\u200D\u200B\u200C\u200D\u200C\u200B\u200D\u200D\u200C\u200C\u200C\u200C\u200C\u200C\u206AWe noticed that youve already assigned roles to views in this application. If you want to create an adaptation, you need to migrate these views to adaptations.\n After the migration, every view that was assigned to a role will be included in an adaptation. \u206A\u206A
-DAC_DIALOG_MIGRATION_DIRTY_DESCRIPTION=\u206A\u206A\u206A\u200C\u200D\u200B\u200C\u200B\u200B\u200D\u200D\u200D\u200B\u200D\u200D\u200B\u200C\u200D\u200D\u200C\u200C\u200B\u200D\u200D\u200D\u200B\u200B\u200D\u200D\u200C\u200B\u200B\u200B\u200D\u200D\u200C\u200C\u200D\u200C\u200B\u200B\u200B\u200C\u206AWe noticed that youve already assigned roles to views in this application. If you want to create an adaptation, you need to migrate these views to adaptations.\n After the migration, every view that was assigned to a role will be included in an adaptation.\n\n You have unsaved UI changes. These will be discarded before the migration.\u206A\u206A
+DAC_DIALOG_MIGRATION_DIRTY_DESCRIPTION=\u206A\u206A\u206A\u200C\u200D\u200B\u200C\u200B\u200B\u200D\u200D\u200D\u200B\u200D\u200D\u200B\u200C\u200D\u200D\u200C\u200C\u200B\u200D\u200D\u200D\u200B\u200B\u200D\u200D\u200C\u200B\u200B\u200B\u200D\u200D\u200C\u200C\u200D\u200C\u200B\u200B\u200B\u200C\u206AWe noticed that youve already assigned roles to views in this application. If you want to create an adaptation, you need to migrate these views to adaptations.\n After the migration, every view that was assigned to a role will be included in an adaptation.\n\n You have unsaved UI changes. These are saved before migration.\u206A\u206A
 DAC_DIALOG_MIGRATION_SUCCESSFULL_DESCRIPTION=\u206A\u206A\u206A\u200D\u200D\u200C\u200C\u200D\u200C\u200C\u200C\u200D\u200D\u200B\u200B\u200D\u200B\u200C\u200D\u200C\u200D\u200B\u200C\u200B\u200C\u200B\u200D\u200D\u200D\u200D\u200C\u200D\u200C\u200B\u200B\u200D\u200B\u200C\u200C\u200B\u200C\u200D\u200C\u206AViews have been successfully migrated.\n You can now switch to the created adaptations and verify them.\u206A\u206A
 DAC_DIALOG_MIGRATION_ERROR_DESCRIPTION=\u206A\u206A\u206A\u200C\u200B\u200D\u200C\u200B\u200C\u200B\u200C\u200C\u200D\u200B\u200B\u200B\u200B\u200B\u200C\u200B\u200C\u200D\u200B\u200C\u200C\u200D\u200B\u200D\u200C\u200C\u200D\u200B\u200C\u200C\u200D\u200B\u200D\u200B\u200B\u200D\u200C\u200D\u200C\u200D\u206AAn Error occurred during the migration. Please try again later or contact your administrator.\u206A\u206A
 MANAGE_ADAPTATIONS_DIALOG_HEADER=\u206A\u206A\u206A\u200C\u200C\u200D\u200D\u200B\u200D\u200C\u200C\u200C\u200B\u200D\u200B\u200B\u200B\u200D\u200B\u200D\u200B\u200D\u200C\u200B\u200C\u200D\u200D\u200C\u200B\u200C\u200B\u200C\u200B\u200C\u200B\u200D\u200C\u200B\u200B\u200D\u200B\u200C\u200B\u206AManage Adaptations\u206A\u206A

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

@@ -47,7 +47,7 @@ sap.ui.define([
 	 * @class
 	 * @extends sap.ui.rta.plugin.Plugin
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.1
 	 * @constructor
 	 * @private
 	 * @since 1.78

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

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @class The BaseCreate allows trigger BaseCreate operations on the overlay.
 	 * @extends sap.ui.rta.plugin.Plugin
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.1
 	 * @constructor
 	 * @private
 	 * @since 1.75

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

@@ -25,7 +25,7 @@ sap.ui.define([
 	 * @class
 	 * @extends sap.ui.rta.plugin.Plugin
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.1
 	 * @constructor
 	 * @private
 	 * @since 1.46

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

@@ -47,7 +47,7 @@ sap.ui.define([
 	 * @class The ControlVariant allows propagation of variantManagement key
 	 * @extends sap.ui.rta.plugin.Plugin
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.1
 	 * @constructor
 	 * @private
 	 * @since 1.50

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

@@ -25,7 +25,7 @@ sap.ui.define([
 	 * @class The CreateContainer allows trigger CreateContainer operations on the overlay
 	 * @extends sap.ui.rta.plugin.BaseCreate
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.1
 	 * @constructor
 	 * @private
 	 * @since 1.34

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

@@ -31,7 +31,7 @@ function(
 	 * @extends sap.ui.dt.plugin.CutPaste
 	 *
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.1
 	 *
 	 * @constructor
 	 * @private

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

@@ -33,7 +33,7 @@ function(
 	 * @extends sap.ui.dt.plugin.ControlDragDrop
 	 *
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.1
 	 *
 	 * @constructor
 	 * @private

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

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @class The EasyAdd Plugin adds an Icon to an Overlay, which allows to trigger add operations directly
 	 * @extends sap.ui.rta.plugin.additionalElements.AdditionalElementsPlugin
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.1
 	 * @constructor
 	 * @private
 	 * @since 1.48

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

@@ -21,7 +21,7 @@ sap.ui.define([
 	 * @class The EasyRemove Plugin adds an Icon to an Overlay, which allows to trigger remove operations directly
 	 * @extends sap.ui.rta.plugin.Remove
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.1
 	 * @constructor
 	 * @private
 	 * @since 1.48

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

@@ -37,7 +37,7 @@ sap.ui.define([
 	 * @class
 	 * @extends sap.ui.rta.plugin.Plugin
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.1
 	 * @constructor
 	 * @private
 	 * @since 1.90

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

@@ -70,7 +70,7 @@ sap.ui.define([
 	 * @extends sap.ui.dt.Plugin
 	 *
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.1
 	 *
 	 * @constructor
 	 * @private

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

@@ -35,7 +35,7 @@ function(
 	 * The RTAElementMover is responsible for the RTA specific adaptation of element movements.
 	 *
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.1
 	 *
 	 * @constructor
 	 * @private

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

@@ -29,7 +29,7 @@ sap.ui.define([
 	 * @class The Remove allows trigger remove operations on the overlay
 	 * @extends sap.ui.rta.plugin.Plugin
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.1
 	 * @constructor
 	 * @private
 	 * @since 1.34

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

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * @extends sap.ui.rta.plugin.Plugin
 	 *
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.1
 	 *
 	 * @constructor
 	 * @private

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

@@ -39,7 +39,7 @@ sap.ui.define([
 	 * Provides Rename handling functionality
 	 *
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.1
 	 *
 	 * @constructor
 	 * @private

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

@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @class
 	 * @extends sap.ui.rta.plugin.Plugin
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.1
 	 * @constructor
 	 * @private
 	 * @since 1.101

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

@@ -30,7 +30,7 @@ function(
 	 * @class The Selection plugin allows you to select or focus overlays with mouse or keyboard and navigate to others.
 	 * @extends sap.ui.rta.plugin.Plugin
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.1
 	 * @constructor
 	 * @private
 	 * @since 1.34

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

@@ -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.116.0
+	 * @version 1.117.1
 	 * @constructor
 	 * @private
 	 * @since 1.44

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

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @class
 	 * @extends sap.ui.rta.plugin.Plugin
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.1
 	 * @constructor
 	 * @private
 	 * @since 1.46

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

@@ -31,7 +31,7 @@ sap.ui.define([
 	 * @extends sap.ui.rta.plugin.Plugin
 	 *
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.1
 	 *
 	 * @constructor
 	 * @private

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

@@ -32,7 +32,7 @@ sap.ui.define([
 	 * handled by the AdditionalElements Plugin (Reveal, Add Via Delegate, Add Custom)
 	 *
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.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

@@ -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.116.0
+	 * @version 1.117.1
 	 * @constructor
 	 * @private
 	 * @since 1.44

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

@@ -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.116.0
+	 * @version 1.117.1
 	 * @constructor
 	 * @private
 	 * @since 1.44

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

@@ -15,7 +15,7 @@ sap.ui.define([
 	 * Helper object containing methods for the AdditionalElements plugin
 	 *
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.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

@@ -25,7 +25,7 @@ sap.ui.define([
 	 * Helper object to build the RTA commands resulting from the AdditionalElements Plugin
 	 *
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.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

@@ -116,7 +116,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.116.0
+	 * @version 1.117.1
 	 * @constructor
 	 * @private
 	 * @since 1.75

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

@@ -133,7 +133,7 @@ sap.ui.define([
 	 * @class Context - Dialog for IFrame settings in Runtime Authoring
 	 * @extends sap.ui.base.ManagedObject
 	 * @author SAP SE
-	 * @version 1.116.0
+	 * @version 1.117.1
 	 * @constructor
 	 * @private
 	 * @since 1.78

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

@@ -25,7 +25,7 @@ sap.ui.define([
 	 * @author SAP SE
 	 * @experimental Since 1.58
 	 * @since 1.58
-	 * @version 1.116.0
+	 * @version 1.117.1
 	 * @private
 	 * @ui5-restricted
 	 *

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

@@ -31,7 +31,7 @@ sap.ui.define([
 	 * @author SAP SE
 	 * @experimental Since 1.58
 	 * @since 1.58
-	 * @version 1.116.0
+	 * @version 1.117.1
 	 * @private
 	 * @ui5-restricted
 	*/

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

@@ -44,7 +44,7 @@ sap.ui.define([
 	 * @author SAP SE
 	 * @experimental Since 1.56
 	 * @since 1.56
-	 * @version 1.116.0
+	 * @version 1.117.1
 	 * @private
 	 * @ui5-restricted
 	 */

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

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * @author SAP SE
 	 * @experimental Since 1.58
 	 * @since 1.58
-	 * @version 1.116.0
+	 * @version 1.117.1
 	 * @private
 	 * @ui5-restricted
 	*/

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

@@ -15,7 +15,7 @@ sap.ui.define(function() {
 	 * @author SAP SE
 	 * @experimental Since 1.58
 	 * @since 1.58
-	 * @version 1.116.0
+	 * @version 1.117.1
 	 * @private
 	 * @ui5-restricted
 	*/

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

@@ -7,10 +7,12 @@
 sap.ui.define([
 	"sap/ui/core/Core",
 	"sap/ui/core/util/reflection/JsControlTreeModifier",
+	"sap/ui/dt/OverlayRegistry",
 	"sap/ui/fl/write/api/ChangesWriteAPI"
 ], function(
 	Core,
 	JsControlTreeModifier,
+	OverlayRegistry,
 	ChangesWriteAPI
 ) {
 	"use strict";
@@ -27,11 +29,13 @@ sap.ui.define([
 	 * @author SAP SE
 	 * @experimental Since 1.106
 	 * @since 1.106
-	 * @version 1.116.0
+	 * @version 1.117.1
 	 * @private
 	 * @ui5-restricted
 	 */
 
+	var sHighlightClass = "sapUiFlexibilitySupportExtension_Selected";
+
 	function getPluginChangeHandler(oPlugin, oElementOverlay, oRta) {
 		var oAction = oPlugin.getAction(oElementOverlay);
 		if (oAction && oAction.changeType) {
@@ -75,23 +79,40 @@ sap.ui.define([
 		});
 	}
 
+	/*
+	 * Removes the highlighting of a non-selectable overlay
+	 */
+	function removeSelectionHighlight() {
+		var aHighlightedDom = document.getElementsByClassName(sHighlightClass);
+		 if (aHighlightedDom.length > 0) {
+			 aHighlightedDom[0].classList.remove(sHighlightClass);
+		 }
+	}
+
 	/*
 	 * Returns information about an overlay, namely:
-	 *  For every plugin that is part of the "editableByPlugins"
-	 *  aggregation, we return the plugin name and the result for
-	 *  isAvailable(). If the change handler can be determined, we
-	 *  return this information, which enables a button allowing the
-	 *  key user to print the change handler to the console.
+	 * For every plugin that is part of the "editableByPlugins"
+	 * aggregation, we return the plugin name and the result for
+	 * isAvailable(). If the change handler can be determined, we
+	 * return this information, which enables a button allowing the
+	 * key user to print the change handler to the console.
 	 *
-	 * @method sap.ui.rta.service.SupportTools.getOverlayInfo
 	 * @param {sap.ui.rta.RuntimeAuthoring} oRta - Instance of the RuntimeAuthoring class
 	 * @param {object} mPayload - Property Bag
 	 * @param {string} mPayload.overlayId
 	 */
 	function getOverlayInfo(oRta, mPayload) {
 		var oOverlay = Core.byId(mPayload.overlayId);
+		if (!oOverlay) {
+			return;
+		}
 		var oElement = oOverlay.getElement();
 
+		// remove previous selection highlighting on clicking in the app
+		if (oOverlay.getSelectable()) {
+			removeSelectionHighlight();
+		}
+
 		return Promise.all(oOverlay.getEditableByPlugins().map(function(sPluginName) {
 			var oInstance = getPluginByName(oRta, sPluginName);
 			var bIsSibling = isPluginForSibling(sPluginName);
@@ -115,6 +136,14 @@ sap.ui.define([
 		});
 	}
 
+	/*
+	 * Prints the change handler to the console
+	 *
+	 * @param {sap.ui.rta.RuntimeAuthoring} oRta - Instance of the RuntimeAuthoring class
+	 * @param {object} mPayload - Property Bag
+	 * @param {string} mPayload.overlayId
+	 * @param {string} mPayload.pluginName
+	 */
 	function printChangeHandler(oRta, mPayload) {
 		var oOverlay = Core.byId(mPayload.overlayId);
 		var oPlugin = getPluginByName(oRta, mPayload.pluginName);
@@ -122,6 +151,92 @@ sap.ui.define([
 		.then(console.log); // eslint-disable-line no-console
 	}
 
+	/*
+	 * Closes the ContextMenu of the UI-Adaptation (if open)
+	 * This method is called when user selects a non-selectable
+	 * Overlay in Flex Support web extension (Overlay section)
+	 *
+	 * @param {sap.ui.rta.RuntimeAuthoring} oRta - Instance of the RuntimeAuthoring class
+	 */
+	function closeContextMenu(oRta) {
+		if (document.getElementsByClassName("sapUiDtContextMenu").length > 0) {
+			var oContextMenu = oRta.getPlugins().contextMenu;
+			oContextMenu.oContextMenuControl.close();
+		}
+	}
+
+	/*
+	 * Changes the focus/selection in UI-Adaptation
+	 * This method is called when user selects an entry in
+	 * the overlay table of the Flex Support web extension (Overlay Info Section)
+	 *
+	 * @param {sap.ui.rta.RuntimeAuthoring} oRta - Instance of the RuntimeAuthoring class
+	 * @param {object} mPayload - Property Bag
+	 * @param {string} mPayload.overlayId - ID of the Overlay
+	 */
+	function changeOverlaySelection(oRta, mPayload) {
+		// set new focus and enforce collecting overlay info data
+		var oOverlay = Core.byId(mPayload.overlayId);
+		oOverlay.focus();
+		window.postMessage({
+			type: "getOverlayInfo",
+			id: "ui5FlexibilitySupport.submodules.overlayInfo",
+			content: {
+				overlayId: oOverlay.getId()
+			}
+		});
+
+		// remove previous selection highlighting
+		removeSelectionHighlight();
+		// close the contextmenu in UI-Adaptation
+		closeContextMenu(oRta);
+
+		// set new selection (selectable overlays)
+		if (oOverlay.getSelectable()) {
+			oOverlay.setSelected(true);
+		} else {
+			// remove current selection(s)
+			var aSelection = oRta.getSelection();
+			aSelection.forEach(function(oSelectedOverlay) {
+				oSelectedOverlay.setSelected(false);
+			});
+			// highlight unselectable overlay
+			if (oOverlay.getDomRef()) {
+				oOverlay.getDomRef().classList.add("sapUiFlexibilitySupportExtension_Selected");
+			}
+		}
+	}
+
+	/*
+	 * Collects all relevant data for the overlay table in
+	 * Flex Support web extension (Overlay section)
+	 * This method is called during initialization of the
+	 * Overlay section and on pressing the "Reload" button
+	 */
+	function collectOverlayTableData() {
+		// create an array with all relevant overlays (no aggregation overlays)
+		var aAllOverlays = OverlayRegistry.getOverlays();
+		var aRelevantOverlayList = [];
+		aAllOverlays.forEach(function(oOverlay) {
+			if (!oOverlay.isA("sap.ui.dt.AggregationOverlay")) {
+				var sParentId = oOverlay.getParentElementOverlay()?.getId();
+				var aChildren = oOverlay.getChildren().map(function(oChild) {
+					return oChild.getId();
+				});
+				aRelevantOverlayList.push({
+					id: oOverlay.getId(),
+					parentId: sParentId,
+					elementId: oOverlay.getElement().getId(),
+					visible: oOverlay.getSelectable() && oOverlay.isVisible(),
+					idNum: parseInt(oOverlay.getId().replace("__overlay", "")),
+					children: aChildren,
+					hasParent: sParentId !== undefined
+				});
+			}
+		});
+		return aRelevantOverlayList;
+	}
+
 	function printDesignTimeMetadata(oRta, mPayload) {
 		var oOverlay = Core.byId(mPayload.overlayId);
 		console.log(oOverlay.getDesignTimeMetadata().getData()); // eslint-disable-line no-console
@@ -141,9 +256,44 @@ sap.ui.define([
 		printDesignTimeMetadata: {
 			handler: printDesignTimeMetadata,
 			id: "ui5FlexibilitySupport.submodules.overlayInfo"
+		},
+		changeOverlaySelection: {
+			handler: changeOverlaySelection,
+			id: "ui5FlexibilitySupport.submodules.overlayInfo"
+		},
+		collectOverlayTableData: {
+			handler: collectOverlayTableData,
+			returnMessageType: "overlayInfoTableData",
+			id: "ui5FlexibilitySupport.submodules.overlayInfo"
 		}
 	};
 
+	/*
+	 * Handler method for the Rta event "stop"
+	 * sends a corresponding message to the
+	 * Flex Support web extension (Overlay section)
+	 */
+	function onRtaStop() {
+		window.postMessage({
+			type: "rtaStopped",
+			id: "ui5FlexibilitySupport.submodules.overlayInfo",
+			content: {}
+		});
+	}
+
+	/*
+	 * Sends a message to the Flex Support
+	 * web extension (Overlay section) that
+	 * UI Adaption has started
+	 */
+	function onRtaStart() {
+		window.postMessage({
+			type: "rtaStarted",
+			id: "ui5FlexibilitySupport.submodules.overlayInfo",
+			content: {}
+		});
+	}
+
 	/*
 	 * Event handler for the messages sent by the support extension.
 	 *
@@ -155,7 +305,6 @@ sap.ui.define([
 	 *   - printDesignTimeMetadata (the calculated designtime metadata of the overlay is to be printed to the console)
 	 * - content: type-specific information, e.g. for getOverlayInfo, an 'overlayId' is provided
 	 *
-	 * @method sap.ui.rta.service.SupportTools.onMessageReceived
 	 * @param {sap.ui.rta.RuntimeAuthoring} oRta - Instance of the RuntimeAuthoring class
 	 * @param {object} oEvent - Event thrown by the browser on received message
 	 */
@@ -189,6 +338,8 @@ sap.ui.define([
 	return function(oRta) {
 		var fnOnMessageReceivedBound = onMessageReceived.bind(null, oRta);
 		window.addEventListener("message", fnOnMessageReceivedBound);
+		oRta.attachEventOnce("stop", onRtaStop);
+		onRtaStart();
 
 		return {
 			destroy: function() {

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

@@ -0,0 +1,14 @@
+/******************************************************************
+	Style used by flex support chrome extension  - base Theme
+*******************************************************************/
+.sapUiFlexibilitySupportExtension_Selected {
+	box-shadow: @sapUiUx3ToolPopupShadow;
+	&:after {
+		content: " ";
+		background: @sapUiMessageSuccessBorderColor;
+		opacity: 0.40;
+		border-radius: @sapUiButtonBorderCornerRadius;
+		outline: 0.125rem solid @sapUiSelected; //1px
+		outline-offset: -0.125rem; //1px
+	}
+}

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

@@ -20,4 +20,5 @@
 @import "ContextMenu.less";
 @import "Dialogs.less";
 
-@import "OverlayWithScrollbar.less";
+@import "OverlayWithScrollbar.less";
+@import "FlexSupportExtension.less";