@openui5/sap.ui.rta 1.143.1 → 1.145.0

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -35,7 +35,7 @@ function(
 	 * The RTAElementMover is responsible for the RTA specific adaptation of element movements.
 	 *
 	 * @author SAP SE
-	 * @version 1.143.1
+	 * @version 1.145.0
 	 *
 	 * @constructor
 	 * @private

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

@@ -1,23 +1,25 @@
 /*!
  * OpenUI5
- * (c) Copyright 2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
 sap.ui.define([
-	"sap/ui/rta/plugin/Plugin",
-	"sap/ui/rta/Utils",
-	"sap/ui/rta/command/CompositeCommand",
+	"sap/base/Log",
 	"sap/ui/dt/OverlayRegistry",
 	"sap/ui/events/KeyCodes",
-	"sap/base/Log"
+	"sap/ui/fl/util/CancelError",
+	"sap/ui/rta/command/CompositeCommand",
+	"sap/ui/rta/plugin/Plugin",
+	"sap/ui/rta/Utils"
 ], function(
-	Plugin,
-	Utils,
-	CompositeCommand,
+	Log,
 	OverlayRegistry,
 	KeyCodes,
-	Log
+	CancelError,
+	CompositeCommand,
+	Plugin,
+	Utils
 ) {
 	"use strict";
 
@@ -29,7 +31,7 @@ sap.ui.define([
 	 * @class The Remove allows trigger remove operations on the overlay
 	 * @extends sap.ui.rta.plugin.Plugin
 	 * @author SAP SE
-	 * @version 1.143.1
+	 * @version 1.145.0
 	 * @constructor
 	 * @private
 	 * @since 1.34
@@ -241,7 +243,7 @@ sap.ui.define([
 				})
 				.then(function(bConfirmed) {
 					if (!bConfirmed) {
-						throw Error("Cancelled");
+						throw new CancelError();
 					}
 
 					return this._getRemoveCommand(oRemovedElement, oDesignTimeMetadata, sVariantManagementReference);
@@ -250,7 +252,7 @@ sap.ui.define([
 					oCompositeCommand.addCommand(oCommand);
 				})
 				.catch(function(oError) {
-					if (oError && oError.message === "Cancelled") {
+					if (oError && oError instanceof CancelError) {
 						if (aElementOverlays.length === 1) {
 							oNextOverlaySelection = oOverlay;
 						}

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @class
 	 * @extends sap.ui.rta.plugin.Plugin
 	 * @author SAP SE
-	 * @version 1.143.1
+	 * @version 1.145.0
 	 * @constructor
 	 * @private
 	 * @since 1.101

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -31,7 +31,7 @@ sap.ui.define([
 	 * @class The Selection plugin allows you to select or focus overlays with mouse or keyboard and navigate to others.
 	 * @extends sap.ui.rta.plugin.Plugin
 	 * @author SAP SE
-	 * @version 1.143.1
+	 * @version 1.145.0
 	 * @constructor
 	 * @private
 	 * @since 1.34

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -30,7 +30,7 @@ sap.ui.define([
 	 * @class The Settings allows trigger change of settings operations on the overlay
 	 * @extends sap.ui.rta.plugin.Plugin
 	 * @author SAP SE
-	 * @version 1.143.1
+	 * @version 1.145.0
 	 * @constructor
 	 * @private
 	 * @since 1.44

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @class
 	 * @extends sap.ui.rta.plugin.Plugin
 	 * @author SAP SE
-	 * @version 1.143.1
+	 * @version 1.145.0
 	 * @constructor
 	 * @private
 	 * @since 1.46

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -29,7 +29,7 @@ sap.ui.define([
 	 * @extends sap.ui.rta.plugin.Plugin
 	 *
 	 * @author SAP SE
-	 * @version 1.143.1
+	 * @version 1.145.0
 	 *
 	 * @constructor
 	 * @private

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -32,7 +32,7 @@ sap.ui.define([
 	 * handled by the AdditionalElements Plugin (Reveal, Add Via Delegate, Add Custom)
 	 *
 	 * @author SAP SE
-	 * @version 1.143.1
+	 * @version 1.145.0
 	 * @private
 	 * @since 1.94
 	 */

package/src/sap/ui/rta/plugin/additionalElements/AddElementsDialog.fragment.xml

@@ -5,6 +5,7 @@
 
 	<Dialog
 		class="sapUIRtaFieldRepositoryDialog sapUiNoContentPadding"
+		title="{/dialogTitle}"
 		horizontalScrolling="false">
 		<buttons>
 			<Button
@@ -63,26 +64,9 @@
 					id="rta_addElementsDialogList"
 					mode="MultiSelect"
 					includeItemInSelection="true"
-					growing="true"
-					growingScrollToLoad="true"
-					items="{ path: '/elements', sorter: { path: 'label', descending: false}, templateShareable: false }"
-					noDataText="{i18n>MSG_NO_FIELDS}">
-					<CustomListItem
-						class="sapUIRtaListItem"
-						type="Active"
-						selected="{selected}"
-						tooltip="{tooltip}">
-						<VBox>
-							<Label
-								design="Standard"
-								text="{= ${parentPropertyName} &amp;&amp; ${duplicateName} ? ${label} + ' (' + ${parentPropertyName} + ')' : ${label} }"/>
-							<Label
-								text="{= ${originalLabel} ? ${i18n>LBL_FREP}.replace('{0}', ${originalLabel}) : ''}"
-								visible="{= !!${originalLabel} }"/>
-						</VBox>
-					</CustomListItem>
-				</List>
+					items="{ path: '/elementsFlat', factory: '._createListItem' }"
+					noDataText="{i18n>MSG_NO_FIELDS}"/>
 			</ScrollContainer>
 		</content>
 	</Dialog>
-</core:FragmentDefinition>
+</core:FragmentDefinition>

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

@@ -1,27 +1,31 @@
 /*!
  * OpenUI5
- * (c) Copyright 2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([
+	"sap/m/CustomListItem",
+	"sap/m/FormattedText",
+	"sap/m/GroupHeaderListItem",
+	"sap/m/VBox",
 	"sap/ui/base/ManagedObject",
 	"sap/ui/core/Element",
 	"sap/ui/core/Fragment",
+	"sap/ui/fl/util/CancelError",
 	"sap/ui/model/json/JSONModel",
-	"sap/ui/model/Filter",
-	"sap/ui/model/FilterOperator",
 	"sap/ui/model/resource/ResourceModel",
-	"sap/ui/model/Sorter",
 	"sap/ui/rta/Utils"
 ], function(
+	CustomListItem,
+	FormattedText,
+	GroupHeaderListItem,
+	VBox,
 	ManagedObject,
 	Element,
 	Fragment,
+	CancelError,
 	JSONModel,
-	Filter,
-	FilterOperator,
 	ResourceModel,
-	Sorter,
 	Utils
 ) {
 	"use strict";
@@ -32,7 +36,7 @@ sap.ui.define([
 	 * @class Context - Dialog for available Fields in Runtime Authoring
 	 * @extends sap.ui.base.ManagedObject
 	 * @author SAP SE
-	 * @version 1.143.1
+	 * @version 1.145.0
 	 * @constructor
 	 * @private
 	 * @since 1.44
@@ -57,6 +61,154 @@ sap.ui.define([
 		}
 	});
 
+	/**
+	 * Highlights matching text by wrapping it in <strong> tags.
+	 * Escapes HTML in the text to prevent XSS.
+	 *
+	 * @param {string} sText - The text to process
+	 * @param {string} sSearchValue - The search value to highlight
+	 * @returns {string} The text with matching parts wrapped in <strong> tags
+	 * @private
+	 */
+	function highlightText(sText, sSearchValue) {
+		if (!sText) {
+			return "";
+		}
+		if (!sSearchValue) {
+			return encodeXML(sText);
+		}
+
+		const sLowerText = sText.toLowerCase();
+		const sLowerSearch = sSearchValue.toLowerCase();
+		const iIndex = sLowerText.indexOf(sLowerSearch);
+
+		if (iIndex === -1) {
+			return encodeXML(sText);
+		}
+
+		// Split the text into parts: before match, match, after match
+		const sBefore = sText.substring(0, iIndex);
+		const sMatch = sText.substring(iIndex, iIndex + sSearchValue.length);
+		const sAfter = sText.substring(iIndex + sSearchValue.length);
+
+		// Recursively highlight the rest of the text (for multiple occurrences)
+		return `${encodeXML(sBefore)}<strong>${encodeXML(sMatch)}</strong>${highlightText(sAfter, sSearchValue)}`;
+	}
+
+	/**
+	 * Encodes special XML/HTML characters to prevent XSS.
+	 *
+	 * @param {string} sText - The text to encode
+	 * @returns {string} The encoded text
+	 * @private
+	 */
+	function encodeXML(sText) {
+		if (!sText) {
+			return "";
+		}
+		return sText
+		.replace(/&/g, "&amp;")
+		.replace(/</g, "&lt;")
+		.replace(/>/g, "&gt;")
+		.replace(/"/g, "&quot;")
+		.replace(/'/g, "&#39;");
+	}
+
+	/**
+	 * Transforms flat elements array into a flat list with group headers.
+	 * Elements without entityTypeDisplayName are placed at the root level (top).
+	 * Elements with entityTypeDisplayName are grouped under their entity name with a group header.
+	 *
+	 * @param {object[]} aElements - Flat array of elements
+	 * @param {string} [sFilterValue] - Optional filter value to filter elements
+	 * @private
+	 */
+	function buildElementsList(aElements, sFilterValue) {
+		const aRootElements = [];
+		const mGroups = {};
+
+		// Filter elements if filter value is provided
+		const aFilteredElements = sFilterValue
+			? aElements.filter((oElement) => this._elementMatchesFilter(oElement, sFilterValue))
+			: aElements;
+
+		// Separate elements into root elements and grouped elements
+		aFilteredElements.forEach(function(oElement) {
+			if (oElement.entityTypeDisplayName) {
+				// Element belongs to an entity group
+				mGroups[oElement.entityTypeDisplayName] ||= [];
+				mGroups[oElement.entityTypeDisplayName].push(oElement);
+			} else {
+				// Element has no entity - place at root level
+				aRootElements.push(oElement);
+			}
+		});
+
+		// Sort root elements
+		const bDescending = this._bDescendingSortOrder;
+		aRootElements.sort(function(a, b) {
+			const sLabelA = (a.label || "").toLowerCase();
+			const sLabelB = (b.label || "").toLowerCase();
+			if (sLabelA < sLabelB) {
+				return bDescending ? 1 : -1;
+			}
+			if (sLabelA > sLabelB) {
+				return bDescending ? -1 : 1;
+			}
+			return 0;
+		});
+
+		// Build flat list: root elements first, then group headers with their elements
+		const aFlatList = [];
+
+		// Add root elements (without entityTypeDisplayName) first
+		aRootElements.forEach(function(oElement) {
+			aFlatList.push(oElement);
+		});
+
+		// Add groups with their elements (groups sorted alphabetically, elements sorted by label)
+		const aGroupNames = Object.keys(mGroups);
+		aGroupNames.sort(function(a, b) {
+			const sNameA = a.toLowerCase();
+			const sNameB = b.toLowerCase();
+			if (sNameA < sNameB) {
+				return bDescending ? 1 : -1;
+			}
+			if (sNameA > sNameB) {
+				return bDescending ? -1 : 1;
+			}
+			return 0;
+		});
+
+		aGroupNames.forEach(function(sEntityName) {
+			// Add group header
+			aFlatList.push({
+				label: sEntityName,
+				isGroupHeader: true
+			});
+
+			// Sort and add elements within this group
+			const aGroupElements = mGroups[sEntityName];
+			aGroupElements.sort(function(a, b) {
+				const sLabelA = (a.label || "").toLowerCase();
+				const sLabelB = (b.label || "").toLowerCase();
+				if (sLabelA < sLabelB) {
+					return bDescending ? 1 : -1;
+				}
+				if (sLabelA > sLabelB) {
+					return bDescending ? -1 : 1;
+				}
+				return 0;
+			});
+
+			aGroupElements.forEach(function(oElement) {
+				aFlatList.push(oElement);
+			});
+		});
+
+		this._oDialogModel.setProperty("/elementsFlat", aFlatList);
+	}
+
 	/**
 	 * Initialize the Dialog
 	 *
@@ -69,12 +221,15 @@ sap.ui.define([
 			customFieldButtonVisible: false,
 			businessContextVisible: false,
 			customFieldButtonTooltip: "",
-			businessContextTexts: [{ text: "" }], // empty element in first place to be replaced by the headerText (see: addExtensibilityInfo)
+			// empty element in first place to be replaced by the headerText (see: addExtensibilityInfo)
+			businessContextTexts: [{ text: "" }],
 			extensibilityMenuButtonActive: false,
 			extensibilityMenuButtonText: "",
 			extensibilityMenuButtonTooltip: "",
 			extensibilityOptions: []
 		});
+		// Increase the default size limit (100) to allow for large numbers of elements. More than 1000 causes performance issues.
+		this._oDialogModel.setSizeLimit(1000);
 
 		this._bDescendingSortOrder = false;
 		this.oRTAResourceModel = new ResourceModel({ bundleName: "sap.ui.rta.messagebundle" });
@@ -111,6 +266,7 @@ sap.ui.define([
 			// retrieve List to set the sorting for the 'items' aggregation, since sap.ui.model.Sorter
 			// does not support binding to a model property...
 			this._oList = Element.getElementById(`${this.getId()}--rta_addElementsDialogList`);
+
 			this._openDialog();
 		}.bind(this));
 	};
@@ -161,11 +317,17 @@ sap.ui.define([
 		});
 		this._oDialog.close();
 		// indicate that the dialog has been closed without choosing to add any fields (canceled)
-		this._fnRejectOnDialogCancel();
+		this._fnRejectOnDialogCancel(new CancelError());
 	};
 
 	AddElementsDialog.prototype.setElements = function(aElements) {
+		if (aElements.length > 1000) {
+			throw new Error("AddElementsDialog: displaying more than 1000 elements is not supported.");
+		}
 		this._oDialogModel.setProperty("/elements", aElements);
+		// Reset filter when new elements are set (e.g., when dialog is reopened)
+		this._sCurrentFilterValue = "";
+		buildElementsList.call(this, aElements);
 	};
 
 	AddElementsDialog.prototype.getElements = function() {
@@ -193,40 +355,130 @@ sap.ui.define([
 	};
 
 	/**
-	 * Resort the list
+	 * Factory function to create list items.
+	 * Creates GroupHeaderListItem for group headers and CustomListItem for regular elements.
+	 *
+	 * @param {string} sId - The ID for the new item
+	 * @param {sap.ui.model.Context} oContext - The binding context
+	 * @returns {sap.m.ListItemBase} The created list item
+	 * @private
+	 */
+	AddElementsDialog.prototype._createListItem = function(sId, oContext) {
+		const oData = oContext.getObject();
+
+		if (oData.isGroupHeader) {
+			// Create a group header item (no checkbox, acts as a divider)
+			return new GroupHeaderListItem(sId, {
+				title: "{label}"
+			});
+		}
+
+		// Get the current filter value for highlighting
+		const sFilterValue = this._sCurrentFilterValue;
+
+		// Build the label text with optional parent property name
+		let sLabelText = oData.label || "";
+		if (oData.parentPropertyName && oData.duplicateName) {
+			sLabelText = `${sLabelText} (${oData.parentPropertyName})`;
+		}
+
+		// Create label with highlighted text if filter is active
+		const sHighlightedLabel = highlightText(sLabelText, sFilterValue);
+		const oLabelText = new FormattedText({
+			htmlText: sHighlightedLabel
+		});
+
+		// Build the original label text with highlighting
+		let oOriginalLabel;
+		if (oData.originalLabel) {
+			const sOriginalLabelText = this.oRTAResourceModel.getProperty("LBL_FREP").replace("{0}", oData.originalLabel);
+			const sHighlightedOriginal = highlightText(sOriginalLabelText, sFilterValue);
+			oOriginalLabel = new FormattedText({
+				htmlText: sHighlightedOriginal
+			});
+		}
+
+		const aVBoxItems = [oLabelText];
+		if (oOriginalLabel) {
+			aVBoxItems.push(oOriginalLabel);
+		}
+
+		const oVBox = new VBox({
+			items: aVBoxItems
+		});
+
+		return new CustomListItem(sId, {
+			content: [oVBox],
+			type: "Active",
+			selected: "{selected}",
+			tooltip: "{tooltip}"
+		}).addStyleClass("sapUIRtaListItem");
+	};
+
+	/**
+	 * Resort the list by rebuilding it with sorted elements
 	 *
 	 * @private
 	 */
 	AddElementsDialog.prototype._resortList = function() {
 		this._bDescendingSortOrder = !this._bDescendingSortOrder;
-		const oBinding = this._oList.getBinding("items");
-		const aSorter = [];
-		aSorter.push(new Sorter("label", this._bDescendingSortOrder));
-		oBinding.sort(aSorter);
+		buildElementsList.call(this, this._oDialogModel.getProperty("/elements"), this._sCurrentFilterValue);
+		this._rebindList();
 	};
 
 	/**
-	 * Updates the model on filter events
+	 * Updates the model on filter events by rebuilding the list with filtered elements
 	 *
 	 * @param {sap.ui.base.Event} oEvent event object
 	 * @private
 	 */
 	AddElementsDialog.prototype._updateModelFilter = function(oEvent) {
 		const sValue = oEvent.getParameter("newValue");
-		const oBinding = this._oList.getBinding("items");
-		if ((typeof sValue) === "string") {
-			const oFilterLabel = new Filter("label", FilterOperator.Contains, sValue);
-			const oOriginalLabelFilter = new Filter("originalLabel", FilterOperator.Contains, sValue);
-			const oParentPropertyNameFilter = new Filter("parentPropertyName", FilterOperator.Contains, sValue);
-			const oDuplicateNameFilter = new Filter("duplicateName", FilterOperator.EQ, true);
-			const oParentNameFilter = new Filter({ filters: [oParentPropertyNameFilter, oDuplicateNameFilter], and: true });
-			const oFilterLabelOrInfo = new Filter({ filters: [oFilterLabel, oOriginalLabelFilter, oParentNameFilter], and: false });
-			oBinding.filter([oFilterLabelOrInfo]);
-		} else {
-			oBinding.filter([]);
+		this._sCurrentFilterValue = sValue;
+		buildElementsList.call(this, this._oDialogModel.getProperty("/elements"), sValue);
+		this._rebindList();
+	};
+
+	/**
+	 * Rebinds the list items to force recreation with updated highlighting
+	 *
+	 * @private
+	 */
+	AddElementsDialog.prototype._rebindList = function() {
+		if (this._oList) {
+			// Unbind and rebind to force factory function to be called again
+			this._oList.bindItems({
+				path: "/elementsFlat",
+				factory: this._createListItem.bind(this)
+			});
 		}
 	};
 
+	/**
+	 * Checks if an element matches the filter criteria
+	 *
+	 * @param {object} oElement - The element to check
+	 * @param {string} sFilterValue - The filter value to match
+	 * @returns {boolean} True if the element matches the filter
+	 * @private
+	 */
+	AddElementsDialog.prototype._elementMatchesFilter = function(oElement, sFilterValue) {
+		const sLowerFilterValue = sFilterValue.toLowerCase();
+		// Check label
+		if (oElement.label?.toLowerCase().includes(sLowerFilterValue)) {
+			return true;
+		}
+		// Check originalLabel
+		if (oElement.originalLabel?.toLowerCase().includes(sLowerFilterValue)) {
+			return true;
+		}
+		// Check parentPropertyName (only for duplicates)
+		if (oElement.duplicateName && oElement.parentPropertyName?.toLowerCase().includes(sLowerFilterValue)) {
+			return true;
+		}
+		return false;
+	};
+
 	/**
 	 * Fire an event to redirect to the extensibility action
 	 * @param {string} sActionKey - Key for the mapping of specific actions (e.g. which URI to open for given extension data)
@@ -238,10 +490,8 @@ sap.ui.define([
 	};
 
 	AddElementsDialog.prototype.setTitle = function(sTitle) {
-		ManagedObject.prototype.setProperty.call(this, "title", sTitle, true);
-		if (this._oDialog) {
-			this._oDialog.setTitle(sTitle);
-		}
+		this.setProperty("title", sTitle, true);
+		this._oDialogModel.setProperty("/dialogTitle", sTitle);
 	};
 
 	/**