@siliconst/metaui 1.4.14 → 1.4.20

package/src/nz/co/siliconst/ui5/metaui/plugins/controls/MultiInputPlugin.ts

@@ -11,18 +11,20 @@ import Control from "sap/ui/core/Control";
 import TextControl from "sap/m/Text";
 import JSONModel from "sap/ui/model/json/JSONModel";
 import Event from "sap/ui/base/Event";
-import Context from "sap/ui/model/Context";
+import ListBinding from "sap/ui/model/ListBinding";
+import { Logger } from "../../utils/Logger";
 
 /**
  * Handles rendering logic for arrays of primitive strings.
  * Users can type custom strings and press Enter to add them as tokens.
+ * Adheres strictly to native UI5 Model-View-Controller ListBinding principles.
  * 
  * @namespace nz.co.siliconst.ui5.metaui.plugins.controls
  * @public
  */
 export class MultiInputPlugin extends BasePlugin {
     /**
-     * Renders a `sap.m.MultiInput` component.
+     * Renders a `sap.m.MultiInput` component natively bound to a JSONModel array.
      * 
      * @param fieldMetadata The specific JSON schema properties for this field.
      * @param bindingPath The JSON path bound to this control.
@@ -31,91 +33,96 @@ export class MultiInputPlugin extends BasePlugin {
      * @param onChange The callback fired on value change.
      * @returns {Control} The configured MultiInput control.
      */
-    public render(fieldMetadata: IPropertyMetadata,  bindingPath: string,  modelName: string = "meta", engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control {
+    public render(fieldMetadata: IPropertyMetadata, bindingPath: string, modelName: string = "meta", engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control {
         this.onChange = onChange;
         this.metadata = fieldMetadata;
+        this.fieldKey = bindingPath.startsWith('/') ? bindingPath.substring(1) : bindingPath;
+        this.modelName = modelName;
 
         if (!this.isEditable) {
             this.control = new TextControl({
                 id: this.generateStableId(engineScopeId, bindingPath),
-                text: {
-                    path: `${modelName}>${bindingPath}`,
+                text: this.generateBindingInfo(bindingPath, modelName, undefined, {
                     formatter: (val: unknown[]) => Array.isArray(val) ? val.join(", ") : ""
-                }
+                })
             });
             this.applyCommonDirectives(this.control, fieldMetadata, modelName);
             return this.control as Control;
         }
-        
+        const plugin = this;
+
         const mi = new MultiInput({
             id: this.generateStableId(engineScopeId, bindingPath),
             enabled: !fieldMetadata.ui?.readOnly,
             placeholder: fieldMetadata.ui?.label || "Type and press Enter...",
             showValueHelp: false, // We don't have a list of options for primitive tags
             tokenUpdate: (oEvent: Event) => {
-                const params = oEvent.getParameters();
-                const type = params.type;
+                const type = oEvent.getParameter("type");
+                const sourceMi = oEvent.getSource() as MultiInput;
                 
+                // Native UI5 tokens removed via the 'x' icon. We sync this directly back to the model.
                 if (type === "removed") {
-                    const model = mi.getModel(modelName) as JSONModel;
-                    
-                    // Get current array from model
-                    const rawArr = model.getProperty(bindingPath);
-                    const arr: string[] = Array.isArray(rawArr) ? [...rawArr] : [];
-
-                    const removedTokens = params.removedTokens as Token[];
-                    removedTokens.forEach(t => {
-                        const text = t.getText();
-                        const idx = arr.indexOf(text);
-                        if (idx > -1) {
-                            arr.splice(idx, 1);
-                        }
-                    });
+                    const removedTokens = oEvent.getParameter("removedTokens") as Token[];
+                    const removedTexts = removedTokens.map(t => t.getText());
                     
-                    // Update model
-                    model.setProperty(bindingPath, arr);
-                    
-                    // Trigger engine validation/extraction
-                    const result = this.validateAndApplyVisualState();
-                    if (this.onChange) {
-                        this.onChange(result.isValid, this.fieldKey);
+                    const bindingInfo = plugin.getNativeBindingContext(sourceMi);
+                    if (bindingInfo) {
+                        const { model, absPath } = bindingInfo;
+                        const currentArray = (model.getProperty(absPath) || []) as string[];
+                        const newArray = currentArray.filter(text => !removedTexts.includes(text));
+                        
+                        Logger.debug(`[MultiInputPlugin] Removing tokens from absolute path: ${absPath}`, removedTexts.join(", "), "MultiInputPlugin");
+                        plugin.syncTokensToModel(sourceMi, newArray);
                     }
                 }
             }
         });
 
-        // Add validator to instantly accept typed text, update model, and clear input
-        mi.addValidator((args: { text: string }) => {
-            const text = args.text?.trim();
-            if (text) {
-                const model = mi.getModel(modelName) as JSONModel;
-                const rawArr = model.getProperty(bindingPath);
-                const arr: string[] = Array.isArray(rawArr) ? [...rawArr] : [];
-                
-                arr.push(text);
-                model.setProperty(bindingPath, arr);
-                
-                // Clear the input value immediately
-                mi.setValue("");
+        // The native addValidator pipeline is notoriously unreliable when there is no suggestion list bound,
+        // often completely dropping the 'Enter' key event. Therefore, we use the standard `submit` event 
+        // inherited from InputBase to robustly capture when the user presses Enter.
+        if (typeof mi.attachSubmit === "function") {
+            mi.attachSubmit((oEvent: Event) => {
+                const sourceMi = oEvent.getSource() as MultiInput;
+                const val = (oEvent.getParameter("value") as string || sourceMi.getValue()).trim();
                 
-                // Trigger engine validation/extraction
-                const result = this.validateAndApplyVisualState();
-                if (this.onChange) {
-                    this.onChange(result.isValid, this.fieldKey);
+                if (val) {
+                    const bindingInfo = plugin.getNativeBindingContext(sourceMi);
+                    if (bindingInfo) {
+                        const { model, absPath } = bindingInfo;
+                        const currentArray = (model.getProperty(absPath) || []) as string[];
+                        
+                        if (!currentArray.includes(val)) { // Prevent exact duplicates in primitive arrays
+                            const newArray = [...currentArray, val];
+                            Logger.debug(`[MultiInputPlugin] submit (Enter) fired. Adding token to absolute path: ${absPath}`, val, "MultiInputPlugin");
+                            
+                            // Natively clear the text input
+                            sourceMi.setValue("");
+                            
+                            // Synchronize natively to the JSON model
+                            plugin.syncTokensToModel(sourceMi, newArray);
+                        } else {
+                            sourceMi.setValue("");
+                        }
+                    }
                 }
-            }
-            // Return null to explicitly prevent MultiInput from modifying the bound aggregation
+            });
+        }
+
+        // We must still register an addValidator returning null.
+        // If UI5 *does* sporadically trigger the validator pipeline, this prevents the control 
+        // from attempting to natively mutate the bound ListBinding aggregation, which causes a core crash.
+        mi.addValidator(function(args: { text: string }) {
             return null;
         });
 
         // Bind existing strings to tokens using a factory function
-        mi.bindAggregation("tokens", {
-            path: `${modelName}>${bindingPath}`,
-            factory: (sId: string, oContext: Context) => {
+        mi.bindAggregation("tokens", this.generateBindingInfo(bindingPath, modelName, undefined, {
+            factory: (sId: string, oContext: sap.ui.model.Context) => {
                 const text = (oContext.getObject() as string) || "";
                 return new Token(sId, { key: text, text: text });
             }
-        });
+        }));
 
         this.control = mi;
         this.applyCommonDirectives(this.control, fieldMetadata, modelName);
@@ -123,7 +130,61 @@ export class MultiInputPlugin extends BasePlugin {
     }
 
     /**
-     * Retrieves the current primitive array from the model.
+     * Extracts the native UI5 ListBinding, its absolute path, and underlying JSONModel.
+     * 
+     * @param sourceMi The live, cloned MultiInput control instance inside the DOM tree.
+     * @returns Object containing model and absolute path, or null if resolution fails.
+     */
+    private getNativeBindingContext(sourceMi: MultiInput): { model: JSONModel, absPath: string } | null {
+        const binding = sourceMi.getBinding("tokens") as ListBinding;
+        if (!binding) {
+            Logger.error("[MultiInputPlugin] token list binding is completely missing on the source clone.");
+            return null;
+        }
+
+        const model = binding.getModel() as JSONModel;
+        if (!model) {
+            Logger.error("[MultiInputPlugin] Failed to resolve underlying JSONModel from ListBinding.");
+            return null;
+        }
+
+        let absPath: string;
+        const ctx = binding.getContext();
+        const bindingPath = binding.getPath();
+
+        if (ctx) {
+            const cp = ctx.getPath();
+            absPath = cp.endsWith("/") ? cp + bindingPath : (cp === "/" ? "/" + bindingPath : cp + "/" + bindingPath);
+        } else {
+            absPath = bindingPath.startsWith("/") ? bindingPath : "/" + bindingPath;
+        }
+
+        return { model, absPath };
+    }
+
+    /**
+     * Synchronizes the primitive string array derived from the MultiInput tokens directly back into the Model.
+     * 
+     * @param sourceMi The live MultiInput clone.
+     * @param newArray The final array of string values to save.
+     */
+    private syncTokensToModel(sourceMi: MultiInput, newArray: string[]): void {
+        const bindingInfo = this.getNativeBindingContext(sourceMi);
+        if (!bindingInfo) return;
+
+        const { model, absPath } = bindingInfo;
+        
+        model.setProperty(absPath, newArray);
+        model.refresh(true); // Force UI5 to sync bindings down the tree
+
+        if (this.onChange) {
+            const result = this.validateAndApplyVisualState();
+            this.onChange(result.isValid, this.fieldKey);
+        }
+    }
+
+    /**
+     * Retrieves the current primitive array from the control.
      * @returns {unknown} The array of string tokens.
      */
     protected getValue(): unknown {

package/src/nz/co/siliconst/ui5/metaui/plugins/controls/MultiSelectPlugin-dbg.js

@@ -27,20 +27,20 @@ sap.ui.define(["./BasePlugin", "sap/m/MultiComboBox", "sap/ui/core/Item", "sap/m
     render(fieldMetadata, bindingPath, modelName = "meta", engineScopeId, onChange) {
       this.onChange = onChange;
       this.metadata = fieldMetadata;
+      this.fieldKey = bindingPath.startsWith('/') ? bindingPath.substring(1) : bindingPath;
       if (!this.isEditable) {
         this.control = new TextControl({
           id: this.generateStableId(engineScopeId, bindingPath),
-          text: {
-            path: `${modelName}>${bindingPath}`,
+          text: this.generateBindingInfo(bindingPath, modelName, undefined, {
             formatter: val => Array.isArray(val) ? val.join(", ") : ""
-          }
+          })
         });
         this.applyCommonDirectives(this.control, fieldMetadata, modelName);
         return this.control;
       }
       const mcb = new MultiComboBox({
         id: this.generateStableId(engineScopeId, bindingPath),
-        selectedKeys: `{${modelName}>${bindingPath}}`,
+        selectedKeys: this.generateBindingInfo(bindingPath, modelName),
         enabled: !fieldMetadata.ui?.readOnly,
         placeholder: fieldMetadata.ui?.label || "Select items...",
         selectionChange: oEvent => {

package/src/nz/co/siliconst/ui5/metaui/plugins/controls/MultiSelectPlugin-dbg.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectPlugin-dbg.js","names":["BasePlugin","___BasePlugin","MultiSelectPlugin","render","fieldMetadata","bindingPath","modelName","engineScopeId","onChange","metadata","isEditable","control","TextControl","id","generateStableId","text","path","formatter","val","Array","isArray","join","applyCommonDirectives","mcb","MultiComboBox","selectedKeys","enabled","ui","readOnly","placeholder","label","selectionChange","oEvent","keys","getSelectedKeys","result","validateAndApplyVisualState","isValid","fieldKey","enum","forEach","addItem","Item","key","toString","getValue","applyState","setEnabled","__exports","__esModule"],"sources":["MultiSelectPlugin.ts"],"sourcesContent":["/**\n * @file MultiSelectPlugin.ts\n * @description Renders a sap.m.MultiComboBox for selecting multiple string values.\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport MultiComboBox from \"sap/m/MultiComboBox\";\nimport Item from \"sap/ui/core/Item\";\nimport Control from \"sap/ui/core/Control\";\nimport TextControl from \"sap/m/Text\";\n\n/**\n * Handles rendering logic for selecting multiple strings from a predefined list.\n * Expects the payload to be an array of strings.\n * \n * @namespace nz.co.siliconst.ui5.metaui.plugins.controls\n * @public\n */\nexport class MultiSelectPlugin extends BasePlugin {\n    /**\n     * Renders a `sap.m.MultiComboBox` component.\n     * \n     * @param fieldMetadata The specific JSON schema properties for this field.\n     * @param bindingPath The JSON path bound to this control.\n     * @param modelName The UI5 JSONModel name.\n     * @param engineScopeId The deterministic scope ID.\n     * @param onChange The callback fired on value change.\n     * @returns {Control} The configured MultiComboBox control.\n     */\n    public render(fieldMetadata: IPropertyMetadata,  bindingPath: string,  modelName: string = \"meta\", engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control {\n        this.onChange = onChange;\n        this.metadata = fieldMetadata;\n\n        if (!this.isEditable) {\n            \n            this.control = new TextControl({\n                id: this.generateStableId(engineScopeId, bindingPath),\n                text: {\n                    path: `${modelName}>${bindingPath}`,\n                    formatter: (val: unknown[]) => Array.isArray(val) ? val.join(\", \") : \"\"\n                }\n            });\n            this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n            return this.control as Control;\n        }\n        \n        const mcb = new MultiComboBox({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            selectedKeys: `{${modelName}>${bindingPath}}`,\n            enabled: !fieldMetadata.ui?.readOnly,\n            placeholder: fieldMetadata.ui?.label || \"Select items...\",\n            selectionChange: (oEvent: sap.ui.base.Event) => {\n                const keys = (this.control as MultiComboBox).getSelectedKeys();\n                const result = this.validateAndApplyVisualState();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n            }\n        });\n\n        if (fieldMetadata.enum) {\n            fieldMetadata.enum.forEach((val: string | number) => {\n                mcb.addItem(new Item({ key: val.toString(), text: val.toString() }));\n            });\n        }\n\n        this.control = mcb;\n        this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n        return this.control as Control;\n    }\n\n    /**\n     * Retrieves the current selection keys.\n     * @returns {unknown} The selected keys.\n     */\n    protected getValue(): unknown {\n        return this.control ? (this.control as MultiComboBox).getSelectedKeys() : [];\n    }\n\n    /**\n     * Applies dynamic read-only state.\n     */\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (!this.isEditable) return;\n            (this.control as MultiComboBox).setEnabled(!this.metadata.ui?.readOnly);\n        }\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MultiSelectPlugin-dbg.js","names":["BasePlugin","___BasePlugin","MultiSelectPlugin","render","fieldMetadata","bindingPath","modelName","engineScopeId","onChange","metadata","fieldKey","startsWith","substring","isEditable","control","TextControl","id","generateStableId","text","generateBindingInfo","undefined","formatter","val","Array","isArray","join","applyCommonDirectives","mcb","MultiComboBox","selectedKeys","enabled","ui","readOnly","placeholder","label","selectionChange","oEvent","keys","getSelectedKeys","result","validateAndApplyVisualState","isValid","enum","forEach","addItem","Item","key","toString","getValue","applyState","setEnabled","__exports","__esModule"],"sources":["MultiSelectPlugin.ts"],"sourcesContent":["/**\n * @file MultiSelectPlugin.ts\n * @description Renders a sap.m.MultiComboBox for selecting multiple string values.\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport MultiComboBox from \"sap/m/MultiComboBox\";\nimport Item from \"sap/ui/core/Item\";\nimport Control from \"sap/ui/core/Control\";\nimport TextControl from \"sap/m/Text\";\n\n/**\n * Handles rendering logic for selecting multiple strings from a predefined list.\n * Expects the payload to be an array of strings.\n * \n * @namespace nz.co.siliconst.ui5.metaui.plugins.controls\n * @public\n */\nexport class MultiSelectPlugin extends BasePlugin {\n    /**\n     * Renders a `sap.m.MultiComboBox` component.\n     * \n     * @param fieldMetadata The specific JSON schema properties for this field.\n     * @param bindingPath The JSON path bound to this control.\n     * @param modelName The UI5 JSONModel name.\n     * @param engineScopeId The deterministic scope ID.\n     * @param onChange The callback fired on value change.\n     * @returns {Control} The configured MultiComboBox control.\n     */\n    public render(fieldMetadata: IPropertyMetadata,  bindingPath: string,  modelName: string = \"meta\", engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control {\n        this.onChange = onChange;\n        this.metadata = fieldMetadata;\n        this.fieldKey = bindingPath.startsWith('/') ? bindingPath.substring(1) : bindingPath;\n\n        if (!this.isEditable) {\n            \n            this.control = new TextControl({\n                id: this.generateStableId(engineScopeId, bindingPath),\n                text: this.generateBindingInfo(bindingPath, modelName, undefined, {\n                    formatter: (val: unknown[]) => Array.isArray(val) ? val.join(\", \") : \"\"\n                })\n            });\n            this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n            return this.control as Control;\n        }\n        \n        const mcb = new MultiComboBox({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            selectedKeys: this.generateBindingInfo(bindingPath, modelName),\n            enabled: !fieldMetadata.ui?.readOnly,\n            placeholder: fieldMetadata.ui?.label || \"Select items...\",\n            selectionChange: (oEvent: sap.ui.base.Event) => {\n                const keys = (this.control as MultiComboBox).getSelectedKeys();\n                const result = this.validateAndApplyVisualState();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n            }\n        });\n\n        if (fieldMetadata.enum) {\n            fieldMetadata.enum.forEach((val: string | number) => {\n                mcb.addItem(new Item({ key: val.toString(), text: val.toString() }));\n            });\n        }\n\n        this.control = mcb;\n        this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n        return this.control as Control;\n    }\n\n    /**\n     * Retrieves the current selection keys.\n     * @returns {unknown} The selected keys.\n     */\n    protected getValue(): unknown {\n        return this.control ? (this.control as MultiComboBox).getSelectedKeys() : [];\n    }\n\n    /**\n     * Applies dynamic read-only state.\n     */\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (!this.isEditable) return;\n            (this.control as MultiComboBox).setEnabled(!this.metadata.ui?.readOnly);\n        }\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/src/nz/co/siliconst/ui5/metaui/plugins/controls/MultiSelectPlugin.js

@@ -1,2 +1,2 @@
-sap.ui.define(["./BasePlugin","sap/m/MultiComboBox","sap/ui/core/Item","sap/m/Text"],function(t,e,i,s){"use strict";const n=t["BasePlugin"];class a extends n{render(t,n,a="meta",o,l){this.onChange=l;this.metadata=t;if(!this.isEditable){this.control=new s({id:this.generateStableId(o,n),text:{path:`${a}>${n}`,formatter:t=>Array.isArray(t)?t.join(", "):""}});this.applyCommonDirectives(this.control,t,a);return this.control}const r=new e({id:this.generateStableId(o,n),selectedKeys:`{${a}>${n}}`,enabled:!t.ui?.readOnly,placeholder:t.ui?.label||"Select items...",selectionChange:t=>{const e=this.control.getSelectedKeys();const i=this.validateAndApplyVisualState();if(this.onChange){this.onChange(i.isValid,this.fieldKey)}}});if(t.enum){t.enum.forEach(t=>{r.addItem(new i({key:t.toString(),text:t.toString()}))})}this.control=r;this.applyCommonDirectives(this.control,t,a);return this.control}getValue(){return this.control?this.control.getSelectedKeys():[]}applyState(){if(this.control&&this.metadata){if(!this.isEditable)return;this.control.setEnabled(!this.metadata.ui?.readOnly)}}}var o={__esModule:true};o.MultiSelectPlugin=a;return o});
+sap.ui.define(["./BasePlugin","sap/m/MultiComboBox","sap/ui/core/Item","sap/m/Text"],function(t,e,i,n){"use strict";const s=t["BasePlugin"];class a extends s{render(t,s,a="meta",o,r){this.onChange=r;this.metadata=t;this.fieldKey=s.startsWith("/")?s.substring(1):s;if(!this.isEditable){this.control=new n({id:this.generateStableId(o,s),text:this.generateBindingInfo(s,a,undefined,{formatter:t=>Array.isArray(t)?t.join(", "):""})});this.applyCommonDirectives(this.control,t,a);return this.control}const l=new e({id:this.generateStableId(o,s),selectedKeys:this.generateBindingInfo(s,a),enabled:!t.ui?.readOnly,placeholder:t.ui?.label||"Select items...",selectionChange:t=>{const e=this.control.getSelectedKeys();const i=this.validateAndApplyVisualState();if(this.onChange){this.onChange(i.isValid,this.fieldKey)}}});if(t.enum){t.enum.forEach(t=>{l.addItem(new i({key:t.toString(),text:t.toString()}))})}this.control=l;this.applyCommonDirectives(this.control,t,a);return this.control}getValue(){return this.control?this.control.getSelectedKeys():[]}applyState(){if(this.control&&this.metadata){if(!this.isEditable)return;this.control.setEnabled(!this.metadata.ui?.readOnly)}}}var o={__esModule:true};o.MultiSelectPlugin=a;return o});
 //# sourceMappingURL=MultiSelectPlugin.js.map

package/src/nz/co/siliconst/ui5/metaui/plugins/controls/MultiSelectPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectPlugin.js","names":["BasePlugin","___BasePlugin","MultiSelectPlugin","render","fieldMetadata","bindingPath","modelName","engineScopeId","onChange","this","metadata","isEditable","control","TextControl","id","generateStableId","text","path","formatter","val","Array","isArray","join","applyCommonDirectives","mcb","MultiComboBox","selectedKeys","enabled","ui","readOnly","placeholder","label","selectionChange","oEvent","keys","getSelectedKeys","result","validateAndApplyVisualState","isValid","fieldKey","enum","forEach","addItem","Item","key","toString","getValue","applyState","setEnabled","__exports","__esModule"],"sources":["MultiSelectPlugin.ts"],"sourcesContent":["/**\n * @file MultiSelectPlugin.ts\n * @description Renders a sap.m.MultiComboBox for selecting multiple string values.\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport MultiComboBox from \"sap/m/MultiComboBox\";\nimport Item from \"sap/ui/core/Item\";\nimport Control from \"sap/ui/core/Control\";\nimport TextControl from \"sap/m/Text\";\n\n/**\n * Handles rendering logic for selecting multiple strings from a predefined list.\n * Expects the payload to be an array of strings.\n * \n * @namespace nz.co.siliconst.ui5.metaui.plugins.controls\n * @public\n */\nexport class MultiSelectPlugin extends BasePlugin {\n    /**\n     * Renders a `sap.m.MultiComboBox` component.\n     * \n     * @param fieldMetadata The specific JSON schema properties for this field.\n     * @param bindingPath The JSON path bound to this control.\n     * @param modelName The UI5 JSONModel name.\n     * @param engineScopeId The deterministic scope ID.\n     * @param onChange The callback fired on value change.\n     * @returns {Control} The configured MultiComboBox control.\n     */\n    public render(fieldMetadata: IPropertyMetadata,  bindingPath: string,  modelName: string = \"meta\", engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control {\n        this.onChange = onChange;\n        this.metadata = fieldMetadata;\n\n        if (!this.isEditable) {\n            \n            this.control = new TextControl({\n                id: this.generateStableId(engineScopeId, bindingPath),\n                text: {\n                    path: `${modelName}>${bindingPath}`,\n                    formatter: (val: unknown[]) => Array.isArray(val) ? val.join(\", \") : \"\"\n                }\n            });\n            this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n            return this.control as Control;\n        }\n        \n        const mcb = new MultiComboBox({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            selectedKeys: `{${modelName}>${bindingPath}}`,\n            enabled: !fieldMetadata.ui?.readOnly,\n            placeholder: fieldMetadata.ui?.label || \"Select items...\",\n            selectionChange: (oEvent: sap.ui.base.Event) => {\n                const keys = (this.control as MultiComboBox).getSelectedKeys();\n                const result = this.validateAndApplyVisualState();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n            }\n        });\n\n        if (fieldMetadata.enum) {\n            fieldMetadata.enum.forEach((val: string | number) => {\n                mcb.addItem(new Item({ key: val.toString(), text: val.toString() }));\n            });\n        }\n\n        this.control = mcb;\n        this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n        return this.control as Control;\n    }\n\n    /**\n     * Retrieves the current selection keys.\n     * @returns {unknown} The selected keys.\n     */\n    protected getValue(): unknown {\n        return this.control ? (this.control as MultiComboBox).getSelectedKeys() : [];\n    }\n\n    /**\n     * Applies dynamic read-only state.\n     */\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (!this.isEditable) return;\n            (this.control as MultiComboBox).setEnabled(!this.metadata.ui?.readOnly);\n        }\n    }\n}\n"],"mappings":"oHAAA,MAKSA,EAAUC,EAAA,cAcZ,MAAMC,UAA0BF,EAW5BG,OAAOC,EAAmCC,EAAsBC,EAAoB,OAAQC,EAAwBC,GACvHC,KAAKD,SAAWA,EAChBC,KAAKC,SAAWN,EAEhB,IAAKK,KAAKE,WAAY,CAElBF,KAAKG,QAAU,IAAIC,EAAY,CAC3BC,GAAIL,KAAKM,iBAAiBR,EAAeF,GACzCW,KAAM,CACFC,KAAM,GAAGX,KAAaD,IACtBa,UAAYC,GAAmBC,MAAMC,QAAQF,GAAOA,EAAIG,KAAK,MAAQ,MAG7Eb,KAAKc,sBAAsBd,KAAKG,QAASR,EAAeE,GACxD,OAAOG,KAAKG,OAChB,CAEA,MAAMY,EAAM,IAAIC,EAAc,CAC1BX,GAAIL,KAAKM,iBAAiBR,EAAeF,GACzCqB,aAAc,IAAIpB,KAAaD,KAC/BsB,SAAUvB,EAAcwB,IAAIC,SAC5BC,YAAa1B,EAAcwB,IAAIG,OAAS,kBACxCC,gBAAkBC,IACd,MAAMC,EAAQzB,KAAKG,QAA0BuB,kBAC7C,MAAMC,EAAS3B,KAAK4B,8BACpB,GAAI5B,KAAKD,SAAU,CACfC,KAAKD,SAAS4B,EAAOE,QAAS7B,KAAK8B,SACvC,KAIR,GAAInC,EAAcoC,KAAM,CACpBpC,EAAcoC,KAAKC,QAAStB,IACxBK,EAAIkB,QAAQ,IAAIC,EAAK,CAAEC,IAAKzB,EAAI0B,WAAY7B,KAAMG,EAAI0B,eAE9D,CAEApC,KAAKG,QAAUY,EACff,KAAKc,sBAAsBd,KAAKG,QAASR,EAAeE,GACxD,OAAOG,KAAKG,OAChB,CAMUkC,WACN,OAAOrC,KAAKG,QAAWH,KAAKG,QAA0BuB,kBAAoB,EAC9E,CAKUY,aACN,GAAItC,KAAKG,SAAWH,KAAKC,SAAU,CAC/B,IAAKD,KAAKE,WAAY,OACrBF,KAAKG,QAA0BoC,YAAYvC,KAAKC,SAASkB,IAAIC,SAClE,CACJ,EACH,IAAAoB,EAAA,CAAAC,WAAA,MAAAD,EAAA/C,oBAAA,OAAA+C,CAAA","ignoreList":[]}
+{"version":3,"file":"MultiSelectPlugin.js","names":["BasePlugin","___BasePlugin","MultiSelectPlugin","render","fieldMetadata","bindingPath","modelName","engineScopeId","onChange","this","metadata","fieldKey","startsWith","substring","isEditable","control","TextControl","id","generateStableId","text","generateBindingInfo","undefined","formatter","val","Array","isArray","join","applyCommonDirectives","mcb","MultiComboBox","selectedKeys","enabled","ui","readOnly","placeholder","label","selectionChange","oEvent","keys","getSelectedKeys","result","validateAndApplyVisualState","isValid","enum","forEach","addItem","Item","key","toString","getValue","applyState","setEnabled","__exports","__esModule"],"sources":["MultiSelectPlugin.ts"],"sourcesContent":["/**\n * @file MultiSelectPlugin.ts\n * @description Renders a sap.m.MultiComboBox for selecting multiple string values.\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport MultiComboBox from \"sap/m/MultiComboBox\";\nimport Item from \"sap/ui/core/Item\";\nimport Control from \"sap/ui/core/Control\";\nimport TextControl from \"sap/m/Text\";\n\n/**\n * Handles rendering logic for selecting multiple strings from a predefined list.\n * Expects the payload to be an array of strings.\n * \n * @namespace nz.co.siliconst.ui5.metaui.plugins.controls\n * @public\n */\nexport class MultiSelectPlugin extends BasePlugin {\n    /**\n     * Renders a `sap.m.MultiComboBox` component.\n     * \n     * @param fieldMetadata The specific JSON schema properties for this field.\n     * @param bindingPath The JSON path bound to this control.\n     * @param modelName The UI5 JSONModel name.\n     * @param engineScopeId The deterministic scope ID.\n     * @param onChange The callback fired on value change.\n     * @returns {Control} The configured MultiComboBox control.\n     */\n    public render(fieldMetadata: IPropertyMetadata,  bindingPath: string,  modelName: string = \"meta\", engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control {\n        this.onChange = onChange;\n        this.metadata = fieldMetadata;\n        this.fieldKey = bindingPath.startsWith('/') ? bindingPath.substring(1) : bindingPath;\n\n        if (!this.isEditable) {\n            \n            this.control = new TextControl({\n                id: this.generateStableId(engineScopeId, bindingPath),\n                text: this.generateBindingInfo(bindingPath, modelName, undefined, {\n                    formatter: (val: unknown[]) => Array.isArray(val) ? val.join(\", \") : \"\"\n                })\n            });\n            this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n            return this.control as Control;\n        }\n        \n        const mcb = new MultiComboBox({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            selectedKeys: this.generateBindingInfo(bindingPath, modelName),\n            enabled: !fieldMetadata.ui?.readOnly,\n            placeholder: fieldMetadata.ui?.label || \"Select items...\",\n            selectionChange: (oEvent: sap.ui.base.Event) => {\n                const keys = (this.control as MultiComboBox).getSelectedKeys();\n                const result = this.validateAndApplyVisualState();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n            }\n        });\n\n        if (fieldMetadata.enum) {\n            fieldMetadata.enum.forEach((val: string | number) => {\n                mcb.addItem(new Item({ key: val.toString(), text: val.toString() }));\n            });\n        }\n\n        this.control = mcb;\n        this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n        return this.control as Control;\n    }\n\n    /**\n     * Retrieves the current selection keys.\n     * @returns {unknown} The selected keys.\n     */\n    protected getValue(): unknown {\n        return this.control ? (this.control as MultiComboBox).getSelectedKeys() : [];\n    }\n\n    /**\n     * Applies dynamic read-only state.\n     */\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (!this.isEditable) return;\n            (this.control as MultiComboBox).setEnabled(!this.metadata.ui?.readOnly);\n        }\n    }\n}\n"],"mappings":"oHAAA,MAKSA,EAAUC,EAAA,cAcZ,MAAMC,UAA0BF,EAW5BG,OAAOC,EAAmCC,EAAsBC,EAAoB,OAAQC,EAAwBC,GACvHC,KAAKD,SAAWA,EAChBC,KAAKC,SAAWN,EAChBK,KAAKE,SAAWN,EAAYO,WAAW,KAAOP,EAAYQ,UAAU,GAAKR,EAEzE,IAAKI,KAAKK,WAAY,CAElBL,KAAKM,QAAU,IAAIC,EAAY,CAC3BC,GAAIR,KAAKS,iBAAiBX,EAAeF,GACzCc,KAAMV,KAAKW,oBAAoBf,EAAaC,EAAWe,UAAW,CAC9DC,UAAYC,GAAmBC,MAAMC,QAAQF,GAAOA,EAAIG,KAAK,MAAQ,OAG7EjB,KAAKkB,sBAAsBlB,KAAKM,QAASX,EAAeE,GACxD,OAAOG,KAAKM,OAChB,CAEA,MAAMa,EAAM,IAAIC,EAAc,CAC1BZ,GAAIR,KAAKS,iBAAiBX,EAAeF,GACzCyB,aAAcrB,KAAKW,oBAAoBf,EAAaC,GACpDyB,SAAU3B,EAAc4B,IAAIC,SAC5BC,YAAa9B,EAAc4B,IAAIG,OAAS,kBACxCC,gBAAkBC,IACd,MAAMC,EAAQ7B,KAAKM,QAA0BwB,kBAC7C,MAAMC,EAAS/B,KAAKgC,8BACpB,GAAIhC,KAAKD,SAAU,CACfC,KAAKD,SAASgC,EAAOE,QAASjC,KAAKE,SACvC,KAIR,GAAIP,EAAcuC,KAAM,CACpBvC,EAAcuC,KAAKC,QAASrB,IACxBK,EAAIiB,QAAQ,IAAIC,EAAK,CAAEC,IAAKxB,EAAIyB,WAAY7B,KAAMI,EAAIyB,eAE9D,CAEAvC,KAAKM,QAAUa,EACfnB,KAAKkB,sBAAsBlB,KAAKM,QAASX,EAAeE,GACxD,OAAOG,KAAKM,OAChB,CAMUkC,WACN,OAAOxC,KAAKM,QAAWN,KAAKM,QAA0BwB,kBAAoB,EAC9E,CAKUW,aACN,GAAIzC,KAAKM,SAAWN,KAAKC,SAAU,CAC/B,IAAKD,KAAKK,WAAY,OACrBL,KAAKM,QAA0BoC,YAAY1C,KAAKC,SAASsB,IAAIC,SAClE,CACJ,EACH,IAAAmB,EAAA,CAAAC,WAAA,MAAAD,EAAAlD,oBAAA,OAAAkD,CAAA","ignoreList":[]}

package/src/nz/co/siliconst/ui5/metaui/plugins/controls/MultiSelectPlugin.ts

@@ -31,15 +31,15 @@ export class MultiSelectPlugin extends BasePlugin {
     public render(fieldMetadata: IPropertyMetadata,  bindingPath: string,  modelName: string = "meta", engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control {
         this.onChange = onChange;
         this.metadata = fieldMetadata;
+        this.fieldKey = bindingPath.startsWith('/') ? bindingPath.substring(1) : bindingPath;
 
         if (!this.isEditable) {
             
             this.control = new TextControl({
                 id: this.generateStableId(engineScopeId, bindingPath),
-                text: {
-                    path: `${modelName}>${bindingPath}`,
+                text: this.generateBindingInfo(bindingPath, modelName, undefined, {
                     formatter: (val: unknown[]) => Array.isArray(val) ? val.join(", ") : ""
-                }
+                })
             });
             this.applyCommonDirectives(this.control, fieldMetadata, modelName);
             return this.control as Control;
@@ -47,7 +47,7 @@ export class MultiSelectPlugin extends BasePlugin {
         
         const mcb = new MultiComboBox({
             id: this.generateStableId(engineScopeId, bindingPath),
-            selectedKeys: `{${modelName}>${bindingPath}}`,
+            selectedKeys: this.generateBindingInfo(bindingPath, modelName),
             enabled: !fieldMetadata.ui?.readOnly,
             placeholder: fieldMetadata.ui?.label || "Select items...",
             selectionChange: (oEvent: sap.ui.base.Event) => {

package/src/nz/co/siliconst/ui5/metaui/plugins/controls/NumberPlugin-dbg.js

@@ -1,42 +1,59 @@
-sap.ui.define(["./BasePlugin", "sap/m/StepInput", "sap/m/Text"], function (___BasePlugin, StepInput, TextControl) {
+sap.ui.define(["./BasePlugin", "sap/m/Input", "sap/m/Text", "sap/ui/model/type/Float", "sap/ui/model/type/Integer"], function (___BasePlugin, Input, TextControl, Float, Integer) {
   "use strict";
 
   /**
    * @file NumberPlugin.ts
-   * @description Renders a sap.m.StepInput for numeric data.
+   * @description Renders a sap.m.Input configured for generic dynamic numeric data.
    */
   const BasePlugin = ___BasePlugin["BasePlugin"];
   /**
-   * Handles rendering and logic for numeric inputs.
+   * Handles rendering and logic for dynamic numeric inputs.
    */
   class NumberPlugin extends BasePlugin {
     /**
-     * Renders a `sap.m.StepInput` component for numeric evaluation.
+     * Renders a `sap.m.Input` component for numeric evaluation with dynamic Float type.
      * 
      * @param fieldMetadata The specific JSON schema properties for this field.
      * @param bindingPath The JSON path bound to this control.
      * @param modelName The UI5 JSONModel name.
      * @param engineScopeId The deterministic scope ID.
      * @param onChange The callback fired on value change.
-     * @returns {Control} The configured StepInput control.
+     * @returns {Control} The configured Input control.
      */
     render(fieldMetadata, bindingPath, modelName = "meta", engineScopeId, onChange) {
       this.onChange = onChange;
       this.metadata = fieldMetadata;
+      this.fieldKey = bindingPath.startsWith('/') ? bindingPath.substring(1) : bindingPath;
       if (!this.isEditable) {
         this.control = new TextControl({
           id: this.generateStableId(engineScopeId, bindingPath),
-          text: `{${modelName}>${bindingPath}}`
+          text: this.generateBindingInfo(bindingPath, modelName)
         });
         this.applyCommonDirectives(this.control, fieldMetadata, modelName);
         return this.control;
       }
-      this.control = new StepInput({
+      let typeInstance;
+      if (fieldMetadata.type === "integer") {
+        typeInstance = new Integer({
+          groupingEnabled: false
+        });
+      } else {
+        typeInstance = new Float({
+          groupingEnabled: false,
+          minFractionDigits: fieldMetadata.scale !== undefined ? fieldMetadata.scale : 0,
+          maxFractionDigits: fieldMetadata.scale !== undefined ? fieldMetadata.scale : 9
+        });
+      }
+      this.control = new Input({
         id: this.generateStableId(engineScopeId, bindingPath),
-        value: `{${modelName}>${bindingPath}}`,
-        displayValuePrecision: fieldMetadata.scale !== undefined ? fieldMetadata.scale : fieldMetadata.type === "integer" ? 0 : 3,
+        value: {
+          path: bindingPath,
+          model: modelName,
+          type: typeInstance
+        },
+        type: "Number",
         editable: !fieldMetadata.ui?.readOnly,
-        required: fieldMetadata.required,
+        required: !!fieldMetadata.required,
         change: oEvent => {
           const val = oEvent.getParameter("value");
           const result = this.validateAndApplyVisualState();
@@ -54,7 +71,15 @@ sap.ui.define(["./BasePlugin", "sap/m/StepInput", "sap/m/Text"], function (___Ba
      * @returns {unknown} The numeric value.
      */
     getValue() {
-      return this.control ? this.control.getValue() : null;
+      if (!this.control) return null;
+      // In UI5, Input.getValue() returns a string. We must parse it if it's bound.
+      // However, we can also extract it directly from the binding.
+      const input = this.control;
+      const binding = input.getBinding("value");
+      if (binding) {
+        return binding.getValue();
+      }
+      return input.getValue();
     }
 
     /**
@@ -65,7 +90,7 @@ sap.ui.define(["./BasePlugin", "sap/m/StepInput", "sap/m/Text"], function (___Ba
         if (!this.isEditable) return;
         const input = this.control;
         input.setEditable(!this.metadata.ui?.readOnly);
-        input.setRequired(this.metadata.required);
+        input.setRequired(!!this.metadata.required);
       }
     }
   }

package/src/nz/co/siliconst/ui5/metaui/plugins/controls/NumberPlugin-dbg.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberPlugin-dbg.js","names":["BasePlugin","___BasePlugin","NumberPlugin","render","fieldMetadata","bindingPath","modelName","engineScopeId","onChange","metadata","isEditable","control","TextControl","id","generateStableId","text","applyCommonDirectives","StepInput","value","displayValuePrecision","scale","undefined","type","editable","ui","readOnly","required","change","oEvent","val","getParameter","result","validateAndApplyVisualState","isValid","fieldKey","getValue","applyState","input","setEditable","setRequired","__exports","__esModule"],"sources":["NumberPlugin.ts"],"sourcesContent":["/**\n * @file NumberPlugin.ts\n * @description Renders a sap.m.StepInput for numeric data.\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport StepInput from \"sap/m/StepInput\";\nimport Control from \"sap/ui/core/Control\";\nimport TextControl from \"sap/m/Text\";\n\n/**\n * Handles rendering and logic for numeric inputs.\n */\nexport class NumberPlugin extends BasePlugin {\n    /**\n     * Renders a `sap.m.StepInput` component for numeric evaluation.\n     * \n     * @param fieldMetadata The specific JSON schema properties for this field.\n     * @param bindingPath The JSON path bound to this control.\n     * @param modelName The UI5 JSONModel name.\n     * @param engineScopeId The deterministic scope ID.\n     * @param onChange The callback fired on value change.\n     * @returns {Control} The configured StepInput control.\n     */\n    public render(fieldMetadata: IPropertyMetadata,  bindingPath: string,  modelName: string = \"meta\", engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control {\n        this.onChange = onChange;\n        this.metadata = fieldMetadata;\n\n        if (!this.isEditable) {\n            \n            this.control = new TextControl({\n                id: this.generateStableId(engineScopeId, bindingPath),\n                text: `{${modelName}>${bindingPath}}`\n            });\n            this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n            return this.control as Control;\n        }\n\n        this.control = new StepInput({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            value: `{${modelName}>${bindingPath}}`,\n            displayValuePrecision: fieldMetadata.scale !== undefined ? fieldMetadata.scale : (fieldMetadata.type === \"integer\" ? 0 : 3),\n            editable: !fieldMetadata.ui?.readOnly,\n            required: fieldMetadata.required,\n            change: (oEvent: sap.ui.base.Event) => {\n                const val = oEvent.getParameter(\"value\");\n                const result = this.validateAndApplyVisualState();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n            }\n        });\n\n        this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n\n        return this.control as Control;\n    }\n\n    /**\n     * Retrieves the current numeric state.\n     * @returns {unknown} The numeric value.\n     */\n    protected getValue(): unknown {\n        return this.control ? (this.control as StepInput).getValue() : null;\n    }\n\n    /**\n     * Applies dynamic read-only state.\n     */\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (!this.isEditable) return;\n            const input = this.control as StepInput;\n            input.setEditable(!this.metadata.ui?.readOnly);\n            input.setRequired(this.metadata.required);\n        }\n    }\n}\n"],"mappings":";;;EAAA;AACA;AACA;AACA;EAHA,MAKSA,UAAU,GAAAC,aAAA;EAMnB;AACA;AACA;EACO,MAAMC,YAAY,SAASF,UAAU,CAAC;IACzC;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACWG,MAAMA,CAACC,aAAgC,EAAGC,WAAmB,EAAGC,SAAiB,GAAG,MAAM,EAAEC,aAAsB,EAAEC,QAAwD,EAAW;MAC1L,IAAI,CAACA,QAAQ,GAAGA,QAAQ;MACxB,IAAI,CAACC,QAAQ,GAAGL,aAAa;MAE7B,IAAI,CAAC,IAAI,CAACM,UAAU,EAAE;QAElB,IAAI,CAACC,OAAO,GAAG,IAAIC,WAAW,CAAC;UAC3BC,EAAE,EAAE,IAAI,CAACC,gBAAgB,CAACP,aAAa,EAAEF,WAAW,CAAC;UACrDU,IAAI,EAAE,IAAIT,SAAS,IAAID,WAAW;QACtC,CAAC,CAAC;QACF,IAAI,CAACW,qBAAqB,CAAC,IAAI,CAACL,OAAO,EAAEP,aAAa,EAAEE,SAAS,CAAC;QAClE,OAAO,IAAI,CAACK,OAAO;MACvB;MAEA,IAAI,CAACA,OAAO,GAAG,IAAIM,SAAS,CAAC;QACzBJ,EAAE,EAAE,IAAI,CAACC,gBAAgB,CAACP,aAAa,EAAEF,WAAW,CAAC;QACrDa,KAAK,EAAE,IAAIZ,SAAS,IAAID,WAAW,GAAG;QACtCc,qBAAqB,EAAEf,aAAa,CAACgB,KAAK,KAAKC,SAAS,GAAGjB,aAAa,CAACgB,KAAK,GAAIhB,aAAa,CAACkB,IAAI,KAAK,SAAS,GAAG,CAAC,GAAG,CAAE;QAC3HC,QAAQ,EAAE,CAACnB,aAAa,CAACoB,EAAE,EAAEC,QAAQ;QACrCC,QAAQ,EAAEtB,aAAa,CAACsB,QAAQ;QAChCC,MAAM,EAAGC,MAAyB,IAAK;UACnC,MAAMC,GAAG,GAAGD,MAAM,CAACE,YAAY,CAAC,OAAO,CAAC;UACxC,MAAMC,MAAM,GAAG,IAAI,CAACC,2BAA2B,CAAC,CAAC;UACjD,IAAI,IAAI,CAACxB,QAAQ,EAAE;YACf,IAAI,CAACA,QAAQ,CAACuB,MAAM,CAACE,OAAO,EAAE,IAAI,CAACC,QAAQ,CAAC;UAChD;QACJ;MACJ,CAAC,CAAC;MAEF,IAAI,CAAClB,qBAAqB,CAAC,IAAI,CAACL,OAAO,EAAEP,aAAa,EAAEE,SAAS,CAAC;MAElE,OAAO,IAAI,CAACK,OAAO;IACvB;;IAEA;AACJ;AACA;AACA;IACcwB,QAAQA,CAAA,EAAY;MAC1B,OAAO,IAAI,CAACxB,OAAO,GAAI,IAAI,CAACA,OAAO,CAAewB,QAAQ,CAAC,CAAC,GAAG,IAAI;IACvE;;IAEA;AACJ;AACA;IACcC,UAAUA,CAAA,EAAS;MACzB,IAAI,IAAI,CAACzB,OAAO,IAAI,IAAI,CAACF,QAAQ,EAAE;QAC/B,IAAI,CAAC,IAAI,CAACC,UAAU,EAAE;QACtB,MAAM2B,KAAK,GAAG,IAAI,CAAC1B,OAAoB;QACvC0B,KAAK,CAACC,WAAW,CAAC,CAAC,IAAI,CAAC7B,QAAQ,CAACe,EAAE,EAAEC,QAAQ,CAAC;QAC9CY,KAAK,CAACE,WAAW,CAAC,IAAI,CAAC9B,QAAQ,CAACiB,QAAQ,CAAC;MAC7C;IACJ;EACJ;EAAC,IAAAc,SAAA;IAAAC,UAAA;EAAA;EAAAD,SAAA,CAAAtC,YAAA,GAAAA,YAAA;EAAA,OAAAsC,SAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"NumberPlugin-dbg.js","names":["BasePlugin","___BasePlugin","NumberPlugin","render","fieldMetadata","bindingPath","modelName","engineScopeId","onChange","metadata","fieldKey","startsWith","substring","isEditable","control","TextControl","id","generateStableId","text","generateBindingInfo","applyCommonDirectives","typeInstance","type","Integer","groupingEnabled","Float","minFractionDigits","scale","undefined","maxFractionDigits","Input","value","path","model","editable","ui","readOnly","required","change","oEvent","val","getParameter","result","validateAndApplyVisualState","isValid","getValue","input","binding","getBinding","applyState","setEditable","setRequired","__exports","__esModule"],"sources":["NumberPlugin.ts"],"sourcesContent":["/**\n * @file NumberPlugin.ts\n * @description Renders a sap.m.Input configured for generic dynamic numeric data.\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport Input from \"sap/m/Input\";\nimport Control from \"sap/ui/core/Control\";\nimport TextControl from \"sap/m/Text\";\nimport Float from \"sap/ui/model/type/Float\";\nimport Integer from \"sap/ui/model/type/Integer\";\n\n/**\n * Handles rendering and logic for dynamic numeric inputs.\n */\nexport class NumberPlugin extends BasePlugin {\n    /**\n     * Renders a `sap.m.Input` component for numeric evaluation with dynamic Float type.\n     * \n     * @param fieldMetadata The specific JSON schema properties for this field.\n     * @param bindingPath The JSON path bound to this control.\n     * @param modelName The UI5 JSONModel name.\n     * @param engineScopeId The deterministic scope ID.\n     * @param onChange The callback fired on value change.\n     * @returns {Control} The configured Input control.\n     */\n    public render(fieldMetadata: IPropertyMetadata, bindingPath: string, modelName: string = \"meta\", engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control {\n        this.onChange = onChange;\n        this.metadata = fieldMetadata;\n        this.fieldKey = bindingPath.startsWith('/') ? bindingPath.substring(1) : bindingPath;\n\n        if (!this.isEditable) {\n            this.control = new TextControl({\n                id: this.generateStableId(engineScopeId, bindingPath),\n                text: this.generateBindingInfo(bindingPath, modelName)\n            });\n            this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n            return this.control as Control;\n        }\n\n        let typeInstance;\n        if (fieldMetadata.type === \"integer\") {\n            typeInstance = new Integer({ groupingEnabled: false });\n        } else {\n            typeInstance = new Float({\n                groupingEnabled: false,\n                minFractionDigits: fieldMetadata.scale !== undefined ? fieldMetadata.scale : 0,\n                maxFractionDigits: fieldMetadata.scale !== undefined ? fieldMetadata.scale : 9\n            });\n        }\n\n        this.control = new Input({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            value: {\n                path: bindingPath,\n                model: modelName,\n                type: typeInstance\n            },\n            type: \"Number\",\n            editable: !fieldMetadata.ui?.readOnly,\n            required: !!fieldMetadata.required,\n            change: (oEvent: sap.ui.base.Event) => {\n                const val = oEvent.getParameter(\"value\");\n                const result = this.validateAndApplyVisualState();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n            }\n        });\n\n        this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n\n        return this.control as Control;\n    }\n\n    /**\n     * Retrieves the current numeric state.\n     * @returns {unknown} The numeric value.\n     */\n    protected getValue(): unknown {\n        if (!this.control) return null;\n        // In UI5, Input.getValue() returns a string. We must parse it if it's bound.\n        // However, we can also extract it directly from the binding.\n        const input = this.control as Input;\n        const binding = input.getBinding(\"value\");\n        if (binding) {\n            return binding.getValue();\n        }\n        return input.getValue();\n    }\n\n    /**\n     * Applies dynamic read-only state.\n     */\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (!this.isEditable) return;\n            const input = this.control as Input;\n            input.setEditable(!this.metadata.ui?.readOnly);\n            input.setRequired(!!this.metadata.required);\n        }\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/src/nz/co/siliconst/ui5/metaui/plugins/controls/NumberPlugin.d.ts

@@ -1,24 +1,24 @@
 declare module "nz/co/siliconst/ui5/metaui/plugins/controls/NumberPlugin" {
     /**
      * @file NumberPlugin.ts
-     * @description Renders a sap.m.StepInput for numeric data.
+     * @description Renders a sap.m.Input configured for generic dynamic numeric data.
      */
     import { BasePlugin } from "nz/co/siliconst/ui5/metaui/plugins/controls/BasePlugin";
     import { IPropertyMetadata } from "nz/co/siliconst/ui5/metaui/interfaces/ISchema";
     import Control from "sap/ui/core/Control";
     /**
-     * Handles rendering and logic for numeric inputs.
+     * Handles rendering and logic for dynamic numeric inputs.
      */
     export class NumberPlugin extends BasePlugin {
         /**
-         * Renders a `sap.m.StepInput` component for numeric evaluation.
+         * Renders a `sap.m.Input` component for numeric evaluation with dynamic Float type.
          *
          * @param fieldMetadata The specific JSON schema properties for this field.
          * @param bindingPath The JSON path bound to this control.
          * @param modelName The UI5 JSONModel name.
          * @param engineScopeId The deterministic scope ID.
          * @param onChange The callback fired on value change.
-         * @returns {Control} The configured StepInput control.
+         * @returns {Control} The configured Input control.
          */
         render(fieldMetadata: IPropertyMetadata, bindingPath: string, modelName?: string, engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control;
         /**

package/src/nz/co/siliconst/ui5/metaui/plugins/controls/NumberPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberPlugin.d.ts","sourceRoot":"../../../../../../../../..","sources":["src/nz/co/siliconst/ui5/metaui/plugins/controls/NumberPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,0DAA0D,CAAC;IAC1E;;;OAGG;IAEH,OAAO,EAAE,UAAU,EAAE,MAAM,wDAAwD,CAAC;IACpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;IAElF,OAAO,OAAO,MAAM,qBAAqB,CAAC;IAG1C;;OAEG;IACH,MAAa,YAAa,SAAQ,UAAU;QACxC;;;;;;;;;WASG;QACI,MAAM,CAAC,aAAa,EAAE,iBAAiB,EAAG,WAAW,EAAE,MAAM,EAAG,SAAS,GAAE,MAAe,EAAE,aAAa,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO;QAkC7L;;;WAGG;QACH,SAAS,CAAC,QAAQ,IAAI,OAAO;QAI7B;;WAEG;QACH,SAAS,CAAC,UAAU,IAAI,IAAI;KAQ/B;CAEA"}
+{"version":3,"file":"NumberPlugin.d.ts","sourceRoot":"../../../../../../../../..","sources":["src/nz/co/siliconst/ui5/metaui/plugins/controls/NumberPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,0DAA0D,CAAC;IAC1E;;;OAGG;IAEH,OAAO,EAAE,UAAU,EAAE,MAAM,wDAAwD,CAAC;IACpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;IAElF,OAAO,OAAO,MAAM,qBAAqB,CAAC;IAK1C;;OAEG;IACH,MAAa,YAAa,SAAQ,UAAU;QACxC;;;;;;;;;WASG;QACI,MAAM,CAAC,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,GAAE,MAAe,EAAE,aAAa,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO;QAiD3L;;;WAGG;QACH,SAAS,CAAC,QAAQ,IAAI,OAAO;QAY7B;;WAEG;QACH,SAAS,CAAC,UAAU,IAAI,IAAI;KAQ/B;CAEA"}

package/src/nz/co/siliconst/ui5/metaui/plugins/controls/NumberPlugin.js

@@ -1,2 +1,2 @@
-sap.ui.define(["./BasePlugin","sap/m/StepInput","sap/m/Text"],function(t,e,i){"use strict";const a=t["BasePlugin"];class s extends a{render(t,a,s="meta",n,r){this.onChange=r;this.metadata=t;if(!this.isEditable){this.control=new i({id:this.generateStableId(n,a),text:`{${s}>${a}}`});this.applyCommonDirectives(this.control,t,s);return this.control}this.control=new e({id:this.generateStableId(n,a),value:`{${s}>${a}}`,displayValuePrecision:t.scale!==undefined?t.scale:t.type==="integer"?0:3,editable:!t.ui?.readOnly,required:t.required,change:t=>{const e=t.getParameter("value");const i=this.validateAndApplyVisualState();if(this.onChange){this.onChange(i.isValid,this.fieldKey)}}});this.applyCommonDirectives(this.control,t,s);return this.control}getValue(){return this.control?this.control.getValue():null}applyState(){if(this.control&&this.metadata){if(!this.isEditable)return;const t=this.control;t.setEditable(!this.metadata.ui?.readOnly);t.setRequired(this.metadata.required)}}}var n={__esModule:true};n.NumberPlugin=s;return n});
+sap.ui.define(["./BasePlugin","sap/m/Input","sap/m/Text","sap/ui/model/type/Float","sap/ui/model/type/Integer"],function(e,t,i,n,a){"use strict";const s=e["BasePlugin"];class r extends s{render(e,s,r="meta",l,o){this.onChange=o;this.metadata=e;this.fieldKey=s.startsWith("/")?s.substring(1):s;if(!this.isEditable){this.control=new i({id:this.generateStableId(l,s),text:this.generateBindingInfo(s,r)});this.applyCommonDirectives(this.control,e,r);return this.control}let u;if(e.type==="integer"){u=new a({groupingEnabled:false})}else{u=new n({groupingEnabled:false,minFractionDigits:e.scale!==undefined?e.scale:0,maxFractionDigits:e.scale!==undefined?e.scale:9})}this.control=new t({id:this.generateStableId(l,s),value:{path:s,model:r,type:u},type:"Number",editable:!e.ui?.readOnly,required:!!e.required,change:e=>{const t=e.getParameter("value");const i=this.validateAndApplyVisualState();if(this.onChange){this.onChange(i.isValid,this.fieldKey)}}});this.applyCommonDirectives(this.control,e,r);return this.control}getValue(){if(!this.control)return null;const e=this.control;const t=e.getBinding("value");if(t){return t.getValue()}return e.getValue()}applyState(){if(this.control&&this.metadata){if(!this.isEditable)return;const e=this.control;e.setEditable(!this.metadata.ui?.readOnly);e.setRequired(!!this.metadata.required)}}}var l={__esModule:true};l.NumberPlugin=r;return l});
 //# sourceMappingURL=NumberPlugin.js.map

package/src/nz/co/siliconst/ui5/metaui/plugins/controls/NumberPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberPlugin.js","names":["BasePlugin","___BasePlugin","NumberPlugin","render","fieldMetadata","bindingPath","modelName","engineScopeId","onChange","this","metadata","isEditable","control","TextControl","id","generateStableId","text","applyCommonDirectives","StepInput","value","displayValuePrecision","scale","undefined","type","editable","ui","readOnly","required","change","oEvent","val","getParameter","result","validateAndApplyVisualState","isValid","fieldKey","getValue","applyState","input","setEditable","setRequired","__exports","__esModule"],"sources":["NumberPlugin.ts"],"sourcesContent":["/**\n * @file NumberPlugin.ts\n * @description Renders a sap.m.StepInput for numeric data.\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport StepInput from \"sap/m/StepInput\";\nimport Control from \"sap/ui/core/Control\";\nimport TextControl from \"sap/m/Text\";\n\n/**\n * Handles rendering and logic for numeric inputs.\n */\nexport class NumberPlugin extends BasePlugin {\n    /**\n     * Renders a `sap.m.StepInput` component for numeric evaluation.\n     * \n     * @param fieldMetadata The specific JSON schema properties for this field.\n     * @param bindingPath The JSON path bound to this control.\n     * @param modelName The UI5 JSONModel name.\n     * @param engineScopeId The deterministic scope ID.\n     * @param onChange The callback fired on value change.\n     * @returns {Control} The configured StepInput control.\n     */\n    public render(fieldMetadata: IPropertyMetadata,  bindingPath: string,  modelName: string = \"meta\", engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control {\n        this.onChange = onChange;\n        this.metadata = fieldMetadata;\n\n        if (!this.isEditable) {\n            \n            this.control = new TextControl({\n                id: this.generateStableId(engineScopeId, bindingPath),\n                text: `{${modelName}>${bindingPath}}`\n            });\n            this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n            return this.control as Control;\n        }\n\n        this.control = new StepInput({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            value: `{${modelName}>${bindingPath}}`,\n            displayValuePrecision: fieldMetadata.scale !== undefined ? fieldMetadata.scale : (fieldMetadata.type === \"integer\" ? 0 : 3),\n            editable: !fieldMetadata.ui?.readOnly,\n            required: fieldMetadata.required,\n            change: (oEvent: sap.ui.base.Event) => {\n                const val = oEvent.getParameter(\"value\");\n                const result = this.validateAndApplyVisualState();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n            }\n        });\n\n        this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n\n        return this.control as Control;\n    }\n\n    /**\n     * Retrieves the current numeric state.\n     * @returns {unknown} The numeric value.\n     */\n    protected getValue(): unknown {\n        return this.control ? (this.control as StepInput).getValue() : null;\n    }\n\n    /**\n     * Applies dynamic read-only state.\n     */\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (!this.isEditable) return;\n            const input = this.control as StepInput;\n            input.setEditable(!this.metadata.ui?.readOnly);\n            input.setRequired(this.metadata.required);\n        }\n    }\n}\n"],"mappings":"2FAAA,MAKSA,EAAUC,EAAA,cASZ,MAAMC,UAAqBF,EAWvBG,OAAOC,EAAmCC,EAAsBC,EAAoB,OAAQC,EAAwBC,GACvHC,KAAKD,SAAWA,EAChBC,KAAKC,SAAWN,EAEhB,IAAKK,KAAKE,WAAY,CAElBF,KAAKG,QAAU,IAAIC,EAAY,CAC3BC,GAAIL,KAAKM,iBAAiBR,EAAeF,GACzCW,KAAM,IAAIV,KAAaD,OAE3BI,KAAKQ,sBAAsBR,KAAKG,QAASR,EAAeE,GACxD,OAAOG,KAAKG,OAChB,CAEAH,KAAKG,QAAU,IAAIM,EAAU,CACzBJ,GAAIL,KAAKM,iBAAiBR,EAAeF,GACzCc,MAAO,IAAIb,KAAaD,KACxBe,sBAAuBhB,EAAciB,QAAUC,UAAYlB,EAAciB,MAASjB,EAAcmB,OAAS,UAAY,EAAI,EACzHC,UAAWpB,EAAcqB,IAAIC,SAC7BC,SAAUvB,EAAcuB,SACxBC,OAASC,IACL,MAAMC,EAAMD,EAAOE,aAAa,SAChC,MAAMC,EAASvB,KAAKwB,8BACpB,GAAIxB,KAAKD,SAAU,CACfC,KAAKD,SAASwB,EAAOE,QAASzB,KAAK0B,SACvC,KAIR1B,KAAKQ,sBAAsBR,KAAKG,QAASR,EAAeE,GAExD,OAAOG,KAAKG,OAChB,CAMUwB,WACN,OAAO3B,KAAKG,QAAWH,KAAKG,QAAsBwB,WAAa,IACnE,CAKUC,aACN,GAAI5B,KAAKG,SAAWH,KAAKC,SAAU,CAC/B,IAAKD,KAAKE,WAAY,OACtB,MAAM2B,EAAQ7B,KAAKG,QACnB0B,EAAMC,aAAa9B,KAAKC,SAASe,IAAIC,UACrCY,EAAME,YAAY/B,KAAKC,SAASiB,SACpC,CACJ,EACH,IAAAc,EAAA,CAAAC,WAAA,MAAAD,EAAAvC,eAAA,OAAAuC,CAAA","ignoreList":[]}
+{"version":3,"file":"NumberPlugin.js","names":["BasePlugin","___BasePlugin","NumberPlugin","render","fieldMetadata","bindingPath","modelName","engineScopeId","onChange","this","metadata","fieldKey","startsWith","substring","isEditable","control","TextControl","id","generateStableId","text","generateBindingInfo","applyCommonDirectives","typeInstance","type","Integer","groupingEnabled","Float","minFractionDigits","scale","undefined","maxFractionDigits","Input","value","path","model","editable","ui","readOnly","required","change","oEvent","val","getParameter","result","validateAndApplyVisualState","isValid","getValue","input","binding","getBinding","applyState","setEditable","setRequired","__exports","__esModule"],"sources":["NumberPlugin.ts"],"sourcesContent":["/**\n * @file NumberPlugin.ts\n * @description Renders a sap.m.Input configured for generic dynamic numeric data.\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport Input from \"sap/m/Input\";\nimport Control from \"sap/ui/core/Control\";\nimport TextControl from \"sap/m/Text\";\nimport Float from \"sap/ui/model/type/Float\";\nimport Integer from \"sap/ui/model/type/Integer\";\n\n/**\n * Handles rendering and logic for dynamic numeric inputs.\n */\nexport class NumberPlugin extends BasePlugin {\n    /**\n     * Renders a `sap.m.Input` component for numeric evaluation with dynamic Float type.\n     * \n     * @param fieldMetadata The specific JSON schema properties for this field.\n     * @param bindingPath The JSON path bound to this control.\n     * @param modelName The UI5 JSONModel name.\n     * @param engineScopeId The deterministic scope ID.\n     * @param onChange The callback fired on value change.\n     * @returns {Control} The configured Input control.\n     */\n    public render(fieldMetadata: IPropertyMetadata, bindingPath: string, modelName: string = \"meta\", engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control {\n        this.onChange = onChange;\n        this.metadata = fieldMetadata;\n        this.fieldKey = bindingPath.startsWith('/') ? bindingPath.substring(1) : bindingPath;\n\n        if (!this.isEditable) {\n            this.control = new TextControl({\n                id: this.generateStableId(engineScopeId, bindingPath),\n                text: this.generateBindingInfo(bindingPath, modelName)\n            });\n            this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n            return this.control as Control;\n        }\n\n        let typeInstance;\n        if (fieldMetadata.type === \"integer\") {\n            typeInstance = new Integer({ groupingEnabled: false });\n        } else {\n            typeInstance = new Float({\n                groupingEnabled: false,\n                minFractionDigits: fieldMetadata.scale !== undefined ? fieldMetadata.scale : 0,\n                maxFractionDigits: fieldMetadata.scale !== undefined ? fieldMetadata.scale : 9\n            });\n        }\n\n        this.control = new Input({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            value: {\n                path: bindingPath,\n                model: modelName,\n                type: typeInstance\n            },\n            type: \"Number\",\n            editable: !fieldMetadata.ui?.readOnly,\n            required: !!fieldMetadata.required,\n            change: (oEvent: sap.ui.base.Event) => {\n                const val = oEvent.getParameter(\"value\");\n                const result = this.validateAndApplyVisualState();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n            }\n        });\n\n        this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n\n        return this.control as Control;\n    }\n\n    /**\n     * Retrieves the current numeric state.\n     * @returns {unknown} The numeric value.\n     */\n    protected getValue(): unknown {\n        if (!this.control) return null;\n        // In UI5, Input.getValue() returns a string. We must parse it if it's bound.\n        // However, we can also extract it directly from the binding.\n        const input = this.control as Input;\n        const binding = input.getBinding(\"value\");\n        if (binding) {\n            return binding.getValue();\n        }\n        return input.getValue();\n    }\n\n    /**\n     * Applies dynamic read-only state.\n     */\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (!this.isEditable) return;\n            const input = this.control as Input;\n            input.setEditable(!this.metadata.ui?.readOnly);\n            input.setRequired(!!this.metadata.required);\n        }\n    }\n}\n"],"mappings":"iJAAA,MAKSA,EAAUC,EAAA,cAWZ,MAAMC,UAAqBF,EAWvBG,OAAOC,EAAkCC,EAAqBC,EAAoB,OAAQC,EAAwBC,GACrHC,KAAKD,SAAWA,EAChBC,KAAKC,SAAWN,EAChBK,KAAKE,SAAWN,EAAYO,WAAW,KAAOP,EAAYQ,UAAU,GAAKR,EAEzE,IAAKI,KAAKK,WAAY,CAClBL,KAAKM,QAAU,IAAIC,EAAY,CAC3BC,GAAIR,KAAKS,iBAAiBX,EAAeF,GACzCc,KAAMV,KAAKW,oBAAoBf,EAAaC,KAEhDG,KAAKY,sBAAsBZ,KAAKM,QAASX,EAAeE,GACxD,OAAOG,KAAKM,OAChB,CAEA,IAAIO,EACJ,GAAIlB,EAAcmB,OAAS,UAAW,CAClCD,EAAe,IAAIE,EAAQ,CAAEC,gBAAiB,OAClD,KAAO,CACHH,EAAe,IAAII,EAAM,CACrBD,gBAAiB,MACjBE,kBAAmBvB,EAAcwB,QAAUC,UAAYzB,EAAcwB,MAAQ,EAC7EE,kBAAmB1B,EAAcwB,QAAUC,UAAYzB,EAAcwB,MAAQ,GAErF,CAEAnB,KAAKM,QAAU,IAAIgB,EAAM,CACrBd,GAAIR,KAAKS,iBAAiBX,EAAeF,GACzC2B,MAAO,CACHC,KAAM5B,EACN6B,MAAO5B,EACPiB,KAAMD,GAEVC,KAAM,SACNY,UAAW/B,EAAcgC,IAAIC,SAC7BC,WAAYlC,EAAckC,SAC1BC,OAASC,IACL,MAAMC,EAAMD,EAAOE,aAAa,SAChC,MAAMC,EAASlC,KAAKmC,8BACpB,GAAInC,KAAKD,SAAU,CACfC,KAAKD,SAASmC,EAAOE,QAASpC,KAAKE,SACvC,KAIRF,KAAKY,sBAAsBZ,KAAKM,QAASX,EAAeE,GAExD,OAAOG,KAAKM,OAChB,CAMU+B,WACN,IAAKrC,KAAKM,QAAS,OAAO,KAG1B,MAAMgC,EAAQtC,KAAKM,QACnB,MAAMiC,EAAUD,EAAME,WAAW,SACjC,GAAID,EAAS,CACT,OAAOA,EAAQF,UACnB,CACA,OAAOC,EAAMD,UACjB,CAKUI,aACN,GAAIzC,KAAKM,SAAWN,KAAKC,SAAU,CAC/B,IAAKD,KAAKK,WAAY,OACtB,MAAMiC,EAAQtC,KAAKM,QACnBgC,EAAMI,aAAa1C,KAAKC,SAAS0B,IAAIC,UACrCU,EAAMK,cAAc3C,KAAKC,SAAS4B,SACtC,CACJ,EACH,IAAAe,EAAA,CAAAC,WAAA,MAAAD,EAAAnD,eAAA,OAAAmD,CAAA","ignoreList":[]}