@openui5/sap.ui.rta 1.115.1 → 1.117.0

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.115.1
+	 * @version 1.117.0
 	 * @private
 	 * @ui5-restricted
 	 */
 
+	var sHighlightClass = "sapUiFlexibilitySupportExtension_Selected";
+
 	function getPluginChangeHandler(oPlugin, oElementOverlay, oRta) {
 		var oAction = oPlugin.getAction(oElementOverlay);
 		if (oAction && oAction.changeType) {
@@ -44,12 +48,12 @@ sap.ui.define([
 				modifier: JsControlTreeModifier,
 				layer: oRta.getLayer()
 			})
-				.then(function(oChangeHandler) {
-					return oChangeHandler;
-				})
-				.catch(function() {
-					return;
-				});
+			.then(function(oChangeHandler) {
+				return oChangeHandler;
+			})
+			.catch(function() {
+				return;
+			});
 		}
 		return Promise.resolve(undefined);
 	}
@@ -75,51 +79,162 @@ 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);
 
 			return getPluginChangeHandler(oInstance, oOverlay, oRta)
-				.then(function(oChangeHandler) {
-					return {
-						name: sPluginName,
-						isAvailable: oInstance.isAvailable([oOverlay], bIsSibling),
-						hasChangeHandler: !!oChangeHandler
-					};
-				});
-		}))
-			.then(function(aPlugins) {
+			.then(function(oChangeHandler) {
 				return {
-					elementId: oElement.getId(),
-					elementControlType: oElement.getMetadata().getName(),
-					overlayId: oOverlay.getId(),
-					plugins: aPlugins
+					name: sPluginName,
+					isAvailable: oInstance.isAvailable([oOverlay], bIsSibling),
+					hasChangeHandler: !!oChangeHandler
 				};
 			});
+		}))
+		.then(function(aPlugins) {
+			return {
+				elementId: oElement.getId(),
+				elementControlType: oElement.getMetadata().getName(),
+				overlayId: oOverlay.getId(),
+				plugins: aPlugins
+			};
+		});
 	}
 
+	/*
+	 * 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);
 		getPluginChangeHandler(oPlugin, oOverlay, oRta)
-			.then(console.log); // eslint-disable-line no-console
+		.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) {
@@ -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
 	 */
@@ -174,21 +323,23 @@ sap.ui.define([
 
 		if (mHandler) {
 			Promise.resolve(mHandler.handler(oRta, oEvent.data.content))
-				.then(function(oResult) {
-					if (mHandler.returnMessageType) {
-						oEvent.source.postMessage({
-							id: mHandler.id,
-							type: mHandler.returnMessageType,
-							content: oResult
-						});
-					}
-				});
+			.then(function(oResult) {
+				if (mHandler.returnMessageType) {
+					oEvent.source.postMessage({
+						id: mHandler.id,
+						type: mHandler.returnMessageType,
+						content: oResult
+					});
+				}
+			});
 		}
 	}
 
 	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/service/index.js

@@ -4,7 +4,7 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-sap.ui.define(function () {
+sap.ui.define(function() {
 	"use strict";
 
 	return Object.freeze({

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";

package/src/sap/ui/rta/toolbar/Adaptation.js

@@ -7,7 +7,6 @@
 sap.ui.define([
 	"./AdaptationRenderer",
 	"sap/base/Log",
-	"sap/m/MessageBox",
 	"sap/ui/core/BusyIndicator",
 	"sap/ui/core/Fragment",
 	"sap/ui/core/Popup",
@@ -15,18 +14,17 @@ sap.ui.define([
 	"sap/ui/fl/write/api/ContextBasedAdaptationsAPI",
 	"sap/ui/fl/write/api/Version",
 	"sap/ui/model/json/JSONModel",
-	"sap/ui/model/resource/ResourceModel",
 	"sap/ui/rta/appVariant/Feature",
 	"sap/ui/rta/toolbar/Base",
 	"sap/ui/rta/toolbar/contextBased/ManageAdaptations",
 	"sap/ui/rta/toolbar/contextBased/SaveAsAdaptation",
 	"sap/ui/rta/toolbar/translation/Translation",
 	"sap/ui/rta/toolbar/versioning/Versioning",
-	"sap/ui/rta/Utils"
+	"sap/ui/rta/Utils",
+	"sap/m/MessageBox"
 ], function(
 	AdaptationRenderer,
 	Log,
-	MessageBox,
 	BusyIndicator,
 	Fragment,
 	Popup,
@@ -34,14 +32,14 @@ sap.ui.define([
 	ContextBasedAdaptationsAPI,
 	Version,
 	JSONModel,
-	ResourceModel,
 	AppVariantFeature,
 	Base,
 	ManageAdaptations,
 	SaveAsAdaptation,
 	Translation,
 	Versioning,
-	Utils
+	Utils,
+	MessageBox
 ) {
 	"use strict";
 
@@ -53,7 +51,7 @@ sap.ui.define([
 	 * @extends sap.ui.rta.toolbar.Base
 	 *
 	 * @author SAP SE
-	 * @version 1.115.1
+	 * @version 1.117.0
 	 *
 	 * @constructor
 	 * @private
@@ -108,7 +106,7 @@ sap.ui.define([
 
 	Adaptation.prototype._calculateWindowWidth = function(aEntries) {
 		var iSectionWidth = aEntries[0].intersectionRect.width;
-		return (iSectionWidth * 2) + this._iSwitcherToolbarWidth + 80/*toolbar padding*/;
+		return (iSectionWidth * 2) + this._iSwitcherToolbarWidth + 80/* toolbar padding */;
 	};
 
 	Adaptation.prototype.onFragmentLoaded = function() {
@@ -132,7 +130,7 @@ sap.ui.define([
 		}
 	};
 
-	Adaptation.prototype._onResize = function () {
+	Adaptation.prototype._onResize = function() {
 		if (this._iOnResizeAnimationFrame) {
 			window.cancelAnimationFrame(this._iOnResizeAnimationFrame);
 		}
@@ -209,9 +207,9 @@ sap.ui.define([
 
 	Adaptation.prototype.show = function() {
 		return Base.prototype.show.call(this, this.initialAdjustToolbarSectionWidths.bind(this))
-			.then(function() {
-				this._observeIntersections();
-			}.bind(this));
+		.then(function() {
+			this._observeIntersections();
+		}.bind(this));
 	};
 
 	function setButtonProperties(sButtonName, sIcon, sTextKey, sToolTipKey) {
@@ -223,15 +221,15 @@ sap.ui.define([
 		oButton.setIcon(sIcon || "");
 	}
 
-	Adaptation.prototype.formatPublishVersionVisibility = function (bPublishVisible, bVersioningEnabled, sDisplayedVersion, sModeSwitcher) {
+	Adaptation.prototype.formatPublishVersionVisibility = function(bPublishVisible, bVersioningEnabled, sDisplayedVersion, sModeSwitcher) {
 		return this.getExtension("versioning", Versioning).formatPublishVersionVisibility(bPublishVisible, bVersioningEnabled, sDisplayedVersion, sModeSwitcher);
 	};
 
-	Adaptation.prototype.formatDiscardDraftVisible = function (sDisplayedVersion, bVersioningEnabled, sModeSwitcher) {
+	Adaptation.prototype.formatDiscardDraftVisible = function(sDisplayedVersion, bVersioningEnabled, sModeSwitcher) {
 		return this.getExtension("versioning", Versioning).formatDiscardDraftVisible(sDisplayedVersion, bVersioningEnabled, sModeSwitcher);
 	};
 
-	Adaptation.prototype.formatVersionButtonText = function (aVersions, sDisplayedVersion) {
+	Adaptation.prototype.formatVersionButtonText = function(aVersions, sDisplayedVersion) {
 		return this.getExtension("versioning", Versioning).formatVersionButtonText(aVersions, sDisplayedVersion);
 	};
 
@@ -239,7 +237,7 @@ sap.ui.define([
 		return this.getExtension("versioning", Versioning).showVersionHistory(oEvent);
 	};
 
-	Adaptation.prototype._openVersionTitleDialog = function (sDisplayedVersion) {
+	Adaptation.prototype._openVersionTitleDialog = function(sDisplayedVersion) {
 		return this.getExtension("versioning", Versioning).openActivateVersionDialog(sDisplayedVersion);
 	};
 
@@ -287,7 +285,7 @@ sap.ui.define([
 		this.adjustToolbarSectionWidths();
 	};
 
-	Adaptation.prototype._switchToTexts = function () {
+	Adaptation.prototype._switchToTexts = function() {
 		this._showButtonText("adaptationSwitcherButton", "BTN_ADAPTATION");
 		this._showButtonText("navigationSwitcherButton", "BTN_NAVIGATION");
 		this._showButtonText("visualizationSwitcherButton", "BTN_VISUALIZATION");
@@ -301,7 +299,7 @@ sap.ui.define([
 	 *
 	 * @returns {Promise<sap.ui.core.Control[]>} Returns the controls in a structure described above.
 	 */
-	Adaptation.prototype.buildControls = function () {
+	Adaptation.prototype.buildControls = function() {
 		return Fragment.load({
 			name: "sap.ui.rta.toolbar.Adaptation",
 			id: this.getId() + "_fragment",
@@ -351,10 +349,67 @@ sap.ui.define([
 		AppVariantFeature.onSaveAs(true, true, this.getRtaInformation().flexSettings.layer, null);
 	}
 
-	function onSaveAsAdaptation() {
-		Utils.checkDraftOverwrite(this.getModel("versions"))
+	function confirmMigration(oRtaInformation) {
+		var bDirty = oRtaInformation.commandStack.canSave();
+
+		return Utils.showMessageBox("confirm", (bDirty) ? "DAC_DIALOG_MIGRATION_DIRTY_DESCRIPTION" : "DAC_DIALOG_MIGRATION_DESCRIPTION", {
+			titleKey: "DAC_DIALOG_MIGRATION_HEADER",
+			actionKeys: ["DAC_DIALOG_MIGRATION_HEADER"],
+			showCancel: true
+		})
+		.then(function(sAction) {
+			if (sAction !== MessageBox.Action.CANCEL) {
+				if (bDirty) {
+					return new Promise(function(resolve) {
+						this.fireEvent("save", {callback: resolve});
+					}.bind(this))
+					.then(function() {
+						return performMigration.call(this, oRtaInformation);
+					}.bind(this));
+				}
+				return performMigration.call(this, oRtaInformation);
+			}
+		}.bind(this));
+	}
+
+	function performMigration(oRtaInformation) {
+		BusyIndicator.show();
+		return ContextBasedAdaptationsAPI.migrate({
+			control: oRtaInformation.rootControl,
+			layer: oRtaInformation.flexSettings.layer
+		})
+		.finally(function() {
+			BusyIndicator.hide();
+		})
+		.then(Utils.showMessageBox.bind(undefined, "information", "DAC_DIALOG_MIGRATION_SUCCESSFULL_DESCRIPTION", {
+			titleKey: "DAC_DIALOG_MIGRATION_HEADER"
+		}))
 		.then(function() {
-			this.getExtension("contextBasedSaveAs", SaveAsAdaptation).openAddAdaptationDialog(this.getRtaInformation().flexSettings.layer);
+			return new Promise(function(resolve) {
+				this.fireEvent("switchAdaptation", {adaptationId: "DEFAULT", callback: resolve});
+			}.bind(this));
+		}.bind(this))
+		.catch(function(oError) {
+			Log.error(oError.stack || oError);
+			var sMessage = "DAC_DIALOG_MIGRATION_ERROR_DESCRIPTION";
+			var oOptions = {
+				titleKey: "DAC_DIALOG_MIGRATION_HEADER",
+				details: oError.userMessage || oError
+			};
+			Utils.showMessageBox("error", sMessage, oOptions);
+		});
+	}
+
+	function onSaveAsAdaptation() {
+		var oRtaInformation = this.getRtaInformation();
+		Utils.checkDraftOverwrite(this.getModel("versions")).then(function() {
+			return ContextBasedAdaptationsAPI.canMigrate({ control: oRtaInformation.rootControl, layer: oRtaInformation.flexSettings.layer });
+		}).then(function(bCanMigrate) {
+			if (bCanMigrate) {
+				confirmMigration.call(this, oRtaInformation);
+			} else {
+				this.getExtension("contextBasedSaveAs", SaveAsAdaptation).openAddAdaptationDialog(oRtaInformation.flexSettings.layer);
+			}
 		}.bind(this))
 		.catch(handleError);
 	}
@@ -362,7 +417,7 @@ sap.ui.define([
 	function onEditAdaptation() {
 		Utils.checkDraftOverwrite(this.getModel("versions"))
 		.then(function() {
-			this.getExtension("contextBasedSaveAs", SaveAsAdaptation).openAddAdaptationDialog(this.getRtaInformation().flexSettings.layer, true /*bIsEditMode*/);
+			this.getExtension("contextBasedSaveAs", SaveAsAdaptation).openAddAdaptationDialog(this.getRtaInformation().flexSettings.layer, true /* bIsEditMode */);
 		}.bind(this))
 		.catch(handleError);
 	}
@@ -393,7 +448,7 @@ sap.ui.define([
 	function formatAdaptationsMenuText(iCount, sTitle) {
 		if (iCount > 0) {
 			if (sTitle === "") {
-				sTitle = this.getTextResources().getText("TXT_DEFAULT_APP");
+				return this.getTextResources().getText("TXT_DEFAULT_APP");
 			}
 			return this.getTextResources().getText("BTN_ADAPTING_FOR", sTitle);
 		}
@@ -440,7 +495,7 @@ sap.ui.define([
 		var sURLPart2 = "SV_4MANxRymEIl9K06";
 		var sURL = sURLPart1 + sURLPart2;
 		var oUrlParams = new URLSearchParams();
-		oUrlParams.set("version", sap.ui.version);
+		oUrlParams.set("version", Core.getConfiguration().getVersion().toString());
 		oUrlParams.set("feature", (sConnector === "KeyUserConnector" ? "BTP" : "ABAP"));
 
 		var oFeedbackDialogModel = new JSONModel({
@@ -450,7 +505,7 @@ sap.ui.define([
 		return Fragment.load({
 			name: "sap.ui.rta.toolbar.FeedbackDialog",
 			controller: this
-		}).then(function (oFeedbackDialog) {
+		}).then(function(oFeedbackDialog) {
 			this._oFeedbackDialog = oFeedbackDialog;
 			this._oFeedbackDialog.addStyleClass(Utils.getRtaStyleClassName());
 			this._oFeedbackDialog.setModel(oFeedbackDialogModel, "feedbackModel");
@@ -459,7 +514,7 @@ sap.ui.define([
 				this._oFeedbackDialog.destroy();
 			}.bind(this));
 			this._oFeedbackDialog.open();
-		}.bind(this)).catch(function (oError) {
+		}.bind(this)).catch(function(oError) {
 			Log.error("Error loading fragment sap.ui.rta.toolbar.FeedbackDialog: ", oError);
 		});
 	};

package/src/sap/ui/rta/toolbar/AdaptationRenderer.js

@@ -15,7 +15,7 @@ sap.ui.define([
 
 	AdaptationRenderer.apiVersion = 1; // @todo-semantic-rendering out of order .class() call before openStart
 
-	AdaptationRenderer.render = function (oRM, oControl) {
+	AdaptationRenderer.render = function(oRM, oControl) {
 		oRM.class("sapUiRtaToolbarAdaptation");
 
 		BaseRenderer.render(oRM, oControl);