@siliconst/metaui 1.0.2 → 1.2.0

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

@@ -1,60 +1,97 @@
-/**
- * @file FormLayout.ts
- * @description Generates a fully responsive SAP Fiori Form layout (SimpleForm).
- */
-
-import SimpleForm from "sap/ui/layout/form/SimpleForm";
-import Label from "sap/m/Label";
-import { IFieldMetadata } from "../interfaces/ISchema";
-import { PluginRegistry } from "../core/PluginRegistry";
-
-/**
- * Utility class strictly for constructing Form layouts without custom CSS.
- */
-export class FormLayout {
-    /**
-     * Builds a SimpleForm with ResponsiveGridLayout, injecting the requested plugins.
-     * @param fields The array of root fields to render as FormElements.
-     * @returns A fully populated sap.ui.layout.form.SimpleForm.
-     */
-    public static build(fields: IFieldMetadata[]): SimpleForm {
-        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
-        });
-
-        const registry = PluginRegistry.getInstance();
-
-        fields.forEach((field) => {
-            // Respect Fiori accessibility standards by enforcing the required flag on labels
-            const label = new Label({
-                text: field.label,
-                required: field.isRequired
-            });
-
-            // Instantiate the correct plugin for the data type
-            const plugin = registry.getPlugin(field.type);
-            
-            // In the isolated state manager architecture, the binding path maps exactly to the fieldName.
-            const control = plugin.render(field, `/${field.fieldName}`);
-
-            form.addContent(label);
-            form.addContent(control);
-        });
-
-        return form;
-    }
-}
+/**
+ * @file FormLayout.ts
+ * @description Generates a fully responsive SAP Fiori Form layout (SimpleForm).
+ */
+
+import SimpleForm from "sap/ui/layout/form/SimpleForm";
+import Label from "sap/m/Label";
+import Title from "sap/ui/core/Title";
+import { IPropertyMetadata } from "../interfaces/ISchema";
+import { PluginRegistry } from "../core/PluginRegistry";
+import { IPlugin } from "../interfaces/IPlugin";
+
+export 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.
+     */
+    public static build(properties: Record<string, IPropertyMetadata>, modelName: string = "meta", formTitle?: string, trackPlugin?: (plugin: IPlugin) => void): SimpleForm {
+        const form = new SimpleForm({
+            editable: true,
+            title: formTitle,
+            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
+        });
+
+        const registry = PluginRegistry.getInstance();
+        
+        // Group fields by their ui.group directive
+        const groups: Record<string, { key: string; meta: IPropertyMetadata }[]> = {};
+        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 });
+        }
+
+        // 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
+                    });
+
+                    // 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: any) => {
+                            control.setLayoutData(new GridData({
+                                span: "XL12 L12 M12 S12"
+                            }));
+                        });
+                    }
+
+                    form.addContent(label);
+                    form.addContent(control);
+                } catch (error) {
+                    sap.ui.require(["sap/base/Log"], (Log: any) => {
+                        if (Log) Log.error(`[MetaUI] Failed to render field ${field.key}`, (error as Error).message, "FormLayout");
+                    });
+                }
+            });
+        }
+
+        return form;
+    }
+}

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

@@ -1,91 +1,103 @@
-sap.ui.define(["sap/m/Table", "sap/m/Column", "sap/m/Text", "sap/m/ColumnListItem", "sap/m/Toolbar", "sap/m/Title", "sap/m/ToolbarSpacer", "sap/m/Button", "../core/PluginRegistry"], function (Table, Column, Text, ColumnListItem, Toolbar, Title, ToolbarSpacer, Button, ___core_PluginRegistry) {
-  "use strict";
-
-  const PluginRegistry = ___core_PluginRegistry["PluginRegistry"];
-  /**
-   * Utility class strictly for constructing sap.m.Table structures with dynamic pop-in vectors.
-   */
-  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.
-     */
-    static build(tableMeta) {
-      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 => {
-              const btn = oEvent.getSource();
-              const tbl = btn.getParent().getParent();
-              const model = tbl.getModel("meta");
-              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 => {
-          const item = oEvent.getParameter("listItem");
-          const path = item.getBindingContext("meta").getPath(); // e.g. "/Contacts/0"
-          const model = item.getModel("meta");
-          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 = [];
-      const registry = PluginRegistry.getInstance();
-      tableMeta.fields.forEach(field => {
-        // 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;
-    }
-  }
-  var __exports = {
-    __esModule: true
-  };
-  __exports.TableLayout = TableLayout;
-  return __exports;
-});
+sap.ui.define(["sap/m/Table", "sap/m/Column", "sap/m/Text", "sap/m/ColumnListItem", "sap/m/Toolbar", "sap/m/Title", "sap/m/ToolbarSpacer", "sap/m/Button", "../core/PluginRegistry"], function (Table, Column, Text, ColumnListItem, Toolbar, Title, ToolbarSpacer, Button, ___core_PluginRegistry) {
+  "use strict";
+
+  const PluginRegistry = ___core_PluginRegistry["PluginRegistry"];
+  class TableLayout {
+    /**
+     * Builds a responsive Table, dynamically calculating column priorities.
+     */
+    static build(tableMeta, bindingPath = "meta>/", tableTitle = "Table", trackPlugin) {
+      if (!tableMeta.properties) {
+        throw new Error("[MetaUI] Table requires an items schema with properties.");
+      }
+      const parts = bindingPath.split(">");
+      const actualModelName = parts.length > 1 ? parts[0] : undefined;
+      const actualPath = parts.length > 1 ? parts[1] : bindingPath;
+      // e.g. "meta>/Contacts" -> actualModelName = "meta", actualPath = "/Contacts"
+
+      const table = new Table({
+        headerToolbar: new Toolbar({
+          content: [new Title({
+            text: tableTitle
+          }), new ToolbarSpacer(), new Button({
+            text: "Add Row",
+            icon: "sap-icon://add",
+            press: oEvent => {
+              const btn = oEvent.getSource();
+              const tbl = btn.getParent().getParent();
+              const model = tbl.getModel(actualModelName);
+              const info = tbl.getBindingInfo("items");
+              if (!info || !info.path) return;
+              const data = model.getProperty(info.path) || [];
+              data.push({}); // append empty row
+              model.setProperty(info.path, data);
+            }
+          })]
+        }),
+        fixedLayout: false,
+        mode: "Delete",
+        delete: oEvent => {
+          const item = oEvent.getParameter("listItem");
+          const path = item.getBindingContext(actualModelName).getPath();
+          const model = item.getModel(actualModelName);
+          const splitPaths = path.split("/");
+          const index = parseInt(splitPaths.pop() || "0", 10);
+          let arrayPath = splitPaths.join("/");
+          if (arrayPath === "") arrayPath = "/";
+          const data = model.getProperty(arrayPath);
+          data.splice(index, 1);
+          model.setProperty(arrayPath, data);
+        }
+      });
+      const templateCells = [];
+      const registry = PluginRegistry.getInstance();
+      const props = tableMeta.properties;
+      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 plugin = registry.getPlugin(fieldMeta.type, fieldMeta.ui?.widget);
+          if (trackPlugin) trackPlugin(plugin);
+          const control = plugin.render(fieldMeta, key, actualModelName); // No trailing slash for relative bindings
+          templateCells.push(control);
+        } catch (error) {
+          sap.ui.require(["sap/base/Log"], Log => {
+            if (Log) Log.error(`[MetaUI] Failed to render column ${key}`, error.message, "TableLayout");
+          });
+
+          // Add an empty text control as a fallback so the table columns match the cells array length
+          templateCells.push(new Text({
+            text: "Error"
+          }));
+        }
+      });
+      const rowTemplate = new ColumnListItem({
+        cells: templateCells
+      });
+
+      // V2 Fix: Actually bind the items to the table!
+      table.bindItems({
+        path: actualPath,
+        model: actualModelName,
+        template: rowTemplate,
+        templateShareable: false
+      });
+      return table;
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.TableLayout = TableLayout;
+  return __exports;
+});
 //# sourceMappingURL=TableLayout-dbg.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableLayout-dbg.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":"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","ignoreList":[]}
+{"version":3,"file":"TableLayout-dbg.js","names":["PluginRegistry","___core_PluginRegistry","TableLayout","build","tableMeta","bindingPath","tableTitle","trackPlugin","properties","Error","parts","split","actualModelName","length","undefined","actualPath","table","Table","headerToolbar","Toolbar","content","Title","text","ToolbarSpacer","Button","icon","press","oEvent","btn","getSource","tbl","getParent","model","getModel","info","getBindingInfo","path","data","getProperty","push","setProperty","fixedLayout","mode","delete","item","getParameter","getBindingContext","getPath","splitPaths","index","parseInt","pop","arrayPath","join","splice","templateCells","registry","getInstance","props","Object","keys","forEach","key","fieldMeta","isKey","ui","column","Column","header","Text","label","demandPopin","minScreenWidth","popinDisplay","addColumn","plugin","getPlugin","type","widget","control","render","error","sap","require","Log","message","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 { PluginRegistry } from \"../core/PluginRegistry\";\nimport Control from \"sap/ui/core/Control\";\nimport { IPlugin } from \"../interfaces/IPlugin\";\nimport { IPropertyMetadata } from \"../interfaces/ISchema\";\n\nexport class TableLayout {\n    /**\n     * Builds a responsive Table, dynamically calculating column priorities.\n     */\n    public static build(tableMeta: IPropertyMetadata, bindingPath: string = \"meta>/\", tableTitle: string = \"Table\", trackPlugin?: (plugin: IPlugin) => void): Table {\n        if (!tableMeta.properties) {\n            throw new Error(\"[MetaUI] Table requires an items schema with properties.\");\n        }\n\n        const parts = bindingPath.split(\">\");\n        const actualModelName = parts.length > 1 ? parts[0] : undefined;\n        const actualPath = parts.length > 1 ? parts[1] : bindingPath;\n        // e.g. \"meta>/Contacts\" -> actualModelName = \"meta\", actualPath = \"/Contacts\"\n\n        const table = new Table({\n            headerToolbar: new Toolbar({\n                content: [\n                    new Title({ text: tableTitle }),\n                    new ToolbarSpacer(),\n                    new Button({\n                        text: \"Add Row\",\n                        icon: \"sap-icon://add\",\n                        press: (oEvent: any) => {\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 data = model.getProperty(info.path) || [];\n                            data.push({}); // append empty row\n                            model.setProperty(info.path, data);\n                        }\n                    })\n                ]\n            }),\n            fixedLayout: false,\n            mode: \"Delete\",\n            delete: (oEvent: any) => {\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 data = model.getProperty(arrayPath);\n                data.splice(index, 1);\n                model.setProperty(arrayPath, data);\n            }\n        });\n\n        const templateCells: Control[] = [];\n        const registry = PluginRegistry.getInstance();\n        const props = tableMeta.properties;\n\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 plugin = registry.getPlugin(fieldMeta.type, fieldMeta.ui?.widget);\n                if (trackPlugin) trackPlugin(plugin);\n                const control = plugin.render(fieldMeta, key, actualModelName); // No trailing slash for relative bindings\n                templateCells.push(control);\n            } catch (error) {\n                sap.ui.require([\"sap/base/Log\"], (Log: any) => {\n                    if (Log) Log.error(`[MetaUI] Failed to render column ${key}`, (error as Error).message, \"TableLayout\");\n                });\n                \n                // Add an empty text control as a fallback so the table columns match the cells array length\n                templateCells.push(new Text({ text: \"Error\" }));\n            }\n        });\n\n        const rowTemplate = new ColumnListItem({\n            cells: templateCells\n        });\n\n        // V2 Fix: Actually bind the items to the table!\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.d.ts

@@ -1,20 +1,16 @@
 declare module "nz/co/siliconst/ui5/metaui/layouts/TableLayout" {
     /**
      * @file TableLayout.ts
-     * @description Generates a responsive SAP Fiori Table layout.
+     * @description Generates a responsive SAP Fiori Table layout for v2 schema.
      */
     import Table from "sap/m/Table";
-    import { ITableMetadata } from "nz/co/siliconst/ui5/metaui/interfaces/ISchema";
-    /**
-     * Utility class strictly for constructing sap.m.Table structures with dynamic pop-in vectors.
-     */
+    import { IPlugin } from "nz/co/siliconst/ui5/metaui/interfaces/IPlugin";
+    import { IPropertyMetadata } from "nz/co/siliconst/ui5/metaui/interfaces/ISchema";
     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.
          */
-        static build(tableMeta: ITableMetadata): Table;
+        static build(tableMeta: IPropertyMetadata, bindingPath?: string, tableTitle?: string, trackPlugin?: (plugin: IPlugin) => void): Table;
     }
 }
 //# sourceMappingURL=TableLayout.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableLayout.d.ts","sourceRoot":"..\\..\\..\\..\\..\\..\\..\\..","sources":["src\\nz\\co\\siliconst\\ui5\\metaui\\layouts\\TableLayout.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,gDAAgD,CAAC;IAChE;;;OAGG;IAEH,OAAO,KAAK,MAAM,aAAa,CAAC;IAShC,OAAO,EAAE,cAAc,EAAkB,MAAM,+CAA+C,CAAC;IAI/F;;OAEG;IACH,MAAa,WAAW;QACpB;;;;WAIG;eACW,KAAK,CAAC,SAAS,EAAE,cAAc,GAAG,KAAK;KA0ExD;CAEA"}
+{"version":3,"file":"TableLayout.d.ts","sourceRoot":"../../../../../../../..","sources":["src/nz/co/siliconst/ui5/metaui/layouts/TableLayout.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,gDAAgD,CAAC;IAChE;;;OAGG;IAEH,OAAO,KAAK,MAAM,aAAa,CAAC;IAWhC,OAAO,EAAE,OAAO,EAAE,MAAM,+CAA+C,CAAC;IACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;IAElF,MAAa,WAAW;QACpB;;WAEG;eACW,KAAK,CAAC,SAAS,EAAE,iBAAiB,EAAE,WAAW,GAAE,MAAiB,EAAE,UAAU,GAAE,MAAgB,EAAE,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,GAAG,KAAK;KA+FlK;CAEA"}

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

@@ -1,2 +1,2 @@
-sap.ui.define(["sap/m/Table","sap/m/Column","sap/m/Text","sap/m/ColumnListItem","sap/m/Toolbar","sap/m/Title","sap/m/ToolbarSpacer","sap/m/Button","../core/PluginRegistry"],function(e,t,n,s,a,o,l,r,c){"use strict";const i=c["PluginRegistry"];class p{static build(c){const p=new e({headerToolbar:new a({content:[new o({text:c.label||c.tableName}),new l,new r({text:"Add Row",icon:"sap-icon://add",press:e=>{const t=e.getSource();const n=t.getParent().getParent();const s=n.getModel("meta");const a=`/${c.tableName}`;const o=s.getProperty(a)||[];o.push({});s.setProperty(a,o)}})]}),fixedLayout:false,mode:"Delete",delete:e=>{const t=e.getParameter("listItem");const n=t.getBindingContext("meta").getPath();const s=t.getModel("meta");const a=n.split("/");const o=parseInt(a.pop()||"0",10);const l=a.join("/");const r=s.getProperty(l);r.splice(o,1);s.setProperty(l,r)}});const m=[];const d=i.getInstance();c.fields.forEach(e=>{const s=new t({header:new n({text:e.label}),demandPopin:!e.isKey,minScreenWidth:e.isKey?"":"Tablet",popinDisplay:"Inline"});p.addColumn(s);const a=d.getPlugin(e.type);const o=a.render(e,e.fieldName);m.push(o)});const u=new s({cells:m});p.bindItems({path:`meta>/${c.tableName}`,template:u,templateShareable:false});return p}}var m={__esModule:true};m.TableLayout=p;return m});
+sap.ui.define(["sap/m/Table","sap/m/Column","sap/m/Text","sap/m/ColumnListItem","sap/m/Toolbar","sap/m/Title","sap/m/ToolbarSpacer","sap/m/Button","../core/PluginRegistry"],function(e,t,n,s,o,a,r,i,c){"use strict";const l=c["PluginRegistry"];class p{static build(c,p="meta>/",u="Table",d){if(!c.properties){throw new Error("[MetaUI] Table requires an items schema with properties.")}const m=p.split(">");const g=m.length>1?m[0]:undefined;const h=m.length>1?m[1]:p;const b=new e({headerToolbar:new o({content:[new a({text:u}),new r,new i({text:"Add Row",icon:"sap-icon://add",press:e=>{const t=e.getSource();const n=t.getParent().getParent();const s=n.getModel(g);const o=n.getBindingInfo("items");if(!o||!o.path)return;const a=s.getProperty(o.path)||[];a.push({});s.setProperty(o.path,a)}})]}),fixedLayout:false,mode:"Delete",delete:e=>{const t=e.getParameter("listItem");const n=t.getBindingContext(g).getPath();const s=t.getModel(g);const o=n.split("/");const a=parseInt(o.pop()||"0",10);let r=o.join("/");if(r==="")r="/";const i=s.getProperty(r);i.splice(a,1);s.setProperty(r,i)}});const w=[];const y=l.getInstance();const f=c.properties;Object.keys(f).forEach(e=>{try{const s=f[e];const o=!!s.ui?.isKey;const a=new t({header:new n({text:s.ui?.label||e}),demandPopin:!o,minScreenWidth:o?"":"Tablet",popinDisplay:"Inline"});b.addColumn(a);const r=y.getPlugin(s.type,s.ui?.widget);if(d)d(r);const i=r.render(s,e,g);w.push(i)}catch(t){sap.ui.require(["sap/base/Log"],n=>{if(n)n.error(`[MetaUI] Failed to render column ${e}`,t.message,"TableLayout")});w.push(new n({text:"Error"}))}});const P=new s({cells:w});b.bindItems({path:h,model:g,template:P,templateShareable:false});return b}}var u={__esModule:true};u.TableLayout=p;return u});
 //# sourceMappingURL=TableLayout.js.map

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":["PluginRegistry","___core_PluginRegistry","TableLayout","build","tableMeta","bindingPath","tableTitle","trackPlugin","properties","Error","parts","split","actualModelName","length","undefined","actualPath","table","Table","headerToolbar","Toolbar","content","Title","text","ToolbarSpacer","Button","icon","press","oEvent","btn","getSource","tbl","getParent","model","getModel","info","getBindingInfo","path","data","getProperty","push","setProperty","fixedLayout","mode","delete","item","getParameter","getBindingContext","getPath","splitPaths","index","parseInt","pop","arrayPath","join","splice","templateCells","registry","getInstance","props","Object","keys","forEach","key","fieldMeta","isKey","ui","column","Column","header","Text","label","demandPopin","minScreenWidth","popinDisplay","addColumn","plugin","getPlugin","type","widget","control","render","error","sap","require","Log","message","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 { PluginRegistry } from \"../core/PluginRegistry\";\nimport Control from \"sap/ui/core/Control\";\nimport { IPlugin } from \"../interfaces/IPlugin\";\nimport { IPropertyMetadata } from \"../interfaces/ISchema\";\n\nexport class TableLayout {\n    /**\n     * Builds a responsive Table, dynamically calculating column priorities.\n     */\n    public static build(tableMeta: IPropertyMetadata, bindingPath: string = \"meta>/\", tableTitle: string = \"Table\", trackPlugin?: (plugin: IPlugin) => void): Table {\n        if (!tableMeta.properties) {\n            throw new Error(\"[MetaUI] Table requires an items schema with properties.\");\n        }\n\n        const parts = bindingPath.split(\">\");\n        const actualModelName = parts.length > 1 ? parts[0] : undefined;\n        const actualPath = parts.length > 1 ? parts[1] : bindingPath;\n        // e.g. \"meta>/Contacts\" -> actualModelName = \"meta\", actualPath = \"/Contacts\"\n\n        const table = new Table({\n            headerToolbar: new Toolbar({\n                content: [\n                    new Title({ text: tableTitle }),\n                    new ToolbarSpacer(),\n                    new Button({\n                        text: \"Add Row\",\n                        icon: \"sap-icon://add\",\n                        press: (oEvent: any) => {\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 data = model.getProperty(info.path) || [];\n                            data.push({}); // append empty row\n                            model.setProperty(info.path, data);\n                        }\n                    })\n                ]\n            }),\n            fixedLayout: false,\n            mode: \"Delete\",\n            delete: (oEvent: any) => {\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 data = model.getProperty(arrayPath);\n                data.splice(index, 1);\n                model.setProperty(arrayPath, data);\n            }\n        });\n\n        const templateCells: Control[] = [];\n        const registry = PluginRegistry.getInstance();\n        const props = tableMeta.properties;\n\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 plugin = registry.getPlugin(fieldMeta.type, fieldMeta.ui?.widget);\n                if (trackPlugin) trackPlugin(plugin);\n                const control = plugin.render(fieldMeta, key, actualModelName); // No trailing slash for relative bindings\n                templateCells.push(control);\n            } catch (error) {\n                sap.ui.require([\"sap/base/Log\"], (Log: any) => {\n                    if (Log) Log.error(`[MetaUI] Failed to render column ${key}`, (error as Error).message, \"TableLayout\");\n                });\n                \n                // Add an empty text control as a fallback so the table columns match the cells array length\n                templateCells.push(new Text({ text: \"Error\" }));\n            }\n        });\n\n        const rowTemplate = new ColumnListItem({\n            cells: templateCells\n        });\n\n        // V2 Fix: Actually bind the items to the table!\n        table.bindItems({\n            path: actualPath,\n            model: actualModelName,\n            template: rowTemplate,\n            templateShareable: false\n        });\n\n        return table;\n    }\n}\n"],"mappings":"4NAcSA,EAAcC,EAAA,kBAKhB,MAAMC,EAIT,YAAcC,CAAMC,EAA8BC,EAAsB,SAAUC,EAAqB,QAASC,GAC5G,IAAKH,EAAUI,WAAY,CACvB,MAAM,IAAIC,MAAM,2DACpB,CAEA,MAAMC,EAAQL,EAAYM,MAAM,KAChC,MAAMC,EAAkBF,EAAMG,OAAS,EAAIH,EAAM,GAAKI,UACtD,MAAMC,EAAaL,EAAMG,OAAS,EAAIH,EAAM,GAAKL,EAGjD,MAAMW,EAAQ,IAAIC,EAAM,CACpBC,cAAe,IAAIC,EAAQ,CACvBC,QAAS,CACL,IAAIC,EAAM,CAAEC,KAAMhB,IAClB,IAAIiB,EACJ,IAAIC,EAAO,CACPF,KAAM,UACNG,KAAM,iBACNC,MAAQC,IACJ,MAAMC,EAAMD,EAAOE,YACnB,MAAMC,EAAMF,EAAIG,YAAYA,YAC5B,MAAMC,EAAQF,EAAIG,SAASrB,GAC3B,MAAMsB,EAAOJ,EAAIK,eAAe,SAChC,IAAKD,IAASA,EAAKE,KAAM,OAEzB,MAAMC,EAAOL,EAAMM,YAAYJ,EAAKE,OAAS,GAC7CC,EAAKE,KAAK,CAAC,GACXP,EAAMQ,YAAYN,EAAKE,KAAMC,SAK7CI,YAAa,MACbC,KAAM,SACNC,OAAShB,IACL,MAAMiB,EAAOjB,EAAOkB,aAAa,YACjC,MAAMT,EAAOQ,EAAKE,kBAAkBlC,GAAiBmC,UACrD,MAAMf,EAAQY,EAAKX,SAASrB,GAE5B,MAAMoC,EAAaZ,EAAKzB,MAAM,KAC9B,MAAMsC,EAAQC,SAASF,EAAWG,OAAS,IAAK,IAChD,IAAIC,EAAYJ,EAAWK,KAAK,KAChC,GAAID,IAAc,GAAIA,EAAY,IAElC,MAAMf,EAAOL,EAAMM,YAAYc,GAC/Bf,EAAKiB,OAAOL,EAAO,GACnBjB,EAAMQ,YAAYY,EAAWf,MAIrC,MAAMkB,EAA2B,GACjC,MAAMC,EAAWxD,EAAeyD,cAChC,MAAMC,EAAQtD,EAAUI,WAExBmD,OAAOC,KAAKF,GAAOG,QAASC,IACxB,IACI,MAAMC,EAAYL,EAAMI,GACxB,MAAME,IAAUD,EAAUE,IAAID,MAE9B,MAAME,EAAS,IAAIC,EAAO,CACtBC,OAAQ,IAAIC,EAAK,CAAE/C,KAAMyC,EAAUE,IAAIK,OAASR,IAChDS,aAAcP,EACdQ,eAAgBR,EAAQ,GAAK,SAC7BS,aAAc,WAElBzD,EAAM0D,UAAUR,GAEhB,MAAMS,EAASnB,EAASoB,UAAUb,EAAUc,KAAMd,EAAUE,IAAIa,QAChE,GAAIvE,EAAaA,EAAYoE,GAC7B,MAAMI,EAAUJ,EAAOK,OAAOjB,EAAWD,EAAKlD,GAC9C2C,EAAchB,KAAKwC,EACvB,CAAE,MAAOE,GACLC,IAAIjB,GAAGkB,QAAQ,CAAC,gBAAkBC,IAC9B,GAAIA,EAAKA,EAAIH,MAAM,oCAAoCnB,IAAQmB,EAAgBI,QAAS,iBAI5F9B,EAAchB,KAAK,IAAI8B,EAAK,CAAE/C,KAAM,UACxC,IAGJ,MAAMgE,EAAc,IAAIC,EAAe,CACnCC,MAAOjC,IAIXvC,EAAMyE,UAAU,CACZrD,KAAMrB,EACNiB,MAAOpB,EACP8E,SAAUJ,EACVK,kBAAmB,QAGvB,OAAO3E,CACX,EACH,IAAA4E,EAAA,CAAAC,WAAA,MAAAD,EAAA1F,cAAA,OAAA0F,CAAA","ignoreList":[]}