@sap-ux/preview-middleware 0.16.111 → 0.16.113

package/dist/client/cpe/outline/nodes.js

@@ -1,12 +1,15 @@
 "use strict";
 
-sap.ui.define(["../../utils/version", "../../utils/core", "../utils", "./editable"], function (____utils_version, ____utils_core, ___utils, ___editable) {
+sap.ui.define(["../../utils/version", "../../utils/core", "../utils", "./editable", "../../utils/fe-v4"], function (____utils_version, ____utils_core, ___utils, ___editable, ____utils_fe_v4) {
   "use strict";
 
   const getUi5Version = ____utils_version["getUi5Version"];
   const getControlById = ____utils_core["getControlById"];
+  const getOverlay = ___utils["getOverlay"];
   const isReuseComponent = ___utils["isReuseComponent"];
   const isEditable = ___editable["isEditable"];
+  const getConfigMapControlIdMap = ____utils_fe_v4["getConfigMapControlIdMap"];
+  const getPageName = ____utils_fe_v4["getPageName"];
   /**
    * Retrieves additional data for a given control ID.
    *
@@ -48,13 +51,14 @@ sap.ui.define(["../../utils/version", "../../utils/core", "../utils", "./editabl
    *
    * @param {string} id - The unique identifier of the control to be added as a child node.
    * @param {OutlineNode[]} children - The array of children nodes to which the new node will be added.
+   * @param {ChangeService} changeService - Change service for change stack event handling.
    */
-  function addChildToExtensionPoint(id, children) {
+  function addChildToExtensionPoint(id, children, changeService) {
     const {
       text,
       technicalName
     } = getAdditionalData(id);
-    const editable = isEditable(id);
+    const editable = isEditable(changeService, id);
     children.push({
       controlId: id,
       controlType: technicalName ?? 'sap.ui.extensionpoint.child',
@@ -79,6 +83,27 @@ sap.ui.define(["../../utils/version", "../../utils/core", "../utils", "./editabl
       controlIndex[node.controlType] = [node];
     }
   }
+  function addToPropertyIdMap(node, propertyIdMap) {
+    const control = getControlById(node.controlId);
+    if (control) {
+      const overlay = getOverlay(control);
+      const overlayData = overlay?.getDesignTimeMetadata().getData();
+      if (!overlayData?.manifestPropertyPath) {
+        return;
+      }
+      if (overlayData) {
+        const path = overlayData?.manifestPropertyPath?.(control);
+        const pageName = getPageName(control);
+        const key = getConfigMapControlIdMap(pageName, path.split('/').filter(item => item));
+        if (key) {
+          if (!propertyIdMap.get(key)) {
+            propertyIdMap.set(key, []);
+          }
+          propertyIdMap.get(key)?.push(node.controlId);
+        }
+      }
+    }
+  }
 
   /**
    * Transform node.
@@ -87,15 +112,17 @@ sap.ui.define(["../../utils/version", "../../utils/core", "../utils", "./editabl
    * @param scenario type of project
    * @param reuseComponentsIds ids of reuse components that are filled when outline nodes are transformed
    * @param controlIndex Control tree index
+   * @param changeService ChanegService for change stack event handling.
+   * @param propertyIdMap ChanegService for change stack event handling.
    * @returns transformed outline tree nodes
    */
-  async function transformNodes(input, scenario, reuseComponentsIds, controlIndex) {
+  async function transformNodes(input, scenario, reuseComponentsIds, controlIndex, changeService, propertyIdMap) {
     const stack = [...input];
     const items = [];
     const ui5VersionInfo = await getUi5Version();
     while (stack.length) {
       const current = stack.shift();
-      const editable = isEditable(current?.id);
+      const editable = isEditable(changeService, current?.id);
       const isAdp = scenario === 'ADAPTATION_PROJECT';
       const isExtPoint = current?.type === 'extensionPoint';
       if (current?.type === 'element') {
@@ -104,7 +131,7 @@ sap.ui.define(["../../utils/version", "../../utils/core", "../utils", "./editabl
           text
         } = getAdditionalData(current.id);
         const technicalName = current.technicalName.split('.').slice(-1)[0];
-        const transformedChildren = isAdp ? await handleDuplicateNodes(children, scenario, reuseComponentsIds, controlIndex) : await transformNodes(children, scenario, reuseComponentsIds, controlIndex);
+        const transformedChildren = isAdp ? await handleDuplicateNodes(children, scenario, reuseComponentsIds, controlIndex, changeService, propertyIdMap) : await transformNodes(children, scenario, reuseComponentsIds, controlIndex, changeService, propertyIdMap);
         const node = {
           controlId: current.id,
           controlType: current.technicalName,
@@ -114,6 +141,7 @@ sap.ui.define(["../../utils/version", "../../utils/core", "../utils", "./editabl
           children: transformedChildren
         };
         indexNode(controlIndex, node);
+        addToPropertyIdMap(node, propertyIdMap);
         fillReuseComponents(reuseComponentsIds, current, scenario, ui5VersionInfo);
         items.push(node);
       }
@@ -125,7 +153,7 @@ sap.ui.define(["../../utils/version", "../../utils/core", "../utils", "./editabl
         let children = [];
         // We can combine both because there can only be either defaultContent or createdControls for one extension point node.
         [...defaultContent, ...createdControls].forEach(id => {
-          addChildToExtensionPoint(id, children);
+          addChildToExtensionPoint(id, children, changeService);
         });
         const node = {
           controlId: current.id,
@@ -163,9 +191,11 @@ sap.ui.define(["../../utils/version", "../../utils/core", "../utils", "./editabl
    * @param scenario type of project
    * @param reuseComponentsIds ids of reuse components that are filled when outline nodes are transformed
    * @param controlIndex Control tree index
+   * @param changeService ChangeService for change stack event handling.
+   * @param propertyIdMap  Map<string, string[]>.
    * @returns transformed outline tree nodes
    */
-  async function handleDuplicateNodes(children, scenario, reuseComponentsIds, controlIndex) {
+  async function handleDuplicateNodes(children, scenario, reuseComponentsIds, controlIndex, changeService, propertyIdMap) {
     const extPointIDs = new Set();
     children.forEach(child => {
       if (child.type === 'extensionPoint') {
@@ -177,7 +207,7 @@ sap.ui.define(["../../utils/version", "../../utils/core", "../utils", "./editabl
       }
     });
     const uniqueChildren = children.filter(child => !extPointIDs.has(child.id));
-    return transformNodes(uniqueChildren, scenario, reuseComponentsIds, controlIndex);
+    return transformNodes(uniqueChildren, scenario, reuseComponentsIds, controlIndex, changeService, propertyIdMap);
   }
   var __exports = {
     __esModule: true

package/dist/client/cpe/outline/nodes.ts

@@ -6,9 +6,11 @@ import { getUi5Version, Ui5VersionInfo } from '../../utils/version';
 import { getControlById } from '../../utils/core';
 
 import type { ControlTreeIndex } from '../types';
-import { isReuseComponent } from '../utils';
+import { getOverlay, isReuseComponent } from '../utils';
 
 import { isEditable } from './editable';
+import { ChangeService } from '../changes';
+import { getConfigMapControlIdMap, getPageName } from '../../utils/fe-v4';
 
 interface AdditionalData {
     text?: string;
@@ -62,10 +64,11 @@ function getChildren(current: OutlineViewNode): OutlineViewNode[] {
  *
  * @param {string} id - The unique identifier of the control to be added as a child node.
  * @param {OutlineNode[]} children - The array of children nodes to which the new node will be added.
+ * @param {ChangeService} changeService - Change service for change stack event handling.
  */
-function addChildToExtensionPoint(id: string, children: OutlineNode[]) {
+function addChildToExtensionPoint(id: string, children: OutlineNode[], changeService: ChangeService) {
     const { text, technicalName } = getAdditionalData(id);
-    const editable = isEditable(id);
+    const editable = isEditable(changeService, id);
 
     children.push({
         controlId: id,
@@ -92,6 +95,31 @@ function indexNode(controlIndex: ControlTreeIndex, node: OutlineNode): void {
     }
 }
 
+function addToPropertyIdMap(node: OutlineNode, propertyIdMap: Map<string, string[]>): void {
+    const control = getControlById(node.controlId);
+    if (control) {
+        const overlay = getOverlay(control);
+        const overlayData = overlay?.getDesignTimeMetadata().getData();
+        if (!overlayData?.manifestPropertyPath) {
+            return;
+        }
+        if (overlayData) {
+            const path = overlayData?.manifestPropertyPath?.(control);
+            const pageName = getPageName(control);
+            const key = getConfigMapControlIdMap(
+                pageName,
+                path.split('/').filter((item) => item)
+            );
+            if (key) {
+                if (!propertyIdMap.get(key)) {
+                    propertyIdMap.set(key, []);
+                }
+                propertyIdMap.get(key)?.push(node.controlId);
+            }
+        }
+    }
+}
+
 /**
  * Transform node.
  *
@@ -99,20 +127,24 @@ function indexNode(controlIndex: ControlTreeIndex, node: OutlineNode): void {
  * @param scenario type of project
  * @param reuseComponentsIds ids of reuse components that are filled when outline nodes are transformed
  * @param controlIndex Control tree index
+ * @param changeService ChanegService for change stack event handling.
+ * @param propertyIdMap ChanegService for change stack event handling.
  * @returns transformed outline tree nodes
  */
 export async function transformNodes(
     input: OutlineViewNode[],
     scenario: Scenario,
     reuseComponentsIds: Set<string>,
-    controlIndex: ControlTreeIndex
+    controlIndex: ControlTreeIndex,
+    changeService: ChangeService,
+    propertyIdMap: Map<string, string[]>
 ): Promise<OutlineNode[]> {
     const stack = [...input];
     const items: OutlineNode[] = [];
     const ui5VersionInfo = await getUi5Version();
     while (stack.length) {
         const current = stack.shift();
-        const editable = isEditable(current?.id);
+        const editable = isEditable(changeService, current?.id);
         const isAdp = scenario === 'ADAPTATION_PROJECT';
         const isExtPoint = current?.type === 'extensionPoint';
 
@@ -122,8 +154,22 @@ export async function transformNodes(
             const technicalName = current.technicalName.split('.').slice(-1)[0];
 
             const transformedChildren = isAdp
-                ? await handleDuplicateNodes(children, scenario, reuseComponentsIds, controlIndex)
-                : await transformNodes(children, scenario, reuseComponentsIds, controlIndex);
+                ? await handleDuplicateNodes(
+                      children,
+                      scenario,
+                      reuseComponentsIds,
+                      controlIndex,
+                      changeService,
+                      propertyIdMap
+                  )
+                : await transformNodes(
+                      children,
+                      scenario,
+                      reuseComponentsIds,
+                      controlIndex,
+                      changeService,
+                      propertyIdMap
+                  );
 
             const node: OutlineNode = {
                 controlId: current.id,
@@ -135,6 +181,7 @@ export async function transformNodes(
             };
 
             indexNode(controlIndex, node);
+            addToPropertyIdMap(node, propertyIdMap);
             fillReuseComponents(reuseComponentsIds, current, scenario, ui5VersionInfo);
 
             items.push(node);
@@ -146,7 +193,7 @@ export async function transformNodes(
             let children: OutlineNode[] = [];
             // We can combine both because there can only be either defaultContent or createdControls for one extension point node.
             [...defaultContent, ...createdControls].forEach((id: string) => {
-                addChildToExtensionPoint(id, children);
+                addChildToExtensionPoint(id, children, changeService);
             });
 
             const node: OutlineNode = {
@@ -191,13 +238,17 @@ function fillReuseComponents(
  * @param scenario type of project
  * @param reuseComponentsIds ids of reuse components that are filled when outline nodes are transformed
  * @param controlIndex Control tree index
+ * @param changeService ChangeService for change stack event handling.
+ * @param propertyIdMap  Map<string, string[]>.
  * @returns transformed outline tree nodes
  */
 export async function handleDuplicateNodes(
     children: OutlineViewNode[],
     scenario: Scenario,
     reuseComponentsIds: Set<string>,
-    controlIndex: ControlTreeIndex
+    controlIndex: ControlTreeIndex,
+    changeService: ChangeService,
+    propertyIdMap: Map<string, string[]>
 ): Promise<OutlineNode[]> {
     const extPointIDs = new Set<string>();
 
@@ -210,5 +261,5 @@ export async function handleDuplicateNodes(
 
     const uniqueChildren = children.filter((child) => !extPointIDs.has(child.id));
 
-    return transformNodes(uniqueChildren, scenario, reuseComponentsIds, controlIndex);
+    return transformNodes(uniqueChildren, scenario, reuseComponentsIds, controlIndex, changeService, propertyIdMap);
 }

package/dist/client/cpe/outline/service.js

@@ -32,8 +32,8 @@ sap.ui.define([
                 try {
                     const viewNodes = await outline.get();
                     const controlIndex = {};
-                    const outlineNodes = await transformNodes(viewNodes, scenario, reuseComponentsIds, controlIndex);
-                    await this.changeService.syncOutlineChanges();
+                    const configPropertyIdMap = new Map();
+                    const outlineNodes = await transformNodes(viewNodes, scenario, reuseComponentsIds, controlIndex, this.changeService, configPropertyIdMap);
                     const event = new CustomEvent(OUTLINE_CHANGE_EVENT, { detail: { controlIndex } });
                     this.dispatchEvent(event);
                     sendAction(outlineChanged(outlineNodes));
@@ -44,6 +44,7 @@ sap.ui.define([
                         }));
                         hasSentWarning = true;
                     }
+                    await this.changeService.updateConfigurationProps(configPropertyIdMap);
                 } catch (error) {
                     Log.error('Outline sync failed!', getError(error));
                 }

package/dist/client/cpe/outline/service.ts

@@ -1,7 +1,6 @@
 import Log from 'sap/base/Log';
 import type RuntimeAuthoring from 'sap/ui/rta/RuntimeAuthoring';
 import type RTAOutlineService from 'sap/ui/rta/command/OutlineService';
-import type { ChangeService } from '../changes/service';
 
 import type { ExternalAction } from '@sap-ux-private/control-property-editor-common';
 import { outlineChanged, SCENARIO, showMessage } from '@sap-ux-private/control-property-editor-common';
@@ -10,6 +9,7 @@ import { getError } from '../../utils/error';
 import { getTextBundle } from '../../i18n';
 import { ControlTreeIndex } from '../types';
 import { transformNodes } from './nodes';
+import { ChangeService } from '../changes';
 
 export const OUTLINE_CHANGE_EVENT = 'OUTLINE_CHANGED';
 
@@ -41,8 +41,15 @@ export class OutlineService extends EventTarget {
             try {
                 const viewNodes = await outline.get();
                 const controlIndex: ControlTreeIndex = {};
-                const outlineNodes = await transformNodes(viewNodes, scenario, reuseComponentsIds, controlIndex);
-                await this.changeService.syncOutlineChanges();
+                const configPropertyIdMap = new Map<string, string[]>();
+                const outlineNodes = await transformNodes(
+                    viewNodes,
+                    scenario,
+                    reuseComponentsIds,
+                    controlIndex,
+                    this.changeService,
+                    configPropertyIdMap
+                );
 
                 const event = new CustomEvent(OUTLINE_CHANGE_EVENT, {
                     detail: {
@@ -61,6 +68,7 @@ export class OutlineService extends EventTarget {
                     );
                     hasSentWarning = true;
                 }
+                await this.changeService.updateConfigurationProps(configPropertyIdMap);
             } catch (error) {
                 Log.error('Outline sync failed!', getError(error));
             }

package/dist/client/cpe/selection.js

@@ -15,7 +15,10 @@ sap.ui.define([
     const propertyChanged = ___sap_ux_private_control_property_editor_common['propertyChanged'];
     const selectControl = ___sap_ux_private_control_property_editor_common['selectControl'];
     const reportTelemetry = ___sap_ux_private_control_property_editor_common['reportTelemetry'];
+    const changeProperty = ___sap_ux_private_control_property_editor_common['changeProperty'];
+    const PropertyType = ___sap_ux_private_control_property_editor_common['PropertyType'];
     const buildControlData = ___control_data['buildControlData'];
+    const getOverlay = ___utils['getOverlay'];
     const getRuntimeControl = ___utils['getRuntimeControl'];
     const getDocumentation = ___documentation['getDocumentation'];
     const getComponent = ___utils_core['getComponent'];
@@ -43,8 +46,10 @@ sap.ui.define([
             const selContLibName = controlMetadata.getLibraryName();
             const document = await getDocumentation(selectedControlName, selContLibName);
             controlData.properties.forEach(controlProp => {
-                const property = allProperties[controlProp.name];
-                controlProp.documentation = getPropertyDocument(property, controlProp.ui5Type, document);
+                if (controlProp.propertyType === PropertyType.ControlProperty) {
+                    const property = allProperties[controlProp.name];
+                    controlProp.documentation = getPropertyDocument(property, controlProp.ui5Type, document);
+                }
             });
         } catch (e) {
             Log.error('Document loading failed', getError(e));
@@ -53,8 +58,9 @@ sap.ui.define([
     class SelectionService {
         appliedChangeCache = new Map();
         activeChangeHandlers = new Set();
-        constructor(rta) {
+        constructor(rta, changeService) {
             this.rta = rta;
+            this.changeService = changeService;
         }
         init(sendAction, subscribe) {
             const eventOrigin = new Set();
@@ -63,19 +69,19 @@ sap.ui.define([
                 onselectionChange(event).catch(error => Log.error('Event interrupted: ', getError(error)));
             });
             subscribe(async action => {
-                if (selectControl.match(action)) {
+                if (changeProperty.match(action)) {
+                    this.applyControlPropertyChange(action.payload.controlId, action.payload.propertyName);
+                } else if (selectControl.match(action)) {
                     const id = action.payload;
                     const control = sap.ui.getCore().byId(id);
                     if (!control) {
                         const component = getComponent(id);
                         if (component) {
-                            const controlData = buildControlData(component);
-                            await addDocumentationForProperties(component, controlData);
-                            const controlSelectedAction = controlSelected(controlData);
-                            sendAction(controlSelectedAction);
+                            await this.buildProperties(component, sendAction);
                         }
                         return;
                     }
+                    this.currentSelection = control;
                     eventOrigin.add('outline');
                     let controlOverlay = OverlayRegistry.getOverlay(control);
                     const selectedOverlayControls = this.rta.getSelection() ?? [];
@@ -88,13 +94,23 @@ sap.ui.define([
                     if (controlOverlay?.isSelectable()) {
                         controlOverlay.setSelected(true);
                     } else {
-                        const controlData = buildControlData(control);
-                        await addDocumentationForProperties(control, controlData);
-                        const controlSelectedAction = controlSelected(controlData);
-                        sendAction(controlSelectedAction);
+                        await this.buildProperties(control, sendAction);
                     }
                 }
             });
+            this.changeService.onStackChange(async event => {
+                const control = event.detail.controls.find(ctrl => ctrl === this.currentSelection);
+                if (control) {
+                    const overlay = getOverlay(control);
+                    await this.buildProperties(control, sendAction, overlay);
+                }
+            });
+        }
+        async buildProperties(control, sendAction, overlay) {
+            const controlData = buildControlData(control, this.changeService, overlay);
+            await addDocumentationForProperties(control, controlData);
+            const action = controlSelected(controlData);
+            sendAction(action);
         }
         applyControlPropertyChange(controlId, propertyName) {
             const changeId = propertyChangeId(controlId, propertyName);
@@ -130,10 +146,7 @@ sap.ui.define([
                         } catch (error) {
                             Log.error('Failed to report telemetry', getError(error));
                         } finally {
-                            const controlData = buildControlData(runtimeControl, overlayControl);
-                            await addDocumentationForProperties(runtimeControl, controlData);
-                            const action = controlSelected(controlData);
-                            sendAction(action);
+                            await this.buildProperties(runtimeControl, sendAction, overlayControl);
                             eventOrigin.delete('outline');
                         }
                     }

package/dist/client/cpe/selection.ts

@@ -4,10 +4,12 @@ import {
     propertyChanged,
     selectControl,
     reportTelemetry,
-    Properties
+    Properties,
+    changeProperty,
+    PropertyType
 } from '@sap-ux-private/control-property-editor-common';
 import { buildControlData } from './control-data';
-import { getRuntimeControl, ManagedObjectMetadataProperties, PropertiesInfo } from './utils';
+import { getOverlay, getRuntimeControl, ManagedObjectMetadataProperties, PropertiesInfo } from './utils';
 import type { ActionSenderFunction, Service, SubscribeFunction } from './types';
 
 import type Event from 'sap/ui/base/Event';
@@ -21,6 +23,8 @@ import OverlayRegistry from 'sap/ui/dt/OverlayRegistry';
 import OverlayUtil from 'sap/ui/dt/OverlayUtil';
 import { getComponent } from '../utils/core';
 import { getError } from '../utils/error';
+import { ChangeService } from './changes';
+import UI5Element from 'sap/ui/core/Element';
 
 export interface PropertyChangeParams {
     name: string;
@@ -75,8 +79,10 @@ async function addDocumentationForProperties(control: ManagedObject, controlData
         // Add the control's properties
         const document = await getDocumentation(selectedControlName, selContLibName);
         controlData.properties.forEach((controlProp) => {
-            const property = allProperties[controlProp.name];
-            controlProp.documentation = getPropertyDocument(property, controlProp.ui5Type, document);
+            if (controlProp.propertyType === PropertyType.ControlProperty) {
+                const property = allProperties[controlProp.name];
+                controlProp.documentation = getPropertyDocument(property, controlProp.ui5Type, document);
+            }
         });
     } catch (e) {
         Log.error('Document loading failed', getError(e));
@@ -89,12 +95,13 @@ async function addDocumentationForProperties(control: ManagedObject, controlData
 export class SelectionService implements Service {
     private appliedChangeCache = new Map<string, number>();
     private activeChangeHandlers = new Set<() => void>();
+    private currentSelection: UI5Element;
     /**
      *
      * @param rta - rta object.
      * @param ui5 - facade for ui5 framework methods
      */
-    constructor(private readonly rta: RuntimeAuthoring) {}
+    constructor(private readonly rta: RuntimeAuthoring, private readonly changeService: ChangeService) {}
 
     /**
      * Initialize selection service.
@@ -109,21 +116,19 @@ export class SelectionService implements Service {
             onselectionChange(event).catch((error) => Log.error('Event interrupted: ', getError(error)));
         });
         subscribe(async (action: ExternalAction): Promise<void> => {
-            if (selectControl.match(action)) {
+            if (changeProperty.match(action)) {
+                this.applyControlPropertyChange(action.payload.controlId, action.payload.propertyName);
+            } else if (selectControl.match(action)) {
                 const id = action.payload;
                 const control = sap.ui.getCore().byId(id);
                 if (!control) {
                     const component = getComponent(id);
                     if (component) {
-                        const controlData = buildControlData(component);
-
-                        // add document
-                        await addDocumentationForProperties(component, controlData);
-                        const controlSelectedAction = controlSelected(controlData);
-                        sendAction(controlSelectedAction);
+                        await this.buildProperties(component, sendAction);
                     }
                     return;
                 }
+                this.currentSelection = control;
                 eventOrigin.add('outline');
                 let controlOverlay = OverlayRegistry.getOverlay(control);
                 const selectedOverlayControls = this.rta.getSelection() ?? [];
@@ -140,13 +145,29 @@ export class SelectionService implements Service {
                 if (controlOverlay?.isSelectable()) {
                     controlOverlay.setSelected(true); //highlight without firing event only if the layer is selectable
                 } else {
-                    const controlData = buildControlData(control);
-                    await addDocumentationForProperties(control, controlData);
-                    const controlSelectedAction = controlSelected(controlData);
-                    sendAction(controlSelectedAction);
+                    await this.buildProperties(control, sendAction);
                 }
             }
         });
+        // rebuild config properties in panel for the selected control onStackChange event
+        this.changeService.onStackChange(async (event) => {
+            const control = event.detail.controls.find((ctrl) => ctrl === this.currentSelection);
+            if (control) {
+                const overlay = getOverlay(control);
+                await this.buildProperties(control, sendAction, overlay);
+            }
+        });
+    }
+
+    private async buildProperties(
+        control: ManagedObject,
+        sendAction: ActionSenderFunction,
+        overlay?: ElementOverlay
+    ): Promise<void> {
+        const controlData = buildControlData(control, this.changeService, overlay);
+        await addDocumentationForProperties(control, controlData);
+        const action = controlSelected(controlData);
+        sendAction(action);
     }
 
     /**
@@ -195,10 +216,7 @@ export class SelectionService implements Service {
                     } catch (error) {
                         Log.error('Failed to report telemetry', getError(error));
                     } finally {
-                        const controlData = buildControlData(runtimeControl, overlayControl);
-                        await addDocumentationForProperties(runtimeControl, controlData);
-                        const action = controlSelected(controlData);
-                        sendAction(action);
+                        await this.buildProperties(runtimeControl, sendAction, overlayControl);
                         eventOrigin.delete('outline');
                     }
                 }

package/dist/client/cpe/utils.js

@@ -1,6 +1,6 @@
 "use strict";
 
-sap.ui.define(["sap/ui/core/mvc/XMLView", "sap/ui/core/UIComponent", "../utils/core", "../utils/version"], function (XMLView, UIComponent, ___utils_core, ___utils_version) {
+sap.ui.define(["sap/ui/core/mvc/XMLView", "sap/ui/core/UIComponent", "../utils/core", "../utils/version", "sap/ui/dt/OverlayRegistry", "sap/ui/dt/OverlayUtil"], function (XMLView, UIComponent, ___utils_core, ___utils_version, OverlayRegistry, OverlayUtil) {
   "use strict";
 
   const getComponent = ___utils_core["getComponent"];
@@ -87,6 +87,45 @@ sap.ui.define(["sap/ui/core/mvc/XMLView", "sap/ui/core/UIComponent", "../utils/c
     }
     return undefined;
   }
+  function getManifestProperties(control, changeService, controlOverlay) {
+    const overlayData = controlOverlay?.getDesignTimeMetadata().getData();
+    if (!controlOverlay || !overlayData?.manifestSettings) {
+      return {};
+    }
+    const manifestPropertiesValue = overlayData?.manifestSettingsValues(overlayData?.manifestSettings(control), control);
+    const manifestProperties = overlayData?.manifestSettings(control).reduce((acc, item) => {
+      const propertyId = item.id;
+      const value = changeService.getConfigurationPropertyValue(control.getId(), propertyId);
+      let propertyValue = value === 0 || value === false || value ? value : manifestPropertiesValue[propertyId];
+      if (item?.type && ['boolean', 'number', 'string'].includes(item?.type)) {
+        if (propertyValue === undefined) {
+          propertyValue = item.value; // set default value of property
+        }
+      }
+      if (!acc[propertyId]) {
+        acc[propertyId] = {
+          ...item,
+          defaultValue: item.value,
+          configuration: true,
+          name: item.id,
+          readableName: item.name,
+          manifestPropertyPath: `${overlayData?.manifestPropertyPath(control)}/${propertyId}`,
+          type: item.type === 'number' ? 'int' : item.type,
+          value: propertyValue
+        };
+      }
+      return acc;
+    }, {});
+    return manifestProperties;
+  }
+  const getOverlay = control => {
+    let controlOverlay = OverlayRegistry.getOverlay(control);
+    if (!controlOverlay?.getDomRef()) {
+      //look for closest control
+      controlOverlay = OverlayUtil.getClosestOverlayFor(control);
+    }
+    return controlOverlay;
+  };
   var __exports = {
     __esModule: true
   };
@@ -94,6 +133,8 @@ sap.ui.define(["sap/ui/core/mvc/XMLView", "sap/ui/core/UIComponent", "../utils/c
   __exports.getLibrary = getLibrary;
   __exports.isReuseComponent = isReuseComponent;
   __exports.getRootControlFromComponentContainer = getRootControlFromComponentContainer;
+  __exports.getManifestProperties = getManifestProperties;
+  __exports.getOverlay = getOverlay;
   return __exports;
 });
 //# sourceMappingURL=utils.js.map