@openui5/sap.ui.rta 1.136.1 → 1.138.0

package/src/sap/ui/rta/util/ReloadManager.js

@@ -30,22 +30,17 @@ sap.ui.define([
 	 * @namespace sap.ui.rta.util.ReloadManager
 	 * @alias sap.ui.rta.util.ReloadManager
 	 * @since 1.104
-	 * @version 1.136.1
+	 * @version 1.138.0
 	 * @private
 	 * @ui5-restricted
 	 */
-	var ReloadManager = {};
+	const ReloadManager = {};
 
-	var mUShellServices = {};
-	var mReloadMethods = {
-		NOT_NEEDED: "NO_RELOAD",
-		VIA_HASH: "CROSS_APP_NAVIGATION",
-		RELOAD_PAGE: "HARD_RELOAD"
-	};
+	let mUShellServices = {};
 
 	function getReloadMessageOnStart(oReloadInfo) {
-		var sReason;
-		var bIsCustomerLayer = oReloadInfo.layer === Layer.CUSTOMER;
+		let sReason;
+		const bIsCustomerLayer = oReloadInfo.layer === Layer.CUSTOMER;
 
 		if (oReloadInfo.hasHigherLayerChanges && oReloadInfo.isDraftAvailable) {
 			sReason = bIsCustomerLayer ? "MSG_VIEWS_OR_PERSONALIZATION_AND_DRAFT_EXISTS" : "MSG_HIGHER_LAYER_CHANGES_AND_DRAFT_EXISTS";
@@ -62,7 +57,7 @@ sap.ui.define([
 	}
 
 	function getReloadMessageOnExit(oReloadInfo) {
-		var bIsCustomerLayer = oReloadInfo.layer === Layer.CUSTOMER;
+		const bIsCustomerLayer = oReloadInfo.layer === Layer.CUSTOMER;
 
 		if (oReloadInfo.hasHigherLayerChanges) {
 			if (!bIsCustomerLayer) {
@@ -102,48 +97,44 @@ sap.ui.define([
 		return undefined;
 	}
 
-	function handleReloadMessageBoxOnExit(oReloadReasons) {
-		var sReason = getReloadMessageOnExit(oReloadReasons);
+	async function handleReloadMessageBoxOnExit(oReloadReasons) {
+		const sReason = getReloadMessageOnExit(oReloadReasons);
 
 		if (sReason) {
-			return Utils.showMessageBox("information", sReason, {
+			await Utils.showMessageBox("information", sReason, {
 				titleKey: "HEADER_RELOAD_NEEDED"
 			});
 		}
-		return Promise.resolve();
 	}
 
-	function triggerReloadOnStart(oReloadInfo, bVersioningEnabled, bDeveloperMode) {
-		return Promise.resolve().then(function() {
-			if (mUShellServices.Navigation && bVersioningEnabled) {
-				// clears FlexState and triggers reloading of the flex data without blocking
-				if (oReloadInfo.isDraftAvailable) {
-					return VersionsAPI.loadDraftForApplication({
-						control: oReloadInfo.selector,
-						layer: oReloadInfo.layer,
-						allContexts: oReloadInfo.allContexts,
-						adaptationId: oReloadInfo.adaptationId
-					});
-				}
-				return VersionsAPI.loadVersionForApplication({
+	async function triggerReloadOnStart(oReloadInfo) {
+		if (mUShellServices.Navigation && oReloadInfo.versioningEnabled) {
+			// clears FlexState and triggers reloading of the flex data without blocking
+			if (oReloadInfo.isDraftAvailable) {
+				await VersionsAPI.loadDraftForApplication({
+					control: oReloadInfo.selector,
+					layer: oReloadInfo.layer,
+					allContexts: oReloadInfo.allContexts,
+					adaptationId: oReloadInfo.adaptationId
+				});
+			} else {
+				await VersionsAPI.loadVersionForApplication({
 					control: oReloadInfo.selector,
 					layer: oReloadInfo.layer,
 					allContexts: oReloadInfo.allContexts,
 					adaptationId: oReloadInfo.adaptationId
 				});
 			}
-			return undefined;
-		}).then(function() {
-			var sReason = getReloadMessageOnStart(oReloadInfo);
-			// showing messages in visual editor is leading to blocked screen. In this case we should reload without message
-			return bDeveloperMode ? undefined : Utils.showMessageBox("information", sReason);
-		}).then(function() {
-			ReloadManager.enableAutomaticStart(oReloadInfo.layer, oReloadInfo.selector);
-			oReloadInfo.onStart = true;
-			return ReloadManager.triggerReload(oReloadInfo);
-		}).then(function() {
-			return true;
-		});
+		}
+		const sReason = getReloadMessageOnStart(oReloadInfo);
+		// showing messages in visual editor is leading to blocked screen. In this case we should reload without message
+		if (!oReloadInfo.developerMode) {
+			await Utils.showMessageBox("information", sReason);
+		}
+		ReloadManager.enableAutomaticStart(oReloadInfo.layer, oReloadInfo.selector);
+		oReloadInfo.onStart = true;
+		ReloadManager.triggerReload(oReloadInfo);
+		return true;
 	}
 
 	ReloadManager.setUShellServices = function(mPassedUShellServices) {
@@ -157,8 +148,8 @@ sap.ui.define([
 	 * @param {sap.ui.core.Control} oRootControl - Root control for which key user adaptation was started
 	 */
 	ReloadManager.enableAutomaticStart = function(sLayer, oRootControl) {
-		var sFlexReference = FlexRuntimeInfoAPI.getFlexReference({element: oRootControl});
-		var vParameter = sFlexReference || true;
+		const sFlexReference = FlexRuntimeInfoAPI.getFlexReference({element: oRootControl});
+		const vParameter = sFlexReference || true;
 		window.sessionStorage.setItem(`sap.ui.rta.restart.${sLayer}`, vParameter);
 	};
 
@@ -181,37 +172,12 @@ sap.ui.define([
 		return !!window.sessionStorage.getItem(`sap.ui.rta.restart.${sLayer}`);
 	};
 
-	/**
-	 * Sets a flag in sessionStorage to indicate that the "What's New" dialog should not be shown after rta reload.
-	 */
-	ReloadManager.setDontShowWhatsNewAfterReload = () => {
-		window.sessionStorage.setItem("sap.ui.rta.whatsNew", true);
-	};
-
-	/**
-	 * Checks if the "What's New" dialog should be shown rta after reload.
-	 *
-	 * @returns {boolean} Returns true if the "What's New" dialog should be shown, false otherwise.
-	 */
-	ReloadManager.getDontShowWhatsNewAfterReload = () => {
-		return window.sessionStorage.getItem("sap.ui.rta.whatsNew");
-	};
-
-	/**
-	 * Removes the flag from sessionStorage that indicates the "What's New" dialog should not be shown after reload.
-	 */
-	ReloadManager.removeDontShowWhatsNewAfterReload = () => {
-		window.sessionStorage.removeItem("sap.ui.rta.whatsNew");
-	};
-
 	/**
 	 * Triggers the reload of the page. Can either be a soft reload inside the FLP or a hard reload.
 	 *
 	 * @param {object} oReloadInfo - Information needed for the reload
-	 * @param {sap.ui.fl.Layer} oReloadInfo.layer - Current layer
 	 * @param {boolean} oReloadInfo.hasHigherLayerChanges - Indicates if higher layer changes exist
 	 * @param {boolean} oReloadInfo.ignoreMaxLayerParameter - Indicates if the max layer parameter should be ignored
-	 * @param {string|object} oReloadInfo.parameters - The URL parameters to be modified
 	 * @param {string} oReloadInfo.versionSwitch - Indicates if we are in a version switch scenario
 	 * @param {string} oReloadInfo.version - Version we want to switch to
 	 * @param {string} oReloadInfo.removeVersionParameter - Indicates if version parameter should be removed
@@ -225,9 +191,7 @@ sap.ui.define([
 		}
 		if (FlUtils.getUshellContainer()) {
 			mUShellServices.AppLifeCycle.reloadCurrentApp();
-		}
-		// standalone app always trigger hard reload
-		if (!FlUtils.getUshellContainer() || oReloadInfo.triggerHardReload) {
+		} else {
 			ReloadManager.reloadPage();
 		}
 	};
@@ -260,25 +224,20 @@ sap.ui.define([
 	 *
 	 * @return {Promise<boolean>} Resolving to <code>false</code> means that reload is not necessary
 	 */
-	ReloadManager.handleReloadOnStart = function(mProperties) {
+	ReloadManager.handleReloadOnStart = async function(mProperties) {
 		merge(mProperties, {
-			hasHigherLayerChanges: false,
-			isDraftAvailable: false,
 			ignoreMaxLayerParameter: false,
-			includeCtrlVariants: true,
-			URLParsingService: mUShellServices.URLParsing
-		});
-		return ReloadInfoAPI.getReloadReasonsForStart(mProperties).then(function(oReloadInfo) {
-			if (
-				oReloadInfo.hasHigherLayerChanges
-				|| oReloadInfo.isDraftAvailable
-				|| oReloadInfo.allContexts
-				|| oReloadInfo.switchAdaptation
-			) {
-				return triggerReloadOnStart(oReloadInfo, mProperties.versioningEnabled, mProperties.developerMode);
-			}
-			return undefined;
+			includeCtrlVariants: true
 		});
+		const oReloadInfo = await ReloadInfoAPI.getReloadReasonsForStart(mProperties);
+		if (
+			oReloadInfo.hasHigherLayerChanges
+			|| oReloadInfo.isDraftAvailable
+			|| oReloadInfo.allContexts
+		) {
+			return triggerReloadOnStart(merge(mProperties, oReloadInfo));
+		}
+		return undefined;
 	};
 
 	/**
@@ -290,21 +249,17 @@ sap.ui.define([
 	 * @param {boolean} mProperties.versioningEnabled - Whether versioning is enabled
 	 * @param {boolean} mProperties.isDraftAvailable - Whether a draft is available
 	 * @param {boolean} mProperties.activeVersion - Number of the active version
-	 * @param {Promise} mProperties.changesNeedReloadPromise - Resolves to whether any change needs a hard reload
+	 * @param {Promise} mProperties.changesNeedReloadPromise - Resolves to whether any change needs a reload
 	 * @param {boolean} bSkipRestart - Stop key user adaptation without reloading the app in any way
 	 *
 	 * @return {Promise<object>} Resolving to an object containing information about whether a reload is needed and how to handle it
 	 */
-	ReloadManager.checkReloadOnExit = function(mProperties) {
-		return mProperties.changesNeedReloadPromise.then(function(bChangesNeedReload) {
-			mProperties.changesNeedReload = bChangesNeedReload;
-			mProperties.URLParsingService = mUShellServices.URLParsing;
-			var oReloadInfo = ReloadInfoAPI.getReloadMethod(mProperties);
-			return handleReloadMessageBoxOnExit(oReloadInfo).then(function() {
-				oReloadInfo.triggerHardReload = oReloadInfo.reloadMethod === mReloadMethods.RELOAD_PAGE;
-				return oReloadInfo;
-			});
-		});
+	ReloadManager.checkReloadOnExit = async function(mProperties) {
+		const bChangesNeedReload = await mProperties.changesNeedReloadPromise;
+		mProperties.changesNeedReload = bChangesNeedReload;
+		const oReloadInfo = ReloadInfoAPI.getReloadInfo(mProperties);
+		await handleReloadMessageBoxOnExit(oReloadInfo);
+		return oReloadInfo;
 	};
 
 	/**
@@ -314,7 +269,7 @@ sap.ui.define([
 	 * @param {boolean} oReloadInfo.hasHigherLayerChanges - Indicates if higher layer changes exist
 	 */
 	ReloadManager.handleReloadOnExit = function(oReloadInfo) {
-		if (oReloadInfo.reloadMethod !== mReloadMethods.NOT_NEEDED) {
+		if (oReloadInfo.reloadNeeded) {
 			oReloadInfo.removeVersionParameter = true;
 			ReloadManager.triggerReload(oReloadInfo);
 		}

package/src/sap/ui/rta/util/ServiceEventBus.js

@@ -6,8 +6,7 @@
 
 sap.ui.define([
 	"sap/ui/core/EventBus"
-],
-function(
+], function(
 	EventBus
 ) {
 	"use strict";
@@ -19,12 +18,12 @@ function(
 	 *
 	 * @extends sap.ui.core.EventBus
 	 * @author SAP SE
-	 * @version 1.136.1
+	 * @version 1.138.0
 	 * @private
 	 * @since 1.56.0
 	 * @alias sap.ui.rta.util.ServiceEventBus
 	 */
-	var ServiceEventBus = EventBus.extend("sap.ui.rta.util.ServiceEventBus");
+	const ServiceEventBus = EventBus.extend("sap.ui.rta.util.ServiceEventBus");
 
 	ServiceEventBus.prototype._callListener = function(fnCallback, oListener, sChannelId, sEventId, vData) {
 		fnCallback.call(oListener, vData);

package/src/sap/ui/rta/util/ServiceManager.js

@@ -27,7 +27,7 @@ sap.ui.define([
 	 *
 	 * @extends sap.ui.base.ManagedObject
 	 * @author SAP SE
-	 * @version 1.136.1
+	 * @version 1.138.0
 	 * @constructor
 	 * @private
 	 * @since 1.121

package/src/sap/ui/rta/util/adaptationStarter.js

@@ -5,9 +5,7 @@
  */
 sap.ui.define([
 	"sap/base/Log",
-	"sap/ui/core/Control",
 	"sap/ui/core/Lib",
-	"sap/ui/core/UIComponent",
 	"sap/ui/fl/initial/api/InitialFlexAPI",
 	"sap/ui/fl/write/api/PersistenceWriteAPI",
 	"sap/ui/fl/Layer",
@@ -16,9 +14,7 @@ sap.ui.define([
 	"sap/ui/rta/RuntimeAuthoring"
 ], function(
 	Log,
-	Control,
 	Lib,
-	UIComponent,
 	InitialFlexAPI,
 	PersistenceWriteAPI,
 	Layer,
@@ -28,30 +24,27 @@ sap.ui.define([
 ) {
 	"use strict";
 
-	function checkKeyUser(sLayer) {
+	async function checkKeyUser(sLayer) {
 		if (Layer.CUSTOMER === sLayer) {
-			return InitialFlexAPI.isKeyUser()
-			.then(function(bIsKeyUser) {
-				if (!bIsKeyUser) {
-					var oRtaResourceBundle = Lib.getResourceBundleFor("sap.ui.rta");
-					var oError = new Error(oRtaResourceBundle.getText("MSG_NO_KEY_USER_RIGHTS_ERROR_MESSAGE"));
-					oError.reason = "isKeyUser";
-					throw oError;
-				}
-			});
+			const bIsKeyUser = await InitialFlexAPI.isKeyUser();
+			if (!bIsKeyUser) {
+				const oRtaResourceBundle = Lib.getResourceBundleFor("sap.ui.rta");
+				const oError = new Error(oRtaResourceBundle.getText("MSG_NO_KEY_USER_RIGHTS_ERROR_MESSAGE"));
+				oError.reason = "isKeyUser";
+				throw oError;
+			}
 		}
-		return Promise.resolve();
 	}
 
 	function checkFlexEnabled(oAppComponent) {
 		// fiori tools is always a developer scenario where the flexEnabled flag should not be evaluated
-		var sFioriToolsMode = new URLSearchParams(window.location.search).get("fiori-tools-rta-mode");
+		const sFioriToolsMode = new URLSearchParams(window.location.search).get("fiori-tools-rta-mode");
 		if (!sFioriToolsMode || sFioriToolsMode === "false") {
-			var oManifest = oAppComponent.getManifest() || {};
-			var vFlexEnabled = oManifest["sap.ui5"] && oManifest["sap.ui5"].flexEnabled;
+			const oManifest = oAppComponent.getManifest() || {};
+			const vFlexEnabled = oManifest["sap.ui5"] && oManifest["sap.ui5"].flexEnabled;
 
 			if (vFlexEnabled === false) {
-				var oError = Error("This app is not enabled for key user adaptation");
+				const oError = Error("This app is not enabled for key user adaptation");
 				oError.reason = "flexEnabled";
 				throw oError;
 			}
@@ -62,8 +55,7 @@ sap.ui.define([
 		// pseudo app variants are not supported
 		const oComponentData = oAppComponent.getComponentData?.();
 		if (oComponentData?.startupParameters && Array.isArray(oComponentData.startupParameters["sap-app-id"])) {
-			const oManifest = oAppComponent.getManifest();
-			const sACHComponent = oManifest["sap.app"]?.ach;
+			const sACHComponent = oAppComponent.getManifest()["sap.app"]?.ach;
 			const oRtaResourceBundle = Lib.getResourceBundleFor("sap.ui.rta");
 			const sErrorMessage = oRtaResourceBundle.getText("MSG_PSEUDO_APP_VARIANT_ERROR_MESSAGE", [sACHComponent]);
 			const oError = Error(sErrorMessage);
@@ -81,54 +73,46 @@ sap.ui.define([
 	 *
 	 * @param {object} mOptions - Object with properties
 	 * @param {sap.ui.core.Control|sap.ui.core.UIComponent} mOptions.rootControl - Control instance to get the AppComponent. This then is used to start UI adaptation.
-	 * @param {function} [loadPlugins] - Callback function that enables the modification of the default plugin list of UI adaptation. UI adaptation is passed to this function and it should return a promise
-	 * @param {function} [onStart] - Event handler function called on start event
-	 * @param {function} [onFailed] - Event handler function called on failed event
-	 * @param {function} [onStop] - Event handler function called on stop event
+	 * @param {function} [fnLoadPlugins] - Callback function that enables the modification of the default plugin list of UI adaptation. UI adaptation is passed to this function and it should return a promise
+	 * @param {function} [fnOnStart] - Event handler function called on start event
+	 * @param {function} [fnOnFailed] - Event handler function called on failed event
+	 * @param {function} [fnOnStop] - Event handler function called on stop event
 	 * @returns {Promise} Resolves when UI adaptation was successfully started with adaptation instance.
 	 * @private
 	 */
-	function adaptationStarter(mOptions, loadPlugins, onStart, onFailed, onStop) {
-		var oRta;
+	async function adaptationStarter(mOptions, fnLoadPlugins, fnOnStart, fnOnFailed, fnOnStop) {
+		const oRtaResourceBundle = Lib.getResourceBundleFor("sap.ui.rta");
 
-		return Promise.resolve().then(function() {
-			if (!(mOptions.rootControl instanceof Control) && !(mOptions.rootControl instanceof UIComponent)) {
-				var oError = Error("An invalid root control was passed");
+		try {
+			if (!(mOptions.rootControl?.isA("sap.ui.core.Control")) && !(mOptions.rootControl?.isA("sap.ui.core.UIComponent"))) {
+				const oError = Error("An invalid root control was passed");
 				oError.reason = "rootControl";
 				throw oError;
 			}
 			mOptions.rootControl = FlexUtils.getAppComponentForControl(mOptions.rootControl);
-		})
-		.then(checkKeyUser.bind(undefined, mOptions.flexSettings.layer))
-		.then(function() {
-			return checkFlexEnabled(mOptions.rootControl);
-		})
-		.then(checkPseudoAppVariant.bind(undefined, mOptions.rootControl))
-		.then(function() {
-			oRta = new RuntimeAuthoring(mOptions);
 
-			if (onStart) {
-				oRta.attachEvent("start", onStart);
+			await checkKeyUser(mOptions.flexSettings.layer);
+			checkFlexEnabled(mOptions.rootControl);
+			checkPseudoAppVariant(mOptions.rootControl);
+
+			const oRta = new RuntimeAuthoring(mOptions);
+			if (fnOnStart) {
+				oRta.attachEvent("start", fnOnStart);
 			}
-			if (onFailed) {
-				oRta.attachEvent("failed", onFailed);
+			if (fnOnFailed) {
+				oRta.attachEvent("failed", fnOnFailed);
 			}
-			var fnOnStop = onStop || function() {
+			oRta.attachEvent("stop", fnOnStop || function() {
 				oRta.destroy();
-			};
-			oRta.attachEvent("stop", fnOnStop);
+			});
 
-			if (loadPlugins) {
-				return loadPlugins(oRta);
+			if (fnLoadPlugins) {
+				await fnLoadPlugins(oRta);
 			}
-			return undefined;
-		})
-		.then(function() {
-			return oRta.start();
-		})
-		.then(function() {
+			await oRta.start();
+
 			if (mOptions.flexSettings.layer === "CUSTOMER") {
-				var mPropertyBag = {
+				const mPropertyBag = {
 					oComponent: mOptions.rootControl,
 					selector: mOptions.rootControl,
 					invalidateCache: false,
@@ -136,38 +120,33 @@ sap.ui.define([
 					currentLayer: Layer.CUSTOMER
 				};
 
-				PersistenceWriteAPI.getChangesWarning(mPropertyBag)
-				.then(function(oWarningMessage) {
-					if (oWarningMessage.showWarning) {
-						var oRtaResourceBundle = Lib.getResourceBundleFor("sap.ui.rta");
-						var oMessageProps = oWarningMessage.warningType === "mixedChangesWarning"
-							? {
-								text: "MSG_ADAPTATION_STARTER_MIXED_CHANGES_WARNING",
-								title: "TIT_ADAPTATION_STARTER_MIXED_CHANGES_TITLE"
-							}
-							: {
-								text: "MSG_ADAPTATION_STARTER_NO_CHANGES_IN_P_WARNING",
-								title: "TIT_ADAPTATION_STARTER_NO_CHANGES_IN_P_TITLE"
-							};
+				const oWarningMessage = await PersistenceWriteAPI.getChangesWarning(mPropertyBag);
+				if (oWarningMessage.showWarning) {
+					const oMessageProps = oWarningMessage.warningType === "mixedChangesWarning"
+						? {
+							text: "MSG_ADAPTATION_STARTER_MIXED_CHANGES_WARNING",
+							title: "TIT_ADAPTATION_STARTER_MIXED_CHANGES_TITLE"
+						}
+						: {
+							text: "MSG_ADAPTATION_STARTER_NO_CHANGES_IN_P_WARNING",
+							title: "TIT_ADAPTATION_STARTER_NO_CHANGES_IN_P_TITLE"
+						};
 
-						showMessageBox(
-							oRtaResourceBundle.getText(oMessageProps.text),
-							{
-								title: oRtaResourceBundle.getText(oMessageProps.title)
-							},
-							"warning"
-						);
-					}
-				});
+					showMessageBox(
+						oRtaResourceBundle.getText(oMessageProps.text),
+						{
+							title: oRtaResourceBundle.getText(oMessageProps.title)
+						},
+						"warning"
+					);
+				}
 			}
 			return oRta;
-		})
-		.catch(function(vError) {
+		} catch (vError) {
 			if (
 				vError.message !== "Reload triggered"
 				&& !(FlexUtils.getUshellContainer() && vError.reason === "flexEnabled") // FLP Plugin already handles this error
 			) {
-				var oRtaResourceBundle = Lib.getResourceBundleFor("sap.ui.rta");
 				if (vError.reason === "isKeyUser" || vError.reason === "pseudoAppVariant") {
 					showMessageBox(
 						vError.message,
@@ -184,7 +163,7 @@ sap.ui.define([
 				Log.error("UI Adaptation could not be started", vError.message);
 			}
 			throw vError;
-		});
+		}
 	}
 	return adaptationStarter;
 });

package/src/sap/ui/rta/util/changeVisualization/ChangeCategories.js

@@ -11,12 +11,12 @@ sap.ui.define([
 ) {
 	"use strict";
 
-	var ChangeCategories = {};
+	const ChangeCategories = {};
 
 	ChangeCategories.ALL = "all";
 
 	// Assignment of commands to change categories
-	var COMMANDS = {};
+	const COMMANDS = {};
 	COMMANDS[FlChangeCategories.ADD] = [
 		"createContainer",
 		"addDelegateProperty",
@@ -29,7 +29,7 @@ sap.ui.define([
 	COMMANDS[FlChangeCategories.REMOVE] = ["remove"];
 	COMMANDS[FlChangeCategories.OTHER] = [];
 
-	var CATEGORY_ICONS = {};
+	const CATEGORY_ICONS = {};
 	CATEGORY_ICONS[ChangeCategories.ALL] = "sap-icon://show";
 	CATEGORY_ICONS[FlChangeCategories.ADD] = "sap-icon://add";
 	CATEGORY_ICONS[FlChangeCategories.MOVE] = "sap-icon://move";

package/src/sap/ui/rta/util/changeVisualization/ChangeIndicator.js

@@ -46,7 +46,7 @@ sap.ui.define([
 	 * @alias sap.ui.rta.util.changeVisualization.ChangeIndicator
 	 * @author SAP SE
 	 * @since 1.84.0
-	 * @version 1.136.1
+	 * @version 1.138.0
 	 * @private
 	 */
 	const ChangeIndicator = Control.extend("sap.ui.rta.util.changeVisualization.ChangeIndicator", {

package/src/sap/ui/rta/util/changeVisualization/ChangeIndicatorRegistry.js

@@ -37,7 +37,7 @@ sap.ui.define([
 	 * @alias sap.ui.rta.util.changeVisualization.ChangeIndicatorRegistry
 	 * @author SAP SE
 	 * @since 1.86.0
-	 * @version 1.136.1
+	 * @version 1.138.0
 	 * @private
 	 */
 	const ChangeIndicatorRegistry = ManagedObject.extend("sap.ui.rta.util.changeVisualization.ChangeIndicatorRegistry", {

package/src/sap/ui/rta/util/changeVisualization/ChangeStates.js

@@ -4,12 +4,10 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-sap.ui.define([
-], function(
-) {
+sap.ui.define([], function() {
 	"use strict";
 
-	var ChangeStates = {};
+	const ChangeStates = {};
 
 	ChangeStates.ALL = "all";
 	ChangeStates.DRAFT = "draft";

package/src/sap/ui/rta/util/changeVisualization/ChangeVisualization.js

@@ -84,7 +84,7 @@ sap.ui.define([
 	 * @alias sap.ui.rta.util.changeVisualization.ChangeVisualization
 	 * @author SAP SE
 	 * @since 1.84.0
-	 * @version 1.136.1
+	 * @version 1.138.0
 	 * @private
 	 */
 	const ChangeVisualization = Control.extend("sap.ui.rta.util.changeVisualization.ChangeVisualization", {

package/src/sap/ui/rta/util/changeVisualization/ChangeVisualizationUtils.js

@@ -4,12 +4,10 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-sap.ui.define([
-], function(
-) {
+sap.ui.define([], function() {
 	"use strict";
 
-	var ChangeVisualizationUtils = {};
+	const ChangeVisualizationUtils = {};
 
 	/**
 	 *
@@ -24,10 +22,10 @@ sap.ui.define([
 		if (!sString) {
 			return null;
 		}
-		var iStringLength = sString.length;
+		const iStringLength = sString.length;
 		if (iStringLength > 60) {
-			var sFirstPart = sString.substring(0, 27);
-			var sLastPart = sString.substring(iStringLength - 27);
+			const sFirstPart = sString.substring(0, 27);
+			const sLastPart = sString.substring(iStringLength - 27);
 			sString = `${sFirstPart}(...)${sLastPart}`;
 		}
 		return sString;

package/src/sap/ui/rta/util/changeVisualization/commands/CombineVisualization.js

@@ -19,9 +19,9 @@ sap.ui.define([
 ) {
 	"use strict";
 
-	var oRtaResourceBundle = Lib.getResourceBundleFor("sap.ui.rta");
+	const oRtaResourceBundle = Lib.getResourceBundleFor("sap.ui.rta");
 
-	var CombineVisualization = {};
+	const CombineVisualization = {};
 
 	/**
 	 * Creates a localized description for combine changes based on the provided
@@ -35,7 +35,7 @@ sap.ui.define([
 	 * @returns {object} Map containing localized description text and tooltip
 	 */
 	CombineVisualization.getDescription = function(mPayload, sLabel, mPropertyBag) {
-		var iOriginalSelectorCount = (mPayload.originalSelectors || []).length;
+		const iOriginalSelectorCount = (mPayload.originalSelectors || []).length;
 		if (iOriginalSelectorCount < 2) {
 			// Fallback if no payload was provided
 			return {
@@ -50,14 +50,14 @@ sap.ui.define([
 			};
 		}
 
-		var oAppComponent = mPropertyBag.appComponent;
-		var aOriginalSelectors = mPayload.originalSelectors;
-		var aLabels = aOriginalSelectors.map(function(oSelector) {
-			var sId = JsControlTreeModifier.getControlIdBySelector(oSelector, oAppComponent);
-			var oControl = Element.getElementById(sId);
+		const oAppComponent = mPropertyBag.appComponent;
+		const aOriginalSelectors = mPayload.originalSelectors;
+		const aLabels = aOriginalSelectors.map(function(oSelector) {
+			const sId = JsControlTreeModifier.getControlIdBySelector(oSelector, oAppComponent);
+			const oControl = Element.getElementById(sId);
 			return oControl ? ElementUtil.getLabelForElement(oControl) : sId;
 		});
-		var aShortLabels = aLabels.map(ChangeVisualizationUtils.shortenString);
+		const aShortLabels = aLabels.map(ChangeVisualizationUtils.shortenString);
 
 		if (iOriginalSelectorCount === 2) {
 			return {

package/src/sap/ui/rta/util/changeVisualization/commands/CreateContainerVisualization.js

@@ -13,7 +13,7 @@ sap.ui.define([
 ) {
 	"use strict";
 
-	var CreateContainerVisualization = {};
+	const CreateContainerVisualization = {};
 
 	/**
 	 * Creates a localized description for create container, based on the provided
@@ -25,10 +25,10 @@ sap.ui.define([
 	 * @returns {object} Map containing localized description text and tooltip
 	 */
 	CreateContainerVisualization.getDescription = function(mPayload, sLabel) {
-		var oRtaResourceBundle = Lib.getResourceBundleFor("sap.ui.rta");
-		var sElementLabel = mPayload.originalLabel || sLabel;
-		var sShortenedElementLabel = ChangeVisualizationUtils.shortenString(sElementLabel);
-		var sTextKey = "TXT_CHANGEVISUALIZATION_CHANGE_CREATECONTAINER";
+		const oRtaResourceBundle = Lib.getResourceBundleFor("sap.ui.rta");
+		const sElementLabel = mPayload.originalLabel || sLabel;
+		const sShortenedElementLabel = ChangeVisualizationUtils.shortenString(sElementLabel);
+		const sTextKey = "TXT_CHANGEVISUALIZATION_CHANGE_CREATECONTAINER";
 		return {
 			descriptionText: oRtaResourceBundle.getText(sTextKey, [sShortenedElementLabel]),
 			descriptionTooltip: oRtaResourceBundle.getText(sTextKey, [sElementLabel])