@openui5/sap.ui.rta 1.97.1 → 1.98.0

package/src/sap/ui/rta/RuntimeAuthoring.js

@@ -6,87 +6,93 @@
 
 // Provides class sap.ui.rta.RuntimeAuthoring.
 sap.ui.define([
+	"sap/base/strings/capitalize",
+	"sap/base/util/UriParameters",
+	"sap/base/Log",
+	"sap/m/MessageBox",
+	"sap/m/MessageToast",
 	"sap/ui/thirdparty/jquery",
 	"sap/ui/base/ManagedObject",
-	"sap/ui/rta/toolbar/Fiori",
-	"sap/ui/rta/toolbar/Standalone",
-	"sap/ui/rta/toolbar/Personalization",
-	"sap/ui/rta/toolbar/FioriLike",
+	"sap/ui/core/BusyIndicator",
 	"sap/ui/dt/DesignTime",
+	"sap/ui/dt/DOMUtil",
+	"sap/ui/dt/ElementUtil",
 	"sap/ui/dt/Overlay",
-	"sap/ui/rta/command/Stack",
-	"sap/ui/rta/command/LREPSerializer",
-	"sap/ui/rta/Utils",
+	"sap/ui/dt/OverlayRegistry",
 	"sap/ui/dt/Util",
-	"sap/ui/dt/ElementUtil",
-	"sap/ui/fl/library",
-	"sap/ui/fl/Utils",
-	"sap/ui/fl/LayerUtils",
-	"sap/ui/fl/Layer",
-	"sap/ui/fl/write/api/ReloadInfoAPI",
+	"sap/ui/events/KeyCodes",
+	"sap/ui/fl/apply/api/FlexRuntimeInfoAPI",
+	"sap/ui/fl/apply/api/SmartVariantManagementApplyAPI",
 	"sap/ui/fl/write/api/FeaturesAPI",
-	"sap/ui/fl/write/api/VersionsAPI",
 	"sap/ui/fl/write/api/PersistenceWriteAPI",
-	"sap/m/MessageBox",
-	"sap/m/MessageToast",
-	"sap/ui/rta/util/PluginManager",
-	"sap/ui/rta/util/PopupManager",
-	"sap/ui/core/BusyIndicator",
-	"sap/ui/dt/DOMUtil",
+	"sap/ui/fl/write/api/ReloadInfoAPI",
+	"sap/ui/fl/write/api/VersionsAPI",
+	"sap/ui/fl/Layer",
+	"sap/ui/fl/LayerUtils",
+	"sap/ui/fl/library",
+	"sap/ui/fl/Utils",
+	"sap/ui/model/json/JSONModel",
+	"sap/ui/performance/Measurement",
 	"sap/ui/rta/appVariant/Feature",
-	"sap/ui/Device",
+	"sap/ui/rta/command/BaseCommand",
+	"sap/ui/rta/command/LREPSerializer",
+	"sap/ui/rta/command/Stack",
 	"sap/ui/rta/service/index",
+	"sap/ui/rta/toolbar/Fiori",
+	"sap/ui/rta/toolbar/FioriLike",
+	"sap/ui/rta/toolbar/Personalization",
+	"sap/ui/rta/toolbar/Standalone",
+	"sap/ui/rta/util/changeVisualization/ChangeVisualization",
+	"sap/ui/rta/util/PluginManager",
+	"sap/ui/rta/util/PopupManager",
 	"sap/ui/rta/util/ServiceEventBus",
-	"sap/ui/dt/OverlayRegistry",
-	"sap/base/strings/capitalize",
-	"sap/base/util/UriParameters",
-	"sap/ui/performance/Measurement",
-	"sap/base/Log",
-	"sap/ui/events/KeyCodes",
-	"sap/ui/model/json/JSONModel",
 	"sap/ui/rta/util/validateFlexEnabled",
-	"sap/ui/rta/util/changeVisualization/ChangeVisualization"
+	"sap/ui/rta/Utils",
+	"sap/ui/Device"
 ], function(
+	capitalize,
+	UriParameters,
+	Log,
+	MessageBox,
+	MessageToast,
 	jQuery,
 	ManagedObject,
-	FioriToolbar,
-	StandaloneToolbar,
-	PersonalizationToolbar,
-	FioriLikeToolbar,
+	BusyIndicator,
 	DesignTime,
+	DOMUtil,
+	ElementUtil,
 	Overlay,
-	CommandStack,
-	LREPSerializer,
-	Utils,
+	OverlayRegistry,
 	DtUtil,
-	ElementUtil,
-	flexLibrary,
-	FlexUtils,
-	LayerUtils,
-	Layer,
-	ReloadInfoAPI,
+	KeyCodes,
+	FlexRuntimeInfoAPI,
+	SmartVariantManagementApplyAPI,
 	FeaturesAPI,
-	VersionsAPI,
 	PersistenceWriteAPI,
-	MessageBox,
-	MessageToast,
-	PluginManager,
-	PopupManager,
-	BusyIndicator,
-	DOMUtil,
+	ReloadInfoAPI,
+	VersionsAPI,
+	Layer,
+	LayerUtils,
+	flexLibrary,
+	FlexUtils,
+	JSONModel,
+	Measurement,
 	RtaAppVariantFeature,
-	Device,
+	BaseCommand,
+	LREPSerializer,
+	CommandStack,
 	ServicesIndex,
+	FioriToolbar,
+	FioriLikeToolbar,
+	PersonalizationToolbar,
+	StandaloneToolbar,
+	ChangeVisualization,
+	PluginManager,
+	PopupManager,
 	ServiceEventBus,
-	OverlayRegistry,
-	capitalize,
-	UriParameters,
-	Measurement,
-	Log,
-	KeyCodes,
-	JSONModel,
 	validateFlexEnabled,
-	ChangeVisualization
+	Utils,
+	Device
 ) {
 	"use strict";
 
@@ -104,7 +110,7 @@ sap.ui.define([
 	 * @class The runtime authoring allows to adapt the fields of a running application.
 	 * @extends sap.ui.base.ManagedObject
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 * @constructor
 	 * @private
 	 * @since 1.30
@@ -215,6 +221,7 @@ sap.ui.define([
 		_sAppTitle: null,
 		_dependents: null,
 		_sStatus: STOPPED,
+		_bHasSwitchedToNavigationMode: false,
 		constructor: function() {
 			// call parent constructor
 			ManagedObject.apply(this, arguments);
@@ -223,6 +230,7 @@ sap.ui.define([
 			this._mServices = {};
 			this._mCustomServicesDictinary = {};
 			this._mUShellServices = {};
+			this._pElementModified = Promise.resolve();
 
 			this.addDependent(new PluginManager(), "pluginManager");
 			this.addDependent(new PopupManager(), "popupManager");
@@ -470,6 +478,9 @@ sap.ui.define([
 						scope: this.getMetadataScope(),
 						plugins: aPlugins
 					});
+
+					addOrRemoveStyleClass(this.getRootControlInstance(), true);
+
 					//add root control is triggering overlay creation, so we need to wait for the scope to be set.
 					this._oDesignTime.addRootElement(this._oRootControl);
 
@@ -497,6 +508,7 @@ sap.ui.define([
 				// Register function for checking unsaved before leaving RTA
 				this._oldUnloadHandler = window.onbeforeunload;
 				window.onbeforeunload = this._onUnload.bind(this);
+				return undefined;
 			}.bind(this))
 			.then(function () {
 				if (this.getShowToolbars()) {
@@ -504,6 +516,7 @@ sap.ui.define([
 					return this._getToolbarButtonsVisibility()
 						.then(this._createToolsMenu.bind(this));
 				}
+				return undefined;
 			}.bind(this))
 			// this is needed to initially check if undo is available, e.g. when the stack gets initialized with changes
 			.then(this._onStackModified.bind(this))
@@ -522,6 +535,7 @@ sap.ui.define([
 					// the show() method of the toolbar relies on this RTA instance being set on the PopupManager
 					return this.getToolbar().show();
 				}
+				return undefined;
 			}.bind(this))
 			.then(function () {
 				if (Device.browser.name === "ff") {
@@ -533,8 +547,6 @@ sap.ui.define([
 			.then(function() {
 				this.fnKeyDown = this._onKeyDown.bind(this);
 				jQuery(document).on("keydown", this.fnKeyDown);
-
-				addOrRemoveStyleClass(this.getRootControlInstance(), true);
 			}.bind(this))
 			.then(function () {
 				this._sStatus = STARTED;
@@ -552,8 +564,10 @@ sap.ui.define([
 					this.destroy();
 					return Promise.reject(vError);
 				}
+				return undefined;
 			}.bind(this));
 		}
+		return undefined;
 	};
 
 	function _ffContextMenuHandler() {
@@ -709,6 +723,7 @@ sap.ui.define([
 		if (this.getShowToolbars() && this.getToolbar && this.getToolbar()) {
 			return this.getToolbar()[sName](vValue);
 		}
+		return undefined;
 	};
 
 	/**
@@ -723,17 +738,25 @@ sap.ui.define([
 		return [];
 	};
 
+	function waitForPendingActions() {
+		return Promise.resolve(this._oDesignTime && this._oDesignTime.waitForBusyPlugins())
+			.then(function() {
+				return this._pElementModified;
+			}.bind(this));
+	}
+
 	/**
-	 * stop Runtime Authoring
+	 * Stops Runtime Authoring
 	 *
 	 * @public
-	 * @param {boolean} bDontSaveChanges - stop RTA with or w/o saving changes
-	 * @param {boolean} bSkipRestart - stop RTA with or w/o checking if a reload is needed to apply e.g. personalization/app descriptor changes
-	 * @returns {Promise} promise with no parameters
+	 * @param {boolean} bDontSaveChanges - Stop RTA with or w/o saving changes
+	 * @param {boolean} bSkipRestart - Stop RTA with or w/o checking if a reload is needed to apply e.g. personalization/app descriptor changes
+	 * @returns {Promise} Resolves with undefined
 	 */
 	RuntimeAuthoring.prototype.stop = function(bDontSaveChanges, bSkipRestart) {
 		this._checkToolbarAndExecuteFunction("setBusy", true);
-		return this._handleReloadOnExit(bSkipRestart)
+		return waitForPendingActions.call(this)
+			.then(this._handleReloadOnExit.bind(this, bSkipRestart))
 			.then(function(oReloadInfo) {
 				return ((bDontSaveChanges) ? Promise.resolve() : this._serializeToLrep(this))
 				.then(this._checkToolbarAndExecuteFunction.bind(this, "hide", bDontSaveChanges))
@@ -745,6 +768,7 @@ sap.ui.define([
 						oReloadInfo.triggerHardReload = (oReloadInfo.reloadMethod === this._RELOAD.RELOAD_PAGE); // StandAlone or AppDescriptorChanges case
 						return this._handleUrlParameterOnExit(oReloadInfo);
 					}
+					return undefined;
 				}.bind(this));
 			}.bind(this))
 			.catch(fnShowTechnicalError)
@@ -837,10 +861,12 @@ sap.ui.define([
 			return this._getTextResources().getText("MSG_UNSAVED_CHANGES");
 		}
 		window.onbeforeunload = this._oldUnloadHandler;
+		return undefined;
 	};
 
 	RuntimeAuthoring.prototype._serializeAndSave = function() {
-		return this._oSerializer.saveCommands(this._oVersionsModel.getProperty("/versioningEnabled"));
+		// Save changes on the current layer and discard dirty changes on other layers
+		return this._oSerializer.saveCommands(this._oVersionsModel.getProperty("/versioningEnabled"), this.getLayer(), true);
 	};
 
 	RuntimeAuthoring.prototype._serializeToLrep = function() {
@@ -935,16 +961,16 @@ sap.ui.define([
 	};
 
 	RuntimeAuthoring.prototype._onSwitchVersion = function (oEvent) {
-		var nVersion = oEvent.getParameter("version");
-		var nDisplayedVersion = this._oVersionsModel.getProperty("/displayedVersion");
+		var sVersion = oEvent.getParameter("version");
+		var sDisplayedVersion = this._oVersionsModel.getProperty("/displayedVersion");
 
-		if (nVersion === nDisplayedVersion) {
+		if (sVersion === sDisplayedVersion) {
 			// already displayed version needs no switch
 			return;
 		}
 
 		if (this.canUndo()) {
-			this._nSwitchToVersion = nVersion;
+			this._sSwitchToVersion = sVersion;
 			Utils.showMessageBox("warning", "MSG_SWITCH_VERSION_DIALOG", {
 				titleKey: "TIT_SWITCH_VERSION_DIALOG",
 				actions: [MessageBox.Action.YES, MessageBox.Action.NO, MessageBox.Action.CANCEL],
@@ -952,22 +978,20 @@ sap.ui.define([
 			}).then(function (sAction) {
 				if (sAction === MessageBox.Action.YES) {
 					this._serializeToLrep(this)
-						.then(this._switchVersion.bind(this, this._nSwitchToVersion));
+						.then(this._switchVersion.bind(this, this._sSwitchToVersion));
 				} else if (sAction === MessageBox.Action.NO) {
 					// avoids the data loss popup; a reload is triggered later and will destroy RTA & the command stack
 					this.getCommandStack().removeAllCommands(true);
-					this._switchVersion(this._nSwitchToVersion);
+					this._switchVersion(this._sSwitchToVersion);
 				}
 				return undefined;
 			}.bind(this));
 			return;
 		}
-		this._switchVersion(nVersion);
+		this._switchVersion(sVersion);
 	};
 
-	RuntimeAuthoring.prototype._switchVersion = function (nVersion) {
-		var sVersion = nVersion.toString();
-
+	RuntimeAuthoring.prototype._switchVersion = function (sVersion) {
 		RuntimeAuthoring.enableRestart(this.getLayer(), this.getRootControlInstance());
 
 		if (!FlexUtils.getUshellContainer()) {
@@ -984,7 +1008,7 @@ sap.ui.define([
 		VersionsAPI.loadVersionForApplication({
 			selector: this.getRootControlInstance(),
 			layer: this.getLayer(),
-			version: nVersion
+			version: sVersion
 		});
 		var aVersionsParameter = mParsedHash.params[sap.ui.fl.Versions.UrlParameter];
 		if (
@@ -1047,6 +1071,14 @@ sap.ui.define([
 			return oToolbar.onFragmentLoaded().then(function() {
 				var bSaveAsAvailable = aButtonsVisibility.saveAsAvailable;
 				var bExtendedOverview = bSaveAsAvailable && RtaAppVariantFeature.isOverviewExtended();
+				var oUriParameters = UriParameters.fromURL(window.location.href);
+				// the "Visualization" tab should not be visible if the "fiori-tools-rta-mode" URL-parameter is set to any value but "false"
+				var bVisualizationButtonVisible;
+				if (oUriParameters.has("fiori-tools-rta-mode") && oUriParameters.get("fiori-tools-rta-mode") !== "false") {
+					bVisualizationButtonVisible = false;
+				} else {
+					bVisualizationButtonVisible = true;
+				}
 
 				this._oToolbarControlsModel = new JSONModel({
 					undoEnabled: false,
@@ -1062,7 +1094,8 @@ sap.ui.define([
 					saveAsEnabled: false,
 					manageAppsVisible: bSaveAsAvailable && !bExtendedOverview,
 					manageAppsEnabled: bSaveAsAvailable && !bExtendedOverview,
-					modeSwitcher: this.getMode()
+					modeSwitcher: this.getMode(),
+					visualizationButtonVisible: bVisualizationButtonVisible
 				});
 
 				if (bSaveAsAvailable) {
@@ -1073,12 +1106,13 @@ sap.ui.define([
 					}.bind(this));
 				}
 
-				/* TODO enable as soon as the code is ready
-				FeaturesAPI.isKeyUserTranslationEnabled(this.getLayer()).then(function(oResult) {
-					this._oToolbarControlsModel.setProperty("/translationVisible", oResult);
+				/*
+				FeaturesAPI.isKeyUserTranslationEnabled(this.getLayer()).then(function() {
+					this._oToolbarControlsModel.setProperty("/translationVisible", true);
 				}.bind(this));
 				*/
 
+
 				this.getToolbar().setModel(this._oVersionsModel, "versions");
 				this.getToolbar().setModel(this._oToolbarControlsModel, "controls");
 			}.bind(this));
@@ -1141,8 +1175,9 @@ sap.ui.define([
 		BusyIndicator.show(500);
 		return this._serializeToLrep().then(function () {
 			BusyIndicator.hide();
-			var bAppVariantRunning = FlexUtils.isApplicationVariant(this._oRootControl) && !FlexUtils.isVariantByStartupParameter(this._oRootControl);
-			return ((bAppVariantRunning) ? RtaAppVariantFeature.getAppVariantDescriptor(this._oRootControl) : Promise.resolve())
+			var bVariantByStartupParameter = FlexUtils.isVariantByStartupParameter(this._oRootControl);
+			var bAppVariantRunning = SmartVariantManagementApplyAPI.isApplicationVariant({control: this._oRootControl}) && !bVariantByStartupParameter;
+			return (bAppVariantRunning ? RtaAppVariantFeature.getAppVariantDescriptor(this._oRootControl) : Promise.resolve())
 				.then(function(oAppVariantDescriptor) {
 					var aAppVariantDescriptor = [];
 					if (oAppVariantDescriptor) {
@@ -1214,13 +1249,14 @@ sap.ui.define([
 
 	/**
 	 * Shows a message toast.
-	 * @param  {string} sMessageKey The text key for the message
+	 * @param  {string} sMessageKey - The text key for the message
+	 * @param  {object} mOptions - Options for message toast
 	 * @private
 	 */
-	RuntimeAuthoring.prototype._showMessageToast = function(sMessageKey) {
+	RuntimeAuthoring.prototype._showMessageToast = function(sMessageKey, mOptions) {
 		var sMessage = this._getTextResources().getText(sMessageKey);
 
-		MessageToast.show(sMessage);
+		MessageToast.show(sMessage, mOptions || {});
 	};
 
 	/**
@@ -1228,7 +1264,7 @@ sap.ui.define([
 	 *
 	 * @public
 	 * @static
-	 * @param {string} sLayer The active layer
+	 * @param {sap.ui.fl.Layer} sLayer - Active layer
 	 * @returns {boolean} Returns true if restart is needed
 	 */
 	RuntimeAuthoring.needsRestart = function(sLayer) {
@@ -1241,11 +1277,11 @@ sap.ui.define([
 	 *
 	 * @public
 	 * @static
-	 * @param {string} sLayer - The active layer
-	 * @param {sap.ui.core.Control} oRootControl - root control for which RTA was started
+	 * @param {sap.ui.fl.Layer} sLayer - Active layer
+	 * @param {sap.ui.core.Control} oRootControl - Root control for which RTA was started
 	 */
 	RuntimeAuthoring.enableRestart = function(sLayer, oRootControl) {
-		var sFlexReference = FlexUtils.getComponentClassName(oRootControl);
+		var sFlexReference = FlexRuntimeInfoAPI.getFlexReference({element: oRootControl});
 		var vParameter = sFlexReference || true;
 		window.sessionStorage.setItem("sap.ui.rta.restart." + sLayer, vParameter);
 	};
@@ -1255,7 +1291,7 @@ sap.ui.define([
 	 *
 	 * @public
 	 * @static
-	 * @param {string} sLayer The active layer
+	 * @param {sap.ui.fl.Layer} sLayer - Active layer
 	 */
 	RuntimeAuthoring.disableRestart = function(sLayer) {
 		window.sessionStorage.removeItem("sap.ui.rta.restart." + sLayer);
@@ -1381,35 +1417,38 @@ sap.ui.define([
 	 * @private
 	 */
 	RuntimeAuthoring.prototype._handleElementModified = function(oEvent) {
-		this.getPluginManager().handleStopCutPaste();
-
-		var vAction = oEvent.getParameter("action");
+		// events are synchronously reset after the handlers are called
+		var oCommand = oEvent.getParameter("command");
 		var sNewControlID = oEvent.getParameter("newControlId");
+		var vAction = oEvent.getParameter("action");
 
-		var oCommand = oEvent.getParameter("command");
-		if (oCommand instanceof sap.ui.rta.command.BaseCommand) {
-			if (sNewControlID) {
-				this._scheduleOnCreated(sNewControlID, function (oElementOverlay) {
-					var oDesignTimeMetadata = oElementOverlay.getDesignTimeMetadata();
-					var fnSelect = oDesignTimeMetadata.getData().select;
-					if (typeof fnSelect === "function") {
-						fnSelect(oElementOverlay.getElement());
+		this._pElementModified = this._pElementModified.then(function() {
+			this.getPluginManager().handleStopCutPaste();
+
+			if (oCommand instanceof BaseCommand) {
+				if (sNewControlID) {
+					this._scheduleOnCreated(sNewControlID, function (oElementOverlay) {
+						var oDesignTimeMetadata = oElementOverlay.getDesignTimeMetadata();
+						var fnSelect = oDesignTimeMetadata.getData().select;
+						if (typeof fnSelect === "function") {
+							fnSelect(oElementOverlay.getElement());
+						}
+					});
+					if (vAction) {
+						this._scheduleRenameOnCreatedContainer(vAction, sNewControlID);
 					}
-				});
-				if (vAction) {
-					this._scheduleRenameOnCreatedContainer(vAction, sNewControlID);
 				}
+				return this.getCommandStack().pushAndExecute(oCommand)
+					// Error handling when a command fails is done in the Stack
+					.catch(function(oError) {
+						if (oError && oError.message && oError.message.indexOf("The following Change cannot be applied because of a dependency") > -1) {
+							Utils.showMessageBox("error", "MSG_DEPENDENCY_ERROR", {error: oError});
+						}
+						Log.error("sap.ui.rta: " + oError.message);
+					});
 			}
-			return this.getCommandStack().pushAndExecute(oCommand)
-			// Error handling when a command fails is done in the Stack
-			.catch(function(oError) {
-				if (oError && oError.message && oError.message.indexOf("The following Change cannot be applied because of a dependency") > -1) {
-					Utils.showMessageBox("error", "MSG_DEPENDENCY_ERROR", {error: oError});
-				}
-				Log.error("sap.ui.rta: " + oError.message);
-			});
-		}
-		return Promise.resolve();
+		}.bind(this));
+		return this._pElementModified;
 	};
 
 	/**
@@ -1509,6 +1548,7 @@ sap.ui.define([
 		if (oReloadInfo.triggerHardReload) {
 			this._reloadPage();
 		}
+		return undefined;
 	};
 
 	/**
@@ -1584,6 +1624,7 @@ sap.ui.define([
 		if (oReloadInfo.allContexts) {
 			return "MSG_RELOAD_WITHOUT_ALL_CONTEXT";
 		}
+		return undefined;
 	};
 
 	/**
@@ -1624,24 +1665,25 @@ sap.ui.define([
 		if (!sReason) {
 			return Promise.resolve();
 		}
-		return Utils.showMessageBox("information", sReason)
-		.then(function() {
-			RuntimeAuthoring.enableRestart(oReloadInfo.layer, this.getRootControlInstance());
-			// allContexts do not change the url parameter to trigger a reload
-			if (
-				oReloadInfo.allContexts &&
-				!oReloadInfo.hasHigherLayerChanges &&
-				this._getUShellService("AppLifeCycle")
-			) {
-				this._getUShellService("AppLifeCycle").reloadCurrentApp();
-			}
-			if (FlexUtils.getUshellContainer()) {
-				// clears FlexState and triggers reloading of the flex data without blocking
-				var oParsedHash = ReloadInfoAPI.handleParametersOnStart(oReloadInfo);
-				return this._triggerCrossAppNavigation(oParsedHash);
-			}
-			return this._triggerHardReload(oReloadInfo);
-		}.bind(this));
+		// showing messages in visual editor is leading to blocked screen. In this case we should reload without message
+		return (this.getFlexSettings().developerMode ? Promise.resolve() : Utils.showMessageBox("information", sReason))
+			.then(function() {
+				RuntimeAuthoring.enableRestart(oReloadInfo.layer, this.getRootControlInstance());
+				// allContexts do not change the url parameter to trigger a reload
+				if (
+					oReloadInfo.allContexts &&
+					!oReloadInfo.hasHigherLayerChanges &&
+					this._getUShellService("AppLifeCycle")
+				) {
+					this._getUShellService("AppLifeCycle").reloadCurrentApp();
+				}
+				if (FlexUtils.getUshellContainer()) {
+					// clears FlexState and triggers reloading of the flex data without blocking
+					var oParsedHash = ReloadInfoAPI.handleParametersOnStart(oReloadInfo);
+					return this._triggerCrossAppNavigation(oParsedHash);
+				}
+				return this._triggerHardReload(oReloadInfo);
+			}.bind(this));
 	};
 
 	/**
@@ -1746,6 +1788,13 @@ sap.ui.define([
 				oTabHandlingPlugin[(sNewMode === "navigation") ? "restoreTabIndex" : "removeTabIndex"]();
 			}
 
+			if (sNewMode === "navigation" && !this._bHasSwitchedToNavigationMode) {
+				this._showMessageToast("MSG_NAVIGATION_MODE_CHANGES_WARNING", {
+					duration: 5000
+				});
+				this._bHasSwitchedToNavigationMode = true;
+			}
+
 			oTabHandlingPlugin[(sNewMode === "adaptation") ? "restoreOverlayTabIndex" : "removeOverlayTabIndex"]();
 			oSelectionPlugin.setIsActive(!(sNewMode === "visualization"));
 
@@ -1781,6 +1830,7 @@ sap.ui.define([
 		if (ServicesIndex.hasOwnProperty(sName)) {
 			return ServicesIndex[sName].replace(/\./g, "/");
 		}
+		return undefined;
 	}
 
 	/**

package/src/sap/ui/rta/Utils.js

@@ -46,7 +46,7 @@ function(
 	 * @class Utility functionality to work with controls, e.g. iterate through aggregations, find parents, etc.
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @private
 	 * @static

package/src/sap/ui/rta/appVariant/AppVariantManager.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @class
 	 * @extends sap.ui.base.ManagedObject
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 * @constructor
 	 * @private
 	 * @since 1.53

package/src/sap/ui/rta/appVariant/AppVariantUtils.js

@@ -45,10 +45,9 @@ sap.ui.define([
 				if (xhr.status >= 200 && xhr.status < 400) {
 					resolve(xhr.response);
 				} else {
-					reject({
-						status: xhr.status,
-						message: xhr.statusText
-					});
+					var oError = new Error(xhr.statusText);
+					oError.status = xhr.status;
+					reject(oError);
 				}
 			};
 		});

package/src/sap/ui/rta/appVariant/Feature.js

@@ -12,7 +12,8 @@ sap.ui.define([
 	"sap/ui/fl/registry/Settings",
 	"sap/ui/fl/write/_internal/appVariant/AppVariantFactory",
 	"sap/ui/fl/write/api/FeaturesAPI",
-	"sap/base/util/merge"
+	"sap/base/util/merge",
+	"sap/base/Log"
 ], function(
 	FlexUtils,
 	AppVariantUtils,
@@ -21,7 +22,8 @@ sap.ui.define([
 	Settings,
 	AppVariantFactory,
 	FeaturesAPI,
-	merge
+	merge,
+	Log
 ) {
 	"use strict";
 
@@ -148,9 +150,8 @@ sap.ui.define([
 			return AppVariantUtils.getManifirstSupport(oDescriptor["sap.app"].id).then(function(oResult) {
 				return oResult.response;
 			}).catch(function(oError) {
-				var oErrorInfo = AppVariantUtils.buildErrorInfo("MSG_APP_VARIANT_FEATURE_FAILED", oError);
-				oErrorInfo.overviewDialog = true;
-				return AppVariantUtils.showRelevantDialog(oErrorInfo, false);
+				Log.error("Response status code is: " + oError.status, "Stacktrace: " + oError.stack);
+				return false;
 			});
 		},
 		/**

package/src/sap/ui/rta/command/AddIFrame.js

@@ -16,7 +16,7 @@ sap.ui.define([
 	 * @class
 	 * @extends sap.ui.rta.command.FlexCommand
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 * @constructor
 	 * @private
 	 * @since 1.75

package/src/sap/ui/rta/command/AddProperty.js

@@ -14,7 +14,7 @@ sap.ui.define([
 	 * @class
 	 * @extends sap.ui.rta.command.FlexCommand
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 * @constructor
 	 * @private
 	 * @since 1.78