@siliconst/metaui 1.0.2 → 1.4.4

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

@@ -1 +1 @@
-{"version":3,"file":"TableLayout.js","names":["PluginRegistry","___core_PluginRegistry","TableLayout","build","tableMeta","table","Table","headerToolbar","Toolbar","content","Title","text","label","tableName","ToolbarSpacer","Button","icon","press","oEvent","btn","getSource","tbl","getParent","model","getModel","path","data","getProperty","push","setProperty","fixedLayout","mode","delete","item","getParameter","getBindingContext","getPath","parts","split","index","parseInt","pop","arrayPath","join","splice","templateCells","registry","getInstance","fields","forEach","field","column","Column","header","Text","demandPopin","isKey","minScreenWidth","popinDisplay","addColumn","plugin","getPlugin","type","control","render","fieldName","rowTemplate","ColumnListItem","cells","bindItems","template","templateShareable","__exports","__esModule"],"sources":["TableLayout.ts"],"sourcesContent":["/**\r\n * @file TableLayout.ts\r\n * @description Generates a responsive SAP Fiori Table layout.\r\n */\r\n\r\nimport Table from \"sap/m/Table\";\r\nimport Column from \"sap/m/Column\";\r\nimport Text from \"sap/m/Text\";\r\nimport ColumnListItem from \"sap/m/ColumnListItem\";\r\nimport Toolbar from \"sap/m/Toolbar\";\r\nimport Title from \"sap/m/Title\";\r\nimport ToolbarSpacer from \"sap/m/ToolbarSpacer\";\r\nimport Button from \"sap/m/Button\";\r\nimport JSONModel from \"sap/ui/model/json/JSONModel\";\r\nimport { ITableMetadata, IFieldMetadata } from \"../interfaces/ISchema\";\r\nimport { PluginRegistry } from \"../core/PluginRegistry\";\r\nimport Control from \"sap/ui/core/Control\";\r\n\r\n/**\r\n * Utility class strictly for constructing sap.m.Table structures with dynamic pop-in vectors.\r\n */\r\nexport class TableLayout {\r\n    /**\r\n     * Builds a responsive Table, dynamically calculating column priorities.\r\n     * @param tableMeta The metadata defining the table's columns and nested fields.\r\n     * @returns A fully constructed sap.m.Table ready to be bound to a list array.\r\n     */\r\n    public static build(tableMeta: ITableMetadata): Table {\r\n        const table = new Table({\r\n            headerToolbar: new Toolbar({\r\n                content: [\r\n                    new Title({ text: tableMeta.label || tableMeta.tableName }),\r\n                    new ToolbarSpacer(),\r\n                    new Button({\r\n                        text: \"Add Row\",\r\n                        icon: \"sap-icon://add\",\r\n                        press: (oEvent: any) => {\r\n                            const btn = oEvent.getSource();\r\n                            const tbl = btn.getParent().getParent() as Table;\r\n                            const model = tbl.getModel(\"meta\") as JSONModel;\r\n                            const path = `/${tableMeta.tableName}`;\r\n                            const data = model.getProperty(path) || [];\r\n                            data.push({}); // append empty row\r\n                            model.setProperty(path, data);\r\n                        }\r\n                    })\r\n                ]\r\n            }),\r\n            fixedLayout: false, // Allows native UI5 column width calculations\r\n            mode: \"Delete\",\r\n            delete: (oEvent: any) => {\r\n                const item = oEvent.getParameter(\"listItem\");\r\n                const path = item.getBindingContext(\"meta\").getPath(); // e.g. \"/Contacts/0\"\r\n                const model = item.getModel(\"meta\") as JSONModel;\r\n                \r\n                const parts = path.split(\"/\");\r\n                const index = parseInt(parts.pop() || \"0\", 10);\r\n                const arrayPath = parts.join(\"/\");\r\n                \r\n                const data = model.getProperty(arrayPath);\r\n                data.splice(index, 1);\r\n                model.setProperty(arrayPath, data);\r\n            }\r\n        });\r\n\r\n        const templateCells: Control[] = [];\r\n        const registry = PluginRegistry.getInstance();\r\n\r\n        tableMeta.fields.forEach((field: IFieldMetadata) => {\r\n            // Build the column header\r\n            const column = new Column({\r\n                header: new Text({ text: field.label }),\r\n                // Fiori UX: High priority for primary keys so they don't pop-in too early\r\n                demandPopin: !field.isKey, \r\n                minScreenWidth: field.isKey ? \"\" : \"Tablet\",\r\n                popinDisplay: \"Inline\"\r\n            });\r\n            table.addColumn(column);\r\n\r\n            // Instantiate the cell template (plugin)\r\n            const plugin = registry.getPlugin(field.type);\r\n            \r\n            // In table lists, the binding path is relative to the row's context context (e.g. \"{fieldName}\")\r\n            const control = plugin.render(field, field.fieldName);\r\n            templateCells.push(control);\r\n        });\r\n\r\n        // Create the row template and bind it to the table via the tableName array path\r\n        const rowTemplate = new ColumnListItem({\r\n            cells: templateCells\r\n        });\r\n\r\n        // The absolute binding path from the StateManager for this table (using the named model 'meta')\r\n        table.bindItems({\r\n            path: `meta>/${tableMeta.tableName}`,\r\n            template: rowTemplate,\r\n            templateShareable: false\r\n        });\r\n\r\n        return table;\r\n    }\r\n}\r\n"],"mappings":"4NAeSA,EAAcC,EAAA,kBAMhB,MAAMC,EAMT,YAAcC,CAAMC,GAChB,MAAMC,EAAQ,IAAIC,EAAM,CACpBC,cAAe,IAAIC,EAAQ,CACvBC,QAAS,CACL,IAAIC,EAAM,CAAEC,KAAMP,EAAUQ,OAASR,EAAUS,YAC/C,IAAIC,EACJ,IAAIC,EAAO,CACPJ,KAAM,UACNK,KAAM,iBACNC,MAAQC,IACJ,MAAMC,EAAMD,EAAOE,YACnB,MAAMC,EAAMF,EAAIG,YAAYA,YAC5B,MAAMC,EAAQF,EAAIG,SAAS,QAC3B,MAAMC,EAAO,IAAIrB,EAAUS,YAC3B,MAAMa,EAAOH,EAAMI,YAAYF,IAAS,GACxCC,EAAKE,KAAK,CAAC,GACXL,EAAMM,YAAYJ,EAAMC,SAKxCI,YAAa,MACbC,KAAM,SACNC,OAASd,IACL,MAAMe,EAAOf,EAAOgB,aAAa,YACjC,MAAMT,EAAOQ,EAAKE,kBAAkB,QAAQC,UAC5C,MAAMb,EAAQU,EAAKT,SAAS,QAE5B,MAAMa,EAAQZ,EAAKa,MAAM,KACzB,MAAMC,EAAQC,SAASH,EAAMI,OAAS,IAAK,IAC3C,MAAMC,EAAYL,EAAMM,KAAK,KAE7B,MAAMjB,EAAOH,EAAMI,YAAYe,GAC/BhB,EAAKkB,OAAOL,EAAO,GACnBhB,EAAMM,YAAYa,EAAWhB,MAIrC,MAAMmB,EAA2B,GACjC,MAAMC,EAAW9C,EAAe+C,cAEhC3C,EAAU4C,OAAOC,QAASC,IAEtB,MAAMC,EAAS,IAAIC,EAAO,CACtBC,OAAQ,IAAIC,EAAK,CAAE3C,KAAMuC,EAAMtC,QAE/B2C,aAAcL,EAAMM,MACpBC,eAAgBP,EAAMM,MAAQ,GAAK,SACnCE,aAAc,WAElBrD,EAAMsD,UAAUR,GAGhB,MAAMS,EAASd,EAASe,UAAUX,EAAMY,MAGxC,MAAMC,EAAUH,EAAOI,OAAOd,EAAOA,EAAMe,WAC3CpB,EAAcjB,KAAKmC,KAIvB,MAAMG,EAAc,IAAIC,EAAe,CACnCC,MAAOvB,IAIXxC,EAAMgE,UAAU,CACZ5C,KAAM,SAASrB,EAAUS,YACzByD,SAAUJ,EACVK,kBAAmB,QAGvB,OAAOlE,CACX,EACH,IAAAmE,EAAA,CAAAC,WAAA,MAAAD,EAAAtE,cAAA,OAAAsE,CAAA","ignoreList":[]}
+{"version":3,"file":"TableLayout.js","names":["Logger","___utils_Logger","TableLayout","render","schema","modelName","engine","onSubmit","bindingPath","type","items","properties","Error","tableTitle","title","actualModelName","actualPath","table","Table","headerToolbar","Toolbar","content","Title","text","ToolbarSpacer","isDisplayMode","Button","icon","press","oEvent","btn","getSource","tbl","getParent","model","getModel","info","getBindingInfo","path","rawData","getProperty","data","Array","isArray","newData","setProperty","fixedLayout","mode","delete","item","getParameter","getBindingContext","getPath","splitPaths","split","index","parseInt","pop","arrayPath","join","splice","templateCells","props","layoutElements","uiLayout","forEach","element","scope","startsWith","error","propKey","replace","fieldMeta","isKey","ui","column","Column","header","Text","label","demandPopin","minScreenWidth","popinDisplay","addColumn","effectiveMeta","widget","control","generateField","push","msg","message","showErrorPopup","warn","debug","Object","keys","key","rowTemplate","ColumnListItem","cells","bindItems","template","templateShareable","__exports","__esModule"],"sources":["TableLayout.ts"],"sourcesContent":["/**\n * @file TableLayout.ts\n * @description Generates a responsive SAP Fiori Table layout for v2 schema.\n */\n\nimport Table from \"sap/m/Table\";\nimport Column from \"sap/m/Column\";\nimport Text from \"sap/m/Text\";\nimport ColumnListItem from \"sap/m/ColumnListItem\";\nimport Toolbar from \"sap/m/Toolbar\";\nimport Title from \"sap/m/Title\";\nimport ToolbarSpacer from \"sap/m/ToolbarSpacer\";\nimport Button from \"sap/m/Button\";\nimport JSONModel from \"sap/ui/model/json/JSONModel\";\nimport Control from \"sap/ui/core/Control\";\nimport { IPropertyMetadata, ISchema, ILayoutElement } from \"../interfaces/ISchema\";\nimport { ILayoutManager } from \"../interfaces/ILayoutManager\";\nimport { Engine } from \"../core/Engine\";\nimport { Logger } from \"../utils/Logger\";\n\n/**\n * Layout Manager responsible for generating a responsive SAP Fiori Table.\n * It is automatically utilized by the Engine when the schema root or property is of type 'array'.\n * Includes built-in support for adding and deleting rows via dynamic data binding manipulation.\n * \n * @namespace nz.co.siliconst.ui5.metaui.layouts\n * @public\n */\nexport class TableLayout implements ILayoutManager {\n    /**\n     * Renders the JSON Schema array properties into a UI5 Table.\n     * \n     * @param schema The active JSON schema array definition.\n     * @param modelName The UI5 JSONModel name used for data binding.\n     * @param engine The central orchestrator for delegating column plugin generation.\n     * @param onSubmit Optional submit hook.\n     * @param bindingPath The JSON path representing the array within the payload.\n     * @returns {Control} The generated sap.m.Table control.\n     * @throws {Error} If the provided schema is not of type 'array'.\n     */\n    public render(schema: ISchema, modelName: string, engine: Engine, onSubmit?: () => void, bindingPath: string = \"/\"): Control {\n        if (schema.type !== \"array\" || !schema.items || !schema.items.properties) {\n            throw new Error(\"[MetaUI] TableLayout requires an array schema with items.properties.\");\n        }\n\n        const tableTitle = schema.title || \"Table\";\n        const actualModelName = modelName;\n        const actualPath = bindingPath;\n\n        const table = new Table({\n            headerToolbar: new Toolbar({\n                content: [\n                    new Title({ text: tableTitle }),\n                    new ToolbarSpacer(),\n                    ...(engine.isDisplayMode ? [] : [\n                        new Button({\n                            text: \"Add Row\",\n                            icon: \"sap-icon://add\",\n                            press: (oEvent: sap.ui.base.Event) => {\n                                const btn = oEvent.getSource();\n                                const tbl = btn.getParent().getParent() as Table;\n                                const model = tbl.getModel(actualModelName) as JSONModel;\n                                const info = tbl.getBindingInfo(\"items\");\n                                if (!info || !info.path) return;\n\n                                const rawData = model.getProperty(info.path);\n                                const data = Array.isArray(rawData) ? rawData : [];\n                                const newData = [...data, {}];\n                                model.setProperty(info.path, newData);\n                            }\n                        })\n                    ])\n                ]\n            }),\n            fixedLayout: false,\n            mode: engine.isDisplayMode ? \"None\" : \"Delete\",\n            delete: (oEvent: sap.ui.base.Event) => {\n                const item = oEvent.getParameter(\"listItem\");\n                const path = item.getBindingContext(actualModelName).getPath();\n                const model = item.getModel(actualModelName) as JSONModel;\n\n                const splitPaths = path.split(\"/\");\n                const index = parseInt(splitPaths.pop() || \"0\", 10);\n                let arrayPath = splitPaths.join(\"/\");\n                if (arrayPath === \"\") arrayPath = \"/\";\n\n                const rawData = model.getProperty(arrayPath);\n                const data = Array.isArray(rawData) ? rawData : [];\n                const newData = [...data];\n                newData.splice(index, 1);\n                model.setProperty(arrayPath, newData);\n            }\n        });\n\n        const templateCells: Control[] = [];\n        const props = schema.items.properties;\n        const layoutElements = schema.uiLayout;\n\n        if (layoutElements && Array.isArray(layoutElements)) {\n            // Only render columns defined in uiLayout\n            layoutElements.forEach((element: ILayoutElement) => {\n                if (element.type === \"Control\") {\n                    if (!element.scope || !element.scope.startsWith(\"#/properties/\")) {\n                        Logger.error(`[MetaUI] Invalid scope '${element.scope}' in uiLayout Control for Table.`, \"\", \"TableLayout\");\n                        return;\n                    }\n\n                    const propKey = element.scope.replace(\"#/properties/\", \"\");\n                    const fieldMeta = props[propKey];\n\n                    if (!fieldMeta) {\n                        Logger.error(`[MetaUI] Property '${propKey}' not found in schema definitions for Table.`, \"\", \"TableLayout\");\n                        return;\n                    }\n\n                    try {\n                        const isKey = !!fieldMeta.ui?.isKey;\n\n                        const column = new Column({\n                            header: new Text({ text: element.label || fieldMeta.ui?.label || propKey }),\n                            demandPopin: !isKey,\n                            minScreenWidth: isKey ? \"\" : \"Tablet\",\n                            popinDisplay: \"Inline\"\n                        });\n                        table.addColumn(column);\n\n                        // Override widget if specified in the layout element\n                        const effectiveMeta = { ...fieldMeta };\n                        if (element.widget) {\n                            effectiveMeta.ui = { ...fieldMeta.ui, widget: element.widget };\n                        }\n\n                        // Use engine to generate fields natively and track validation\n                        const control = engine.generateField(effectiveMeta, propKey, actualModelName || \"meta\", true);\n                        templateCells.push(control);\n                    } catch (error) {\n                        const msg = (error as Error).message;\n                        Logger.error(`[MetaUI] Failed to render column ${propKey}`, msg, \"TableLayout\");\n                        Logger.showErrorPopup(`Failed to render table column '${propKey}'.\\n\\nDetails: ${msg}`);\n                        templateCells.push(new Text({ text: \"Error\" }));\n                    }\n                } else {\n                    Logger.warn(`[MetaUI] Unsupported layout element type '${element.type}' inside TableLayout. Only 'Control' is supported for columns.`, \"\", \"TableLayout\");\n                }\n            });\n        } else {\n            Logger.debug(\"[MetaUI TableLayout]\", \"No uiLayout provided. Falling back to rendering all properties as columns.\", \"TableLayout\");\n            // Fallback: If no uiLayout is provided, render all properties as columns\n            Object.keys(props).forEach((key) => {\n                try {\n                    const fieldMeta = props[key];\n                    const isKey = !!fieldMeta.ui?.isKey;\n\n                    const column = new Column({\n                        header: new Text({ text: fieldMeta.ui?.label || key }),\n                        demandPopin: !isKey,\n                        minScreenWidth: isKey ? \"\" : \"Tablet\",\n                        popinDisplay: \"Inline\"\n                    });\n                    table.addColumn(column);\n\n                    const control = engine.generateField(fieldMeta, key, actualModelName || \"meta\", true);\n                    templateCells.push(control);\n                } catch (error) {\n                    const msg = (error as Error).message;\n                    Logger.error(`[MetaUI] Failed to render fallback column ${key}`, msg, \"TableLayout\");\n                    Logger.showErrorPopup(`Failed to render fallback table column '${key}'.\\n\\nDetails: ${msg}`);\n                    templateCells.push(new Text({ text: \"Error\" }));\n                }\n            });\n        }\n\n\n\n        const rowTemplate = new ColumnListItem({\n            cells: templateCells\n        });\n\n        table.bindItems({\n            path: actualPath,\n            model: actualModelName,\n            template: rowTemplate,\n            templateShareable: false\n        });\n\n        return table;\n    }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,102 +1,188 @@
-/**
- * @file TableLayout.ts
- * @description Generates a responsive SAP Fiori Table layout.
- */
-
-import Table from "sap/m/Table";
-import Column from "sap/m/Column";
-import Text from "sap/m/Text";
-import ColumnListItem from "sap/m/ColumnListItem";
-import Toolbar from "sap/m/Toolbar";
-import Title from "sap/m/Title";
-import ToolbarSpacer from "sap/m/ToolbarSpacer";
-import Button from "sap/m/Button";
-import JSONModel from "sap/ui/model/json/JSONModel";
-import { ITableMetadata, IFieldMetadata } from "../interfaces/ISchema";
-import { PluginRegistry } from "../core/PluginRegistry";
-import Control from "sap/ui/core/Control";
-
-/**
- * Utility class strictly for constructing sap.m.Table structures with dynamic pop-in vectors.
- */
-export class TableLayout {
-    /**
-     * Builds a responsive Table, dynamically calculating column priorities.
-     * @param tableMeta The metadata defining the table's columns and nested fields.
-     * @returns A fully constructed sap.m.Table ready to be bound to a list array.
-     */
-    public static build(tableMeta: ITableMetadata): Table {
-        const table = new Table({
-            headerToolbar: new Toolbar({
-                content: [
-                    new Title({ text: tableMeta.label || tableMeta.tableName }),
-                    new ToolbarSpacer(),
-                    new Button({
-                        text: "Add Row",
-                        icon: "sap-icon://add",
-                        press: (oEvent: any) => {
-                            const btn = oEvent.getSource();
-                            const tbl = btn.getParent().getParent() as Table;
-                            const model = tbl.getModel("meta") as JSONModel;
-                            const path = `/${tableMeta.tableName}`;
-                            const data = model.getProperty(path) || [];
-                            data.push({}); // append empty row
-                            model.setProperty(path, data);
-                        }
-                    })
-                ]
-            }),
-            fixedLayout: false, // Allows native UI5 column width calculations
-            mode: "Delete",
-            delete: (oEvent: any) => {
-                const item = oEvent.getParameter("listItem");
-                const path = item.getBindingContext("meta").getPath(); // e.g. "/Contacts/0"
-                const model = item.getModel("meta") as JSONModel;
-                
-                const parts = path.split("/");
-                const index = parseInt(parts.pop() || "0", 10);
-                const arrayPath = parts.join("/");
-                
-                const data = model.getProperty(arrayPath);
-                data.splice(index, 1);
-                model.setProperty(arrayPath, data);
-            }
-        });
-
-        const templateCells: Control[] = [];
-        const registry = PluginRegistry.getInstance();
-
-        tableMeta.fields.forEach((field: IFieldMetadata) => {
-            // Build the column header
-            const column = new Column({
-                header: new Text({ text: field.label }),
-                // Fiori UX: High priority for primary keys so they don't pop-in too early
-                demandPopin: !field.isKey, 
-                minScreenWidth: field.isKey ? "" : "Tablet",
-                popinDisplay: "Inline"
-            });
-            table.addColumn(column);
-
-            // Instantiate the cell template (plugin)
-            const plugin = registry.getPlugin(field.type);
-            
-            // In table lists, the binding path is relative to the row's context context (e.g. "{fieldName}")
-            const control = plugin.render(field, field.fieldName);
-            templateCells.push(control);
-        });
-
-        // Create the row template and bind it to the table via the tableName array path
-        const rowTemplate = new ColumnListItem({
-            cells: templateCells
-        });
-
-        // The absolute binding path from the StateManager for this table (using the named model 'meta')
-        table.bindItems({
-            path: `meta>/${tableMeta.tableName}`,
-            template: rowTemplate,
-            templateShareable: false
-        });
-
-        return table;
-    }
-}
+/**
+ * @file TableLayout.ts
+ * @description Generates a responsive SAP Fiori Table layout for v2 schema.
+ */
+
+import Table from "sap/m/Table";
+import Column from "sap/m/Column";
+import Text from "sap/m/Text";
+import ColumnListItem from "sap/m/ColumnListItem";
+import Toolbar from "sap/m/Toolbar";
+import Title from "sap/m/Title";
+import ToolbarSpacer from "sap/m/ToolbarSpacer";
+import Button from "sap/m/Button";
+import JSONModel from "sap/ui/model/json/JSONModel";
+import Control from "sap/ui/core/Control";
+import { IPropertyMetadata, ISchema, ILayoutElement } from "../interfaces/ISchema";
+import { ILayoutManager } from "../interfaces/ILayoutManager";
+import { Engine } from "../core/Engine";
+import { Logger } from "../utils/Logger";
+
+/**
+ * Layout Manager responsible for generating a responsive SAP Fiori Table.
+ * It is automatically utilized by the Engine when the schema root or property is of type 'array'.
+ * Includes built-in support for adding and deleting rows via dynamic data binding manipulation.
+ * 
+ * @namespace nz.co.siliconst.ui5.metaui.layouts
+ * @public
+ */
+export class TableLayout implements ILayoutManager {
+    /**
+     * Renders the JSON Schema array properties into a UI5 Table.
+     * 
+     * @param schema The active JSON schema array definition.
+     * @param modelName The UI5 JSONModel name used for data binding.
+     * @param engine The central orchestrator for delegating column plugin generation.
+     * @param onSubmit Optional submit hook.
+     * @param bindingPath The JSON path representing the array within the payload.
+     * @returns {Control} The generated sap.m.Table control.
+     * @throws {Error} If the provided schema is not of type 'array'.
+     */
+    public render(schema: ISchema, modelName: string, engine: Engine, onSubmit?: () => void, bindingPath: string = "/"): Control {
+        if (schema.type !== "array" || !schema.items || !schema.items.properties) {
+            throw new Error("[MetaUI] TableLayout requires an array schema with items.properties.");
+        }
+
+        const tableTitle = schema.title || "Table";
+        const actualModelName = modelName;
+        const actualPath = bindingPath;
+
+        const table = new Table({
+            headerToolbar: new Toolbar({
+                content: [
+                    new Title({ text: tableTitle }),
+                    new ToolbarSpacer(),
+                    ...(engine.isDisplayMode ? [] : [
+                        new Button({
+                            text: "Add Row",
+                            icon: "sap-icon://add",
+                            press: (oEvent: sap.ui.base.Event) => {
+                                const btn = oEvent.getSource();
+                                const tbl = btn.getParent().getParent() as Table;
+                                const model = tbl.getModel(actualModelName) as JSONModel;
+                                const info = tbl.getBindingInfo("items");
+                                if (!info || !info.path) return;
+
+                                const rawData = model.getProperty(info.path);
+                                const data = Array.isArray(rawData) ? rawData : [];
+                                const newData = [...data, {}];
+                                model.setProperty(info.path, newData);
+                            }
+                        })
+                    ])
+                ]
+            }),
+            fixedLayout: false,
+            mode: engine.isDisplayMode ? "None" : "Delete",
+            delete: (oEvent: sap.ui.base.Event) => {
+                const item = oEvent.getParameter("listItem");
+                const path = item.getBindingContext(actualModelName).getPath();
+                const model = item.getModel(actualModelName) as JSONModel;
+
+                const splitPaths = path.split("/");
+                const index = parseInt(splitPaths.pop() || "0", 10);
+                let arrayPath = splitPaths.join("/");
+                if (arrayPath === "") arrayPath = "/";
+
+                const rawData = model.getProperty(arrayPath);
+                const data = Array.isArray(rawData) ? rawData : [];
+                const newData = [...data];
+                newData.splice(index, 1);
+                model.setProperty(arrayPath, newData);
+            }
+        });
+
+        const templateCells: Control[] = [];
+        const props = schema.items.properties;
+        const layoutElements = schema.uiLayout;
+
+        if (layoutElements && Array.isArray(layoutElements)) {
+            // Only render columns defined in uiLayout
+            layoutElements.forEach((element: ILayoutElement) => {
+                if (element.type === "Control") {
+                    if (!element.scope || !element.scope.startsWith("#/properties/")) {
+                        Logger.error(`[MetaUI] Invalid scope '${element.scope}' in uiLayout Control for Table.`, "", "TableLayout");
+                        return;
+                    }
+
+                    const propKey = element.scope.replace("#/properties/", "");
+                    const fieldMeta = props[propKey];
+
+                    if (!fieldMeta) {
+                        Logger.error(`[MetaUI] Property '${propKey}' not found in schema definitions for Table.`, "", "TableLayout");
+                        return;
+                    }
+
+                    try {
+                        const isKey = !!fieldMeta.ui?.isKey;
+
+                        const column = new Column({
+                            header: new Text({ text: element.label || fieldMeta.ui?.label || propKey }),
+                            demandPopin: !isKey,
+                            minScreenWidth: isKey ? "" : "Tablet",
+                            popinDisplay: "Inline"
+                        });
+                        table.addColumn(column);
+
+                        // Override widget if specified in the layout element
+                        const effectiveMeta = { ...fieldMeta };
+                        if (element.widget) {
+                            effectiveMeta.ui = { ...fieldMeta.ui, widget: element.widget };
+                        }
+
+                        // Use engine to generate fields natively and track validation
+                        const control = engine.generateField(effectiveMeta, propKey, actualModelName || "meta", true);
+                        templateCells.push(control);
+                    } catch (error) {
+                        const msg = (error as Error).message;
+                        Logger.error(`[MetaUI] Failed to render column ${propKey}`, msg, "TableLayout");
+                        Logger.showErrorPopup(`Failed to render table column '${propKey}'.\n\nDetails: ${msg}`);
+                        templateCells.push(new Text({ text: "Error" }));
+                    }
+                } else {
+                    Logger.warn(`[MetaUI] Unsupported layout element type '${element.type}' inside TableLayout. Only 'Control' is supported for columns.`, "", "TableLayout");
+                }
+            });
+        } else {
+            Logger.debug("[MetaUI TableLayout]", "No uiLayout provided. Falling back to rendering all properties as columns.", "TableLayout");
+            // Fallback: If no uiLayout is provided, render all properties as columns
+            Object.keys(props).forEach((key) => {
+                try {
+                    const fieldMeta = props[key];
+                    const isKey = !!fieldMeta.ui?.isKey;
+
+                    const column = new Column({
+                        header: new Text({ text: fieldMeta.ui?.label || key }),
+                        demandPopin: !isKey,
+                        minScreenWidth: isKey ? "" : "Tablet",
+                        popinDisplay: "Inline"
+                    });
+                    table.addColumn(column);
+
+                    const control = engine.generateField(fieldMeta, key, actualModelName || "meta", true);
+                    templateCells.push(control);
+                } catch (error) {
+                    const msg = (error as Error).message;
+                    Logger.error(`[MetaUI] Failed to render fallback column ${key}`, msg, "TableLayout");
+                    Logger.showErrorPopup(`Failed to render fallback table column '${key}'.\n\nDetails: ${msg}`);
+                    templateCells.push(new Text({ text: "Error" }));
+                }
+            });
+        }
+
+
+
+        const rowTemplate = new ColumnListItem({
+            cells: templateCells
+        });
+
+        table.bindItems({
+            path: actualPath,
+            model: actualModelName,
+            template: rowTemplate,
+            templateShareable: false
+        });
+
+        return table;
+    }
+}

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

@@ -0,0 +1,125 @@
+sap.ui.define(["sap/m/Wizard", "sap/m/WizardStep", "sap/ui/layout/form/SimpleForm", "sap/m/Label", "../utils/Logger"], function (Wizard, WizardStep, SimpleForm, Label, ___utils_Logger) {
+  "use strict";
+
+  const Logger = ___utils_Logger["Logger"];
+  /**
+   * Layout Manager responsible for generating a responsive SAP Fiori Wizard.
+   * It segments the schema fields into discrete Wizard Steps based on `uiLayout` elements 
+   * of type `Group` or `WizardStep`.
+   * 
+   * @namespace nz.co.siliconst.ui5.metaui.layouts
+   * @public
+   */
+  class WizardLayout {
+    /**
+     * Renders the JSON Schema properties into a paginated UI5 Wizard using uiLayout.
+     * 
+     * @param schema The active JSON schema object.
+     * @param modelName The bound UI5 model name.
+     * @param engine The central orchestrator for delegating plugin generation.
+     * @param onSubmit Hook executed when the Wizard's native 'complete' event is fired.
+     * @returns {Control} The generated sap.m.Wizard control.
+     */
+    render(schema, modelName, engine, onSubmit) {
+      const wizard = new Wizard({
+        renderMode: "Page",
+        showNextButton: true,
+        complete: function () {
+          if (onSubmit) onSubmit();
+        }
+      });
+      if (!schema.uiLayout || !Array.isArray(schema.uiLayout)) {
+        Logger.warn("[MetaUI] Missing 'uiLayout' array in wizard schema. Wizard will not render any steps.");
+        return wizard;
+      }
+      schema.uiLayout.forEach(element => {
+        if (element.type === "Group" || element.type === "WizardStep") {
+          const step = new WizardStep({
+            title: element.label || "Step",
+            validated: true // The PipelineManager handles global validation, wizard step validation can be local later
+          });
+          const form = new SimpleForm({
+            editable: true,
+            layout: "ResponsiveGridLayout",
+            labelSpanXL: 4,
+            labelSpanL: 4,
+            labelSpanM: 4,
+            labelSpanS: 12,
+            adjustLabelSpan: false,
+            emptySpanXL: 0,
+            emptySpanL: 0,
+            emptySpanM: 0,
+            emptySpanS: 0,
+            columnsXL: 1,
+            columnsL: 1,
+            columnsM: 1,
+            singleContainerFullSize: false
+          });
+          if (element.elements && Array.isArray(element.elements)) {
+            element.elements.forEach(childElement => {
+              this._renderElementInForm(form, childElement, schema, modelName, engine);
+            });
+          }
+          step.addContent(form);
+          wizard.addStep(step);
+        } else {
+          Logger.warn(`[MetaUI] Top-level element '${element.type}' inside WizardLayout must be 'Group' or 'WizardStep'.`, "", "WizardLayout");
+        }
+      });
+      return wizard;
+    }
+    _renderElementInForm(form, element, schema, modelName, engine) {
+      if (element.type === "Control") {
+        if (!element.scope || !element.scope.startsWith("#/properties/")) {
+          Logger.error(`[MetaUI] Invalid scope '${element.scope}' in uiLayout Control.`, "", "WizardLayout");
+          return;
+        }
+        const propKey = element.scope.replace("#/properties/", "");
+        const meta = schema.properties?.[propKey];
+        if (!meta) {
+          Logger.error(`[MetaUI] Property '${propKey}' not found in schema definitions.`, "", "WizardLayout");
+          return;
+        }
+        try {
+          const labelText = element.label || meta.ui?.label || propKey;
+          const label = new Label({
+            text: labelText,
+            required: meta.required
+          });
+          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) {
+          Logger.error(`[MetaUI] Failed to render Wizard field ${propKey}`, error.message, "WizardLayout");
+          form.addContent(new Label({
+            text: propKey
+          }));
+        }
+      } else {
+        Logger.warn(`[MetaUI] Nested groups within Wizard steps are not fully supported in SimpleForm yet.`, "", "WizardLayout");
+      }
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.WizardLayout = WizardLayout;
+  return __exports;
+});
+//# sourceMappingURL=WizardLayout-dbg.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WizardLayout-dbg.js","names":["Logger","___utils_Logger","WizardLayout","render","schema","modelName","engine","onSubmit","wizard","Wizard","renderMode","showNextButton","complete","uiLayout","Array","isArray","warn","forEach","element","type","step","WizardStep","title","label","validated","form","SimpleForm","editable","layout","labelSpanXL","labelSpanL","labelSpanM","labelSpanS","adjustLabelSpan","emptySpanXL","emptySpanL","emptySpanM","emptySpanS","columnsXL","columnsL","columnsM","singleContainerFullSize","elements","childElement","_renderElementInForm","addContent","addStep","scope","startsWith","error","propKey","replace","meta","properties","labelText","ui","Label","text","required","effectiveMeta","widget","control","generateField","fullWidth","sap","require","GridData","setLayoutData","span","message","__exports","__esModule"],"sources":["WizardLayout.ts"],"sourcesContent":["/**\n * @file WizardLayout.ts\n * @description Generates a fully responsive SAP Fiori Wizard layout.\n */\n\nimport Wizard from \"sap/m/Wizard\";\nimport WizardStep from \"sap/m/WizardStep\";\nimport SimpleForm from \"sap/ui/layout/form/SimpleForm\";\nimport Label from \"sap/m/Label\";\nimport VBox from \"sap/m/VBox\";\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 responsive SAP Fiori Wizard.\n * It segments the schema fields into discrete Wizard Steps based on `uiLayout` elements \n * of type `Group` or `WizardStep`.\n * \n * @namespace nz.co.siliconst.ui5.metaui.layouts\n * @public\n */\nexport class WizardLayout implements ILayoutManager {\n    /**\n     * Renders the JSON Schema properties into a paginated UI5 Wizard using uiLayout.\n     * \n     * @param schema The active JSON schema object.\n     * @param modelName The bound UI5 model name.\n     * @param engine The central orchestrator for delegating plugin generation.\n     * @param onSubmit Hook executed when the Wizard's native 'complete' event is fired.\n     * @returns {Control} The generated sap.m.Wizard control.\n     */\n    public render(schema: ISchema, modelName: string, engine: Engine, onSubmit?: () => void): Control {\n        const wizard = new Wizard({\n            renderMode: \"Page\",\n            showNextButton: true,\n            complete: function() {\n                if (onSubmit) onSubmit();\n            }\n        });\n\n        if (!schema.uiLayout || !Array.isArray(schema.uiLayout)) {\n            Logger.warn(\"[MetaUI] Missing 'uiLayout' array in wizard schema. Wizard will not render any steps.\");\n            return wizard;\n        }\n\n        schema.uiLayout.forEach((element: ILayoutElement) => {\n            if (element.type === \"Group\" || element.type === \"WizardStep\") {\n                const step = new WizardStep({\n                    title: element.label || \"Step\",\n                    validated: true // The PipelineManager handles global validation, wizard step validation can be local later\n                });\n\n                const form = new SimpleForm({\n                    editable: true,\n                    layout: \"ResponsiveGridLayout\",\n                    labelSpanXL: 4, labelSpanL: 4, labelSpanM: 4, labelSpanS: 12,\n                    adjustLabelSpan: false,\n                    emptySpanXL: 0, emptySpanL: 0, emptySpanM: 0, emptySpanS: 0,\n                    columnsXL: 1, columnsL: 1, columnsM: 1,\n                    singleContainerFullSize: false\n                });\n                \n                if (element.elements && Array.isArray(element.elements)) {\n                    element.elements.forEach(childElement => {\n                        this._renderElementInForm(form, childElement, schema, modelName, engine);\n                    });\n                }\n\n                step.addContent(form);\n                wizard.addStep(step);\n            } else {\n                Logger.warn(`[MetaUI] Top-level element '${element.type}' inside WizardLayout must be 'Group' or 'WizardStep'.`, \"\", \"WizardLayout\");\n            }\n        });\n\n        return wizard;\n    }\n\n    private _renderElementInForm(form: SimpleForm, element: ILayoutElement, schema: ISchema, modelName: string, engine: Engine): void {\n        if (element.type === \"Control\") {\n            if (!element.scope || !element.scope.startsWith(\"#/properties/\")) {\n                Logger.error(`[MetaUI] Invalid scope '${element.scope}' in uiLayout Control.`, \"\", \"WizardLayout\");\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.`, \"\", \"WizardLayout\");\n                return;\n            }\n\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\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\n                if (effectiveMeta.ui?.fullWidth) {\n                    sap.ui.require([\"sap/ui/layout/GridData\"], (GridData: any) => {\n                        control.setLayoutData(new GridData({ span: \"XL12 L12 M12 S12\" }));\n                    });\n                }\n\n                form.addContent(label);\n                form.addContent(control);\n            } catch (error) {\n                Logger.error(`[MetaUI] Failed to render Wizard field ${propKey}`, (error as Error).message, \"WizardLayout\");\n                form.addContent(new Label({ text: propKey }));\n            }\n        } else {\n            Logger.warn(`[MetaUI] Nested groups within Wizard steps are not fully supported in SimpleForm yet.`, \"\", \"WizardLayout\");\n        }\n    }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,28 @@
+declare module "nz/co/siliconst/ui5/metaui/layouts/WizardLayout" {
+    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 responsive SAP Fiori Wizard.
+     * It segments the schema fields into discrete Wizard Steps based on `uiLayout` elements
+     * of type `Group` or `WizardStep`.
+     *
+     * @namespace nz.co.siliconst.ui5.metaui.layouts
+     * @public
+     */
+    export class WizardLayout implements ILayoutManager {
+        /**
+         * Renders the JSON Schema properties into a paginated UI5 Wizard using uiLayout.
+         *
+         * @param schema The active JSON schema object.
+         * @param modelName The bound UI5 model name.
+         * @param engine The central orchestrator for delegating plugin generation.
+         * @param onSubmit Hook executed when the Wizard's native 'complete' event is fired.
+         * @returns {Control} The generated sap.m.Wizard control.
+         */
+        render(schema: ISchema, modelName: string, engine: Engine, onSubmit?: () => void): Control;
+        private _renderElementInForm;
+    }
+}
+//# sourceMappingURL=WizardLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WizardLayout.d.ts","sourceRoot":"../../../../../../../..","sources":["src/nz/co/siliconst/ui5/metaui/layouts/WizardLayout.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,iDAAiD,CAAC;IAWjE,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;;;;;;;OAOG;IACH,MAAa,YAAa,YAAW,cAAc;QAC/C;;;;;;;;WAQG;QACI,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO;QA+CjG,OAAO,CAAC,oBAAoB;KA6C/B;CAEA"}

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

@@ -0,0 +1,2 @@
+sap.ui.define(["sap/m/Wizard","sap/m/WizardStep","sap/ui/layout/form/SimpleForm","sap/m/Label","../utils/Logger"],function(e,t,a,r,n){"use strict";const i=n["Logger"];class o{render(r,n,o,s){const u=new e({renderMode:"Page",showNextButton:true,complete:function(){if(s)s()}});if(!r.uiLayout||!Array.isArray(r.uiLayout)){i.warn("[MetaUI] Missing 'uiLayout' array in wizard schema. Wizard will not render any steps.");return u}r.uiLayout.forEach(e=>{if(e.type==="Group"||e.type==="WizardStep"){const i=new t({title:e.label||"Step",validated:true});const s=new a({editable:true,layout:"ResponsiveGridLayout",labelSpanXL:4,labelSpanL:4,labelSpanM:4,labelSpanS:12,adjustLabelSpan:false,emptySpanXL:0,emptySpanL:0,emptySpanM:0,emptySpanS:0,columnsXL:1,columnsL:1,columnsM:1,singleContainerFullSize:false});if(e.elements&&Array.isArray(e.elements)){e.elements.forEach(e=>{this._renderElementInForm(s,e,r,n,o)})}i.addContent(s);u.addStep(i)}else{i.warn(`[MetaUI] Top-level element '${e.type}' inside WizardLayout must be 'Group' or 'WizardStep'.`,"","WizardLayout")}});return u}_renderElementInForm(e,t,a,n,o){if(t.type==="Control"){if(!t.scope||!t.scope.startsWith("#/properties/")){i.error(`[MetaUI] Invalid scope '${t.scope}' in uiLayout Control.`,"","WizardLayout");return}const s=t.scope.replace("#/properties/","");const u=a.properties?.[s];if(!u){i.error(`[MetaUI] Property '${s}' not found in schema definitions.`,"","WizardLayout");return}try{const a=t.label||u.ui?.label||s;const i=new r({text:a,required:u.required});const l={...u};if(t.widget){l.ui={...u.ui,widget:t.widget}}const d=o.generateField(l,`/${s}`,n);if(l.ui?.fullWidth){sap.ui.require(["sap/ui/layout/GridData"],e=>{d.setLayoutData(new e({span:"XL12 L12 M12 S12"}))})}e.addContent(i);e.addContent(d)}catch(t){i.error(`[MetaUI] Failed to render Wizard field ${s}`,t.message,"WizardLayout");e.addContent(new r({text:s}))}}else{i.warn(`[MetaUI] Nested groups within Wizard steps are not fully supported in SimpleForm yet.`,"","WizardLayout")}}}var s={__esModule:true};s.WizardLayout=o;return s});
+//# sourceMappingURL=WizardLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WizardLayout.js","names":["Logger","___utils_Logger","WizardLayout","render","schema","modelName","engine","onSubmit","wizard","Wizard","renderMode","showNextButton","complete","uiLayout","Array","isArray","warn","forEach","element","type","step","WizardStep","title","label","validated","form","SimpleForm","editable","layout","labelSpanXL","labelSpanL","labelSpanM","labelSpanS","adjustLabelSpan","emptySpanXL","emptySpanL","emptySpanM","emptySpanS","columnsXL","columnsL","columnsM","singleContainerFullSize","elements","childElement","this","_renderElementInForm","addContent","addStep","scope","startsWith","error","propKey","replace","meta","properties","labelText","ui","Label","text","required","effectiveMeta","widget","control","generateField","fullWidth","sap","require","GridData","setLayoutData","span","message","__exports","__esModule"],"sources":["WizardLayout.ts"],"sourcesContent":["/**\n * @file WizardLayout.ts\n * @description Generates a fully responsive SAP Fiori Wizard layout.\n */\n\nimport Wizard from \"sap/m/Wizard\";\nimport WizardStep from \"sap/m/WizardStep\";\nimport SimpleForm from \"sap/ui/layout/form/SimpleForm\";\nimport Label from \"sap/m/Label\";\nimport VBox from \"sap/m/VBox\";\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 responsive SAP Fiori Wizard.\n * It segments the schema fields into discrete Wizard Steps based on `uiLayout` elements \n * of type `Group` or `WizardStep`.\n * \n * @namespace nz.co.siliconst.ui5.metaui.layouts\n * @public\n */\nexport class WizardLayout implements ILayoutManager {\n    /**\n     * Renders the JSON Schema properties into a paginated UI5 Wizard using uiLayout.\n     * \n     * @param schema The active JSON schema object.\n     * @param modelName The bound UI5 model name.\n     * @param engine The central orchestrator for delegating plugin generation.\n     * @param onSubmit Hook executed when the Wizard's native 'complete' event is fired.\n     * @returns {Control} The generated sap.m.Wizard control.\n     */\n    public render(schema: ISchema, modelName: string, engine: Engine, onSubmit?: () => void): Control {\n        const wizard = new Wizard({\n            renderMode: \"Page\",\n            showNextButton: true,\n            complete: function() {\n                if (onSubmit) onSubmit();\n            }\n        });\n\n        if (!schema.uiLayout || !Array.isArray(schema.uiLayout)) {\n            Logger.warn(\"[MetaUI] Missing 'uiLayout' array in wizard schema. Wizard will not render any steps.\");\n            return wizard;\n        }\n\n        schema.uiLayout.forEach((element: ILayoutElement) => {\n            if (element.type === \"Group\" || element.type === \"WizardStep\") {\n                const step = new WizardStep({\n                    title: element.label || \"Step\",\n                    validated: true // The PipelineManager handles global validation, wizard step validation can be local later\n                });\n\n                const form = new SimpleForm({\n                    editable: true,\n                    layout: \"ResponsiveGridLayout\",\n                    labelSpanXL: 4, labelSpanL: 4, labelSpanM: 4, labelSpanS: 12,\n                    adjustLabelSpan: false,\n                    emptySpanXL: 0, emptySpanL: 0, emptySpanM: 0, emptySpanS: 0,\n                    columnsXL: 1, columnsL: 1, columnsM: 1,\n                    singleContainerFullSize: false\n                });\n                \n                if (element.elements && Array.isArray(element.elements)) {\n                    element.elements.forEach(childElement => {\n                        this._renderElementInForm(form, childElement, schema, modelName, engine);\n                    });\n                }\n\n                step.addContent(form);\n                wizard.addStep(step);\n            } else {\n                Logger.warn(`[MetaUI] Top-level element '${element.type}' inside WizardLayout must be 'Group' or 'WizardStep'.`, \"\", \"WizardLayout\");\n            }\n        });\n\n        return wizard;\n    }\n\n    private _renderElementInForm(form: SimpleForm, element: ILayoutElement, schema: ISchema, modelName: string, engine: Engine): void {\n        if (element.type === \"Control\") {\n            if (!element.scope || !element.scope.startsWith(\"#/properties/\")) {\n                Logger.error(`[MetaUI] Invalid scope '${element.scope}' in uiLayout Control.`, \"\", \"WizardLayout\");\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.`, \"\", \"WizardLayout\");\n                return;\n            }\n\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\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\n                if (effectiveMeta.ui?.fullWidth) {\n                    sap.ui.require([\"sap/ui/layout/GridData\"], (GridData: any) => {\n                        control.setLayoutData(new GridData({ span: \"XL12 L12 M12 S12\" }));\n                    });\n                }\n\n                form.addContent(label);\n                form.addContent(control);\n            } catch (error) {\n                Logger.error(`[MetaUI] Failed to render Wizard field ${propKey}`, (error as Error).message, \"WizardLayout\");\n                form.addContent(new Label({ text: propKey }));\n            }\n        } else {\n            Logger.warn(`[MetaUI] Nested groups within Wizard steps are not fully supported in SimpleForm yet.`, \"\", \"WizardLayout\");\n        }\n    }\n}\n"],"mappings":"yJAaSA,EAAMC,EAAA,UAWR,MAAMC,EAUFC,OAAOC,EAAiBC,EAAmBC,EAAgBC,GAC9D,MAAMC,EAAS,IAAIC,EAAO,CACtBC,WAAY,OACZC,eAAgB,KAChBC,SAAU,WACN,GAAIL,EAAUA,GAClB,IAGJ,IAAKH,EAAOS,WAAaC,MAAMC,QAAQX,EAAOS,UAAW,CACrDb,EAAOgB,KAAK,yFACZ,OAAOR,CACX,CAEAJ,EAAOS,SAASI,QAASC,IACrB,GAAIA,EAAQC,OAAS,SAAWD,EAAQC,OAAS,aAAc,CAC3D,MAAMC,EAAO,IAAIC,EAAW,CACxBC,MAAOJ,EAAQK,OAAS,OACxBC,UAAW,OAGf,MAAMC,EAAO,IAAIC,EAAW,CACxBC,SAAU,KACVC,OAAQ,uBACRC,YAAa,EAAGC,WAAY,EAAGC,WAAY,EAAGC,WAAY,GAC1DC,gBAAiB,MACjBC,YAAa,EAAGC,WAAY,EAAGC,WAAY,EAAGC,WAAY,EAC1DC,UAAW,EAAGC,SAAU,EAAGC,SAAU,EACrCC,wBAAyB,QAG7B,GAAIvB,EAAQwB,UAAY5B,MAAMC,QAAQG,EAAQwB,UAAW,CACrDxB,EAAQwB,SAASzB,QAAQ0B,IACrBC,KAAKC,qBAAqBpB,EAAMkB,EAAcvC,EAAQC,EAAWC,IAEzE,CAEAc,EAAK0B,WAAWrB,GAChBjB,EAAOuC,QAAQ3B,EACnB,KAAO,CACHpB,EAAOgB,KAAK,+BAA+BE,EAAQC,6DAA8D,GAAI,eACzH,IAGJ,OAAOX,CACX,CAEQqC,qBAAqBpB,EAAkBP,EAAyBd,EAAiBC,EAAmBC,GACxG,GAAIY,EAAQC,OAAS,UAAW,CAC5B,IAAKD,EAAQ8B,QAAU9B,EAAQ8B,MAAMC,WAAW,iBAAkB,CAC9DjD,EAAOkD,MAAM,2BAA2BhC,EAAQ8B,8BAA+B,GAAI,gBACnF,MACJ,CAEA,MAAMG,EAAUjC,EAAQ8B,MAAMI,QAAQ,gBAAiB,IACvD,MAAMC,EAAOjD,EAAOkD,aAAaH,GAEjC,IAAKE,EAAM,CACPrD,EAAOkD,MAAM,sBAAsBC,sCAA6C,GAAI,gBACpF,MACJ,CAEA,IACI,MAAMI,EAAYrC,EAAQK,OAAS8B,EAAKG,IAAIjC,OAAS4B,EACrD,MAAM5B,EAAQ,IAAIkC,EAAM,CACpBC,KAAMH,EACNI,SAAUN,EAAKM,WAGnB,MAAMC,EAAgB,IAAKP,GAC3B,GAAInC,EAAQ2C,OAAQ,CAChBD,EAAcJ,GAAK,IAAKH,EAAKG,GAAIK,OAAQ3C,EAAQ2C,OACrD,CAEA,MAAMC,EAAUxD,EAAOyD,cAAcH,EAAe,IAAIT,IAAW9C,GAEnE,GAAIuD,EAAcJ,IAAIQ,UAAW,CAC7BC,IAAIT,GAAGU,QAAQ,CAAC,0BAA4BC,IACxCL,EAAQM,cAAc,IAAID,EAAS,CAAEE,KAAM,uBAEnD,CAEA5C,EAAKqB,WAAWvB,GAChBE,EAAKqB,WAAWgB,EACpB,CAAE,MAAOZ,GACLlD,EAAOkD,MAAM,0CAA0CC,IAAYD,EAAgBoB,QAAS,gBAC5F7C,EAAKqB,WAAW,IAAIW,EAAM,CAAEC,KAAMP,IACtC,CACJ,KAAO,CACHnD,EAAOgB,KAAK,wFAAyF,GAAI,eAC7G,CACJ,EACH,IAAAuD,EAAA,CAAAC,WAAA,MAAAD,EAAArE,eAAA,OAAAqE,CAAA","ignoreList":[]}