@sapui5/sap.fe.core 1.141.2 → 1.143.0

package/src/sap/fe/core/designtime/AnnotationBasedChanges.ts

@@ -10,11 +10,11 @@ import Component from "sap/ui/core/Component";
 import Lib from "sap/ui/core/Lib";
 import type ODataModel from "sap/ui/model/odata/v4/ODataModel";
 // OK since we are in designtime we can ignore that dependency
+import CommonUtils from "sap/fe/core/CommonUtils";
 import { hasCurrency, hasUnit, isCurrency, isUnit } from "sap/fe/core/templating/PropertyHelper";
 import type Field from "sap/fe/macros/Field";
 import type FormElement from "sap/ui/layout/form/FormElement";
 // eslint-disable-next-line @typescript-eslint/no-restricted-imports
-import CommonUtils from "sap/fe/core/CommonUtils";
 import AnnotationTypes from "sap/ui/rta/plugin/annotations/AnnotationTypes";
 
 const resourceBundleDesigntime = Lib.getResourceBundleFor("sap.fe.core.designtime")!;
@@ -95,7 +95,12 @@ function collectProperties(
 		buildingBlock = buildingBlock.getParent();
 	}
 	let metaPath = contextPathToUse!;
-	if (buildingBlock) {
+	if (control.getBindingContext()) {
+		const contextMetaPath = metaModel?.getMetaPath(control.getBindingContext()?.getPath() ?? "");
+		if (contextMetaPath) {
+			metaPath = contextMetaPath;
+		}
+	} else if (buildingBlock) {
 		metaPath = buildingBlock.getProperty("metaPath") ?? contextPathToUse;
 	}
 	const properties: { property: Property; entityType: EntityType }[] = [];

package/src/sap/fe/core/flexibility/AppComponent.flexibility.js

@@ -0,0 +1,55 @@
+/*!
+ * SAP UI development toolkit for HTML5 (SAPUI5)
+ *      (c) Copyright 2009-2025 SAP SE. All rights reserved
+ */
+sap.ui.define(["sap/base/Log", "sap/fe/core/CommonUtils", "sap/fe/core/flexibility/XMLTools", "sap/ui/core/Component", "sap/ui/fl/apply/api/DelegateMediatorAPI"], function (Log, CommonUtils, XMLTools, Component, DelegateMediatorAPI) {
+  "use strict";
+
+  var addGeneratedIdsToControls = XMLTools.addGeneratedIdsToControls;
+  /**
+   * Runs the provided fragment through the templating engine if the app component is an instance of sap.fe.core.AppComponent
+   * This will ensure that all included building blocks will be resolved to their target controls.
+   * @param fragment The XML fragment to be processed
+   * @param propertyBag An object containing the app component, modifier, view, and optionally componentId
+   * @param propertyBag.appComponent
+   * @param propertyBag.modifier
+   * @param propertyBag.view
+   * @param propertyBag.componentId
+   * @returns A promise that resolves to the processed XML fragment as a string
+   */
+  async function runTemplating(fragment, propertyBag) {
+    try {
+      if (propertyBag.appComponent.isA("sap.fe.core.AppComponent")) {
+        const templateComponent = propertyBag.componentId ? Component.getComponentById(propertyBag.componentId) : Component.getOwnerComponentFor(propertyBag.view);
+        const preprocessorContext = templateComponent?.preprocessorContext ?? {};
+        const fragmentXML = new DOMParser().parseFromString(fragment, "text/xml");
+        const templatedResult = await CommonUtils.templateControlFragment(fragmentXML.firstElementChild, {
+          models: preprocessorContext.models,
+          bindingContexts: preprocessorContext.bindingContexts
+        }, {
+          view: propertyBag.view,
+          isXML: true
+        }, propertyBag.modifier);
+        if (templatedResult instanceof Element) {
+          addGeneratedIdsToControls(templatedResult);
+          return templatedResult.outerHTML;
+        }
+        // If something goes wrong, fallback to the original fragment
+        return fragment;
+      } else {
+        return fragment;
+      }
+    } catch (error) {
+      Log.error("Error during Fiori Elements XML Templating in flexibility handler:", error);
+      return fragment;
+    }
+  }
+
+  // Register a hook onto the addXML handler from Flex that will run the templating if the conditions are right
+  DelegateMediatorAPI.registerAddXMLAdjustFragmentHandler({
+    key: "FEXMLTemplating",
+    handler: runTemplating,
+    reference: "sap.fe.macros.BaseAddXMLAdjustFragmentHandler"
+  });
+}, false);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJydW5UZW1wbGF0aW5nIiwiZnJhZ21lbnQiLCJwcm9wZXJ0eUJhZyIsImFwcENvbXBvbmVudCIsImlzQSIsInRlbXBsYXRlQ29tcG9uZW50IiwiY29tcG9uZW50SWQiLCJDb21wb25lbnQiLCJnZXRDb21wb25lbnRCeUlkIiwiZ2V0T3duZXJDb21wb25lbnRGb3IiLCJ2aWV3IiwicHJlcHJvY2Vzc29yQ29udGV4dCIsImZyYWdtZW50WE1MIiwiRE9NUGFyc2VyIiwicGFyc2VGcm9tU3RyaW5nIiwidGVtcGxhdGVkUmVzdWx0IiwiQ29tbW9uVXRpbHMiLCJ0ZW1wbGF0ZUNvbnRyb2xGcmFnbWVudCIsImZpcnN0RWxlbWVudENoaWxkIiwibW9kZWxzIiwiYmluZGluZ0NvbnRleHRzIiwiaXNYTUwiLCJtb2RpZmllciIsIkVsZW1lbnQiLCJhZGRHZW5lcmF0ZWRJZHNUb0NvbnRyb2xzIiwib3V0ZXJIVE1MIiwiZXJyb3IiLCJMb2ciLCJEZWxlZ2F0ZU1lZGlhdG9yQVBJIiwicmVnaXN0ZXJBZGRYTUxBZGp1c3RGcmFnbWVudEhhbmRsZXIiLCJrZXkiLCJoYW5kbGVyIiwicmVmZXJlbmNlIl0sInNvdXJjZVJvb3QiOiIuIiwic291cmNlcyI6WyJBcHBDb21wb25lbnQuZmxleGliaWxpdHkudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IExvZyBmcm9tIFwic2FwL2Jhc2UvTG9nXCI7XG5pbXBvcnQgdHlwZSBBcHBDb21wb25lbnQgZnJvbSBcInNhcC9mZS9jb3JlL0FwcENvbXBvbmVudFwiO1xuaW1wb3J0IHR5cGUgeyBGRVZpZXcgfSBmcm9tIFwic2FwL2ZlL2NvcmUvQmFzZUNvbnRyb2xsZXJcIjtcbmltcG9ydCB0eXBlIHsgQmFzZVRyZWVNb2RpZmllciB9IGZyb20gXCJzYXAvZmUvY29yZS9Db21tb25VdGlsc1wiO1xuaW1wb3J0IENvbW1vblV0aWxzIGZyb20gXCJzYXAvZmUvY29yZS9Db21tb25VdGlsc1wiO1xuaW1wb3J0IHsgYWRkR2VuZXJhdGVkSWRzVG9Db250cm9scyB9IGZyb20gXCJzYXAvZmUvY29yZS9mbGV4aWJpbGl0eS9YTUxUb29sc1wiO1xuaW1wb3J0IHR5cGUgVGVtcGxhdGVDb21wb25lbnQgZnJvbSBcInNhcC9mZS9jb3JlL1RlbXBsYXRlQ29tcG9uZW50XCI7XG5pbXBvcnQgdHlwZSB7IFhNTFByZXByb2Nlc3NvckNvbnRleHQgfSBmcm9tIFwic2FwL2ZlL2NvcmUvVGVtcGxhdGVDb21wb25lbnRcIjtcbmltcG9ydCBDb21wb25lbnQgZnJvbSBcInNhcC91aS9jb3JlL0NvbXBvbmVudFwiO1xuaW1wb3J0IERlbGVnYXRlTWVkaWF0b3JBUEkgZnJvbSBcInNhcC91aS9mbC9hcHBseS9hcGkvRGVsZWdhdGVNZWRpYXRvckFQSVwiO1xuXG4vKipcbiAqIFJ1bnMgdGhlIHByb3ZpZGVkIGZyYWdtZW50IHRocm91Z2ggdGhlIHRlbXBsYXRpbmcgZW5naW5lIGlmIHRoZSBhcHAgY29tcG9uZW50IGlzIGFuIGluc3RhbmNlIG9mIHNhcC5mZS5jb3JlLkFwcENvbXBvbmVudFxuICogVGhpcyB3aWxsIGVuc3VyZSB0aGF0IGFsbCBpbmNsdWRlZCBidWlsZGluZyBibG9ja3Mgd2lsbCBiZSByZXNvbHZlZCB0byB0aGVpciB0YXJnZXQgY29udHJvbHMuXG4gKiBAcGFyYW0gZnJhZ21lbnQgVGhlIFhNTCBmcmFnbWVudCB0byBiZSBwcm9jZXNzZWRcbiAqIEBwYXJhbSBwcm9wZXJ0eUJhZyBBbiBvYmplY3QgY29udGFpbmluZyB0aGUgYXBwIGNvbXBvbmVudCwgbW9kaWZpZXIsIHZpZXcsIGFuZCBvcHRpb25hbGx5IGNvbXBvbmVudElkXG4gKiBAcGFyYW0gcHJvcGVydHlCYWcuYXBwQ29tcG9uZW50XG4gKiBAcGFyYW0gcHJvcGVydHlCYWcubW9kaWZpZXJcbiAqIEBwYXJhbSBwcm9wZXJ0eUJhZy52aWV3XG4gKiBAcGFyYW0gcHJvcGVydHlCYWcuY29tcG9uZW50SWRcbiAqIEByZXR1cm5zIEEgcHJvbWlzZSB0aGF0IHJlc29sdmVzIHRvIHRoZSBwcm9jZXNzZWQgWE1MIGZyYWdtZW50IGFzIGEgc3RyaW5nXG4gKi9cbmFzeW5jIGZ1bmN0aW9uIHJ1blRlbXBsYXRpbmcoXG5cdGZyYWdtZW50OiBzdHJpbmcsXG5cdHByb3BlcnR5QmFnOiB7IGFwcENvbXBvbmVudDogQXBwQ29tcG9uZW50OyBtb2RpZmllcjogQmFzZVRyZWVNb2RpZmllcjsgdmlldzogRkVWaWV3OyBjb21wb25lbnRJZD86IHN0cmluZyB9XG4pOiBQcm9taXNlPHN0cmluZz4ge1xuXHR0cnkge1xuXHRcdGlmIChwcm9wZXJ0eUJhZy5hcHBDb21wb25lbnQuaXNBKFwic2FwLmZlLmNvcmUuQXBwQ29tcG9uZW50XCIpKSB7XG5cdFx0XHRjb25zdCB0ZW1wbGF0ZUNvbXBvbmVudCA9IChcblx0XHRcdFx0cHJvcGVydHlCYWcuY29tcG9uZW50SWRcblx0XHRcdFx0XHQ/IENvbXBvbmVudC5nZXRDb21wb25lbnRCeUlkKHByb3BlcnR5QmFnLmNvbXBvbmVudElkKVxuXHRcdFx0XHRcdDogQ29tcG9uZW50LmdldE93bmVyQ29tcG9uZW50Rm9yKHByb3BlcnR5QmFnLnZpZXcpXG5cdFx0XHQpIGFzIFRlbXBsYXRlQ29tcG9uZW50IHwgdW5kZWZpbmVkO1xuXHRcdFx0Y29uc3QgcHJlcHJvY2Vzc29yQ29udGV4dCA9ICh0ZW1wbGF0ZUNvbXBvbmVudD8ucHJlcHJvY2Vzc29yQ29udGV4dCA/PyB7fSkgYXMgWE1MUHJlcHJvY2Vzc29yQ29udGV4dDtcblx0XHRcdGNvbnN0IGZyYWdtZW50WE1MID0gbmV3IERPTVBhcnNlcigpLnBhcnNlRnJvbVN0cmluZyhmcmFnbWVudCwgXCJ0ZXh0L3htbFwiKTtcblx0XHRcdGNvbnN0IHRlbXBsYXRlZFJlc3VsdCA9IGF3YWl0IENvbW1vblV0aWxzLnRlbXBsYXRlQ29udHJvbEZyYWdtZW50KFxuXHRcdFx0XHRmcmFnbWVudFhNTC5maXJzdEVsZW1lbnRDaGlsZCxcblx0XHRcdFx0e1xuXHRcdFx0XHRcdG1vZGVsczogcHJlcHJvY2Vzc29yQ29udGV4dC5tb2RlbHMsXG5cdFx0XHRcdFx0YmluZGluZ0NvbnRleHRzOiBwcmVwcm9jZXNzb3JDb250ZXh0LmJpbmRpbmdDb250ZXh0c1xuXHRcdFx0XHR9LFxuXHRcdFx0XHR7IHZpZXc6IHByb3BlcnR5QmFnLnZpZXcsIGlzWE1MOiB0cnVlIH0sXG5cdFx0XHRcdHByb3BlcnR5QmFnLm1vZGlmaWVyXG5cdFx0XHQpO1xuXHRcdFx0aWYgKHRlbXBsYXRlZFJlc3VsdCBpbnN0YW5jZW9mIEVsZW1lbnQpIHtcblx0XHRcdFx0YWRkR2VuZXJhdGVkSWRzVG9Db250cm9scyh0ZW1wbGF0ZWRSZXN1bHQpO1xuXHRcdFx0XHRyZXR1cm4gdGVtcGxhdGVkUmVzdWx0Lm91dGVySFRNTDtcblx0XHRcdH1cblx0XHRcdC8vIElmIHNvbWV0aGluZyBnb2VzIHdyb25nLCBmYWxsYmFjayB0byB0aGUgb3JpZ2luYWwgZnJhZ21lbnRcblx0XHRcdHJldHVybiBmcmFnbWVudDtcblx0XHR9IGVsc2Uge1xuXHRcdFx0cmV0dXJuIGZyYWdtZW50O1xuXHRcdH1cblx0fSBjYXRjaCAoZXJyb3IpIHtcblx0XHRMb2cuZXJyb3IoXCJFcnJvciBkdXJpbmcgRmlvcmkgRWxlbWVudHMgWE1MIFRlbXBsYXRpbmcgaW4gZmxleGliaWxpdHkgaGFuZGxlcjpcIiwgZXJyb3IgYXMgRXJyb3IpO1xuXHRcdHJldHVybiBmcmFnbWVudDtcblx0fVxufVxuXG4vLyBSZWdpc3RlciBhIGhvb2sgb250byB0aGUgYWRkWE1MIGhhbmRsZXIgZnJvbSBGbGV4IHRoYXQgd2lsbCBydW4gdGhlIHRlbXBsYXRpbmcgaWYgdGhlIGNvbmRpdGlvbnMgYXJlIHJpZ2h0XG5EZWxlZ2F0ZU1lZGlhdG9yQVBJLnJlZ2lzdGVyQWRkWE1MQWRqdXN0RnJhZ21lbnRIYW5kbGVyKHtcblx0a2V5OiBcIkZFWE1MVGVtcGxhdGluZ1wiLFxuXHRoYW5kbGVyOiBydW5UZW1wbGF0aW5nLFxuXHRyZWZlcmVuY2U6IFwic2FwLmZlLm1hY3Jvcy5CYXNlQWRkWE1MQWRqdXN0RnJhZ21lbnRIYW5kbGVyXCJcbn0pO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7OztFQVdBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7RUFDQSxlQUFlQSxhQUFhQSxDQUMzQkMsUUFBZ0IsRUFDaEJDLFdBQTJHLEVBQ3pGO0lBQ2xCLElBQUk7TUFDSCxJQUFJQSxXQUFXLENBQUNDLFlBQVksQ0FBQ0MsR0FBRyxDQUFDLDBCQUEwQixDQUFDLEVBQUU7UUFDN0QsTUFBTUMsaUJBQWlCLEdBQ3RCSCxXQUFXLENBQUNJLFdBQVcsR0FDcEJDLFNBQVMsQ0FBQ0MsZ0JBQWdCLENBQUNOLFdBQVcsQ0FBQ0ksV0FBVyxDQUFDLEdBQ25EQyxTQUFTLENBQUNFLG9CQUFvQixDQUFDUCxXQUFXLENBQUNRLElBQUksQ0FDakI7UUFDbEMsTUFBTUMsbUJBQW1CLEdBQUlOLGlCQUFpQixFQUFFTSxtQkFBbUIsSUFBSSxDQUFDLENBQTRCO1FBQ3BHLE1BQU1DLFdBQVcsR0FBRyxJQUFJQyxTQUFTLENBQUMsQ0FBQyxDQUFDQyxlQUFlLENBQUNiLFFBQVEsRUFBRSxVQUFVLENBQUM7UUFDekUsTUFBTWMsZUFBZSxHQUFHLE1BQU1DLFdBQVcsQ0FBQ0MsdUJBQXVCLENBQ2hFTCxXQUFXLENBQUNNLGlCQUFpQixFQUM3QjtVQUNDQyxNQUFNLEVBQUVSLG1CQUFtQixDQUFDUSxNQUFNO1VBQ2xDQyxlQUFlLEVBQUVULG1CQUFtQixDQUFDUztRQUN0QyxDQUFDLEVBQ0Q7VUFBRVYsSUFBSSxFQUFFUixXQUFXLENBQUNRLElBQUk7VUFBRVcsS0FBSyxFQUFFO1FBQUssQ0FBQyxFQUN2Q25CLFdBQVcsQ0FBQ29CLFFBQ2IsQ0FBQztRQUNELElBQUlQLGVBQWUsWUFBWVEsT0FBTyxFQUFFO1VBQ3ZDQyx5QkFBeUIsQ0FBQ1QsZUFBZSxDQUFDO1VBQzFDLE9BQU9BLGVBQWUsQ0FBQ1UsU0FBUztRQUNqQztRQUNBO1FBQ0EsT0FBT3hCLFFBQVE7TUFDaEIsQ0FBQyxNQUFNO1FBQ04sT0FBT0EsUUFBUTtNQUNoQjtJQUNELENBQUMsQ0FBQyxPQUFPeUIsS0FBSyxFQUFFO01BQ2ZDLEdBQUcsQ0FBQ0QsS0FBSyxDQUFDLG9FQUFvRSxFQUFFQSxLQUFjLENBQUM7TUFDL0YsT0FBT3pCLFFBQVE7SUFDaEI7RUFDRDs7RUFFQTtFQUNBMkIsbUJBQW1CLENBQUNDLG1DQUFtQyxDQUFDO0lBQ3ZEQyxHQUFHLEVBQUUsaUJBQWlCO0lBQ3RCQyxPQUFPLEVBQUUvQixhQUFhO0lBQ3RCZ0MsU0FBUyxFQUFFO0VBQ1osQ0FBQyxDQUFDO0FBQUMiLCJpZ25vcmVMaXN0IjpbXX0=

package/src/sap/fe/core/flexibility/AppComponent.flexibility.ts

@@ -0,0 +1,65 @@
+import Log from "sap/base/Log";
+import type AppComponent from "sap/fe/core/AppComponent";
+import type { FEView } from "sap/fe/core/BaseController";
+import type { BaseTreeModifier } from "sap/fe/core/CommonUtils";
+import CommonUtils from "sap/fe/core/CommonUtils";
+import { addGeneratedIdsToControls } from "sap/fe/core/flexibility/XMLTools";
+import type TemplateComponent from "sap/fe/core/TemplateComponent";
+import type { XMLPreprocessorContext } from "sap/fe/core/TemplateComponent";
+import Component from "sap/ui/core/Component";
+import DelegateMediatorAPI from "sap/ui/fl/apply/api/DelegateMediatorAPI";
+
+/**
+ * Runs the provided fragment through the templating engine if the app component is an instance of sap.fe.core.AppComponent
+ * This will ensure that all included building blocks will be resolved to their target controls.
+ * @param fragment The XML fragment to be processed
+ * @param propertyBag An object containing the app component, modifier, view, and optionally componentId
+ * @param propertyBag.appComponent
+ * @param propertyBag.modifier
+ * @param propertyBag.view
+ * @param propertyBag.componentId
+ * @returns A promise that resolves to the processed XML fragment as a string
+ */
+async function runTemplating(
+	fragment: string,
+	propertyBag: { appComponent: AppComponent; modifier: BaseTreeModifier; view: FEView; componentId?: string }
+): Promise<string> {
+	try {
+		if (propertyBag.appComponent.isA("sap.fe.core.AppComponent")) {
+			const templateComponent = (
+				propertyBag.componentId
+					? Component.getComponentById(propertyBag.componentId)
+					: Component.getOwnerComponentFor(propertyBag.view)
+			) as TemplateComponent | undefined;
+			const preprocessorContext = (templateComponent?.preprocessorContext ?? {}) as XMLPreprocessorContext;
+			const fragmentXML = new DOMParser().parseFromString(fragment, "text/xml");
+			const templatedResult = await CommonUtils.templateControlFragment(
+				fragmentXML.firstElementChild,
+				{
+					models: preprocessorContext.models,
+					bindingContexts: preprocessorContext.bindingContexts
+				},
+				{ view: propertyBag.view, isXML: true },
+				propertyBag.modifier
+			);
+			if (templatedResult instanceof Element) {
+				addGeneratedIdsToControls(templatedResult);
+				return templatedResult.outerHTML;
+			}
+			// If something goes wrong, fallback to the original fragment
+			return fragment;
+		} else {
+			return fragment;
+		}
+	} catch (error) {
+		Log.error("Error during Fiori Elements XML Templating in flexibility handler:", error as Error);
+		return fragment;
+	}
+}
+
+// Register a hook onto the addXML handler from Flex that will run the templating if the conditions are right
+DelegateMediatorAPI.registerAddXMLAdjustFragmentHandler({
+	key: "FEXMLTemplating",
+	handler: runTemplating,
+	reference: "sap.fe.macros.BaseAddXMLAdjustFragmentHandler"
+});

package/src/sap/fe/core/flexibility/XMLTools.js

@@ -0,0 +1,71 @@
+/*!
+ * SAP UI development toolkit for HTML5 (SAPUI5)
+ *      (c) Copyright 2009-2025 SAP SE. All rights reserved
+ */
+sap.ui.define([], function () {
+  "use strict";
+
+  var _exports = {};
+  /**
+   * Traverses a DOM element and adds generated ID properties to nodes representing controls that are missing IDs.
+   * Controls are identified by local names starting with an uppercase letter.
+   * @param element The root DOM element to traverse
+   * @param prefix Optional prefix for generated IDs
+   * @returns The number of IDs that were generated and added
+   */
+  function addGeneratedIdsToControls(element) {
+    let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "generatedId";
+    let idCounter = 0;
+    const generatedIds = new Set();
+
+    /**
+     * Recursively traverses the DOM tree and processes each element.
+     * @param node The current element being processed
+     */
+    function traverse(node) {
+      // Check if this is a control (local name starts with uppercase) and missing an ID
+      if (isControl(node) && !node.hasAttribute("id")) {
+        const generatedId = generateUniqueId(prefix, generatedIds);
+        node.setAttribute("id", generatedId);
+        generatedIds.add(generatedId);
+        idCounter++;
+      }
+
+      // Recursively process all child elements
+      for (let i = 0; i < node.children.length; i++) {
+        traverse(node.children[i]);
+      }
+    }
+
+    /**
+     * Determines if an element represents a UI5 control based on its local name.
+     * @param controlElement The element to check
+     * @returns True if the element represents a control
+     */
+    function isControl(controlElement) {
+      const localName = controlElement.localName ?? controlElement.tagName.toLowerCase();
+      return localName.length > 0 && localName.charAt(0) === localName.charAt(0).toUpperCase();
+    }
+
+    /**
+     * Generates a unique ID that doesn't conflict with existing IDs.
+     * @param basePrefix The base prefix for the ID
+     * @param existingIds Set of already generated IDs
+     * @returns A unique ID string
+     */
+    function generateUniqueId(basePrefix, existingIds) {
+      let counter = 1;
+      let candidateId = `${basePrefix}_${counter}`;
+      while (existingIds.has(candidateId) || document.getElementById(candidateId)) {
+        counter++;
+        candidateId = `${basePrefix}_${counter}`;
+      }
+      return candidateId;
+    }
+    traverse(element);
+    return idCounter;
+  }
+  _exports.addGeneratedIdsToControls = addGeneratedIdsToControls;
+  return _exports;
+}, false);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJhZGRHZW5lcmF0ZWRJZHNUb0NvbnRyb2xzIiwiZWxlbWVudCIsInByZWZpeCIsImFyZ3VtZW50cyIsImxlbmd0aCIsInVuZGVmaW5lZCIsImlkQ291bnRlciIsImdlbmVyYXRlZElkcyIsIlNldCIsInRyYXZlcnNlIiwibm9kZSIsImlzQ29udHJvbCIsImhhc0F0dHJpYnV0ZSIsImdlbmVyYXRlZElkIiwiZ2VuZXJhdGVVbmlxdWVJZCIsInNldEF0dHJpYnV0ZSIsImFkZCIsImkiLCJjaGlsZHJlbiIsImNvbnRyb2xFbGVtZW50IiwibG9jYWxOYW1lIiwidGFnTmFtZSIsInRvTG93ZXJDYXNlIiwiY2hhckF0IiwidG9VcHBlckNhc2UiLCJiYXNlUHJlZml4IiwiZXhpc3RpbmdJZHMiLCJjb3VudGVyIiwiY2FuZGlkYXRlSWQiLCJoYXMiLCJkb2N1bWVudCIsImdldEVsZW1lbnRCeUlkIiwiX2V4cG9ydHMiXSwic291cmNlUm9vdCI6Ii4iLCJzb3VyY2VzIjpbIlhNTFRvb2xzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogVHJhdmVyc2VzIGEgRE9NIGVsZW1lbnQgYW5kIGFkZHMgZ2VuZXJhdGVkIElEIHByb3BlcnRpZXMgdG8gbm9kZXMgcmVwcmVzZW50aW5nIGNvbnRyb2xzIHRoYXQgYXJlIG1pc3NpbmcgSURzLlxuICogQ29udHJvbHMgYXJlIGlkZW50aWZpZWQgYnkgbG9jYWwgbmFtZXMgc3RhcnRpbmcgd2l0aCBhbiB1cHBlcmNhc2UgbGV0dGVyLlxuICogQHBhcmFtIGVsZW1lbnQgVGhlIHJvb3QgRE9NIGVsZW1lbnQgdG8gdHJhdmVyc2VcbiAqIEBwYXJhbSBwcmVmaXggT3B0aW9uYWwgcHJlZml4IGZvciBnZW5lcmF0ZWQgSURzXG4gKiBAcmV0dXJucyBUaGUgbnVtYmVyIG9mIElEcyB0aGF0IHdlcmUgZ2VuZXJhdGVkIGFuZCBhZGRlZFxuICovXG5leHBvcnQgZnVuY3Rpb24gYWRkR2VuZXJhdGVkSWRzVG9Db250cm9scyhlbGVtZW50OiBFbGVtZW50LCBwcmVmaXggPSBcImdlbmVyYXRlZElkXCIpOiBudW1iZXIge1xuXHRsZXQgaWRDb3VudGVyID0gMDtcblx0Y29uc3QgZ2VuZXJhdGVkSWRzID0gbmV3IFNldDxzdHJpbmc+KCk7XG5cblx0LyoqXG5cdCAqIFJlY3Vyc2l2ZWx5IHRyYXZlcnNlcyB0aGUgRE9NIHRyZWUgYW5kIHByb2Nlc3NlcyBlYWNoIGVsZW1lbnQuXG5cdCAqIEBwYXJhbSBub2RlIFRoZSBjdXJyZW50IGVsZW1lbnQgYmVpbmcgcHJvY2Vzc2VkXG5cdCAqL1xuXHRmdW5jdGlvbiB0cmF2ZXJzZShub2RlOiBFbGVtZW50KTogdm9pZCB7XG5cdFx0Ly8gQ2hlY2sgaWYgdGhpcyBpcyBhIGNvbnRyb2wgKGxvY2FsIG5hbWUgc3RhcnRzIHdpdGggdXBwZXJjYXNlKSBhbmQgbWlzc2luZyBhbiBJRFxuXHRcdGlmIChpc0NvbnRyb2wobm9kZSkgJiYgIW5vZGUuaGFzQXR0cmlidXRlKFwiaWRcIikpIHtcblx0XHRcdGNvbnN0IGdlbmVyYXRlZElkID0gZ2VuZXJhdGVVbmlxdWVJZChwcmVmaXgsIGdlbmVyYXRlZElkcyk7XG5cdFx0XHRub2RlLnNldEF0dHJpYnV0ZShcImlkXCIsIGdlbmVyYXRlZElkKTtcblx0XHRcdGdlbmVyYXRlZElkcy5hZGQoZ2VuZXJhdGVkSWQpO1xuXHRcdFx0aWRDb3VudGVyKys7XG5cdFx0fVxuXG5cdFx0Ly8gUmVjdXJzaXZlbHkgcHJvY2VzcyBhbGwgY2hpbGQgZWxlbWVudHNcblx0XHRmb3IgKGxldCBpID0gMDsgaSA8IG5vZGUuY2hpbGRyZW4ubGVuZ3RoOyBpKyspIHtcblx0XHRcdHRyYXZlcnNlKG5vZGUuY2hpbGRyZW5baV0pO1xuXHRcdH1cblx0fVxuXG5cdC8qKlxuXHQgKiBEZXRlcm1pbmVzIGlmIGFuIGVsZW1lbnQgcmVwcmVzZW50cyBhIFVJNSBjb250cm9sIGJhc2VkIG9uIGl0cyBsb2NhbCBuYW1lLlxuXHQgKiBAcGFyYW0gY29udHJvbEVsZW1lbnQgVGhlIGVsZW1lbnQgdG8gY2hlY2tcblx0ICogQHJldHVybnMgVHJ1ZSBpZiB0aGUgZWxlbWVudCByZXByZXNlbnRzIGEgY29udHJvbFxuXHQgKi9cblx0ZnVuY3Rpb24gaXNDb250cm9sKGNvbnRyb2xFbGVtZW50OiBFbGVtZW50KTogYm9vbGVhbiB7XG5cdFx0Y29uc3QgbG9jYWxOYW1lID0gY29udHJvbEVsZW1lbnQubG9jYWxOYW1lID8/IGNvbnRyb2xFbGVtZW50LnRhZ05hbWUudG9Mb3dlckNhc2UoKTtcblx0XHRyZXR1cm4gbG9jYWxOYW1lLmxlbmd0aCA+IDAgJiYgbG9jYWxOYW1lLmNoYXJBdCgwKSA9PT0gbG9jYWxOYW1lLmNoYXJBdCgwKS50b1VwcGVyQ2FzZSgpO1xuXHR9XG5cblx0LyoqXG5cdCAqIEdlbmVyYXRlcyBhIHVuaXF1ZSBJRCB0aGF0IGRvZXNuJ3QgY29uZmxpY3Qgd2l0aCBleGlzdGluZyBJRHMuXG5cdCAqIEBwYXJhbSBiYXNlUHJlZml4IFRoZSBiYXNlIHByZWZpeCBmb3IgdGhlIElEXG5cdCAqIEBwYXJhbSBleGlzdGluZ0lkcyBTZXQgb2YgYWxyZWFkeSBnZW5lcmF0ZWQgSURzXG5cdCAqIEByZXR1cm5zIEEgdW5pcXVlIElEIHN0cmluZ1xuXHQgKi9cblx0ZnVuY3Rpb24gZ2VuZXJhdGVVbmlxdWVJZChiYXNlUHJlZml4OiBzdHJpbmcsIGV4aXN0aW5nSWRzOiBTZXQ8c3RyaW5nPik6IHN0cmluZyB7XG5cdFx0bGV0IGNvdW50ZXIgPSAxO1xuXHRcdGxldCBjYW5kaWRhdGVJZCA9IGAke2Jhc2VQcmVmaXh9XyR7Y291bnRlcn1gO1xuXG5cdFx0d2hpbGUgKGV4aXN0aW5nSWRzLmhhcyhjYW5kaWRhdGVJZCkgfHwgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoY2FuZGlkYXRlSWQpKSB7XG5cdFx0XHRjb3VudGVyKys7XG5cdFx0XHRjYW5kaWRhdGVJZCA9IGAke2Jhc2VQcmVmaXh9XyR7Y291bnRlcn1gO1xuXHRcdH1cblxuXHRcdHJldHVybiBjYW5kaWRhdGVJZDtcblx0fVxuXG5cdHRy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

package/src/sap/fe/core/flexibility/XMLTools.ts

@@ -0,0 +1,61 @@
+/**
+ * Traverses a DOM element and adds generated ID properties to nodes representing controls that are missing IDs.
+ * Controls are identified by local names starting with an uppercase letter.
+ * @param element The root DOM element to traverse
+ * @param prefix Optional prefix for generated IDs
+ * @returns The number of IDs that were generated and added
+ */
+export function addGeneratedIdsToControls(element: Element, prefix = "generatedId"): number {
+	let idCounter = 0;
+	const generatedIds = new Set<string>();
+
+	/**
+	 * Recursively traverses the DOM tree and processes each element.
+	 * @param node The current element being processed
+	 */
+	function traverse(node: Element): void {
+		// Check if this is a control (local name starts with uppercase) and missing an ID
+		if (isControl(node) && !node.hasAttribute("id")) {
+			const generatedId = generateUniqueId(prefix, generatedIds);
+			node.setAttribute("id", generatedId);
+			generatedIds.add(generatedId);
+			idCounter++;
+		}
+
+		// Recursively process all child elements
+		for (let i = 0; i < node.children.length; i++) {
+			traverse(node.children[i]);
+		}
+	}
+
+	/**
+	 * Determines if an element represents a UI5 control based on its local name.
+	 * @param controlElement The element to check
+	 * @returns True if the element represents a control
+	 */
+	function isControl(controlElement: Element): boolean {
+		const localName = controlElement.localName ?? controlElement.tagName.toLowerCase();
+		return localName.length > 0 && localName.charAt(0) === localName.charAt(0).toUpperCase();
+	}
+
+	/**
+	 * Generates a unique ID that doesn't conflict with existing IDs.
+	 * @param basePrefix The base prefix for the ID
+	 * @param existingIds Set of already generated IDs
+	 * @returns A unique ID string
+	 */
+	function generateUniqueId(basePrefix: string, existingIds: Set<string>): string {
+		let counter = 1;
+		let candidateId = `${basePrefix}_${counter}`;
+
+		while (existingIds.has(candidateId) || document.getElementById(candidateId)) {
+			counter++;
+			candidateId = `${basePrefix}_${counter}`;
+		}
+
+		return candidateId;
+	}
+
+	traverse(element);
+	return idCounter;
+}

package/src/sap/fe/core/fpm/manifest.json

@@ -1,10 +1,10 @@
 {
-	"_version": "1.14.0",
+	"_version": "2.0.0",
 	"sap.app": {
 		"id": "sap.fe.core.fpm",
 		"type": "component",
 		"applicationVersion": {
-			"version": "1.141.2"
+			"version": "1.143.0"
 		},
 		"title": "Object Page",
 		"tags": {