@siliconst/metaui 1.2.0 → 1.4.4

package/src/nz/co/siliconst/ui5/metaui/layouts/CompactLayout-dbg.js

@@ -0,0 +1,144 @@
+sap.ui.define(["sap/m/VBox", "sap/m/Label", "../utils/Logger"], function (VBox, Label, ___utils_Logger) {
+  "use strict";
+
+  const Logger = ___utils_Logger["Logger"];
+  /**
+   * Layout Manager responsible for generating a dense, lightweight layout (no SimpleForm padding).
+   * Ideal for rendering objects dynamically inside table cells or side-panels.
+   * 
+   * @namespace nz.co.siliconst.ui5.metaui.layouts
+   * @public
+   */
+  class CompactLayout {
+    /**
+     * Renders the JSON Schema properties into a dense VBox layout.
+     * 
+     * @param schema The active JSON schema subset.
+     * @param modelName The bound UI5 model name.
+     * @param engine The central orchestrator for delegating plugin generation.
+     * @param onSubmit Optional submit hook.
+     * @returns {Control} The VBox wrapper containing the generated compact form.
+     */
+    render(schema, modelName, engine, onSubmit) {
+      const container = new VBox({
+        renderType: "Bare"
+      });
+      container.addStyleClass("sapUiTinyMargin");
+      if (!schema.uiLayout || !Array.isArray(schema.uiLayout)) {
+        Logger.warn("[MetaUI] Missing 'uiLayout' array in schema. CompactLayout will not render any fields.");
+        return container;
+      }
+      const tableElements = [];
+
+      // Recursively render layout elements
+      const renderElement = element => {
+        if (element.type === "Group") {
+          if (element.label) {
+            const title = new sap.m.Title({
+              text: element.label,
+              level: "H5"
+            });
+            title.addStyleClass("sapUiTinyMarginTop sapUiTinyMarginBottom");
+            container.addItem(title);
+          }
+          if (element.elements && Array.isArray(element.elements)) {
+            element.elements.forEach(renderElement);
+          }
+        } else if (element.type === "Control") {
+          if (!element.scope || !element.scope.startsWith("#/properties/")) {
+            Logger.error(`[MetaUI] Invalid scope '${element.scope}' in uiLayout Control.`, "", "CompactLayout");
+            return;
+          }
+          const propKey = element.scope.replace("#/properties/", "");
+          const meta = schema.properties?.[propKey];
+          if (!meta) {
+            Logger.error(`[MetaUI] Property '${propKey}' not found in schema definitions.`, "", "CompactLayout");
+            return;
+          }
+          const isCollectionOfRecords = meta.items?.type === "object" || meta.items?.properties;
+          const hasExplicitWidget = !!meta.ui?.widget;
+          const isSubLayout = meta.type === "array" && isCollectionOfRecords && !hasExplicitWidget;
+          if (isSubLayout) {
+            Logger.debug("[MetaUI CompactLayout]", `Routing property '${propKey}' to Table Sub-Layout.`, "CompactLayout");
+            tableElements.push({
+              scope: propKey,
+              meta,
+              label: element.label
+            });
+          } else {
+            Logger.debug("[MetaUI CompactLayout]", `Rendering scalar field '${propKey}'.`, "CompactLayout");
+            this._renderScalarField(container, element, propKey, meta, modelName, engine);
+          }
+        } else {
+          Logger.warn(`[MetaUI] Unsupported layout element type '${element.type}'.`, "", "CompactLayout");
+        }
+      };
+
+      // Render everything defined in the layout
+      schema.uiLayout.forEach(renderElement);
+
+      // Render array/table sub-layouts full width below the fields
+      tableElements.forEach(field => {
+        try {
+          const subSchema = {
+            type: "array",
+            title: field.label || field.meta.ui?.label || field.scope,
+            items: field.meta.items || {
+              type: "object",
+              properties: {}
+            },
+            uiLayout: field.meta.items?.uiLayout
+          };
+          const control = engine.generateLayout(subSchema, modelName, `/${field.scope}`);
+          if (control) {
+            control.addStyleClass("sapUiTinyMarginTop");
+            container.addItem(control);
+          }
+        } catch (error) {
+          const msg = error.message;
+          Logger.error(`[MetaUI] Failed to render array field ${field.scope}`, msg, "CompactLayout");
+          Logger.showErrorPopup(`Failed to render array field '${field.scope}'.\n\nDetails: ${msg}`);
+        }
+      });
+      return container;
+    }
+    _renderScalarField(container, element, propKey, meta, modelName, engine) {
+      try {
+        const labelText = element.label || meta.ui?.label || propKey;
+        const label = new Label({
+          text: labelText,
+          required: meta.required
+        });
+        label.addStyleClass("sapUiTinyMarginTop");
+        const effectiveMeta = {
+          ...meta
+        };
+        if (element.widget) {
+          effectiveMeta.ui = {
+            ...meta.ui,
+            widget: element.widget
+          };
+        }
+        const control = engine.generateField(effectiveMeta, `/${propKey}`, modelName);
+        control.addStyleClass("sapUiTinyMarginBottom");
+
+        // Wrap label and field tightly
+        const fieldBox = new VBox({
+          renderType: "Bare",
+          items: [label, control]
+        });
+        container.addItem(fieldBox);
+      } catch (error) {
+        const msg = error.message;
+        Logger.error(`[MetaUI] Failed to render field ${propKey}`, msg, "CompactLayout");
+        Logger.showErrorPopup(`Failed to render field '${propKey}'.\n\nDetails: ${msg}`);
+      }
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.CompactLayout = CompactLayout;
+  return __exports;
+});
+//# sourceMappingURL=CompactLayout-dbg.js.map

package/src/nz/co/siliconst/ui5/metaui/layouts/CompactLayout-dbg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompactLayout-dbg.js","names":["Logger","___utils_Logger","CompactLayout","render","schema","modelName","engine","onSubmit","container","VBox","renderType","addStyleClass","uiLayout","Array","isArray","warn","tableElements","renderElement","element","type","label","title","sap","m","Title","text","level","addItem","elements","forEach","scope","startsWith","error","propKey","replace","meta","properties","isCollectionOfRecords","items","hasExplicitWidget","ui","widget","isSubLayout","debug","push","_renderScalarField","field","subSchema","control","generateLayout","msg","message","showErrorPopup","labelText","Label","required","effectiveMeta","generateField","fieldBox","__exports","__esModule"],"sources":["CompactLayout.ts"],"sourcesContent":["/**\n * @file CompactLayout.ts\n * @description Generates a lightweight, dense VBox layout for use inside tight spaces like table cells.\n */\n\nimport VBox from \"sap/m/VBox\";\nimport Label from \"sap/m/Label\";\nimport Title from \"sap/ui/core/Title\";\nimport { IPropertyMetadata, ISchema, ILayoutElement } from \"../interfaces/ISchema\";\nimport { ILayoutManager } from \"../interfaces/ILayoutManager\";\nimport { Engine } from \"../core/Engine\";\nimport { Logger } from \"../utils/Logger\";\nimport Control from \"sap/ui/core/Control\";\n\n/**\n * Layout Manager responsible for generating a dense, lightweight layout (no SimpleForm padding).\n * Ideal for rendering objects dynamically inside table cells or side-panels.\n * \n * @namespace nz.co.siliconst.ui5.metaui.layouts\n * @public\n */\nexport class CompactLayout implements ILayoutManager {\n    /**\n     * Renders the JSON Schema properties into a dense VBox layout.\n     * \n     * @param schema The active JSON schema subset.\n     * @param modelName The bound UI5 model name.\n     * @param engine The central orchestrator for delegating plugin generation.\n     * @param onSubmit Optional submit hook.\n     * @returns {Control} The VBox wrapper containing the generated compact form.\n     */\n    public render(schema: ISchema, modelName: string, engine: Engine, onSubmit?: () => void): Control {\n        const container = new VBox({ renderType: \"Bare\" });\n        container.addStyleClass(\"sapUiTinyMargin\");\n\n        if (!schema.uiLayout || !Array.isArray(schema.uiLayout)) {\n            Logger.warn(\"[MetaUI] Missing 'uiLayout' array in schema. CompactLayout will not render any fields.\");\n            return container;\n        }\n\n        const tableElements: { scope: string, meta: IPropertyMetadata, label?: string }[] = [];\n\n        // Recursively render layout elements\n        const renderElement = (element: ILayoutElement) => {\n            if (element.type === \"Group\") {\n                if (element.label) {\n                    const title = new sap.m.Title({ text: element.label, level: \"H5\" });\n                    title.addStyleClass(\"sapUiTinyMarginTop sapUiTinyMarginBottom\");\n                    container.addItem(title);\n                }\n                \n                if (element.elements && Array.isArray(element.elements)) {\n                    element.elements.forEach(renderElement);\n                }\n            } else if (element.type === \"Control\") {\n                if (!element.scope || !element.scope.startsWith(\"#/properties/\")) {\n                    Logger.error(`[MetaUI] Invalid scope '${element.scope}' in uiLayout Control.`, \"\", \"CompactLayout\");\n                    return;\n                }\n                \n                const propKey = element.scope.replace(\"#/properties/\", \"\");\n                const meta = schema.properties?.[propKey];\n                \n                if (!meta) {\n                    Logger.error(`[MetaUI] Property '${propKey}' not found in schema definitions.`, \"\", \"CompactLayout\");\n                    return;\n                }\n\n                const isCollectionOfRecords = meta.items?.type === \"object\" || meta.items?.properties;\n                const hasExplicitWidget = !!meta.ui?.widget;\n                const isSubLayout = meta.type === \"array\" && isCollectionOfRecords && !hasExplicitWidget;\n\n                if (isSubLayout) {\n                    Logger.debug(\"[MetaUI CompactLayout]\", `Routing property '${propKey}' to Table Sub-Layout.`, \"CompactLayout\");\n                    tableElements.push({ scope: propKey, meta, label: element.label });\n                } else {\n                    Logger.debug(\"[MetaUI CompactLayout]\", `Rendering scalar field '${propKey}'.`, \"CompactLayout\");\n                    this._renderScalarField(container, element, propKey, meta, modelName, engine);\n                }\n            } else {\n                Logger.warn(`[MetaUI] Unsupported layout element type '${element.type}'.`, \"\", \"CompactLayout\");\n            }\n        };\n\n        // Render everything defined in the layout\n        schema.uiLayout.forEach(renderElement);\n\n        // Render array/table sub-layouts full width below the fields\n        tableElements.forEach(field => {\n            try {\n                const subSchema = {\n                    type: \"array\",\n                    title: field.label || field.meta.ui?.label || field.scope,\n                    items: field.meta.items || { type: \"object\", properties: {} },\n                    uiLayout: field.meta.items?.uiLayout\n                };\n                \n                const control = engine.generateLayout(subSchema as ISchema, modelName, `/${field.scope}`);\n                if (control) {\n                    control.addStyleClass(\"sapUiTinyMarginTop\");\n                    container.addItem(control);\n                }\n            } catch (error) {\n                const msg = (error as Error).message;\n                Logger.error(`[MetaUI] Failed to render array field ${field.scope}`, msg, \"CompactLayout\");\n                Logger.showErrorPopup(`Failed to render array field '${field.scope}'.\\n\\nDetails: ${msg}`);\n            }\n        });\n\n        return container;\n    }\n\n    private _renderScalarField(container: VBox, element: ILayoutElement, propKey: string, meta: IPropertyMetadata, modelName: string, engine: Engine): void {\n        try {\n            const labelText = element.label || meta.ui?.label || propKey;\n            const label = new Label({\n                text: labelText,\n                required: meta.required\n            });\n            label.addStyleClass(\"sapUiTinyMarginTop\");\n\n            const effectiveMeta = { ...meta };\n            if (element.widget) {\n                effectiveMeta.ui = { ...meta.ui, widget: element.widget };\n            }\n\n            const control = engine.generateField(effectiveMeta, `/${propKey}`, modelName);\n            control.addStyleClass(\"sapUiTinyMarginBottom\");\n\n            // Wrap label and field tightly\n            const fieldBox = new VBox({ renderType: \"Bare\", items: [label, control] });\n            container.addItem(fieldBox);\n        } catch (error) {\n            const msg = (error as Error).message;\n            Logger.error(`[MetaUI] Failed to render field ${propKey}`, msg, \"CompactLayout\");\n            Logger.showErrorPopup(`Failed to render field '${propKey}'.\\n\\nDetails: ${msg}`);\n        }\n    }\n}\n"],"mappings":";;;QAWSA,MAAM,GAAAC,eAAA;EAGf;AACA;AACA;AACA;AACA;AACA;AACA;EACO,MAAMC,aAAa,CAA2B;IACjD;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACWC,MAAMA,CAACC,MAAe,EAAEC,SAAiB,EAAEC,MAAc,EAAEC,QAAqB,EAAW;MAC9F,MAAMC,SAAS,GAAG,IAAIC,IAAI,CAAC;QAAEC,UAAU,EAAE;MAAO,CAAC,CAAC;MAClDF,SAAS,CAACG,aAAa,CAAC,iBAAiB,CAAC;MAE1C,IAAI,CAACP,MAAM,CAACQ,QAAQ,IAAI,CAACC,KAAK,CAACC,OAAO,CAACV,MAAM,CAACQ,QAAQ,CAAC,EAAE;QACrDZ,MAAM,CAACe,IAAI,CAAC,wFAAwF,CAAC;QACrG,OAAOP,SAAS;MACpB;MAEA,MAAMQ,aAA2E,GAAG,EAAE;;MAEtF;MACA,MAAMC,aAAa,GAAIC,OAAuB,IAAK;QAC/C,IAAIA,OAAO,CAACC,IAAI,KAAK,OAAO,EAAE;UAC1B,IAAID,OAAO,CAACE,KAAK,EAAE;YACf,MAAMC,KAAK,GAAG,IAAIC,GAAG,CAACC,CAAC,CAACC,KAAK,CAAC;cAAEC,IAAI,EAAEP,OAAO,CAACE,KAAK;cAAEM,KAAK,EAAE;YAAK,CAAC,CAAC;YACnEL,KAAK,CAACV,aAAa,CAAC,0CAA0C,CAAC;YAC/DH,SAAS,CAACmB,OAAO,CAACN,KAAK,CAAC;UAC5B;UAEA,IAAIH,OAAO,CAACU,QAAQ,IAAIf,KAAK,CAACC,OAAO,CAACI,OAAO,CAACU,QAAQ,CAAC,EAAE;YACrDV,OAAO,CAACU,QAAQ,CAACC,OAAO,CAACZ,aAAa,CAAC;UAC3C;QACJ,CAAC,MAAM,IAAIC,OAAO,CAACC,IAAI,KAAK,SAAS,EAAE;UACnC,IAAI,CAACD,OAAO,CAACY,KAAK,IAAI,CAACZ,OAAO,CAACY,KAAK,CAACC,UAAU,CAAC,eAAe,CAAC,EAAE;YAC9D/B,MAAM,CAACgC,KAAK,CAAC,2BAA2Bd,OAAO,CAACY,KAAK,wBAAwB,EAAE,EAAE,EAAE,eAAe,CAAC;YACnG;UACJ;UAEA,MAAMG,OAAO,GAAGf,OAAO,CAACY,KAAK,CAACI,OAAO,CAAC,eAAe,EAAE,EAAE,CAAC;UAC1D,MAAMC,IAAI,GAAG/B,MAAM,CAACgC,UAAU,GAAGH,OAAO,CAAC;UAEzC,IAAI,CAACE,IAAI,EAAE;YACPnC,MAAM,CAACgC,KAAK,CAAC,sBAAsBC,OAAO,oCAAoC,EAAE,EAAE,EAAE,eAAe,CAAC;YACpG;UACJ;UAEA,MAAMI,qBAAqB,GAAGF,IAAI,CAACG,KAAK,EAAEnB,IAAI,KAAK,QAAQ,IAAIgB,IAAI,CAACG,KAAK,EAAEF,UAAU;UACrF,MAAMG,iBAAiB,GAAG,CAAC,CAACJ,IAAI,CAACK,EAAE,EAAEC,MAAM;UAC3C,MAAMC,WAAW,GAAGP,IAAI,CAAChB,IAAI,KAAK,OAAO,IAAIkB,qBAAqB,IAAI,CAACE,iBAAiB;UAExF,IAAIG,WAAW,EAAE;YACb1C,MAAM,CAAC2C,KAAK,CAAC,wBAAwB,EAAE,qBAAqBV,OAAO,wBAAwB,EAAE,eAAe,CAAC;YAC7GjB,aAAa,CAAC4B,IAAI,CAAC;cAAEd,KAAK,EAAEG,OAAO;cAAEE,IAAI;cAAEf,KAAK,EAAEF,OAAO,CAACE;YAAM,CAAC,CAAC;UACtE,CAAC,MAAM;YACHpB,MAAM,CAAC2C,KAAK,CAAC,wBAAwB,EAAE,2BAA2BV,OAAO,IAAI,EAAE,eAAe,CAAC;YAC/F,IAAI,CAACY,kBAAkB,CAACrC,SAAS,EAAEU,OAAO,EAAEe,OAAO,EAAEE,IAAI,EAAE9B,SAAS,EAAEC,MAAM,CAAC;UACjF;QACJ,CAAC,MAAM;UACHN,MAAM,CAACe,IAAI,CAAC,6CAA6CG,OAAO,CAACC,IAAI,IAAI,EAAE,EAAE,EAAE,eAAe,CAAC;QACnG;MACJ,CAAC;;MAED;MACAf,MAAM,CAACQ,QAAQ,CAACiB,OAAO,CAACZ,aAAa,CAAC;;MAEtC;MACAD,aAAa,CAACa,OAAO,CAACiB,KAAK,IAAI;QAC3B,IAAI;UACA,MAAMC,SAAS,GAAG;YACd5B,IAAI,EAAE,OAAO;YACbE,KAAK,EAAEyB,KAAK,CAAC1B,KAAK,IAAI0B,KAAK,CAACX,IAAI,CAACK,EAAE,EAAEpB,KAAK,IAAI0B,KAAK,CAAChB,KAAK;YACzDQ,KAAK,EAAEQ,KAAK,CAACX,IAAI,CAACG,KAAK,IAAI;cAAEnB,IAAI,EAAE,QAAQ;cAAEiB,UAAU,EAAE,CAAC;YAAE,CAAC;YAC7DxB,QAAQ,EAAEkC,KAAK,CAACX,IAAI,CAACG,KAAK,EAAE1B;UAChC,CAAC;UAED,MAAMoC,OAAO,GAAG1C,MAAM,CAAC2C,cAAc,CAACF,SAAS,EAAa1C,SAAS,EAAE,IAAIyC,KAAK,CAAChB,KAAK,EAAE,CAAC;UACzF,IAAIkB,OAAO,EAAE;YACTA,OAAO,CAACrC,aAAa,CAAC,oBAAoB,CAAC;YAC3CH,SAAS,CAACmB,OAAO,CAACqB,OAAO,CAAC;UAC9B;QACJ,CAAC,CAAC,OAAOhB,KAAK,EAAE;UACZ,MAAMkB,GAAG,GAAIlB,KAAK,CAAWmB,OAAO;UACpCnD,MAAM,CAACgC,KAAK,CAAC,yCAAyCc,KAAK,CAAChB,KAAK,EAAE,EAAEoB,GAAG,EAAE,eAAe,CAAC;UAC1FlD,MAAM,CAACoD,cAAc,CAAC,iCAAiCN,KAAK,CAAChB,KAAK,kBAAkBoB,GAAG,EAAE,CAAC;QAC9F;MACJ,CAAC,CAAC;MAEF,OAAO1C,SAAS;IACpB;IAEQqC,kBAAkBA,CAACrC,SAAe,EAAEU,OAAuB,EAAEe,OAAe,EAAEE,IAAuB,EAAE9B,SAAiB,EAAEC,MAAc,EAAQ;MACpJ,IAAI;QACA,MAAM+C,SAAS,GAAGnC,OAAO,CAACE,KAAK,IAAIe,IAAI,CAACK,EAAE,EAAEpB,KAAK,IAAIa,OAAO;QAC5D,MAAMb,KAAK,GAAG,IAAIkC,KAAK,CAAC;UACpB7B,IAAI,EAAE4B,SAAS;UACfE,QAAQ,EAAEpB,IAAI,CAACoB;QACnB,CAAC,CAAC;QACFnC,KAAK,CAACT,aAAa,CAAC,oBAAoB,CAAC;QAEzC,MAAM6C,aAAa,GAAG;UAAE,GAAGrB;QAAK,CAAC;QACjC,IAAIjB,OAAO,CAACuB,MAAM,EAAE;UAChBe,aAAa,CAAChB,EAAE,GAAG;YAAE,GAAGL,IAAI,CAACK,EAAE;YAAEC,MAAM,EAAEvB,OAAO,CAACuB;UAAO,CAAC;QAC7D;QAEA,MAAMO,OAAO,GAAG1C,MAAM,CAACmD,aAAa,CAACD,aAAa,EAAE,IAAIvB,OAAO,EAAE,EAAE5B,SAAS,CAAC;QAC7E2C,OAAO,CAACrC,aAAa,CAAC,uBAAuB,CAAC;;QAE9C;QACA,MAAM+C,QAAQ,GAAG,IAAIjD,IAAI,CAAC;UAAEC,UAAU,EAAE,MAAM;UAAE4B,KAAK,EAAE,CAAClB,KAAK,EAAE4B,OAAO;QAAE,CAAC,CAAC;QAC1ExC,SAAS,CAACmB,OAAO,CAAC+B,QAAQ,CAAC;MAC/B,CAAC,CAAC,OAAO1B,KAAK,EAAE;QACZ,MAAMkB,GAAG,GAAIlB,KAAK,CAAWmB,OAAO;QACpCnD,MAAM,CAACgC,KAAK,CAAC,mCAAmCC,OAAO,EAAE,EAAEiB,GAAG,EAAE,eAAe,CAAC;QAChFlD,MAAM,CAACoD,cAAc,CAAC,2BAA2BnB,OAAO,kBAAkBiB,GAAG,EAAE,CAAC;MACpF;IACJ;EACJ;EAAC,IAAAS,SAAA;IAAAC,UAAA;EAAA;EAAAD,SAAA,CAAAzD,aAAA,GAAAA,aAAA;EAAA,OAAAyD,SAAA;AAAA","ignoreList":[]}

package/src/nz/co/siliconst/ui5/metaui/layouts/CompactLayout.d.ts

@@ -0,0 +1,27 @@
+declare module "nz/co/siliconst/ui5/metaui/layouts/CompactLayout" {
+    import { ISchema } from "nz/co/siliconst/ui5/metaui/interfaces/ISchema";
+    import { ILayoutManager } from "nz/co/siliconst/ui5/metaui/interfaces/ILayoutManager";
+    import { Engine } from "nz/co/siliconst/ui5/metaui/core/Engine";
+    import Control from "sap/ui/core/Control";
+    /**
+     * Layout Manager responsible for generating a dense, lightweight layout (no SimpleForm padding).
+     * Ideal for rendering objects dynamically inside table cells or side-panels.
+     *
+     * @namespace nz.co.siliconst.ui5.metaui.layouts
+     * @public
+     */
+    export class CompactLayout implements ILayoutManager {
+        /**
+         * Renders the JSON Schema properties into a dense VBox layout.
+         *
+         * @param schema The active JSON schema subset.
+         * @param modelName The bound UI5 model name.
+         * @param engine The central orchestrator for delegating plugin generation.
+         * @param onSubmit Optional submit hook.
+         * @returns {Control} The VBox wrapper containing the generated compact form.
+         */
+        render(schema: ISchema, modelName: string, engine: Engine, onSubmit?: () => void): Control;
+        private _renderScalarField;
+    }
+}
+//# sourceMappingURL=CompactLayout.d.ts.map

package/src/nz/co/siliconst/ui5/metaui/layouts/CompactLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompactLayout.d.ts","sourceRoot":"../../../../../../../..","sources":["src/nz/co/siliconst/ui5/metaui/layouts/CompactLayout.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,kDAAkD,CAAC;IASlE,OAAO,EAAqB,OAAO,EAAkB,MAAM,+CAA+C,CAAC;IAC3G,OAAO,EAAE,cAAc,EAAE,MAAM,sDAAsD,CAAC;IACtF,OAAO,EAAE,MAAM,EAAE,MAAM,wCAAwC,CAAC;IAEhE,OAAO,OAAO,MAAM,qBAAqB,CAAC;IAE1C;;;;;;OAMG;IACH,MAAa,aAAc,YAAW,cAAc;QAChD;;;;;;;;WAQG;QACI,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO;QAiFjG,OAAO,CAAC,kBAAkB;KA0B7B;CAEA"}

package/src/nz/co/siliconst/ui5/metaui/layouts/CompactLayout.js

@@ -0,0 +1,2 @@
+sap.ui.define(["sap/m/VBox","sap/m/Label","../utils/Logger"],function(e,t,a){"use strict";const r=a["Logger"];class o{render(t,a,o,i){const s=new e({renderType:"Bare"});s.addStyleClass("sapUiTinyMargin");if(!t.uiLayout||!Array.isArray(t.uiLayout)){r.warn("[MetaUI] Missing 'uiLayout' array in schema. CompactLayout will not render any fields.");return s}const n=[];const l=e=>{if(e.type==="Group"){if(e.label){const t=new sap.m.Title({text:e.label,level:"H5"});t.addStyleClass("sapUiTinyMarginTop sapUiTinyMarginBottom");s.addItem(t)}if(e.elements&&Array.isArray(e.elements)){e.elements.forEach(l)}}else if(e.type==="Control"){if(!e.scope||!e.scope.startsWith("#/properties/")){r.error(`[MetaUI] Invalid scope '${e.scope}' in uiLayout Control.`,"","CompactLayout");return}const i=e.scope.replace("#/properties/","");const l=t.properties?.[i];if(!l){r.error(`[MetaUI] Property '${i}' not found in schema definitions.`,"","CompactLayout");return}const p=l.items?.type==="object"||l.items?.properties;const c=!!l.ui?.widget;const u=l.type==="array"&&p&&!c;if(u){r.debug("[MetaUI CompactLayout]",`Routing property '${i}' to Table Sub-Layout.`,"CompactLayout");n.push({scope:i,meta:l,label:e.label})}else{r.debug("[MetaUI CompactLayout]",`Rendering scalar field '${i}'.`,"CompactLayout");this._renderScalarField(s,e,i,l,a,o)}}else{r.warn(`[MetaUI] Unsupported layout element type '${e.type}'.`,"","CompactLayout")}};t.uiLayout.forEach(l);n.forEach(e=>{try{const t={type:"array",title:e.label||e.meta.ui?.label||e.scope,items:e.meta.items||{type:"object",properties:{}},uiLayout:e.meta.items?.uiLayout};const r=o.generateLayout(t,a,`/${e.scope}`);if(r){r.addStyleClass("sapUiTinyMarginTop");s.addItem(r)}}catch(t){const a=t.message;r.error(`[MetaUI] Failed to render array field ${e.scope}`,a,"CompactLayout");r.showErrorPopup(`Failed to render array field '${e.scope}'.\n\nDetails: ${a}`)}});return s}_renderScalarField(a,o,i,s,n,l){try{const r=o.label||s.ui?.label||i;const p=new t({text:r,required:s.required});p.addStyleClass("sapUiTinyMarginTop");const c={...s};if(o.widget){c.ui={...s.ui,widget:o.widget}}const u=l.generateField(c,`/${i}`,n);u.addStyleClass("sapUiTinyMarginBottom");const y=new e({renderType:"Bare",items:[p,u]});a.addItem(y)}catch(e){const t=e.message;r.error(`[MetaUI] Failed to render field ${i}`,t,"CompactLayout");r.showErrorPopup(`Failed to render field '${i}'.\n\nDetails: ${t}`)}}}var i={__esModule:true};i.CompactLayout=o;return i});
+//# sourceMappingURL=CompactLayout.js.map

package/src/nz/co/siliconst/ui5/metaui/layouts/CompactLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompactLayout.js","names":["Logger","___utils_Logger","CompactLayout","render","schema","modelName","engine","onSubmit","container","VBox","renderType","addStyleClass","uiLayout","Array","isArray","warn","tableElements","renderElement","element","type","label","title","sap","m","Title","text","level","addItem","elements","forEach","scope","startsWith","error","propKey","replace","meta","properties","isCollectionOfRecords","items","hasExplicitWidget","ui","widget","isSubLayout","debug","push","this","_renderScalarField","field","subSchema","control","generateLayout","msg","message","showErrorPopup","labelText","Label","required","effectiveMeta","generateField","fieldBox","__exports","__esModule"],"sources":["CompactLayout.ts"],"sourcesContent":["/**\n * @file CompactLayout.ts\n * @description Generates a lightweight, dense VBox layout for use inside tight spaces like table cells.\n */\n\nimport VBox from \"sap/m/VBox\";\nimport Label from \"sap/m/Label\";\nimport Title from \"sap/ui/core/Title\";\nimport { IPropertyMetadata, ISchema, ILayoutElement } from \"../interfaces/ISchema\";\nimport { ILayoutManager } from \"../interfaces/ILayoutManager\";\nimport { Engine } from \"../core/Engine\";\nimport { Logger } from \"../utils/Logger\";\nimport Control from \"sap/ui/core/Control\";\n\n/**\n * Layout Manager responsible for generating a dense, lightweight layout (no SimpleForm padding).\n * Ideal for rendering objects dynamically inside table cells or side-panels.\n * \n * @namespace nz.co.siliconst.ui5.metaui.layouts\n * @public\n */\nexport class CompactLayout implements ILayoutManager {\n    /**\n     * Renders the JSON Schema properties into a dense VBox layout.\n     * \n     * @param schema The active JSON schema subset.\n     * @param modelName The bound UI5 model name.\n     * @param engine The central orchestrator for delegating plugin generation.\n     * @param onSubmit Optional submit hook.\n     * @returns {Control} The VBox wrapper containing the generated compact form.\n     */\n    public render(schema: ISchema, modelName: string, engine: Engine, onSubmit?: () => void): Control {\n        const container = new VBox({ renderType: \"Bare\" });\n        container.addStyleClass(\"sapUiTinyMargin\");\n\n        if (!schema.uiLayout || !Array.isArray(schema.uiLayout)) {\n            Logger.warn(\"[MetaUI] Missing 'uiLayout' array in schema. CompactLayout will not render any fields.\");\n            return container;\n        }\n\n        const tableElements: { scope: string, meta: IPropertyMetadata, label?: string }[] = [];\n\n        // Recursively render layout elements\n        const renderElement = (element: ILayoutElement) => {\n            if (element.type === \"Group\") {\n                if (element.label) {\n                    const title = new sap.m.Title({ text: element.label, level: \"H5\" });\n                    title.addStyleClass(\"sapUiTinyMarginTop sapUiTinyMarginBottom\");\n                    container.addItem(title);\n                }\n                \n                if (element.elements && Array.isArray(element.elements)) {\n                    element.elements.forEach(renderElement);\n                }\n            } else if (element.type === \"Control\") {\n                if (!element.scope || !element.scope.startsWith(\"#/properties/\")) {\n                    Logger.error(`[MetaUI] Invalid scope '${element.scope}' in uiLayout Control.`, \"\", \"CompactLayout\");\n                    return;\n                }\n                \n                const propKey = element.scope.replace(\"#/properties/\", \"\");\n                const meta = schema.properties?.[propKey];\n                \n                if (!meta) {\n                    Logger.error(`[MetaUI] Property '${propKey}' not found in schema definitions.`, \"\", \"CompactLayout\");\n                    return;\n                }\n\n                const isCollectionOfRecords = meta.items?.type === \"object\" || meta.items?.properties;\n                const hasExplicitWidget = !!meta.ui?.widget;\n                const isSubLayout = meta.type === \"array\" && isCollectionOfRecords && !hasExplicitWidget;\n\n                if (isSubLayout) {\n                    Logger.debug(\"[MetaUI CompactLayout]\", `Routing property '${propKey}' to Table Sub-Layout.`, \"CompactLayout\");\n                    tableElements.push({ scope: propKey, meta, label: element.label });\n                } else {\n                    Logger.debug(\"[MetaUI CompactLayout]\", `Rendering scalar field '${propKey}'.`, \"CompactLayout\");\n                    this._renderScalarField(container, element, propKey, meta, modelName, engine);\n                }\n            } else {\n                Logger.warn(`[MetaUI] Unsupported layout element type '${element.type}'.`, \"\", \"CompactLayout\");\n            }\n        };\n\n        // Render everything defined in the layout\n        schema.uiLayout.forEach(renderElement);\n\n        // Render array/table sub-layouts full width below the fields\n        tableElements.forEach(field => {\n            try {\n                const subSchema = {\n                    type: \"array\",\n                    title: field.label || field.meta.ui?.label || field.scope,\n                    items: field.meta.items || { type: \"object\", properties: {} },\n                    uiLayout: field.meta.items?.uiLayout\n                };\n                \n                const control = engine.generateLayout(subSchema as ISchema, modelName, `/${field.scope}`);\n                if (control) {\n                    control.addStyleClass(\"sapUiTinyMarginTop\");\n                    container.addItem(control);\n                }\n            } catch (error) {\n                const msg = (error as Error).message;\n                Logger.error(`[MetaUI] Failed to render array field ${field.scope}`, msg, \"CompactLayout\");\n                Logger.showErrorPopup(`Failed to render array field '${field.scope}'.\\n\\nDetails: ${msg}`);\n            }\n        });\n\n        return container;\n    }\n\n    private _renderScalarField(container: VBox, element: ILayoutElement, propKey: string, meta: IPropertyMetadata, modelName: string, engine: Engine): void {\n        try {\n            const labelText = element.label || meta.ui?.label || propKey;\n            const label = new Label({\n                text: labelText,\n                required: meta.required\n            });\n            label.addStyleClass(\"sapUiTinyMarginTop\");\n\n            const effectiveMeta = { ...meta };\n            if (element.widget) {\n                effectiveMeta.ui = { ...meta.ui, widget: element.widget };\n            }\n\n            const control = engine.generateField(effectiveMeta, `/${propKey}`, modelName);\n            control.addStyleClass(\"sapUiTinyMarginBottom\");\n\n            // Wrap label and field tightly\n            const fieldBox = new VBox({ renderType: \"Bare\", items: [label, control] });\n            container.addItem(fieldBox);\n        } catch (error) {\n            const msg = (error as Error).message;\n            Logger.error(`[MetaUI] Failed to render field ${propKey}`, msg, \"CompactLayout\");\n            Logger.showErrorPopup(`Failed to render field '${propKey}'.\\n\\nDetails: ${msg}`);\n        }\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/src/nz/co/siliconst/ui5/metaui/layouts/CompactLayout.ts

@@ -0,0 +1,139 @@
+/**
+ * @file CompactLayout.ts
+ * @description Generates a lightweight, dense VBox layout for use inside tight spaces like table cells.
+ */
+
+import VBox from "sap/m/VBox";
+import Label from "sap/m/Label";
+import Title from "sap/ui/core/Title";
+import { IPropertyMetadata, ISchema, ILayoutElement } from "../interfaces/ISchema";
+import { ILayoutManager } from "../interfaces/ILayoutManager";
+import { Engine } from "../core/Engine";
+import { Logger } from "../utils/Logger";
+import Control from "sap/ui/core/Control";
+
+/**
+ * Layout Manager responsible for generating a dense, lightweight layout (no SimpleForm padding).
+ * Ideal for rendering objects dynamically inside table cells or side-panels.
+ * 
+ * @namespace nz.co.siliconst.ui5.metaui.layouts
+ * @public
+ */
+export class CompactLayout implements ILayoutManager {
+    /**
+     * Renders the JSON Schema properties into a dense VBox layout.
+     * 
+     * @param schema The active JSON schema subset.
+     * @param modelName The bound UI5 model name.
+     * @param engine The central orchestrator for delegating plugin generation.
+     * @param onSubmit Optional submit hook.
+     * @returns {Control} The VBox wrapper containing the generated compact form.
+     */
+    public render(schema: ISchema, modelName: string, engine: Engine, onSubmit?: () => void): Control {
+        const container = new VBox({ renderType: "Bare" });
+        container.addStyleClass("sapUiTinyMargin");
+
+        if (!schema.uiLayout || !Array.isArray(schema.uiLayout)) {
+            Logger.warn("[MetaUI] Missing 'uiLayout' array in schema. CompactLayout will not render any fields.");
+            return container;
+        }
+
+        const tableElements: { scope: string, meta: IPropertyMetadata, label?: string }[] = [];
+
+        // Recursively render layout elements
+        const renderElement = (element: ILayoutElement) => {
+            if (element.type === "Group") {
+                if (element.label) {
+                    const title = new sap.m.Title({ text: element.label, level: "H5" });
+                    title.addStyleClass("sapUiTinyMarginTop sapUiTinyMarginBottom");
+                    container.addItem(title);
+                }
+                
+                if (element.elements && Array.isArray(element.elements)) {
+                    element.elements.forEach(renderElement);
+                }
+            } else if (element.type === "Control") {
+                if (!element.scope || !element.scope.startsWith("#/properties/")) {
+                    Logger.error(`[MetaUI] Invalid scope '${element.scope}' in uiLayout Control.`, "", "CompactLayout");
+                    return;
+                }
+                
+                const propKey = element.scope.replace("#/properties/", "");
+                const meta = schema.properties?.[propKey];
+                
+                if (!meta) {
+                    Logger.error(`[MetaUI] Property '${propKey}' not found in schema definitions.`, "", "CompactLayout");
+                    return;
+                }
+
+                const isCollectionOfRecords = meta.items?.type === "object" || meta.items?.properties;
+                const hasExplicitWidget = !!meta.ui?.widget;
+                const isSubLayout = meta.type === "array" && isCollectionOfRecords && !hasExplicitWidget;
+
+                if (isSubLayout) {
+                    Logger.debug("[MetaUI CompactLayout]", `Routing property '${propKey}' to Table Sub-Layout.`, "CompactLayout");
+                    tableElements.push({ scope: propKey, meta, label: element.label });
+                } else {
+                    Logger.debug("[MetaUI CompactLayout]", `Rendering scalar field '${propKey}'.`, "CompactLayout");
+                    this._renderScalarField(container, element, propKey, meta, modelName, engine);
+                }
+            } else {
+                Logger.warn(`[MetaUI] Unsupported layout element type '${element.type}'.`, "", "CompactLayout");
+            }
+        };
+
+        // Render everything defined in the layout
+        schema.uiLayout.forEach(renderElement);
+
+        // Render array/table sub-layouts full width below the fields
+        tableElements.forEach(field => {
+            try {
+                const subSchema = {
+                    type: "array",
+                    title: field.label || field.meta.ui?.label || field.scope,
+                    items: field.meta.items || { type: "object", properties: {} },
+                    uiLayout: field.meta.items?.uiLayout
+                };
+                
+                const control = engine.generateLayout(subSchema as ISchema, modelName, `/${field.scope}`);
+                if (control) {
+                    control.addStyleClass("sapUiTinyMarginTop");
+                    container.addItem(control);
+                }
+            } catch (error) {
+                const msg = (error as Error).message;
+                Logger.error(`[MetaUI] Failed to render array field ${field.scope}`, msg, "CompactLayout");
+                Logger.showErrorPopup(`Failed to render array field '${field.scope}'.\n\nDetails: ${msg}`);
+            }
+        });
+
+        return container;
+    }
+
+    private _renderScalarField(container: VBox, element: ILayoutElement, propKey: string, meta: IPropertyMetadata, modelName: string, engine: Engine): void {
+        try {
+            const labelText = element.label || meta.ui?.label || propKey;
+            const label = new Label({
+                text: labelText,
+                required: meta.required
+            });
+            label.addStyleClass("sapUiTinyMarginTop");
+
+            const effectiveMeta = { ...meta };
+            if (element.widget) {
+                effectiveMeta.ui = { ...meta.ui, widget: element.widget };
+            }
+
+            const control = engine.generateField(effectiveMeta, `/${propKey}`, modelName);
+            control.addStyleClass("sapUiTinyMarginBottom");
+
+            // Wrap label and field tightly
+            const fieldBox = new VBox({ renderType: "Bare", items: [label, control] });
+            container.addItem(fieldBox);
+        } catch (error) {
+            const msg = (error as Error).message;
+            Logger.error(`[MetaUI] Failed to render field ${propKey}`, msg, "CompactLayout");
+            Logger.showErrorPopup(`Failed to render field '${propKey}'.\n\nDetails: ${msg}`);
+        }
+    }
+}

package/src/nz/co/siliconst/ui5/metaui/layouts/FormLayout-dbg.js

@@ -1,19 +1,31 @@
-sap.ui.define(["sap/ui/layout/form/SimpleForm", "sap/m/Label", "sap/ui/core/Title", "../core/PluginRegistry"], function (SimpleForm, Label, Title, ___core_PluginRegistry) {
+sap.ui.define(["sap/ui/layout/form/SimpleForm", "sap/m/Label", "sap/ui/core/Title", "sap/m/VBox", "../utils/Logger"], function (SimpleForm, Label, Title, VBox, ___utils_Logger) {
   "use strict";
 
-  const PluginRegistry = ___core_PluginRegistry["PluginRegistry"];
+  const Logger = ___utils_Logger["Logger"];
+  /**
+   * Layout Manager responsible for generating a fully responsive SAP Fiori SimpleForm.
+   * It traverses the `uiLayout` tree defined in the schema to build the form groups and fields,
+   * completely separating visual orchestration from data modeling.
+   * @namespace nz.co.siliconst.ui5.metaui.layouts
+   * @public
+   */
   class FormLayout {
     /**
-     * Builds a SimpleForm with ResponsiveGridLayout, injecting the requested plugins.
-     * @param properties The dictionary of fields to render.
-     * @param modelName The dynamic model name.
-     * @param formTitle Optional title for the form block.
-     * @param trackPlugin Optional callback to track instantiated plugins.
+     * Renders the JSON Schema properties into a UI5 SimpleForm using the uiLayout definitions.
+     * 
+     * @param schema The active JSON schema subset.
+     * @param modelName The bound UI5 model name.
+     * @param engine The central orchestrator for delegating plugin generation.
+     * @param onSubmit Optional submit hook.
+     * @returns {Control} The VBox wrapper containing the generated form.
      */
-    static build(properties, modelName = "meta", formTitle, trackPlugin) {
+    render(schema, modelName, engine, onSubmit) {
+      const container = new VBox({
+        renderType: "Bare"
+      });
       const form = new SimpleForm({
         editable: true,
-        title: formTitle,
+        title: schema.title,
         layout: "ResponsiveGridLayout",
         labelSpanXL: 4,
         labelSpanL: 4,
@@ -29,65 +41,124 @@ sap.ui.define(["sap/ui/layout/form/SimpleForm", "sap/m/Label", "sap/ui/core/Titl
         columnsM: 1,
         singleContainerFullSize: false
       });
-      const registry = PluginRegistry.getInstance();
-
-      // Group fields by their ui.group directive
-      const groups = {};
-      const DEFAULT_GROUP = "__DEFAULT__";
-      for (const key of Object.keys(properties)) {
-        const meta = properties[key];
-        const groupName = meta.ui?.group || DEFAULT_GROUP;
-        if (!groups[groupName]) groups[groupName] = [];
-        groups[groupName].push({
-          key,
-          meta
-        });
+      if (!schema.uiLayout || !Array.isArray(schema.uiLayout)) {
+        Logger.warn("[MetaUI] Missing 'uiLayout' array in schema. Form will not render any fields.");
+        container.addItem(form);
+        return container;
       }
+      const tableElements = [];
+      let hasFormFields = false;
 
-      // Render groups
-      for (const groupName of Object.keys(groups)) {
-        if (groupName !== DEFAULT_GROUP) {
-          form.addContent(new Title({
-            text: groupName
-          }));
-        }
-        groups[groupName].forEach(field => {
-          try {
-            const label = new Label({
-              text: field.meta.ui?.label || field.key,
-              required: field.meta.required
-            });
+      // Recursively render layout elements
+      const renderElement = element => {
+        if (element.type === "Group") {
+          if (element.label) {
+            form.addContent(new Title({
+              text: element.label
+            }));
+          }
+          if (element.elements && Array.isArray(element.elements)) {
+            element.elements.forEach(renderElement);
+          }
+        } else if (element.type === "Control") {
+          if (!element.scope || !element.scope.startsWith("#/properties/")) {
+            Logger.error(`[MetaUI] Invalid scope '${element.scope}' in uiLayout Control.`, "", "FormLayout");
+            return;
+          }
+          const propKey = element.scope.replace("#/properties/", "");
+          const meta = schema.properties?.[propKey];
+          if (!meta) {
+            Logger.error(`[MetaUI] Property '${propKey}' not found in schema definitions.`, "", "FormLayout");
+            return;
+          }
 
-            // Attach visibility condition to label and control container logic
-            if (field.meta.ui?.visibleOn) {
-              const expr = `{= ${field.meta.ui.visibleOn.replace(/\$root\./g, `${modelName}>/`).replace(/\./g, '/')} }`;
-              label.bindProperty("visible", {
-                parts: [{
-                  path: "meta>/"
-                }],
-                formatter: () => false
-              }); // temporary, condition engine does this usually
-            }
-            const plugin = registry.getPlugin(field.meta.type, field.meta.ui?.widget);
-            if (trackPlugin) trackPlugin(plugin);
-            const control = plugin.render(field.meta, `/${field.key}`, modelName);
-            if (field.meta.ui?.fullWidth) {
-              sap.ui.require(["sap/ui/layout/GridData"], GridData => {
-                control.setLayoutData(new GridData({
-                  span: "XL12 L12 M12 S12"
-                }));
-              });
-            }
-            form.addContent(label);
-            form.addContent(control);
-          } catch (error) {
-            sap.ui.require(["sap/base/Log"], Log => {
-              if (Log) Log.error(`[MetaUI] Failed to render field ${field.key}`, error.message, "FormLayout");
+          // Architectural Boundary: Separate Field Controls (Plugins) from Sub-Layouts (LayoutManagers)
+          // A property is delegated to a Sub-Layout Manager (Table) ONLY if it represents a collection of complex objects.
+          // Collections of primitives, or explicitly assigned widgets (like multiSelect), remain in the Form as Field Plugins.
+          const isCollectionOfRecords = meta.items?.type === "object" || meta.items?.properties;
+          const hasExplicitWidget = !!meta.ui?.widget;
+          const isSubLayout = meta.type === "array" && isCollectionOfRecords && !hasExplicitWidget;
+          if (isSubLayout) {
+            Logger.debug("[MetaUI FormLayout]", `Routing property '${propKey}' to Table Sub-Layout.`, "FormLayout");
+            tableElements.push({
+              scope: propKey,
+              meta,
+              label: element.label
             });
+          } else {
+            hasFormFields = true;
+            Logger.debug("[MetaUI FormLayout]", `Rendering scalar field '${propKey}'.`, "FormLayout");
+            this._renderScalarField(form, element, propKey, meta, modelName, engine);
+          }
+        } else {
+          Logger.warn(`[MetaUI] Unsupported layout element type '${element.type}'.`, "", "FormLayout");
+        }
+      };
+
+      // Render everything defined in the layout
+      schema.uiLayout.forEach(renderElement);
+      if (hasFormFields) {
+        container.addItem(form);
+      }
+
+      // Render array/table sub-layouts full width below the form
+      tableElements.forEach(field => {
+        try {
+          const subSchema = {
+            type: "array",
+            title: field.label || field.meta.ui?.label || field.scope,
+            items: field.meta.items || {
+              type: "object",
+              properties: {}
+            },
+            uiLayout: field.meta.items?.uiLayout // Pass down sub-layout if available
+          };
+          const control = engine.generateLayout(subSchema, modelName, `/${field.scope}`);
+          if (control) {
+            control.addStyleClass("sapUiSmallMarginTop");
+            container.addItem(control);
           }
+        } catch (error) {
+          const msg = error.message;
+          Logger.error(`[MetaUI] Failed to render array field ${field.scope}`, msg, "FormLayout");
+          Logger.showErrorPopup(`Failed to render array field '${field.scope}'.\n\nDetails: ${msg}`);
+        }
+      });
+      return container;
+    }
+    _renderScalarField(form, element, propKey, meta, modelName, engine) {
+      try {
+        const labelText = element.label || meta.ui?.label || propKey;
+        const label = new Label({
+          text: labelText,
+          required: meta.required
         });
+
+        // Override widget if specified in the layout element
+        const effectiveMeta = {
+          ...meta
+        };
+        if (element.widget) {
+          effectiveMeta.ui = {
+            ...meta.ui,
+            widget: element.widget
+          };
+        }
+        const control = engine.generateField(effectiveMeta, `/${propKey}`, modelName);
+        if (effectiveMeta.ui?.fullWidth) {
+          sap.ui.require(["sap/ui/layout/GridData"], GridData => {
+            control.setLayoutData(new GridData({
+              span: "XL12 L12 M12 S12"
+            }));
+          });
+        }
+        form.addContent(label);
+        form.addContent(control);
+      } catch (error) {
+        const msg = error.message;
+        Logger.error(`[MetaUI] Failed to render field ${propKey}`, msg, "FormLayout");
+        Logger.showErrorPopup(`Failed to render field '${propKey}'.\n\nDetails: ${msg}`);
       }
-      return form;
     }
   }
   var __exports = {