@openui5/sap.ui.rta 1.117.1 → 1.119.0

package/src/sap/ui/rta/plugin/iframe/AddIFrameDialog.fragment.xml

@@ -197,9 +197,12 @@
 									class="sapUiRtaAddIFrameDialogPreviewLinkTitle"
 									text="{/text/previewUrlLabel}" />
 								<ToolbarSpacer />
-								<Button id="sapUiRtaAddIFrameDialog_PreviewButton" enabled="{=${/previewUrl/value} !== ${/frameUrl/value} }"
-										text="{=${/previewUrl/value} === '' ? ${/text/showPreviewButton} : ${/text/updatePreviewButton} }" press="onShowPreview"
-										class="sapUiTinyMarginTop sapUiRtaAddIFrameDialogPreviewButton" />
+								<Button
+									id="sapUiRtaAddIFrameDialog_PreviewButton"
+									enabled="{=${/previewUrl/value} !== ${/frameUrl/value} || ${/previewUseLegacyNavigation/value} !== ${/useLegacyNavigation/value}}"
+									text="{=${/previewUrl/value} === '' ? ${/text/showPreviewButton} : ${/text/updatePreviewButton} }"
+									press="onShowPreview"
+									class="sapUiTinyMarginTop sapUiRtaAddIFrameDialogPreviewButton" />
 							</OverflowToolbar>
 						</headerToolbar>
 						<content>
@@ -231,11 +234,50 @@
 									id="sapUiRtaAddIFrameDialog_PreviewFrame"
 									height="100%"
 									title="{/text/previewFrameLabel}"
+									useLegacyNavigation="{/previewUseLegacyNavigation/value/}"
 									class="sapUiRtaAddIFrameDialogPreviewFrame"
 									visible="{= !!${/previewUrl/value} }"/>
 						</items>
 					</VBox>
 				</layout:Grid>
+				<layout:Grid
+					class="sapUiRtaAddIFrameDialogPreviewLinkGrid"
+					containerQuery="true"
+					defaultSpan="XL12 L12 M12 S12">
+					<Panel
+						expandable="true"
+						width="auto"
+						expanded="false"
+						class="sapUiResponsiveMargin sapUiRtaAddIFrameDialogPreviewLinkPanel">
+						<headerToolbar>
+							<OverflowToolbar
+									class="sapUiRtaAddIFrameDialogPreviewLinkToolbar" height="3rem" style="Clear">
+								<Title
+									class="sapUiRtaAddIFrameDialogPreviewLinkTitle"
+									text="{/text/advancedSettingsTitle}" />
+								<ToolbarSpacer />
+							</OverflowToolbar>
+						</headerToolbar>
+						<content>
+							<HBox
+								alignItems="Center"
+								class="sapUiRtaAddIFrameDialogLegacyNavigationContainer">
+								<Switch
+									id="sapUiRtaAddIFrameDialog_UseLegacyNavigationToggle"
+									customTextOn=" "
+									customTextOff=" "
+									state="{/useLegacyNavigation/value}" />
+								<Label
+									text="{/text/useLegacyNavigationLabel}" />
+								<Button
+									icon="sap-icon://hint"
+									type="Transparent"
+									press="onLegacyNavigationInfoPress"
+									ariaHasPopup="Dialog" />
+								</HBox>
+						</content>
+					</Panel>
+				</layout:Grid>
 			</layout:VerticalLayout>
 
 			<!-- Invisible Texts for ARIA -->

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

@@ -27,10 +27,10 @@ sap.ui.define([
 	"use strict";
 
 	// shortcut for sap.ui.core.ValueState
-	var ValueState = coreLibrary.ValueState;
+	var {ValueState} = coreLibrary;
 	var _oTextResources = Core.getLibraryResourceBundle("sap.ui.rta");
 	var _sDocumentationURL = "https://help.sap.com/docs/search?q=Embedding%20Content%20%28Object%20Pages%29";
-	var _sDocumentationHTML = _oTextResources.getText("IFRAME_ADDIFRAME_DIALOG_URL_WARNING_TEXT") + " (" + "<a href=" + _sDocumentationURL + ">" + _oTextResources.getText("IFRAME_ADDIFRAME_DIALOG_URL_WARNING_LINKTEXT") + "</a>" + ")";
+	var _sDocumentationHTML = `${_oTextResources.getText("IFRAME_ADDIFRAME_DIALOG_URL_WARNING_TEXT")} (` + `<a href=${_sDocumentationURL}>${_oTextResources.getText("IFRAME_ADDIFRAME_DIALOG_URL_WARNING_LINKTEXT")}</a>` + `)`;
 	var _mText = {
 		dialogTitle: _oTextResources.getText("IFRAME_ADDIFRAME_DIALOG_TITLE"),
 		dialogCreateTitle: _oTextResources.getText("IFRAME_ADDIFRAME_DIALOG_TITLE"),
@@ -59,10 +59,13 @@ sap.ui.define([
 		selectAdditionalTextPercentHeader: _oTextResources.getText("IFRAME_ADDIFRAME_DIALOG_SELECT_ADDITIONAL_TEXT_PERCENT_HEADER"),
 		selectAdditionalTextVh: _oTextResources.getText("IFRAME_ADDIFRAME_DIALOG_SELECT_ADDITIONAL_TEXT_VH"),
 		selectAdditionalTextPx: _oTextResources.getText("IFRAME_ADDIFRAME_DIALOG_SELECT_ADDITIONAL_TEXT_PX"),
-		selectAdditionalTextRem: _oTextResources.getText("IFRAME_ADDIFRAME_DIALOG_SELECT_ADDITIONAL_TEXT_REM")
+		selectAdditionalTextRem: _oTextResources.getText("IFRAME_ADDIFRAME_DIALOG_SELECT_ADDITIONAL_TEXT_REM"),
+		advancedSettingsTitle: _oTextResources.getText("IFRAME_ADDIFRAME_ADVANCED_SETTINGS"),
+		useLegacyNavigationLabel: _oTextResources.getText("IFRAME_ADDIFRAME_USE_LEGACY_NAVIGATION"),
+		useLegacyNavigationInfo: _oTextResources.getText("IFRAME_ADDIFRAME_USE_LEGACY_NAVIGATION_INFO")
 	};
 
-	function createJSONModel(bSetUpdateTitle, bAsContainer, sFrameWidthValue, sFrameHeightValue) {
+	function createJSONModel(bSetUpdateTitle, bAsContainer, sFrameWidthValue, sFrameHeightValue, bUseLegacyNavigation) {
 		_mText.dialogTitle = bSetUpdateTitle ? _mText.dialogUpdateTitle : _mText.dialogCreateTitle;
 
 		var sSelectAdditionalTextPercent = bAsContainer
@@ -123,7 +126,13 @@ sap.ui.define([
 			}, {
 				unit: "rem",
 				descriptionText: _mText.selectAdditionalTextRem
-			}]
+			}],
+			useLegacyNavigation: {
+				value: !!bUseLegacyNavigation
+			},
+			previewUseLegacyNavigation: {
+				value: !!bUseLegacyNavigation
+			}
 		});
 	}
 
@@ -133,7 +142,7 @@ sap.ui.define([
 	 * @class Context - Dialog for IFrame settings in Runtime Authoring
 	 * @extends sap.ui.base.ManagedObject
 	 * @author SAP SE
-	 * @version 1.117.1
+	 * @version 1.119.0
 	 * @constructor
 	 * @private
 	 * @since 1.78
@@ -169,22 +178,12 @@ sap.ui.define([
 	 * @private
 	 */
 	AddIFrameDialog.prototype._createDialog = function(mSettings) {
-		// set the correct title
-		var bSetUpdateTitle;
-		var bAsContainer;
-		var sFrameWidth;
-		var sFrameHeight;
-		if (mSettings) {
-			bSetUpdateTitle = !!mSettings.updateMode;
-			bAsContainer = !!mSettings.asContainer;
-			sFrameWidth = mSettings.frameWidth;
-			sFrameHeight = mSettings.frameHeight;
-		}
 		this._oJSONModel = createJSONModel(
-			bSetUpdateTitle,
-			bAsContainer,
-			sFrameWidth,
-			sFrameHeight
+			!!mSettings?.updateMode,
+			!!mSettings?.asContainer,
+			mSettings?.frameWidth,
+			mSettings?.frameHeight,
+			mSettings?.useLegacyNavigation
 		);
 		this._oController = new AddIFrameDialogController(this._oJSONModel, mSettings);
 		Fragment.load({
@@ -246,7 +245,7 @@ sap.ui.define([
 			.map(function(sUserSetting) {
 				return {
 					label: sUserSetting,
-					key: "{$user>/" + sUserSetting + "}",
+					key: `{$user>/${sUserSetting}}`,
 					value: oUserInfo[sUserSetting]
 				};
 			});
@@ -261,7 +260,7 @@ sap.ui.define([
 				.map(function(sProperty) {
 					return {
 						label: sProperty,
-						key: "{" + sProperty + "}",
+						key: `{${sProperty}}`,
 						value: oDefaultBoundObject[sProperty]
 					};
 				});

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

@@ -5,6 +5,8 @@
  */
 sap.ui.define([
 	"sap/base/Log",
+	"sap/m/Popover",
+	"sap/m/Text",
 	"sap/ui/core/mvc/Controller",
 	"sap/ui/core/library",
 	"sap/ui/rta/util/validateText",
@@ -15,6 +17,8 @@ sap.ui.define([
 	"sap/ui/rta/plugin/iframe/urlCleaner"
 ], function(
 	Log,
+	Popover,
+	Text,
 	Controller,
 	coreLibrary,
 	validateText,
@@ -27,17 +31,18 @@ sap.ui.define([
 	"use strict";
 
 	// shortcut for sap.ui.core.ValueState
-	var ValueState = coreLibrary.ValueState;
+	var {ValueState} = coreLibrary;
 
 	var _aTextInputFields = ["frameUrl", "title"];
 	var _aNumericInputFields = ["frameWidth", "frameHeight"];
-	var _aSelectInputFields = ["frameWidthUnit", "frameHeightUnit"];
+	var _aOtherInputFields = ["frameWidthUnit", "frameHeightUnit", "useLegacyNavigation"];
 
 	function isValidUrl(sUrl) {
 		return IFrame.isValidUrl(encodeURI(sUrl));
 	}
 
 	return Controller.extend("sap.ui.rta.plugin.iframe.AddIFrameDialogController", {
+		// eslint-disable-next-line object-shorthand
 		constructor: function(oJSONModel, mSettings) {
 			this._oJSONModel = oJSONModel;
 			this._importSettings(mSettings);
@@ -48,7 +53,7 @@ sap.ui.define([
 		 * Event handler for validation success
 		 * @param {sap.ui.base.Event} oEvent - Event
 		 */
-		onValidationSuccess: function(oEvent) {
+		onValidationSuccess(oEvent) {
 			oEvent.getSource().setValueState(ValueState.None);
 			this._oJSONModel.setProperty("/areAllFieldsValid",
 				this._areAllTextFieldsValid() && this._areAllValueStateNones());
@@ -58,7 +63,7 @@ sap.ui.define([
 		 * Event handler for validation error
 		 * @param {sap.ui.base.Event} oEvent - Event
 		 */
-		onValidationError: function(oEvent) {
+		onValidationError(oEvent) {
 			oEvent.getSource().setValueState(ValueState.Error);
 			this._oJSONModel.setProperty("/areAllFieldsValid", false);
 			this._setFocusOnInvalidInput();
@@ -67,7 +72,7 @@ sap.ui.define([
 		/**
 		 * Event handler for save button
 		 */
-		onSavePress: function() {
+		onSavePress() {
 			var sUrl = this._buildPreviewURL(this._buildReturnedURL());
 			if (isValidUrl(sUrl) && this._areAllTextFieldsValid() && this._areAllValueStateNones()) {
 				this._close(this._buildReturnedSettings());
@@ -80,13 +85,12 @@ sap.ui.define([
 		 * Event handler for Show Preview button
 		 * @param {sap.ui.base.Event} oEvent - Event
 		 */
-		onShowPreview: function() {
+		onShowPreview() {
 			var sURL = this._buildPreviewURL(this._buildReturnedURL());
 			if (!isValidUrl(sURL)) {
 				return;
 			}
 			var oIFrame = sap.ui.getCore().byId("sapUiRtaAddIFrameDialog_PreviewFrame");
-			oIFrame.setUrl(""); // Resets the preview first
 			// enable/disable expanding the Panel
 			var oPanel = sap.ui.getCore().byId("sapUiRtaAddIFrameDialog_PreviewLinkPanel");
 			var oPanelButton = oPanel.getDependents()[0];
@@ -98,6 +102,10 @@ sap.ui.define([
 			}
 			try {
 				this._oJSONModel.setProperty("/previewUrl/value", sURL);
+				this._oJSONModel.setProperty(
+					"/previewUseLegacyNavigation/value",
+					this._oJSONModel.getProperty("/useLegacyNavigation/value")
+				);
 				oIFrame.setUrl(sURL);
 			} catch (oError) {
 				Log.error("Error previewing the URL: ", oError);
@@ -108,7 +116,7 @@ sap.ui.define([
 		 * Event handler for pressing a parameter
 		 * @param {sap.ui.base.Event} oEvent - Event
 		 */
-		onParameterPress: function(oEvent) {
+		onParameterPress(oEvent) {
 			var sKey = oEvent.getSource().getBindingContext().getObject().key;
 			this._oJSONModel.setProperty("/frameUrl/value", this._addURLParameter(sKey));
 			this.onUrlChange();
@@ -118,12 +126,32 @@ sap.ui.define([
 		 * Event handler for live change on the parameter search field
 		 * @param {sap.ui.base.Event} oEvent - Event
 		 */
-		onLiveChange: function(oEvent) {
+		onLiveChange(oEvent) {
 			var oFilter = new Filter("label", FilterOperator.Contains, oEvent.getParameter("newValue"));
 			var oBinding = sap.ui.getCore().byId("sapUiRtaAddIFrameDialog_ParameterTable").getBinding("items");
 			oBinding.filter([oFilter]);
 		},
 
+		onLegacyNavigationInfoPress(oEvent) {
+			const oButton = oEvent.getSource();
+			if (!this._oPopover) {
+				this._oPopover = new Popover(
+					`${oButton.getId()}-popover`,
+					{
+						showHeader: false,
+						contentWidth: "400px",
+						content: [
+							new Text({
+								text: "{/text/useLegacyNavigationInfo}"
+							}).addStyleClass("sapUiSmallMargin")
+						]
+					}
+				);
+				oButton.addDependent(this._oPopover);
+			}
+			this._oPopover.openBy(oButton);
+		},
+
 		/**
 		 * Build preview URL
 		 *
@@ -131,7 +159,7 @@ sap.ui.define([
 		 * @returns {string} URL with parameters and values
 		 * @private
 		 */
-		_buildPreviewURL: function(sEditURL) {
+		_buildPreviewURL(sEditURL) {
 			return sEditURL.replace(/{(.*?)}/g, function(sMatch) {
 				return this._mParameterHashMap[sMatch];
 			}.bind(this));
@@ -144,7 +172,7 @@ sap.ui.define([
 		 * @returns {string} URL with the added parameter
 		 * @private
 		 */
-		_addURLParameter: function(sParameter) {
+		_addURLParameter(sParameter) {
 			return this._buildReturnedURL() + sParameter;
 		},
 
@@ -154,11 +182,11 @@ sap.ui.define([
 		 * @returns {string} URL to be returned
 		 * @private
 		 */
-		_buildReturnedURL: function() {
+		_buildReturnedURL() {
 			return urlCleaner(this._oJSONModel.getProperty("/frameUrl/value"));
 		},
 
-		onUrlChange: function() {
+		onUrlChange() {
 			var sUrl = this._buildPreviewURL(this._buildReturnedURL());
 			var oUrlInput = sap.ui.getCore().byId("sapUiRtaAddIFrameDialog_EditUrlTA");
 			if (isValidUrl(sUrl)) {
@@ -175,7 +203,7 @@ sap.ui.define([
 		 * @returns {object} Parameter hashmap
 		 * @private
 		 */
-		_buildParameterHashMap: function(mParameters) {
+		_buildParameterHashMap(mParameters) {
 			if (mParameters && mParameters.parameters) {
 				return Utils.buildHashMapFromArray(mParameters.parameters, "key", "value");
 			}
@@ -185,11 +213,11 @@ sap.ui.define([
 		/**
 		 * Event handler for Cancel button
 		 */
-		onCancelPress: function() {
+		onCancelPress() {
 			this._close();
 		},
 
-		onContainerTitleChange: function(oEvent) {
+		onContainerTitleChange(oEvent) {
 			var oInput = oEvent.getSource();
 			var sValueState = "None";
 			var bValidationError = false;
@@ -220,7 +248,7 @@ sap.ui.define([
 		 * @param {object|undefined} mSettings - IFrame settings to be returned
 		 * @private
 		 */
-		_close: function(mSettings) {
+		_close(mSettings) {
 			var oAddIFrameDialog = sap.ui.getCore().byId("sapUiRtaAddIFrameDialog");
 			this._mSettings = mSettings;
 			oAddIFrameDialog.close();
@@ -232,18 +260,18 @@ sap.ui.define([
 		 * @returns {object|undefined} IFrame settings
 		 * @public
 		 */
-		getSettings: function() {
+		getSettings() {
 			return this._mSettings;
 		},
 
-		_areAllValueStateNones: function() {
+		_areAllValueStateNones() {
 			var oData = this._oJSONModel.getData();
 			return _aTextInputFields.concat(_aNumericInputFields).every(function(sFieldName) {
 				return oData[sFieldName].valueState === ValueState.None;
 			}, this);
 		},
 
-		_areAllTextFieldsValid: function() {
+		_areAllTextFieldsValid() {
 			var oJSONModel = this._oJSONModel;
 			var bAsContainer = this._oJSONModel.getProperty("asContainer/value");
 			return _aTextInputFields.reduce(function(bAllValid, sFieldName) {
@@ -251,22 +279,22 @@ sap.ui.define([
 				if (sFieldName === "title" && !bAsContainer) {
 					return true;
 				}
-				var sValuePath = "/" + sFieldName + "/value";
+				var sValuePath = `/${sFieldName}/value`;
 				var sValueState;
 				if (oJSONModel.getProperty(sValuePath).trim() === "") {
 					sValueState = ValueState.Error;
 				} else {
 					sValueState = ValueState.None;
 				}
-				oJSONModel.setProperty(sValuePath + "State", sValueState);
+				oJSONModel.setProperty(`${sValuePath}State`, sValueState);
 				return bAllValid && sValueState === ValueState.None;
 			}, true);
 		},
 
-		_buildReturnedSettings: function() {
+		_buildReturnedSettings() {
 			var mSettings = {};
 			var oData = this._oJSONModel.getData();
-			_aTextInputFields.concat(_aNumericInputFields, _aSelectInputFields).forEach(function(sFieldName) {
+			_aTextInputFields.concat(_aNumericInputFields, _aOtherInputFields).forEach(function(sFieldName) {
 				var sValue = oData[sFieldName].value;
 				if (sFieldName === "frameUrl") {
 					sValue = urlCleaner(sValue);
@@ -282,13 +310,13 @@ sap.ui.define([
 		 * @param {object|undefined} mSettings - Existing IFrame settings
 		 * @private
 		 */
-		_importSettings: function(mSettings) {
+		_importSettings(mSettings) {
 			if (mSettings) {
 				Object.keys(mSettings).forEach(function(sFieldName) {
 					if (sFieldName === "frameWidth" || sFieldName === "frameHeight") {
 						this._importIFrameSize(sFieldName, mSettings[sFieldName]);
 					} else {
-						this._oJSONModel.setProperty("/" + sFieldName + "/value", mSettings[sFieldName]);
+						this._oJSONModel.setProperty(`/${sFieldName}/value`, mSettings[sFieldName]);
 					}
 				}, this);
 			}
@@ -300,11 +328,11 @@ sap.ui.define([
 		 * @param  {string} sFieldName - Field name
 		 * @param  {string} sSize - Size to import
 		 */
-		_importIFrameSize: function(sFieldName, sSize) {
+		_importIFrameSize(sFieldName, sSize) {
 			var aResults = sSize.split(/(px|rem|%|vh)/);
 			if (aResults.length >= 2) {
-				this._oJSONModel.setProperty("/" + sFieldName + "/value", parseFloat(aResults[0]));
-				this._oJSONModel.setProperty("/" + sFieldName + "Unit/value", aResults[1]);
+				this._oJSONModel.setProperty(`/${sFieldName}/value`, parseFloat(aResults[0]));
+				this._oJSONModel.setProperty(`/${sFieldName}Unit/value`, aResults[1]);
 			}
 		},
 
@@ -315,7 +343,7 @@ sap.ui.define([
 		 * An empty URL field disables the Save button and does not need to be checked
 		 *
 		 */
-		_setFocusOnInvalidInput: function() {
+		_setFocusOnInvalidInput() {
 			var oData = this._oJSONModel.getData();
 			_aNumericInputFields.some(function(sFieldName) {
 				if (oData[sFieldName].valueState === ValueState.Error) {

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

@@ -23,9 +23,8 @@ sap.ui.define([
 	 * @namespace
 	 * @name sap.ui.rta.service.Action
 	 * @author SAP SE
-	 * @experimental Since 1.58
 	 * @since 1.58
-	 * @version 1.117.1
+	 * @version 1.119.0
 	 * @private
 	 * @ui5-restricted
 	 *
@@ -93,7 +92,7 @@ sap.ui.define([
 				var oElementOverlay = OverlayRegistry.getOverlay(sControlId);
 
 				if (!oElementOverlay) {
-					throw new Error(DtUtil.printf('Control with id="{0}" is not under the one of root elements or ignored.', sControlId));
+					throw new Error(`Control with id="${sControlId}" is not under a root element or ignored.'`);
 				}
 
 				return oElementOverlay;
@@ -113,7 +112,7 @@ sap.ui.define([
 				var oElementOverlay = OverlayRegistry.getOverlay(sControlId);
 
 				if (!oElementOverlay) {
-					throw new Error(DtUtil.printf('Control with id="{0}" is not under the one of root elements or ignored.', sControlId));
+					throw new Error(`Control with id="${sControlId}" is not under a root element or ignored.`);
 				}
 
 				return oElementOverlay;
@@ -187,7 +186,7 @@ sap.ui.define([
 				 * @public
 				 * @function
 				 */
-				get: get,
+				get,
 
 				/**
 				 * Returns a list of available actions for the specified control(s).
@@ -199,7 +198,7 @@ sap.ui.define([
 				 * @public
 				 * @function
 				 */
-				execute: execute
+				execute
 			}
 		};
 	};

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

@@ -29,9 +29,8 @@ sap.ui.define([
 	 * @namespace
 	 * @name sap.ui.rta.service.ControllerExtension
 	 * @author SAP SE
-	 * @experimental Since 1.58
 	 * @since 1.58
-	 * @version 1.117.1
+	 * @version 1.119.0
 	 * @private
 	 * @ui5-restricted
 	*/
@@ -41,13 +40,13 @@ sap.ui.define([
 			return new Promise(function(resolve, reject) {
 				var sUrl;
 				jQuery.ajax({
-					url: sUrl = sap.ui.require.toUrl(sPath) + ".js",
+					url: sUrl = `${sap.ui.require.toUrl(sPath)}.js`,
 					async: true,
-					success: function(data) {
+					success(data) {
 						resolve(data);
 					},
-					error: function(xhr, textStatus, error) {
-						var oError = new Error("resource " + sPath + " could not be loaded from " + sUrl + ". Check for 'file not found' or parse errors. Reason: " + error);
+					error(xhr, textStatus, error) {
+						var oError = new Error(`resource ${sPath} could not be loaded from ${sUrl}. Check for 'file not found' or parse errors. Reason: ${error}`);
 						oError.status = textStatus;
 						oError.error = error;
 						oError.statusCode = xhr.status;
@@ -73,7 +72,7 @@ sap.ui.define([
 				 * @return {object} Definition of the newly created change
 				 * @public
 				 */
-				add: function(sCodeRef, sViewId) {
+				add(sCodeRef, sViewId) {
 					var oFlexSettings = oRta.getFlexSettings();
 					if (!oFlexSettings.developerMode) {
 						throw DtUtil.createError("service.ControllerExtension#add", "code extensions can only be created in developer mode", "sap.ui.rta");
@@ -120,14 +119,14 @@ sap.ui.define([
 				 * @return {Promise<string>} Promise that resolves with the template as string or rejects when the file was not found
 				 * @public
 				 */
-				getTemplate: function(sViewId) {
+				getTemplate(sViewId) {
 					var oViewOverlay = OverlayRegistry.getOverlay(sViewId);
 					if (!oViewOverlay) {
 						throw DtUtil.createError("service.ControllerExtension#getTemplate", "no overlay found for the given view ID", "sap.ui.rta");
 					}
 
 					var sControllerExtensionTemplatePath = oViewOverlay.getDesignTimeMetadata().getControllerExtensionTemplate();
-					return makeAjaxCall(sControllerExtensionTemplatePath + "-dbg")
+					return makeAjaxCall(`${sControllerExtensionTemplatePath}-dbg`)
 					.catch(function() {
 						return makeAjaxCall(sControllerExtensionTemplatePath);
 					});

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

@@ -42,9 +42,8 @@ sap.ui.define([
 	 * @namespace
 	 * @name sap.ui.rta.service.Outline
 	 * @author SAP SE
-	 * @experimental Since 1.56
 	 * @since 1.56
-	 * @version 1.117.1
+	 * @version 1.119.0
 	 * @private
 	 * @ui5-restricted
 	 */
@@ -57,6 +56,7 @@ sap.ui.define([
 	 * @private
 	 * @ui5-restricted
 	 * @property {string[]} defaultContent - List of control IDs that belong to the default content of an extension point
+	 * @property {string[]} createdControls - List of control IDs that were created in an extension point
 	 */
 
 	/**
@@ -145,7 +145,7 @@ sap.ui.define([
 				if (!oPassedOverlay) {
 					throw DtUtil.createError(
 						"services.Outline#get",
-						"Cannot find element with id= " + sId + ". A valid or empty value for the initial element id should be provided.", "sap.ui.rta"
+						`Cannot find element with id= ${sId}. A valid or empty value for the initial element id should be provided.`, "sap.ui.rta"
 					);
 				}
 				aInitialOverlays.push(oPassedOverlay);
@@ -163,8 +163,8 @@ sap.ui.define([
 			var sParentId = oData.id;
 			var sAggregationName = oData.technicalName;
 			return ExtensionPointRegistryAPI.getExtensionPointInfoByParentId({parentId: sParentId})
-			.filter(function(mExtenstionPoint) {
-				return mExtenstionPoint.aggregationName === sAggregationName;
+			.filter(function(mExtensionPoint) {
+				return mExtensionPoint.aggregationName === sAggregationName;
 			});
 		};
 
@@ -178,7 +178,8 @@ sap.ui.define([
 				extensionPointInfo: {
 					defaultContent: mExtensionPoint.defaultContent.map(function(oControl) {
 						return oControl.getId();
-					})
+					}),
+					createdControls: mExtensionPoint.createdControls || []
 				}
 			};
 		};
@@ -462,7 +463,7 @@ sap.ui.define([
 					// Only send new root overlays as updates; children elements are part of their outlines already
 					if (mParams.elementOverlay.isRoot()) {
 						var sRootElementId = mParams.elementOverlay.getElement().getId();
-						oResponse.element = oOutline._getOutline(sRootElementId)[0];
+						[oResponse.element] = oOutline._getOutline(sRootElementId);
 						oResponse.type = "new";
 						break;
 					}
@@ -470,13 +471,13 @@ sap.ui.define([
 
 				case "elementOverlayAdded":
 					// Overlays added to existing aggregations
-					oResponse.element = oOutline._getOutline(sElementId)[0];
+					[oResponse.element] = oOutline._getOutline(sElementId);
 					oResponse.targetId = sTargetId;
 					oResponse.type = "new";
 					break;
 
 				case "elementOverlayMoved":
-					oResponse.element = oOutline._getOutline(sElementId, 0)[0];
+					[oResponse.element] = oOutline._getOutline(sElementId, 0);
 					oResponse.targetId = sTargetId;
 					oResponse.type = "move";
 					break;
@@ -497,7 +498,8 @@ sap.ui.define([
 						oResponse.element.id =
 							oResponse.elementOverlay.getElement()
 								? oResponse.elementOverlay.getElement().getId()
-								: oResponse.elementOverlay.getAssociation("element"); // Triggered via DesignTime elementOverlayDestroyed event
+								// Triggered via DesignTime elementOverlayDestroyed event
+								: oResponse.elementOverlay.getAssociation("element");
 						oResponse.type = "destroy";
 						break;
 					}
@@ -514,7 +516,7 @@ sap.ui.define([
 
 				case "elementPropertyChanged":
 					// Trigger origin is ManagedObjectObserver
-					oResponse.element = oOutline._getOutline(sElementId, 0)[0];
+					[oResponse.element] = oOutline._getOutline(sElementId, 0);
 					oResponse.type = "elementPropertyChange";
 					break;
 

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

@@ -26,9 +26,8 @@ sap.ui.define([
 	 * @namespace
 	 * @name sap.ui.rta.service.Property
 	 * @author SAP SE
-	 * @experimental Since 1.58
 	 * @since 1.58
-	 * @version 1.117.1
+	 * @version 1.119.0
 	 * @private
 	 * @ui5-restricted
 	*/
@@ -173,7 +172,7 @@ sap.ui.define([
 							if (typeof bIgnore !== "boolean") {
 								throw DtUtil.createError(
 									"services.Property#get",
-									"Invalid ignore property value found in designtime for element with id " + oElement.getId() + " .", "sap.ui.rta"
+									`Invalid ignore property value found in designtime for element with id ${oElement.getId()} .`, "sap.ui.rta"
 								);
 							}
 
@@ -269,7 +268,7 @@ sap.ui.define([
 						if (typeof bIgnore !== "boolean" && typeof bIgnore !== "undefined") {
 							throw DtUtil.createError(
 								"services.Property#get",
-								"Invalid ignore property value found in designtime for element with id " + oElement.getId() + " .", "sap.ui.rta"
+								`Invalid ignore property value found in designtime for element with id ${oElement.getId()} .`, "sap.ui.rta"
 							);
 						}
 						// to ensure ignore function is replaced by a boolean value