@siliconst/metaui 1.0.2 → 1.4.4

package/src/nz/co/siliconst/ui5/metaui/plugins/actions/UrlNavigationActionPlugin.ts

@@ -0,0 +1,45 @@
+/**
+ * @file UrlNavigationActionPlugin.ts
+ * @description A custom action plugin that navigates to a URL.
+ */
+
+import { BasePlugin } from "../controls/BasePlugin";
+import { IPropertyMetadata } from "../../interfaces/ISchema";
+import Button from "sap/m/Button";
+import Control from "sap/ui/core/Control";
+import * as library from "sap/m/library";
+const URLHelper = library.URLHelper;
+
+/**
+ * Renders a Button that triggers a redirect to an external URL (defined in args).
+ * 
+ * @namespace nz.co.siliconst.ui5.metaui.plugins.actions
+ * @public
+ */
+export class UrlNavigationActionPlugin extends BasePlugin {
+    public render(fieldMetadata: IPropertyMetadata, bindingPath: string, modelName: string = "meta"): Control {
+        this.metadata = fieldMetadata;
+
+        this.control = new Button({
+            text: fieldMetadata.ui?.label || "Open Link",
+            icon: "sap-icon://action",
+            press: () => {
+                // In a real scenario, the URL might come from the payload or from schema args
+                const targetUrl = fieldMetadata.ui?.args || "https://sap.com";
+                URLHelper.redirect(targetUrl as string, true); // true = open in new window
+            }
+        });
+
+        return this.control as Control;
+    }
+
+    protected getValue(): any {
+        return null;
+    }
+
+    protected applyState(): void {
+        if (this.control && this.metadata) {
+            (this.control as Button).setEnabled(!this.metadata.ui?.readOnly);
+        }
+    }
+}

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

@@ -0,0 +1,74 @@
+sap.ui.define(["./BasePlugin", "sap/m/Button"], function (___BasePlugin, Button) {
+  "use strict";
+
+  /**
+   * @file ArrayPlugin.ts
+   * @description Renders a button that drills down into a nested table (array) via a recursive Dialog using v2 schema.
+   */
+  const BasePlugin = ___BasePlugin["BasePlugin"];
+  class ArrayPlugin extends BasePlugin {
+    render(field, bindingPath, modelName = "meta", engineScopeId, onChange) {
+      this.onChange = onChange;
+      this.metadata = field;
+      const propKey = bindingPath.startsWith("/") ? bindingPath.substring(1) : bindingPath;
+      const subSchema = {
+        type: "array",
+        title: field.ui?.label || propKey,
+        items: field.items || {
+          type: "object",
+          properties: {} // inference will handle it if empty
+        }
+      };
+      if (field.uiLayout) {
+        subSchema.uiLayout = field.uiLayout;
+      }
+      this.control = new Button({
+        id: this.generateStableId(engineScopeId, bindingPath),
+        text: this.isDisplayMode ? "View Records" : "Edit Records",
+        icon: this.isDisplayMode ? "sap-icon://display" : "sap-icon://list",
+        press: oEvent => {
+          const btn = oEvent.getSource();
+          const parentModel = btn.getModel(modelName);
+          if (!parentModel) return;
+          const bindingContext = btn.getBindingContext(modelName);
+          let updatePath = bindingPath;
+          if (bindingContext && !bindingPath.startsWith("/")) {
+            const ctxPath = bindingContext.getPath();
+            updatePath = ctxPath.endsWith("/") ? ctxPath + bindingPath : ctxPath === "/" ? "/" + bindingPath : ctxPath + "/" + bindingPath;
+          }
+          const nestedData = parentModel.getProperty(updatePath) || [];
+          sap.ui.require(["nz/co/siliconst/ui5/metaui/controls/host/GeneratorHost"], GeneratorHost => {
+            const host = new GeneratorHost({
+              schemaDefinition: subSchema,
+              data: nestedData,
+              displayMode: this.isDisplayMode // Pass the display mode down to the child Engine!
+            });
+
+            // Only attach submit event if we are not in display mode
+            if (!this.isDisplayMode) {
+              host.attachSubmit(e => {
+                const payload = e.getParameter("payload");
+                parentModel.setProperty(updatePath, payload);
+              });
+            }
+            const buttonText = field.ui?.dialogButtonText || (this.isDisplayMode ? "Close" : "OK");
+            host.openInDialog(`Nested Records: ${field.ui?.label || propKey}`, buttonText);
+          });
+        }
+      });
+      return this.control;
+    }
+    getValue() {
+      return null;
+    }
+    applyState() {
+      // dynamic state changes
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.ArrayPlugin = ArrayPlugin;
+  return __exports;
+});
+//# sourceMappingURL=ArrayPlugin-dbg.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArrayPlugin-dbg.js","names":["BasePlugin","___BasePlugin","ArrayPlugin","render","field","bindingPath","modelName","engineScopeId","onChange","metadata","propKey","startsWith","substring","subSchema","type","title","ui","label","items","properties","uiLayout","control","Button","id","generateStableId","text","isDisplayMode","icon","press","oEvent","btn","getSource","parentModel","getModel","bindingContext","getBindingContext","updatePath","ctxPath","getPath","endsWith","nestedData","getProperty","sap","require","GeneratorHost","host","schemaDefinition","data","displayMode","attachSubmit","e","payload","getParameter","setProperty","buttonText","dialogButtonText","openInDialog","getValue","applyState","__exports","__esModule"],"sources":["ArrayPlugin.ts"],"sourcesContent":["/**\n * @file ArrayPlugin.ts\n * @description Renders a button that drills down into a nested table (array) via a recursive Dialog using v2 schema.\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport Control from \"sap/ui/core/Control\";\nimport Button from \"sap/m/Button\";\nimport JSONModel from \"sap/ui/model/json/JSONModel\";\n\nexport class ArrayPlugin extends BasePlugin {\n    public render(field: IPropertyMetadata,  bindingPath: string,  modelName: string = \"meta\", engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control {\n        this.onChange = onChange;\n        this.metadata = field;\n        const propKey = bindingPath.startsWith(\"/\") ? bindingPath.substring(1) : bindingPath;\n        \n        const subSchema: any = {\n            type: \"array\",\n            title: field.ui?.label || propKey,\n            items: field.items || {\n                type: \"object\",\n                properties: {} // inference will handle it if empty\n            }\n        };\n\n        if (field.uiLayout) {\n            subSchema.uiLayout = field.uiLayout;\n        }\n\n        this.control = new Button({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            text: this.isDisplayMode ? \"View Records\" : \"Edit Records\",\n            icon: this.isDisplayMode ? \"sap-icon://display\" : \"sap-icon://list\",\n            press: (oEvent: sap.ui.base.Event) => {\n                const btn = oEvent.getSource() as Button;\n                const parentModel = btn.getModel(modelName) as JSONModel;\n                if (!parentModel) return;\n                \n                const bindingContext = btn.getBindingContext(modelName);\n                let updatePath = bindingPath;\n                if (bindingContext && !bindingPath.startsWith(\"/\")) {\n                    const ctxPath = bindingContext.getPath();\n                    updatePath = ctxPath.endsWith(\"/\") ? ctxPath + bindingPath : (ctxPath === \"/\" ? \"/\" + bindingPath : ctxPath + \"/\" + bindingPath);\n                }\n                \n                const nestedData = parentModel.getProperty(updatePath) || [];\n\n                sap.ui.require([\"nz/co/siliconst/ui5/metaui/controls/host/GeneratorHost\"], (GeneratorHost: any) => {\n                    const host = new GeneratorHost({\n                        schemaDefinition: subSchema,\n                        data: nestedData,\n                        displayMode: this.isDisplayMode // Pass the display mode down to the child Engine!\n                    });\n\n                    // Only attach submit event if we are not in display mode\n                    if (!this.isDisplayMode) {\n                        host.attachSubmit((e: any) => {\n                            const payload = e.getParameter(\"payload\");\n                            parentModel.setProperty(updatePath, payload);\n                        });\n                    }\n\n                    const buttonText = field.ui?.dialogButtonText || (this.isDisplayMode ? \"Close\" : \"OK\");\n                    host.openInDialog(`Nested Records: ${field.ui?.label || propKey}`, buttonText);\n                });\n            }\n        });\n        \n        return this.control as Control;\n    }\n\n    protected getValue(): any {\n        return null;\n    }\n\n    protected applyState(): void {\n        // dynamic state changes\n    }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,15 @@
+declare module "nz/co/siliconst/ui5/metaui/plugins/controls/ArrayPlugin" {
+    /**
+     * @file ArrayPlugin.ts
+     * @description Renders a button that drills down into a nested table (array) via a recursive Dialog using v2 schema.
+     */
+    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";
+    export class ArrayPlugin extends BasePlugin {
+        render(field: IPropertyMetadata, bindingPath: string, modelName?: string, engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control;
+        protected getValue(): any;
+        protected applyState(): void;
+    }
+}
+//# sourceMappingURL=ArrayPlugin.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArrayPlugin.d.ts","sourceRoot":"../../../../../../../../..","sources":["src/nz/co/siliconst/ui5/metaui/plugins/controls/ArrayPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,yDAAyD,CAAC;IACzE;;;OAGG;IAEH,OAAO,EAAE,UAAU,EAAE,MAAM,wDAAwD,CAAC;IACpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;IAClF,OAAO,OAAO,MAAM,qBAAqB,CAAC;IAI1C,MAAa,WAAY,SAAQ,UAAU;QAChC,MAAM,CAAC,KAAK,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;QA4DrL,SAAS,CAAC,QAAQ,IAAI,GAAG;QAIzB,SAAS,CAAC,UAAU,IAAI,IAAI;KAG/B;CAEA"}

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

@@ -0,0 +1,2 @@
+sap.ui.define(["./BasePlugin","sap/m/Button"],function(t,e){"use strict";const s=t["BasePlugin"];class i extends s{render(t,s,i="meta",o,a){this.onChange=a;this.metadata=t;const n=s.startsWith("/")?s.substring(1):s;const r={type:"array",title:t.ui?.label||n,items:t.items||{type:"object",properties:{}}};if(t.uiLayout){r.uiLayout=t.uiLayout}this.control=new e({id:this.generateStableId(o,s),text:this.isDisplayMode?"View Records":"Edit Records",icon:this.isDisplayMode?"sap-icon://display":"sap-icon://list",press:e=>{const o=e.getSource();const a=o.getModel(i);if(!a)return;const l=o.getBindingContext(i);let u=s;if(l&&!s.startsWith("/")){const t=l.getPath();u=t.endsWith("/")?t+s:t==="/"?"/"+s:t+"/"+s}const c=a.getProperty(u)||[];sap.ui.require(["nz/co/siliconst/ui5/metaui/controls/host/GeneratorHost"],e=>{const s=new e({schemaDefinition:r,data:c,displayMode:this.isDisplayMode});if(!this.isDisplayMode){s.attachSubmit(t=>{const e=t.getParameter("payload");a.setProperty(u,e)})}const i=t.ui?.dialogButtonText||(this.isDisplayMode?"Close":"OK");s.openInDialog(`Nested Records: ${t.ui?.label||n}`,i)})}});return this.control}getValue(){return null}applyState(){}}var o={__esModule:true};o.ArrayPlugin=i;return o});
+//# sourceMappingURL=ArrayPlugin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArrayPlugin.js","names":["BasePlugin","___BasePlugin","ArrayPlugin","render","field","bindingPath","modelName","engineScopeId","onChange","this","metadata","propKey","startsWith","substring","subSchema","type","title","ui","label","items","properties","uiLayout","control","Button","id","generateStableId","text","isDisplayMode","icon","press","oEvent","btn","getSource","parentModel","getModel","bindingContext","getBindingContext","updatePath","ctxPath","getPath","endsWith","nestedData","getProperty","sap","require","GeneratorHost","host","schemaDefinition","data","displayMode","attachSubmit","e","payload","getParameter","setProperty","buttonText","dialogButtonText","openInDialog","getValue","applyState","__exports","__esModule"],"sources":["ArrayPlugin.ts"],"sourcesContent":["/**\n * @file ArrayPlugin.ts\n * @description Renders a button that drills down into a nested table (array) via a recursive Dialog using v2 schema.\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport Control from \"sap/ui/core/Control\";\nimport Button from \"sap/m/Button\";\nimport JSONModel from \"sap/ui/model/json/JSONModel\";\n\nexport class ArrayPlugin extends BasePlugin {\n    public render(field: IPropertyMetadata,  bindingPath: string,  modelName: string = \"meta\", engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control {\n        this.onChange = onChange;\n        this.metadata = field;\n        const propKey = bindingPath.startsWith(\"/\") ? bindingPath.substring(1) : bindingPath;\n        \n        const subSchema: any = {\n            type: \"array\",\n            title: field.ui?.label || propKey,\n            items: field.items || {\n                type: \"object\",\n                properties: {} // inference will handle it if empty\n            }\n        };\n\n        if (field.uiLayout) {\n            subSchema.uiLayout = field.uiLayout;\n        }\n\n        this.control = new Button({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            text: this.isDisplayMode ? \"View Records\" : \"Edit Records\",\n            icon: this.isDisplayMode ? \"sap-icon://display\" : \"sap-icon://list\",\n            press: (oEvent: sap.ui.base.Event) => {\n                const btn = oEvent.getSource() as Button;\n                const parentModel = btn.getModel(modelName) as JSONModel;\n                if (!parentModel) return;\n                \n                const bindingContext = btn.getBindingContext(modelName);\n                let updatePath = bindingPath;\n                if (bindingContext && !bindingPath.startsWith(\"/\")) {\n                    const ctxPath = bindingContext.getPath();\n                    updatePath = ctxPath.endsWith(\"/\") ? ctxPath + bindingPath : (ctxPath === \"/\" ? \"/\" + bindingPath : ctxPath + \"/\" + bindingPath);\n                }\n                \n                const nestedData = parentModel.getProperty(updatePath) || [];\n\n                sap.ui.require([\"nz/co/siliconst/ui5/metaui/controls/host/GeneratorHost\"], (GeneratorHost: any) => {\n                    const host = new GeneratorHost({\n                        schemaDefinition: subSchema,\n                        data: nestedData,\n                        displayMode: this.isDisplayMode // Pass the display mode down to the child Engine!\n                    });\n\n                    // Only attach submit event if we are not in display mode\n                    if (!this.isDisplayMode) {\n                        host.attachSubmit((e: any) => {\n                            const payload = e.getParameter(\"payload\");\n                            parentModel.setProperty(updatePath, payload);\n                        });\n                    }\n\n                    const buttonText = field.ui?.dialogButtonText || (this.isDisplayMode ? \"Close\" : \"OK\");\n                    host.openInDialog(`Nested Records: ${field.ui?.label || propKey}`, buttonText);\n                });\n            }\n        });\n        \n        return this.control as Control;\n    }\n\n    protected getValue(): any {\n        return null;\n    }\n\n    protected applyState(): void {\n        // dynamic state changes\n    }\n}\n"],"mappings":"yEAAA,MAKSA,EAAUC,EAAA,cAMZ,MAAMC,UAAoBF,EACtBG,OAAOC,EAA2BC,EAAsBC,EAAoB,OAAQC,EAAwBC,GAC/GC,KAAKD,SAAWA,EAChBC,KAAKC,SAAWN,EAChB,MAAMO,EAAUN,EAAYO,WAAW,KAAOP,EAAYQ,UAAU,GAAKR,EAEzE,MAAMS,EAAiB,CACnBC,KAAM,QACNC,MAAOZ,EAAMa,IAAIC,OAASP,EAC1BQ,MAAOf,EAAMe,OAAS,CAClBJ,KAAM,SACNK,WAAY,CAAC,IAIrB,GAAIhB,EAAMiB,SAAU,CAChBP,EAAUO,SAAWjB,EAAMiB,QAC/B,CAEAZ,KAAKa,QAAU,IAAIC,EAAO,CACtBC,GAAIf,KAAKgB,iBAAiBlB,EAAeF,GACzCqB,KAAMjB,KAAKkB,cAAgB,eAAiB,eAC5CC,KAAMnB,KAAKkB,cAAgB,qBAAuB,kBAClDE,MAAQC,IACJ,MAAMC,EAAMD,EAAOE,YACnB,MAAMC,EAAcF,EAAIG,SAAS5B,GACjC,IAAK2B,EAAa,OAElB,MAAME,EAAiBJ,EAAIK,kBAAkB9B,GAC7C,IAAI+B,EAAahC,EACjB,GAAI8B,IAAmB9B,EAAYO,WAAW,KAAM,CAChD,MAAM0B,EAAUH,EAAeI,UAC/BF,EAAaC,EAAQE,SAAS,KAAOF,EAAUjC,EAAeiC,IAAY,IAAM,IAAMjC,EAAciC,EAAU,IAAMjC,CACxH,CAEA,MAAMoC,EAAaR,EAAYS,YAAYL,IAAe,GAE1DM,IAAI1B,GAAG2B,QAAQ,CAAC,0DAA4DC,IACxE,MAAMC,EAAO,IAAID,EAAc,CAC3BE,iBAAkBjC,EAClBkC,KAAMP,EACNQ,YAAaxC,KAAKkB,gBAItB,IAAKlB,KAAKkB,cAAe,CACrBmB,EAAKI,aAAcC,IACf,MAAMC,EAAUD,EAAEE,aAAa,WAC/BpB,EAAYqB,YAAYjB,EAAYe,IAE5C,CAEA,MAAMG,EAAanD,EAAMa,IAAIuC,mBAAqB/C,KAAKkB,cAAgB,QAAU,MACjFmB,EAAKW,aAAa,mBAAmBrD,EAAMa,IAAIC,OAASP,IAAW4C,QAK/E,OAAO9C,KAAKa,OAChB,CAEUoC,WACN,OAAO,IACX,CAEUC,aACN,EAEP,IAAAC,EAAA,CAAAC,WAAA,MAAAD,EAAA1D,cAAA,OAAA0D,CAAA","ignoreList":[]}

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

@@ -0,0 +1,80 @@
+/**
+ * @file ArrayPlugin.ts
+ * @description Renders a button that drills down into a nested table (array) via a recursive Dialog using v2 schema.
+ */
+
+import { BasePlugin } from "./BasePlugin";
+import { IPropertyMetadata } from "../../interfaces/ISchema";
+import Control from "sap/ui/core/Control";
+import Button from "sap/m/Button";
+import JSONModel from "sap/ui/model/json/JSONModel";
+
+export class ArrayPlugin extends BasePlugin {
+    public render(field: IPropertyMetadata,  bindingPath: string,  modelName: string = "meta", engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control {
+        this.onChange = onChange;
+        this.metadata = field;
+        const propKey = bindingPath.startsWith("/") ? bindingPath.substring(1) : bindingPath;
+        
+        const subSchema: any = {
+            type: "array",
+            title: field.ui?.label || propKey,
+            items: field.items || {
+                type: "object",
+                properties: {} // inference will handle it if empty
+            }
+        };
+
+        if (field.uiLayout) {
+            subSchema.uiLayout = field.uiLayout;
+        }
+
+        this.control = new Button({
+            id: this.generateStableId(engineScopeId, bindingPath),
+            text: this.isDisplayMode ? "View Records" : "Edit Records",
+            icon: this.isDisplayMode ? "sap-icon://display" : "sap-icon://list",
+            press: (oEvent: sap.ui.base.Event) => {
+                const btn = oEvent.getSource() as Button;
+                const parentModel = btn.getModel(modelName) as JSONModel;
+                if (!parentModel) return;
+                
+                const bindingContext = btn.getBindingContext(modelName);
+                let updatePath = bindingPath;
+                if (bindingContext && !bindingPath.startsWith("/")) {
+                    const ctxPath = bindingContext.getPath();
+                    updatePath = ctxPath.endsWith("/") ? ctxPath + bindingPath : (ctxPath === "/" ? "/" + bindingPath : ctxPath + "/" + bindingPath);
+                }
+                
+                const nestedData = parentModel.getProperty(updatePath) || [];
+
+                sap.ui.require(["nz/co/siliconst/ui5/metaui/controls/host/GeneratorHost"], (GeneratorHost: any) => {
+                    const host = new GeneratorHost({
+                        schemaDefinition: subSchema,
+                        data: nestedData,
+                        displayMode: this.isDisplayMode // Pass the display mode down to the child Engine!
+                    });
+
+                    // Only attach submit event if we are not in display mode
+                    if (!this.isDisplayMode) {
+                        host.attachSubmit((e: any) => {
+                            const payload = e.getParameter("payload");
+                            parentModel.setProperty(updatePath, payload);
+                        });
+                    }
+
+                    const buttonText = field.ui?.dialogButtonText || (this.isDisplayMode ? "Close" : "OK");
+                    host.openInDialog(`Nested Records: ${field.ui?.label || propKey}`, buttonText);
+                });
+            }
+        });
+        
+        return this.control as Control;
+    }
+
+    protected getValue(): any {
+        return null;
+    }
+
+    protected applyState(): void {
+        // dynamic state changes
+    }
+}

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

@@ -0,0 +1,75 @@
+sap.ui.define(["../controls/BasePlugin", "sap/m/HBox", "sap/m/Input", "sap/ndc/BarcodeScannerButton"], function (___controls_BasePlugin, HBox, Input, BarcodeScannerButton) {
+  "use strict";
+
+  const BasePlugin = ___controls_BasePlugin["BasePlugin"];
+  class BarcodeScannerPlugin extends BasePlugin {
+    render(metadata, bindingPath, modelName = "meta", engineScopeId, onChange) {
+      this.onChange = onChange;
+      this.metadata = metadata;
+      this.fieldKey = bindingPath.replace('/', '');
+      this.modelName = modelName;
+      if (this.isDisplayMode) {
+        sap.ui.requireSync("sap/m/Text");
+        const TextControl = sap.ui.require("sap/m/Text");
+        this.control = new TextControl({
+          id: this.generateStableId(engineScopeId, bindingPath),
+          text: `{${modelName}>${bindingPath}}`
+        });
+        this.applyCommonDirectives(this.control, metadata, modelName);
+        return this.control;
+      }
+      this.inputControl = new Input({
+        id: this.generateStableId(engineScopeId, bindingPath + "-input"),
+        value: `{${modelName}>${bindingPath}}`,
+        editable: !metadata.ui?.readOnly,
+        width: "100%",
+        change: () => {
+          const result = this.validate();
+          if (this.onChange) {
+            this.onChange(result.isValid, this.fieldKey);
+          }
+        }
+      });
+      const scannerBtn = new BarcodeScannerButton({
+        id: this.generateStableId(engineScopeId, bindingPath + "-btn"),
+        scanSuccess: oEvent => {
+          const text = oEvent.getParameter("text");
+          if (text) {
+            this.inputControl.setValue(text);
+            // Update model explicitly since setValue doesn't always trigger two-way binding immediately
+            const model = this.inputControl.getModel(this.modelName);
+            if (model) {
+              model.setProperty(bindingPath, text);
+            }
+            const result = this.validate();
+            if (this.onChange) {
+              this.onChange(result.isValid, this.fieldKey);
+            }
+          }
+        }
+      });
+      this.control = new HBox({
+        id: this.generateStableId(engineScopeId, bindingPath),
+        items: [this.inputControl, scannerBtn],
+        width: "100%"
+      }).addStyleClass("sapUiSmallMarginBottom");
+      this.applyCommonDirectives(this.control, metadata, modelName);
+      return this.control;
+    }
+    getValue() {
+      return this.inputControl ? this.inputControl.getValue() : null;
+    }
+    applyState() {
+      if (this.inputControl && this.metadata) {
+        if (this.isDisplayMode) return;
+        this.inputControl.setEditable(!this.metadata.ui?.readOnly);
+      }
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.BarcodeScannerPlugin = BarcodeScannerPlugin;
+  return __exports;
+});
+//# sourceMappingURL=BarcodeScannerPlugin-dbg.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BarcodeScannerPlugin-dbg.js","names":["BasePlugin","___controls_BasePlugin","BarcodeScannerPlugin","render","metadata","bindingPath","modelName","engineScopeId","onChange","fieldKey","replace","isDisplayMode","sap","ui","requireSync","TextControl","require","control","id","generateStableId","text","applyCommonDirectives","inputControl","Input","value","editable","readOnly","width","change","result","validate","isValid","scannerBtn","BarcodeScannerButton","scanSuccess","oEvent","getParameter","setValue","model","getModel","setProperty","HBox","items","addStyleClass","getValue","applyState","setEditable","__exports","__esModule"],"sources":["BarcodeScannerPlugin.ts"],"sourcesContent":["import { BasePlugin } from \"../controls/BasePlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport Control from \"sap/ui/core/Control\";\nimport HBox from \"sap/m/HBox\";\nimport Input from \"sap/m/Input\";\nimport JSONModel from \"sap/ui/model/json/JSONModel\";\n// @ts-ignore\nimport BarcodeScannerButton from \"sap/ndc/BarcodeScannerButton\";\n\nexport class BarcodeScannerPlugin extends BasePlugin {\n    private inputControl!: Input;\n\n    public render(metadata: IPropertyMetadata,  bindingPath: string,  modelName: string = \"meta\", engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control {\n        this.onChange = onChange;\n        this.metadata = metadata;\n        this.fieldKey = bindingPath.replace('/', '');\n        this.modelName = modelName;\n\n        if (this.isDisplayMode) {\n            sap.ui.requireSync(\"sap/m/Text\");\n            const TextControl = sap.ui.require(\"sap/m/Text\");\n            this.control = new TextControl({\n                id: this.generateStableId(engineScopeId, bindingPath),\n                text: `{${modelName}>${bindingPath}}`\n            });\n            this.applyCommonDirectives(this.control, metadata, modelName);\n            return this.control as Control;\n        }\n\n        this.inputControl = new Input({\n            id: this.generateStableId(engineScopeId, bindingPath + \"-input\"),\n            value: `{${modelName}>${bindingPath}}`,\n            editable: !metadata.ui?.readOnly,\n            width: \"100%\",\n            change: () => {\n                const result = this.validate();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n            }\n        });\n        \n        const scannerBtn = new BarcodeScannerButton({\n            id: this.generateStableId(engineScopeId, bindingPath + \"-btn\"),\n            scanSuccess: (oEvent: sap.ui.base.Event) => {\n                const text = oEvent.getParameter(\"text\");\n                if (text) {\n                    this.inputControl.setValue(text);\n                    // Update model explicitly since setValue doesn't always trigger two-way binding immediately\n                    const model = this.inputControl.getModel(this.modelName) as JSONModel;\n                    if (model) {\n                        model.setProperty(bindingPath, text);\n                    }\n                    const result = this.validate();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n                }\n            }\n        });\n\n        this.control = new HBox({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            items: [this.inputControl, scannerBtn],\n            width: \"100%\"\n        }).addStyleClass(\"sapUiSmallMarginBottom\");\n\n        this.applyCommonDirectives(this.control, metadata, modelName);\n\n        return this.control as Control;\n    }\n\n    protected getValue(): any {\n        return this.inputControl ? this.inputControl.getValue() : null;\n    }\n\n    protected applyState(): void {\n        if (this.inputControl && this.metadata) {\n            if (this.isDisplayMode) return;\n            this.inputControl.setEditable(!this.metadata.ui?.readOnly);\n        }\n    }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+declare module "nz/co/siliconst/ui5/metaui/plugins/controls/BarcodeScannerPlugin" {
+    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";
+    export class BarcodeScannerPlugin extends BasePlugin {
+        private inputControl;
+        render(metadata: IPropertyMetadata, bindingPath: string, modelName?: string, engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control;
+        protected getValue(): any;
+        protected applyState(): void;
+    }
+}
+//# sourceMappingURL=BarcodeScannerPlugin.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BarcodeScannerPlugin.d.ts","sourceRoot":"../../../../../../../../..","sources":["src/nz/co/siliconst/ui5/metaui/plugins/controls/BarcodeScannerPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,kEAAkE,CAAC;IAClF,OAAO,EAAE,UAAU,EAAE,MAAM,wDAAwD,CAAC;IACpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;IAClF,OAAO,OAAO,MAAM,qBAAqB,CAAC;IAO1C,MAAa,oBAAqB,SAAQ,UAAU;QAChD,OAAO,CAAC,YAAY,CAAS;QAEtB,MAAM,CAAC,QAAQ,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;QA4DxL,SAAS,CAAC,QAAQ,IAAI,GAAG;QAIzB,SAAS,CAAC,UAAU,IAAI,IAAI;KAM/B;CAEA"}

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

@@ -0,0 +1,2 @@
+sap.ui.define(["../controls/BasePlugin","sap/m/HBox","sap/m/Input","sap/ndc/BarcodeScannerButton"],function(t,e,i,n){"use strict";const s=t["BasePlugin"];class a extends s{render(t,s,a="meta",o,l){this.onChange=l;this.metadata=t;this.fieldKey=s.replace("/","");this.modelName=a;if(this.isDisplayMode){sap.ui.requireSync("sap/m/Text");const e=sap.ui.require("sap/m/Text");this.control=new e({id:this.generateStableId(o,s),text:`{${a}>${s}}`});this.applyCommonDirectives(this.control,t,a);return this.control}this.inputControl=new i({id:this.generateStableId(o,s+"-input"),value:`{${a}>${s}}`,editable:!t.ui?.readOnly,width:"100%",change:()=>{const t=this.validate();if(this.onChange){this.onChange(t.isValid,this.fieldKey)}}});const r=new n({id:this.generateStableId(o,s+"-btn"),scanSuccess:t=>{const e=t.getParameter("text");if(e){this.inputControl.setValue(e);const t=this.inputControl.getModel(this.modelName);if(t){t.setProperty(s,e)}const i=this.validate();if(this.onChange){this.onChange(i.isValid,this.fieldKey)}}}});this.control=new e({id:this.generateStableId(o,s),items:[this.inputControl,r],width:"100%"}).addStyleClass("sapUiSmallMarginBottom");this.applyCommonDirectives(this.control,t,a);return this.control}getValue(){return this.inputControl?this.inputControl.getValue():null}applyState(){if(this.inputControl&&this.metadata){if(this.isDisplayMode)return;this.inputControl.setEditable(!this.metadata.ui?.readOnly)}}}var o={__esModule:true};o.BarcodeScannerPlugin=a;return o});
+//# sourceMappingURL=BarcodeScannerPlugin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BarcodeScannerPlugin.js","names":["BasePlugin","___controls_BasePlugin","BarcodeScannerPlugin","render","metadata","bindingPath","modelName","engineScopeId","onChange","this","fieldKey","replace","isDisplayMode","sap","ui","requireSync","TextControl","require","control","id","generateStableId","text","applyCommonDirectives","inputControl","Input","value","editable","readOnly","width","change","result","validate","isValid","scannerBtn","BarcodeScannerButton","scanSuccess","oEvent","getParameter","setValue","model","getModel","setProperty","HBox","items","addStyleClass","getValue","applyState","setEditable","__exports","__esModule"],"sources":["BarcodeScannerPlugin.ts"],"sourcesContent":["import { BasePlugin } from \"../controls/BasePlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport Control from \"sap/ui/core/Control\";\nimport HBox from \"sap/m/HBox\";\nimport Input from \"sap/m/Input\";\nimport JSONModel from \"sap/ui/model/json/JSONModel\";\n// @ts-ignore\nimport BarcodeScannerButton from \"sap/ndc/BarcodeScannerButton\";\n\nexport class BarcodeScannerPlugin extends BasePlugin {\n    private inputControl!: Input;\n\n    public render(metadata: IPropertyMetadata,  bindingPath: string,  modelName: string = \"meta\", engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control {\n        this.onChange = onChange;\n        this.metadata = metadata;\n        this.fieldKey = bindingPath.replace('/', '');\n        this.modelName = modelName;\n\n        if (this.isDisplayMode) {\n            sap.ui.requireSync(\"sap/m/Text\");\n            const TextControl = sap.ui.require(\"sap/m/Text\");\n            this.control = new TextControl({\n                id: this.generateStableId(engineScopeId, bindingPath),\n                text: `{${modelName}>${bindingPath}}`\n            });\n            this.applyCommonDirectives(this.control, metadata, modelName);\n            return this.control as Control;\n        }\n\n        this.inputControl = new Input({\n            id: this.generateStableId(engineScopeId, bindingPath + \"-input\"),\n            value: `{${modelName}>${bindingPath}}`,\n            editable: !metadata.ui?.readOnly,\n            width: \"100%\",\n            change: () => {\n                const result = this.validate();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n            }\n        });\n        \n        const scannerBtn = new BarcodeScannerButton({\n            id: this.generateStableId(engineScopeId, bindingPath + \"-btn\"),\n            scanSuccess: (oEvent: sap.ui.base.Event) => {\n                const text = oEvent.getParameter(\"text\");\n                if (text) {\n                    this.inputControl.setValue(text);\n                    // Update model explicitly since setValue doesn't always trigger two-way binding immediately\n                    const model = this.inputControl.getModel(this.modelName) as JSONModel;\n                    if (model) {\n                        model.setProperty(bindingPath, text);\n                    }\n                    const result = this.validate();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n                }\n            }\n        });\n\n        this.control = new HBox({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            items: [this.inputControl, scannerBtn],\n            width: \"100%\"\n        }).addStyleClass(\"sapUiSmallMarginBottom\");\n\n        this.applyCommonDirectives(this.control, metadata, modelName);\n\n        return this.control as Control;\n    }\n\n    protected getValue(): any {\n        return this.inputControl ? this.inputControl.getValue() : null;\n    }\n\n    protected applyState(): void {\n        if (this.inputControl && this.metadata) {\n            if (this.isDisplayMode) return;\n            this.inputControl.setEditable(!this.metadata.ui?.readOnly);\n        }\n    }\n}\n"],"mappings":"wIAASA,EAAUC,EAAA,cASZ,MAAMC,UAA6BF,EAG/BG,OAAOC,EAA8BC,EAAsBC,EAAoB,OAAQC,EAAwBC,GAClHC,KAAKD,SAAWA,EAChBC,KAAKL,SAAWA,EAChBK,KAAKC,SAAWL,EAAYM,QAAQ,IAAK,IACzCF,KAAKH,UAAYA,EAEjB,GAAIG,KAAKG,cAAe,CACpBC,IAAIC,GAAGC,YAAY,cACnB,MAAMC,EAAcH,IAAIC,GAAGG,QAAQ,cACnCR,KAAKS,QAAU,IAAIF,EAAY,CAC3BG,GAAIV,KAAKW,iBAAiBb,EAAeF,GACzCgB,KAAM,IAAIf,KAAaD,OAE3BI,KAAKa,sBAAsBb,KAAKS,QAASd,EAAUE,GACnD,OAAOG,KAAKS,OAChB,CAEAT,KAAKc,aAAe,IAAIC,EAAM,CAC1BL,GAAIV,KAAKW,iBAAiBb,EAAeF,EAAc,UACvDoB,MAAO,IAAInB,KAAaD,KACxBqB,UAAWtB,EAASU,IAAIa,SACxBC,MAAO,OACPC,OAAQA,KACJ,MAAMC,EAASrB,KAAKsB,WACpB,GAAItB,KAAKD,SAAU,CACfC,KAAKD,SAASsB,EAAOE,QAASvB,KAAKC,SACvC,KAIR,MAAMuB,EAAa,IAAIC,EAAqB,CACxCf,GAAIV,KAAKW,iBAAiBb,EAAeF,EAAc,QACvD8B,YAAcC,IACV,MAAMf,EAAOe,EAAOC,aAAa,QACjC,GAAIhB,EAAM,CACNZ,KAAKc,aAAae,SAASjB,GAE3B,MAAMkB,EAAQ9B,KAAKc,aAAaiB,SAAS/B,KAAKH,WAC9C,GAAIiC,EAAO,CACPA,EAAME,YAAYpC,EAAagB,EACnC,CACA,MAAMS,EAASrB,KAAKsB,WACxB,GAAItB,KAAKD,SAAU,CACfC,KAAKD,SAASsB,EAAOE,QAASvB,KAAKC,SACvC,CACA,KAIRD,KAAKS,QAAU,IAAIwB,EAAK,CACpBvB,GAAIV,KAAKW,iBAAiBb,EAAeF,GACzCsC,MAAO,CAAClC,KAAKc,aAAcU,GAC3BL,MAAO,SACRgB,cAAc,0BAEjBnC,KAAKa,sBAAsBb,KAAKS,QAASd,EAAUE,GAEnD,OAAOG,KAAKS,OAChB,CAEU2B,WACN,OAAOpC,KAAKc,aAAed,KAAKc,aAAasB,WAAa,IAC9D,CAEUC,aACN,GAAIrC,KAAKc,cAAgBd,KAAKL,SAAU,CACpC,GAAIK,KAAKG,cAAe,OACxBH,KAAKc,aAAawB,aAAatC,KAAKL,SAASU,IAAIa,SACrD,CACJ,EACH,IAAAqB,EAAA,CAAAC,WAAA,MAAAD,EAAA9C,uBAAA,OAAA8C,CAAA","ignoreList":[]}

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

@@ -0,0 +1,83 @@
+import { BasePlugin } from "../controls/BasePlugin";
+import { IPropertyMetadata } from "../../interfaces/ISchema";
+import Control from "sap/ui/core/Control";
+import HBox from "sap/m/HBox";
+import Input from "sap/m/Input";
+import JSONModel from "sap/ui/model/json/JSONModel";
+// @ts-ignore
+import BarcodeScannerButton from "sap/ndc/BarcodeScannerButton";
+
+export class BarcodeScannerPlugin extends BasePlugin {
+    private inputControl!: Input;
+
+    public render(metadata: IPropertyMetadata,  bindingPath: string,  modelName: string = "meta", engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control {
+        this.onChange = onChange;
+        this.metadata = metadata;
+        this.fieldKey = bindingPath.replace('/', '');
+        this.modelName = modelName;
+
+        if (this.isDisplayMode) {
+            sap.ui.requireSync("sap/m/Text");
+            const TextControl = sap.ui.require("sap/m/Text");
+            this.control = new TextControl({
+                id: this.generateStableId(engineScopeId, bindingPath),
+                text: `{${modelName}>${bindingPath}}`
+            });
+            this.applyCommonDirectives(this.control, metadata, modelName);
+            return this.control as Control;
+        }
+
+        this.inputControl = new Input({
+            id: this.generateStableId(engineScopeId, bindingPath + "-input"),
+            value: `{${modelName}>${bindingPath}}`,
+            editable: !metadata.ui?.readOnly,
+            width: "100%",
+            change: () => {
+                const result = this.validate();
+                if (this.onChange) {
+                    this.onChange(result.isValid, this.fieldKey);
+                }
+            }
+        });
+        
+        const scannerBtn = new BarcodeScannerButton({
+            id: this.generateStableId(engineScopeId, bindingPath + "-btn"),
+            scanSuccess: (oEvent: sap.ui.base.Event) => {
+                const text = oEvent.getParameter("text");
+                if (text) {
+                    this.inputControl.setValue(text);
+                    // Update model explicitly since setValue doesn't always trigger two-way binding immediately
+                    const model = this.inputControl.getModel(this.modelName) as JSONModel;
+                    if (model) {
+                        model.setProperty(bindingPath, text);
+                    }
+                    const result = this.validate();
+                if (this.onChange) {
+                    this.onChange(result.isValid, this.fieldKey);
+                }
+                }
+            }
+        });
+
+        this.control = new HBox({
+            id: this.generateStableId(engineScopeId, bindingPath),
+            items: [this.inputControl, scannerBtn],
+            width: "100%"
+        }).addStyleClass("sapUiSmallMarginBottom");
+
+        this.applyCommonDirectives(this.control, metadata, modelName);
+
+        return this.control as Control;
+    }
+
+    protected getValue(): any {
+        return this.inputControl ? this.inputControl.getValue() : null;
+    }
+
+    protected applyState(): void {
+        if (this.inputControl && this.metadata) {
+            if (this.isDisplayMode) return;
+            this.inputControl.setEditable(!this.metadata.ui?.readOnly);
+        }
+    }
+}

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

@@ -0,0 +1,174 @@
+sap.ui.define(["../../core/PipelineManager"], function (____core_PipelineManager) {
+  "use strict";
+
+  /**
+   * @file BasePlugin.ts
+   * @description Abstract foundation for all MetaUI plugins, enforcing lifecycle hooks for v2 Schema.
+   */
+  const GlobalPipeline = ____core_PipelineManager["GlobalPipeline"];
+  /**
+   * Abstract class representing a standard MetaUI Plugin.
+   * Enforces the required rendering, state extraction, and validation contracts.
+   * 
+   * @abstract
+   * @public
+   */
+  class BasePlugin {
+    /** The instantiated UI5 control for this plugin. */
+    control = null;
+
+    /** The metadata schema defining the field rules. */
+    metadata = null;
+
+    /** The internal JSON path of the field relative to its parent payload. */
+    fieldKey = "";
+
+    /** The UI5 JSONModel name used for absolute binding paths. */
+    modelName = "meta";
+
+    /** Indicates if the engine is enforcing a read-only display mode. */
+    isDisplayMode = false;
+
+    /** Internal callback provided by GeneratorHost to signal validation/data changes upwards */
+
+    /**
+     * Injects the global display mode context into the plugin before rendering.
+     * @param mode True if the plugin should render in a read-only display mode.
+     */
+    setDisplayMode(mode) {
+      this.isDisplayMode = mode;
+    }
+
+    /**
+     * Instantiates the raw UI5 control and binds it to the model.
+     * 
+     * @param fieldMetadata The JSON Schema for the field.
+     * @param bindingPath The JSON path to bind to.
+     * @param modelName The UI5 model name.
+     * @param engineScopeId The deterministic scope ID provided by the Engine to prevent cloning collisions.
+     * @param onChange The callback fired natively when a field value blur/change occurs.
+     * @returns {Control} The generated UI5 control.
+     */
+
+    /**
+     * Generates a deterministic, globally unique ID for this control.
+     * Prefixes the sanitized binding path with the Engine's scoped ID.
+     */
+    generateStableId(engineScopeId, bindingPath) {
+      if (!engineScopeId) return undefined;
+      // Strip leading slash and replace internal slashes with hyphens
+      const safePath = bindingPath.replace(/^\//, '').replace(/\//g, '-');
+      return `${engineScopeId}--${safePath}`;
+    }
+
+    /**
+     * Extracts the current raw value from the underlying UI5 control.
+     */
+
+    /**
+     * Universal pipeline validation.
+     */
+    validate() {
+      if (!this.control || !this.metadata) return {
+        isValid: true
+      };
+
+      // Skip validation for hidden fields (e.g. hidden by ConditionEngine visibleOn)
+      if (typeof this.control.getVisible === "function") {
+        if (!this.control.getVisible()) {
+          return {
+            isValid: true
+          };
+        }
+      }
+      const validatorsToRun = [];
+      const argsMap = {
+        "maxLength": this.metadata.maxLength
+      };
+      if (this.metadata.required) {
+        validatorsToRun.push("required");
+      }
+      if (this.metadata.maxLength) validatorsToRun.push("maxLength");
+      if (this.metadata.ui?.validators) {
+        for (const v of this.metadata.ui.validators) {
+          if (typeof v === "string") {
+            validatorsToRun.push(v);
+          } else if (v && v.name) {
+            validatorsToRun.push(v.name);
+            if (v.args !== undefined) {
+              argsMap[v.name] = v.args;
+            }
+          }
+        }
+      }
+      if (validatorsToRun.length === 0) {
+        return {
+          isValid: true,
+          errorMessage: undefined,
+          fieldKey: this.fieldKey
+        };
+      }
+      const val = this.getValue();
+      const result = GlobalPipeline.executeValidation(val, validatorsToRun, argsMap);
+      return {
+        isValid: result.isValid,
+        errorMessage: result.errorMessage,
+        fieldKey: this.fieldKey
+      };
+    }
+
+    /**
+     * Executes when the condition engine pushes new schema metadata to this field (e.g. readOnly changing).
+     * @param newMetadata The mutated schema metadata.
+     */
+    onStateChange(newMetadata) {
+      this.metadata = newMetadata;
+      this.applyState();
+    }
+
+    /**
+     * Abstract hook for the plugin to apply state changes to its specific UI5 control (e.g. placeholders, labels).
+     */
+
+    /**
+     * Helper to apply common UI directives (like readOnly, visibleOn) directly to any control.
+     */
+    applyCommonDirectives(control, metadata, modelName = "meta") {
+      if (metadata.ui?.readOnly !== undefined && typeof control.setEditable === "function") {
+        control.setEditable(!metadata.ui.readOnly);
+      }
+      if (metadata.ui?.visibleOn) {
+        const expr = `{= ${metadata.ui.visibleOn.replace(/\$root\./g, `${modelName}>/`).replace(/\./g, '/')} }`;
+        control.bindProperty("visible", {
+          parts: [{
+            path: "meta>/"
+          }],
+          formatter: () => false
+        });
+        // The ConditionEngine handles actual binding injection, but here we can set a fallback or natively bind if we bypass ConditionEngine.
+        control.bindProperty("visible", expr);
+      }
+      if (metadata.ui?.enabledOn && typeof control.setEnabled === "function") {
+        const expr = `{= ${metadata.ui.enabledOn.replace(/\$root\./g, `${modelName}>/`).replace(/\./g, '/')} }`;
+        control.bindProperty("enabled", expr);
+      }
+    }
+
+    /**
+     * Natively destroys the instantiated UI5 control to prevent memory leaks.
+     * Can be overridden by subclasses if they manage secondary controls or custom models.
+     */
+    destroy() {
+      if (this.control && typeof this.control.destroy === "function") {
+        this.control.destroy();
+        this.control = null;
+      }
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.BasePlugin = BasePlugin;
+  return __exports;
+});
+//# sourceMappingURL=BasePlugin-dbg.js.map