@siliconst/metaui 1.4.5 → 1.4.6

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

@@ -1 +1 @@
-{"version":3,"file":"BasePlugin.js","names":["GlobalPipeline","____core_PipelineManager","BasePlugin","control","metadata","fieldKey","modelName","isDisplayMode","setDisplayMode","mode","this","generateStableId","engineScopeId","bindingPath","undefined","safePath","replace","validate","isValid","getVisible","validatorsToRun","argsMap","maxLength","required","push","ui","validators","v","name","args","length","errorMessage","val","getValue","result","executeValidation","onStateChange","newMetadata","applyState","applyCommonDirectives","readOnly","setEditable","visibleOn","expr","bindProperty","parts","path","formatter","enabledOn","setEnabled","destroy","__exports","__esModule"],"sources":["BasePlugin.ts"],"sourcesContent":["/**\n * @file BasePlugin.ts\n * @description Abstract foundation for all MetaUI plugins, enforcing lifecycle hooks for v2 Schema.\n */\n\nimport { IPlugin } from \"../../interfaces/IPlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport Control from \"sap/ui/core/Control\";\nimport { GlobalPipeline } from \"../../core/PipelineManager\";\n\n/**\n * Abstract class representing a standard MetaUI Plugin.\n * Enforces the required rendering, state extraction, and validation contracts.\n * \n * @abstract\n * @public\n */\nexport abstract class BasePlugin implements IPlugin {\n    /** The instantiated UI5 control for this plugin. */\n    protected control: Control | null = null;\n    \n    /** The metadata schema defining the field rules. */\n    protected metadata: IPropertyMetadata | null = null;\n    \n    /** The internal JSON path of the field relative to its parent payload. */\n    protected fieldKey: string = \"\";\n    \n    /** The UI5 JSONModel name used for absolute binding paths. */\n    protected modelName: string = \"meta\";\n\n    /** Indicates if the engine is enforcing a read-only display mode. */\n    protected isDisplayMode: boolean = false;\n    \n    /** Internal callback provided by GeneratorHost to signal validation/data changes upwards */\n    protected onChange?: (isValid: boolean, fieldKey?: string, errorMessage?: string, controlId?: string) => void;\n\n    /**\n     * Injects the global display mode context into the plugin before rendering.\n     * @param mode True if the plugin should render in a read-only display mode.\n     */\n    public setDisplayMode(mode: boolean): void {\n        this.isDisplayMode = mode;\n    }\n\n    /**\n     * Instantiates the raw UI5 control and binds it to the model.\n     * \n     * @param fieldMetadata The JSON Schema for the field.\n     * @param bindingPath The JSON path to bind to.\n     * @param modelName The UI5 model name.\n     * @param engineScopeId The deterministic scope ID provided by the Engine to prevent cloning collisions.\n     * @param onChange The callback fired natively when a field value blur/change occurs.\n     * @returns {Control} The generated UI5 control.\n     */\n    public abstract render(fieldMetadata: IPropertyMetadata, bindingPath: string, modelName?: string, engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control;\n\n    /**\n     * Generates a deterministic, globally unique ID for this control.\n     * Prefixes the sanitized binding path with the Engine's scoped ID.\n     */\n    protected generateStableId(engineScopeId: string | undefined, bindingPath: string): string | undefined {\n        if (!engineScopeId) return undefined;\n        // Strip leading slash and replace internal slashes with hyphens\n        const safePath = bindingPath.replace(/^\\//, '').replace(/\\//g, '-');\n        return `${engineScopeId}--${safePath}`;\n    }\n\n    /**\n     * Extracts the current raw value from the underlying UI5 control.\n     */\n    protected abstract getValue(): any;\n\n    /**\n     * Universal pipeline validation.\n     */\n    public validate(): import(\"../../interfaces/IPlugin\").IPluginValidationResult {\n        if (!this.control || !this.metadata) return { isValid: true };\n        \n        // Skip validation for hidden fields (e.g. hidden by ConditionEngine visibleOn)\n        if (typeof (this.control as unknown).getVisible === \"function\") {\n            if (!(this.control as unknown).getVisible()) {\n                return { isValid: true };\n            }\n        }\n        \n        const validatorsToRun: string[] = [];\n        const argsMap: Record<string, any> = {\n            \"maxLength\": this.metadata.maxLength\n        };\n\n        if (this.metadata.required) {\n            validatorsToRun.push(\"required\");\n        }\n        if (this.metadata.maxLength) validatorsToRun.push(\"maxLength\");\n        \n        if (this.metadata.ui?.validators) {\n            for (const v of this.metadata.ui.validators) {\n                if (typeof v === \"string\") {\n                    validatorsToRun.push(v);\n                } else if (v && v.name) {\n                    validatorsToRun.push(v.name);\n                    if (v.args !== undefined) {\n                        argsMap[v.name] = v.args;\n                    }\n                }\n            }\n        }\n\n        if (validatorsToRun.length === 0) {\n            return { isValid: true, errorMessage: undefined, fieldKey: this.fieldKey };\n        }\n\n        const val = this.getValue();\n        const result = GlobalPipeline.executeValidation(val, validatorsToRun, argsMap);\n        return { isValid: result.isValid, errorMessage: result.errorMessage, fieldKey: this.fieldKey };\n    }\n\n    /**\n     * Executes when the condition engine pushes new schema metadata to this field (e.g. readOnly changing).\n     * @param newMetadata The mutated schema metadata.\n     */\n    public onStateChange(newMetadata: IPropertyMetadata): void {\n        this.metadata = newMetadata;\n        this.applyState();\n    }\n\n    /**\n     * Abstract hook for the plugin to apply state changes to its specific UI5 control (e.g. placeholders, labels).\n     */\n    protected abstract applyState(): void;\n\n    /**\n     * Helper to apply common UI directives (like readOnly, visibleOn) directly to any control.\n     */\n    protected applyCommonDirectives(control: any, metadata: IPropertyMetadata, modelName: string = \"meta\"): void {\n        if (metadata.ui?.readOnly !== undefined && typeof control.setEditable === \"function\") {\n            control.setEditable(!metadata.ui.readOnly);\n        }\n\n        if (metadata.ui?.visibleOn) {\n            const expr = `{= ${metadata.ui.visibleOn.replace(/\\$root\\./g, `${modelName}>/`).replace(/\\./g, '/')} }`;\n            control.bindProperty(\"visible\", { parts: [{ path: \"meta>/\" }], formatter: () => false });\n            // The ConditionEngine handles actual binding injection, but here we can set a fallback or natively bind if we bypass ConditionEngine.\n            control.bindProperty(\"visible\", expr);\n        }\n        \n        if (metadata.ui?.enabledOn && typeof control.setEnabled === \"function\") {\n            const expr = `{= ${metadata.ui.enabledOn.replace(/\\$root\\./g, `${modelName}>/`).replace(/\\./g, '/')} }`;\n            control.bindProperty(\"enabled\", expr);\n        }\n    }\n\n\n\n    /**\n     * Natively destroys the instantiated UI5 control to prevent memory leaks.\n     * Can be overridden by subclasses if they manage secondary controls or custom models.\n     */\n    public destroy(): void {\n        if (this.control && typeof this.control.destroy === \"function\") {\n            this.control.destroy();\n            this.control = null;\n        }\n    }\n}\n"],"mappings":"sEAAA,MAQSA,EAAcC,EAAA,kBAShB,MAAeC,EAERC,QAA0B,KAG1BC,SAAqC,KAGrCC,SAAmB,GAGnBC,UAAoB,OAGpBC,cAAyB,MAS5BC,eAAeC,GAClBC,KAAKH,cAAgBE,CACzB,CAkBUE,iBAAiBC,EAAmCC,GAC1D,IAAKD,EAAe,OAAOE,UAE3B,MAAMC,EAAWF,EAAYG,QAAQ,MAAO,IAAIA,QAAQ,MAAO,KAC/D,MAAO,GAAGJ,MAAkBG,GAChC,CAUOE,WACH,IAAKP,KAAKP,UAAYO,KAAKN,SAAU,MAAO,CAAEc,QAAS,MAGvD,UAAYR,KAAKP,QAAoBgB,aAAe,WAAY,CAC5D,IAAMT,KAAKP,QAAoBgB,aAAc,CACzC,MAAO,CAAED,QAAS,KACtB,CACJ,CAEA,MAAME,EAA4B,GAClC,MAAMC,EAA+B,CACjCC,UAAaZ,KAAKN,SAASkB,WAG/B,GAAIZ,KAAKN,SAASmB,SAAU,CACxBH,EAAgBI,KAAK,WACzB,CACA,GAAId,KAAKN,SAASkB,UAAWF,EAAgBI,KAAK,aAElD,GAAId,KAAKN,SAASqB,IAAIC,WAAY,CAC9B,IAAK,MAAMC,KAAKjB,KAAKN,SAASqB,GAAGC,WAAY,CACzC,UAAWC,IAAM,SAAU,CACvBP,EAAgBI,KAAKG,EACzB,MAAO,GAAIA,GAAKA,EAAEC,KAAM,CACpBR,EAAgBI,KAAKG,EAAEC,MACvB,GAAID,EAAEE,OAASf,UAAW,CACtBO,EAAQM,EAAEC,MAAQD,EAAEE,IACxB,CACJ,CACJ,CACJ,CAEA,GAAIT,EAAgBU,SAAW,EAAG,CAC9B,MAAO,CAAEZ,QAAS,KAAMa,aAAcjB,UAAWT,SAAUK,KAAKL,SACpE,CAEA,MAAM2B,EAAMtB,KAAKuB,WACjB,MAAMC,EAASlC,EAAemC,kBAAkBH,EAAKZ,EAAiBC,GACtE,MAAO,CAAEH,QAASgB,EAAOhB,QAASa,aAAcG,EAAOH,aAAc1B,SAAUK,KAAKL,SACxF,CAMO+B,cAAcC,GACjB3B,KAAKN,SAAWiC,EAChB3B,KAAK4B,YACT,CAUUC,sBAAsBpC,EAAcC,EAA6BE,EAAoB,QAC3F,GAAIF,EAASqB,IAAIe,WAAa1B,kBAAoBX,EAAQsC,cAAgB,WAAY,CAClFtC,EAAQsC,aAAarC,EAASqB,GAAGe,SACrC,CAEA,GAAIpC,EAASqB,IAAIiB,UAAW,CACxB,MAAMC,EAAO,MAAMvC,EAASqB,GAAGiB,UAAU1B,QAAQ,YAAa,GAAGV,OAAeU,QAAQ,MAAO,SAC/Fb,EAAQyC,aAAa,UAAW,CAAEC,MAAO,CAAC,CAAEC,KAAM,WAAaC,UAAWA,IAAM,QAEhF5C,EAAQyC,aAAa,UAAWD,EACpC,CAEA,GAAIvC,EAASqB,IAAIuB,kBAAoB7C,EAAQ8C,aAAe,WAAY,CACpE,MAAMN,EAAO,MAAMvC,EAASqB,GAAGuB,UAAUhC,QAAQ,YAAa,GAAGV,OAAeU,QAAQ,MAAO,SAC/Fb,EAAQyC,aAAa,UAAWD,EACpC,CACJ,CAQOO,UACH,GAAIxC,KAAKP,gBAAkBO,KAAKP,QAAQ+C,UAAY,WAAY,CAC5DxC,KAAKP,QAAQ+C,UACbxC,KAAKP,QAAU,IACnB,CACJ,EACH,IAAAgD,EAAA,CAAAC,WAAA,MAAAD,EAAAjD,aAAA,OAAAiD,CAAA","ignoreList":[]}
+{"version":3,"file":"BasePlugin.js","names":["GlobalPipeline","____core_PipelineManager","BasePlugin","control","metadata","fieldKey","modelName","isEditable","setEditable","editable","this","generateStableId","engineScopeId","bindingPath","undefined","safePath","replace","validate","isValid","getVisible","validatorsToRun","argsMap","maxLength","required","push","ui","validators","v","name","args","length","errorMessage","val","getValue","result","executeValidation","onStateChange","newMetadata","applyState","applyCommonDirectives","readOnly","visibleOn","expr","bindProperty","parts","path","formatter","enabledOn","setEnabled","destroy","__exports","__esModule"],"sources":["BasePlugin.ts"],"sourcesContent":["/**\n * @file BasePlugin.ts\n * @description Abstract foundation for all MetaUI plugins, enforcing lifecycle hooks for v2 Schema.\n */\n\nimport { IPlugin } from \"../../interfaces/IPlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport Control from \"sap/ui/core/Control\";\nimport { GlobalPipeline } from \"../../core/PipelineManager\";\n\n/**\n * Abstract class representing a standard MetaUI Plugin.\n * Enforces the required rendering, state extraction, and validation contracts.\n * \n * @abstract\n * @public\n */\nexport abstract class BasePlugin implements IPlugin {\n    /** The instantiated UI5 control for this plugin. */\n    protected control: Control | null = null;\n    \n    /** The metadata schema defining the field rules. */\n    protected metadata: IPropertyMetadata | null = null;\n    \n    /** The internal JSON path of the field relative to its parent payload. */\n    protected fieldKey: string = \"\";\n    \n    /** The UI5 JSONModel name used for absolute binding paths. */\n    protected modelName: string = \"meta\";\n\n    /** Indicates if the engine is enforcing an editable mode. */\n    protected isEditable: boolean = true;\n    \n    /** Internal callback provided by GeneratorHost to signal validation/data changes upwards */\n    protected onChange?: (isValid: boolean, fieldKey?: string, errorMessage?: string, controlId?: string) => void;\n\n    /**\n     * Injects the global editable mode context into the plugin before rendering.\n     * @param editable True if the plugin should render in editable mode.\n     */\n    public setEditable(editable: boolean): void {\n        this.isEditable = editable;\n    }\n\n    /**\n     * Instantiates the raw UI5 control and binds it to the model.\n     * \n     * @param fieldMetadata The JSON Schema for the field.\n     * @param bindingPath The JSON path to bind to.\n     * @param modelName The UI5 model name.\n     * @param engineScopeId The deterministic scope ID provided by the Engine to prevent cloning collisions.\n     * @param onChange The callback fired natively when a field value blur/change occurs.\n     * @returns {Control} The generated UI5 control.\n     */\n    public abstract render(fieldMetadata: IPropertyMetadata, bindingPath: string, modelName?: string, engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control;\n\n    /**\n     * Generates a deterministic, globally unique ID for this control.\n     * Prefixes the sanitized binding path with the Engine's scoped ID.\n     */\n    protected generateStableId(engineScopeId: string | undefined, bindingPath: string): string | undefined {\n        if (!engineScopeId) return undefined;\n        // Strip leading slash and replace internal slashes with hyphens\n        const safePath = bindingPath.replace(/^\\//, '').replace(/\\//g, '-');\n        return `${engineScopeId}--${safePath}`;\n    }\n\n    /**\n     * Extracts the current raw value from the underlying UI5 control.\n     */\n    protected abstract getValue(): any;\n\n    /**\n     * Universal pipeline validation.\n     */\n    public validate(): import(\"../../interfaces/IPlugin\").IPluginValidationResult {\n        if (!this.control || !this.metadata) return { isValid: true };\n        \n        // Skip validation for hidden fields (e.g. hidden by ConditionEngine visibleOn)\n        if (typeof (this.control as unknown).getVisible === \"function\") {\n            if (!(this.control as unknown).getVisible()) {\n                return { isValid: true };\n            }\n        }\n        \n        const validatorsToRun: string[] = [];\n        const argsMap: Record<string, any> = {\n            \"maxLength\": this.metadata.maxLength\n        };\n\n        if (this.metadata.required) {\n            validatorsToRun.push(\"required\");\n        }\n        if (this.metadata.maxLength) validatorsToRun.push(\"maxLength\");\n        \n        if (this.metadata.ui?.validators) {\n            for (const v of this.metadata.ui.validators) {\n                if (typeof v === \"string\") {\n                    validatorsToRun.push(v);\n                } else if (v && v.name) {\n                    validatorsToRun.push(v.name);\n                    if (v.args !== undefined) {\n                        argsMap[v.name] = v.args;\n                    }\n                }\n            }\n        }\n\n        if (validatorsToRun.length === 0) {\n            return { isValid: true, errorMessage: undefined, fieldKey: this.fieldKey };\n        }\n\n        const val = this.getValue();\n        const result = GlobalPipeline.executeValidation(val, validatorsToRun, argsMap);\n        return { isValid: result.isValid, errorMessage: result.errorMessage, fieldKey: this.fieldKey };\n    }\n\n    /**\n     * Executes when the condition engine pushes new schema metadata to this field (e.g. readOnly changing).\n     * @param newMetadata The mutated schema metadata.\n     */\n    public onStateChange(newMetadata: IPropertyMetadata): void {\n        this.metadata = newMetadata;\n        this.applyState();\n    }\n\n    /**\n     * Abstract hook for the plugin to apply state changes to its specific UI5 control (e.g. placeholders, labels).\n     */\n    protected abstract applyState(): void;\n\n    /**\n     * Helper to apply common UI directives (like readOnly, visibleOn) directly to any control.\n     */\n    protected applyCommonDirectives(control: any, metadata: IPropertyMetadata, modelName: string = \"meta\"): void {\n        if (metadata.ui?.readOnly !== undefined && typeof control.setEditable === \"function\") {\n            control.setEditable(!metadata.ui.readOnly);\n        }\n\n        if (metadata.ui?.visibleOn) {\n            const expr = `{= ${metadata.ui.visibleOn.replace(/\\$root\\./g, `${modelName}>/`).replace(/\\./g, '/')} }`;\n            control.bindProperty(\"visible\", { parts: [{ path: \"meta>/\" }], formatter: () => false });\n            // The ConditionEngine handles actual binding injection, but here we can set a fallback or natively bind if we bypass ConditionEngine.\n            control.bindProperty(\"visible\", expr);\n        }\n        \n        if (metadata.ui?.enabledOn && typeof control.setEnabled === \"function\") {\n            const expr = `{= ${metadata.ui.enabledOn.replace(/\\$root\\./g, `${modelName}>/`).replace(/\\./g, '/')} }`;\n            control.bindProperty(\"enabled\", expr);\n        }\n    }\n\n\n\n    /**\n     * Natively destroys the instantiated UI5 control to prevent memory leaks.\n     * Can be overridden by subclasses if they manage secondary controls or custom models.\n     */\n    public destroy(): void {\n        if (this.control && typeof this.control.destroy === \"function\") {\n            this.control.destroy();\n            this.control = null;\n        }\n    }\n}\n"],"mappings":"sEAAA,MAQSA,EAAcC,EAAA,kBAShB,MAAeC,EAERC,QAA0B,KAG1BC,SAAqC,KAGrCC,SAAmB,GAGnBC,UAAoB,OAGpBC,WAAsB,KASzBC,YAAYC,GACfC,KAAKH,WAAaE,CACtB,CAkBUE,iBAAiBC,EAAmCC,GAC1D,IAAKD,EAAe,OAAOE,UAE3B,MAAMC,EAAWF,EAAYG,QAAQ,MAAO,IAAIA,QAAQ,MAAO,KAC/D,MAAO,GAAGJ,MAAkBG,GAChC,CAUOE,WACH,IAAKP,KAAKP,UAAYO,KAAKN,SAAU,MAAO,CAAEc,QAAS,MAGvD,UAAYR,KAAKP,QAAoBgB,aAAe,WAAY,CAC5D,IAAMT,KAAKP,QAAoBgB,aAAc,CACzC,MAAO,CAAED,QAAS,KACtB,CACJ,CAEA,MAAME,EAA4B,GAClC,MAAMC,EAA+B,CACjCC,UAAaZ,KAAKN,SAASkB,WAG/B,GAAIZ,KAAKN,SAASmB,SAAU,CACxBH,EAAgBI,KAAK,WACzB,CACA,GAAId,KAAKN,SAASkB,UAAWF,EAAgBI,KAAK,aAElD,GAAId,KAAKN,SAASqB,IAAIC,WAAY,CAC9B,IAAK,MAAMC,KAAKjB,KAAKN,SAASqB,GAAGC,WAAY,CACzC,UAAWC,IAAM,SAAU,CACvBP,EAAgBI,KAAKG,EACzB,MAAO,GAAIA,GAAKA,EAAEC,KAAM,CACpBR,EAAgBI,KAAKG,EAAEC,MACvB,GAAID,EAAEE,OAASf,UAAW,CACtBO,EAAQM,EAAEC,MAAQD,EAAEE,IACxB,CACJ,CACJ,CACJ,CAEA,GAAIT,EAAgBU,SAAW,EAAG,CAC9B,MAAO,CAAEZ,QAAS,KAAMa,aAAcjB,UAAWT,SAAUK,KAAKL,SACpE,CAEA,MAAM2B,EAAMtB,KAAKuB,WACjB,MAAMC,EAASlC,EAAemC,kBAAkBH,EAAKZ,EAAiBC,GACtE,MAAO,CAAEH,QAASgB,EAAOhB,QAASa,aAAcG,EAAOH,aAAc1B,SAAUK,KAAKL,SACxF,CAMO+B,cAAcC,GACjB3B,KAAKN,SAAWiC,EAChB3B,KAAK4B,YACT,CAUUC,sBAAsBpC,EAAcC,EAA6BE,EAAoB,QAC3F,GAAIF,EAASqB,IAAIe,WAAa1B,kBAAoBX,EAAQK,cAAgB,WAAY,CAClFL,EAAQK,aAAaJ,EAASqB,GAAGe,SACrC,CAEA,GAAIpC,EAASqB,IAAIgB,UAAW,CACxB,MAAMC,EAAO,MAAMtC,EAASqB,GAAGgB,UAAUzB,QAAQ,YAAa,GAAGV,OAAeU,QAAQ,MAAO,SAC/Fb,EAAQwC,aAAa,UAAW,CAAEC,MAAO,CAAC,CAAEC,KAAM,WAAaC,UAAWA,IAAM,QAEhF3C,EAAQwC,aAAa,UAAWD,EACpC,CAEA,GAAItC,EAASqB,IAAIsB,kBAAoB5C,EAAQ6C,aAAe,WAAY,CACpE,MAAMN,EAAO,MAAMtC,EAASqB,GAAGsB,UAAU/B,QAAQ,YAAa,GAAGV,OAAeU,QAAQ,MAAO,SAC/Fb,EAAQwC,aAAa,UAAWD,EACpC,CACJ,CAQOO,UACH,GAAIvC,KAAKP,gBAAkBO,KAAKP,QAAQ8C,UAAY,WAAY,CAC5DvC,KAAKP,QAAQ8C,UACbvC,KAAKP,QAAU,IACnB,CACJ,EACH,IAAA+C,EAAA,CAAAC,WAAA,MAAAD,EAAAhD,aAAA,OAAAgD,CAAA","ignoreList":[]}

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

@@ -28,18 +28,18 @@ export abstract class BasePlugin implements IPlugin {
     /** The UI5 JSONModel name used for absolute binding paths. */
     protected modelName: string = "meta";
 
-    /** Indicates if the engine is enforcing a read-only display mode. */
-    protected isDisplayMode: boolean = false;
+    /** Indicates if the engine is enforcing an editable mode. */
+    protected isEditable: boolean = true;
     
     /** Internal callback provided by GeneratorHost to signal validation/data changes upwards */
     protected onChange?: (isValid: boolean, fieldKey?: string, errorMessage?: string, controlId?: string) => void;
 
     /**
-     * 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.
+     * Injects the global editable mode context into the plugin before rendering.
+     * @param editable True if the plugin should render in editable mode.
      */
-    public setDisplayMode(mode: boolean): void {
-        this.isDisplayMode = mode;
+    public setEditable(editable: boolean): void {
+        this.isEditable = editable;
     }
 
     /**

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

@@ -24,7 +24,7 @@ sap.ui.define(["./BasePlugin", "sap/m/CheckBox"], function (___BasePlugin, Check
     render(fieldMetadata, bindingPath, modelName = "meta", engineScopeId, onChange) {
       this.onChange = onChange;
       this.metadata = fieldMetadata;
-      if (this.isDisplayMode) {
+      if (!this.isEditable) {
         sap.ui.requireSync("sap/m/Text");
         const TextControl = sap.ui.require("sap/m/Text");
         this.control = new TextControl({
@@ -65,7 +65,7 @@ sap.ui.define(["./BasePlugin", "sap/m/CheckBox"], function (___BasePlugin, Check
      */
     applyState() {
       if (this.control && this.metadata) {
-        if (this.isDisplayMode) return;
+        if (!this.isEditable) return;
         this.control.setEnabled(!this.metadata.ui?.readOnly);
       }
     }

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

@@ -1 +1 @@
-{"version":3,"file":"BooleanPlugin-dbg.js","names":["BasePlugin","___BasePlugin","BooleanPlugin","render","fieldMetadata","bindingPath","modelName","engineScopeId","onChange","metadata","isDisplayMode","sap","ui","requireSync","TextControl","require","control","id","generateStableId","text","path","formatter","val","applyCommonDirectives","CheckBox","selected","enabled","readOnly","select","oEvent","getParameter","result","validate","isValid","fieldKey","getValue","getSelected","applyState","setEnabled","__exports","__esModule"],"sources":["BooleanPlugin.ts"],"sourcesContent":["/**\n * @file BooleanPlugin.ts\n * @description Renders a sap.m.Switch for boolean states.\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport CheckBox from \"sap/m/CheckBox\";\nimport Control from \"sap/ui/core/Control\";\n\n/**\n * Handles rendering logic for toggleable booleans using `sap.m.CheckBox`.\n * \n * @namespace nz.co.siliconst.ui5.metaui.plugins.controls\n * @public\n */\nexport class BooleanPlugin extends BasePlugin {\n    /**\n     * Renders a `sap.m.CheckBox` component for boolean 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     * @returns {Control} The configured CheckBox 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.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: {\n                    path: `${modelName}>${bindingPath}`,\n                    formatter: (val: boolean) => val ? \"Yes\" : \"No\"\n                }\n            });\n            this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n            return this.control as Control;\n        }\n\n        this.control = new CheckBox({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            selected: `{${modelName}>${bindingPath}}`,\n            enabled: !fieldMetadata.ui?.readOnly,\n            select: (oEvent: sap.ui.base.Event) => {\n                const val = oEvent.getParameter(\"selected\");\n                const result = this.validate();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n            }\n        });\n\n        return this.control as Control;\n    }\n\n    /**\n     * Retrieves the current boolean state.\n     * @returns {boolean} The selected state.\n     */\n    protected getValue(): any {\n        return this.control ? (this.control as CheckBox).getSelected() : false;\n    }\n\n    /**\n     * Applies dynamic read-only state.\n     */\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (this.isDisplayMode) return;\n            (this.control as CheckBox).setEnabled(!this.metadata.ui?.readOnly);\n        }\n    }\n}\n"],"mappings":";;;EAAA;AACA;AACA;AACA;EAHA,MAKSA,UAAU,GAAAC,aAAA;EAKnB;AACA;AACA;AACA;AACA;AACA;EACO,MAAMC,aAAa,SAASF,UAAU,CAAC;IAC1C;AACJ;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,IAAI,CAACM,aAAa,EAAE;QACpBC,GAAG,CAACC,EAAE,CAACC,WAAW,CAAC,YAAY,CAAC;QAChC,MAAMC,WAAW,GAAGH,GAAG,CAACC,EAAE,CAACG,OAAO,CAAC,YAAY,CAAC;QAChD,IAAI,CAACC,OAAO,GAAG,IAAIF,WAAW,CAAC;UAC3BG,EAAE,EAAE,IAAI,CAACC,gBAAgB,CAACX,aAAa,EAAEF,WAAW,CAAC;UACrDc,IAAI,EAAE;YACFC,IAAI,EAAE,GAAGd,SAAS,IAAID,WAAW,EAAE;YACnCgB,SAAS,EAAGC,GAAY,IAAKA,GAAG,GAAG,KAAK,GAAG;UAC/C;QACJ,CAAC,CAAC;QACF,IAAI,CAACC,qBAAqB,CAAC,IAAI,CAACP,OAAO,EAAEZ,aAAa,EAAEE,SAAS,CAAC;QAClE,OAAO,IAAI,CAACU,OAAO;MACvB;MAEA,IAAI,CAACA,OAAO,GAAG,IAAIQ,QAAQ,CAAC;QACxBP,EAAE,EAAE,IAAI,CAACC,gBAAgB,CAACX,aAAa,EAAEF,WAAW,CAAC;QACrDoB,QAAQ,EAAE,IAAInB,SAAS,IAAID,WAAW,GAAG;QACzCqB,OAAO,EAAE,CAACtB,aAAa,CAACQ,EAAE,EAAEe,QAAQ;QACpCC,MAAM,EAAGC,MAAyB,IAAK;UACnC,MAAMP,GAAG,GAAGO,MAAM,CAACC,YAAY,CAAC,UAAU,CAAC;UAC3C,MAAMC,MAAM,GAAG,IAAI,CAACC,QAAQ,CAAC,CAAC;UAC9B,IAAI,IAAI,CAACxB,QAAQ,EAAE;YACf,IAAI,CAACA,QAAQ,CAACuB,MAAM,CAACE,OAAO,EAAE,IAAI,CAACC,QAAQ,CAAC;UAChD;QACJ;MACJ,CAAC,CAAC;MAEF,OAAO,IAAI,CAAClB,OAAO;IACvB;;IAEA;AACJ;AACA;AACA;IACcmB,QAAQA,CAAA,EAAQ;MACtB,OAAO,IAAI,CAACnB,OAAO,GAAI,IAAI,CAACA,OAAO,CAAcoB,WAAW,CAAC,CAAC,GAAG,KAAK;IAC1E;;IAEA;AACJ;AACA;IACcC,UAAUA,CAAA,EAAS;MACzB,IAAI,IAAI,CAACrB,OAAO,IAAI,IAAI,CAACP,QAAQ,EAAE;QAC/B,IAAI,IAAI,CAACC,aAAa,EAAE;QACvB,IAAI,CAACM,OAAO,CAAcsB,UAAU,CAAC,CAAC,IAAI,CAAC7B,QAAQ,CAACG,EAAE,EAAEe,QAAQ,CAAC;MACtE;IACJ;EACJ;EAAC,IAAAY,SAAA;IAAAC,UAAA;EAAA;EAAAD,SAAA,CAAArC,aAAA,GAAAA,aAAA;EAAA,OAAAqC,SAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"BooleanPlugin-dbg.js","names":["BasePlugin","___BasePlugin","BooleanPlugin","render","fieldMetadata","bindingPath","modelName","engineScopeId","onChange","metadata","isEditable","sap","ui","requireSync","TextControl","require","control","id","generateStableId","text","path","formatter","val","applyCommonDirectives","CheckBox","selected","enabled","readOnly","select","oEvent","getParameter","result","validate","isValid","fieldKey","getValue","getSelected","applyState","setEnabled","__exports","__esModule"],"sources":["BooleanPlugin.ts"],"sourcesContent":["/**\n * @file BooleanPlugin.ts\n * @description Renders a sap.m.Switch for boolean states.\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport CheckBox from \"sap/m/CheckBox\";\nimport Control from \"sap/ui/core/Control\";\n\n/**\n * Handles rendering logic for toggleable booleans using `sap.m.CheckBox`.\n * \n * @namespace nz.co.siliconst.ui5.metaui.plugins.controls\n * @public\n */\nexport class BooleanPlugin extends BasePlugin {\n    /**\n     * Renders a `sap.m.CheckBox` component for boolean 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     * @returns {Control} The configured CheckBox 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            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: {\n                    path: `${modelName}>${bindingPath}`,\n                    formatter: (val: boolean) => val ? \"Yes\" : \"No\"\n                }\n            });\n            this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n            return this.control as Control;\n        }\n\n        this.control = new CheckBox({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            selected: `{${modelName}>${bindingPath}}`,\n            enabled: !fieldMetadata.ui?.readOnly,\n            select: (oEvent: sap.ui.base.Event) => {\n                const val = oEvent.getParameter(\"selected\");\n                const result = this.validate();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n            }\n        });\n\n        return this.control as Control;\n    }\n\n    /**\n     * Retrieves the current boolean state.\n     * @returns {boolean} The selected state.\n     */\n    protected getValue(): any {\n        return this.control ? (this.control as CheckBox).getSelected() : false;\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 CheckBox).setEnabled(!this.metadata.ui?.readOnly);\n        }\n    }\n}\n"],"mappings":";;;EAAA;AACA;AACA;AACA;EAHA,MAKSA,UAAU,GAAAC,aAAA;EAKnB;AACA;AACA;AACA;AACA;AACA;EACO,MAAMC,aAAa,SAASF,UAAU,CAAC;IAC1C;AACJ;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;QAClBC,GAAG,CAACC,EAAE,CAACC,WAAW,CAAC,YAAY,CAAC;QAChC,MAAMC,WAAW,GAAGH,GAAG,CAACC,EAAE,CAACG,OAAO,CAAC,YAAY,CAAC;QAChD,IAAI,CAACC,OAAO,GAAG,IAAIF,WAAW,CAAC;UAC3BG,EAAE,EAAE,IAAI,CAACC,gBAAgB,CAACX,aAAa,EAAEF,WAAW,CAAC;UACrDc,IAAI,EAAE;YACFC,IAAI,EAAE,GAAGd,SAAS,IAAID,WAAW,EAAE;YACnCgB,SAAS,EAAGC,GAAY,IAAKA,GAAG,GAAG,KAAK,GAAG;UAC/C;QACJ,CAAC,CAAC;QACF,IAAI,CAACC,qBAAqB,CAAC,IAAI,CAACP,OAAO,EAAEZ,aAAa,EAAEE,SAAS,CAAC;QAClE,OAAO,IAAI,CAACU,OAAO;MACvB;MAEA,IAAI,CAACA,OAAO,GAAG,IAAIQ,QAAQ,CAAC;QACxBP,EAAE,EAAE,IAAI,CAACC,gBAAgB,CAACX,aAAa,EAAEF,WAAW,CAAC;QACrDoB,QAAQ,EAAE,IAAInB,SAAS,IAAID,WAAW,GAAG;QACzCqB,OAAO,EAAE,CAACtB,aAAa,CAACQ,EAAE,EAAEe,QAAQ;QACpCC,MAAM,EAAGC,MAAyB,IAAK;UACnC,MAAMP,GAAG,GAAGO,MAAM,CAACC,YAAY,CAAC,UAAU,CAAC;UAC3C,MAAMC,MAAM,GAAG,IAAI,CAACC,QAAQ,CAAC,CAAC;UAC9B,IAAI,IAAI,CAACxB,QAAQ,EAAE;YACf,IAAI,CAACA,QAAQ,CAACuB,MAAM,CAACE,OAAO,EAAE,IAAI,CAACC,QAAQ,CAAC;UAChD;QACJ;MACJ,CAAC,CAAC;MAEF,OAAO,IAAI,CAAClB,OAAO;IACvB;;IAEA;AACJ;AACA;AACA;IACcmB,QAAQA,CAAA,EAAQ;MACtB,OAAO,IAAI,CAACnB,OAAO,GAAI,IAAI,CAACA,OAAO,CAAcoB,WAAW,CAAC,CAAC,GAAG,KAAK;IAC1E;;IAEA;AACJ;AACA;IACcC,UAAUA,CAAA,EAAS;MACzB,IAAI,IAAI,CAACrB,OAAO,IAAI,IAAI,CAACP,QAAQ,EAAE;QAC/B,IAAI,CAAC,IAAI,CAACC,UAAU,EAAE;QACrB,IAAI,CAACM,OAAO,CAAcsB,UAAU,CAAC,CAAC,IAAI,CAAC7B,QAAQ,CAACG,EAAE,EAAEe,QAAQ,CAAC;MACtE;IACJ;EACJ;EAAC,IAAAY,SAAA;IAAAC,UAAA;EAAA;EAAAD,SAAA,CAAArC,aAAA,GAAAA,aAAA;EAAA,OAAAqC,SAAA;AAAA","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-sap.ui.define(["./BasePlugin","sap/m/CheckBox"],function(e,t){"use strict";const s=e["BasePlugin"];class i extends s{render(e,s,i="meta",a,n){this.onChange=n;this.metadata=e;if(this.isDisplayMode){sap.ui.requireSync("sap/m/Text");const t=sap.ui.require("sap/m/Text");this.control=new t({id:this.generateStableId(a,s),text:{path:`${i}>${s}`,formatter:e=>e?"Yes":"No"}});this.applyCommonDirectives(this.control,e,i);return this.control}this.control=new t({id:this.generateStableId(a,s),selected:`{${i}>${s}}`,enabled:!e.ui?.readOnly,select:e=>{const t=e.getParameter("selected");const s=this.validate();if(this.onChange){this.onChange(s.isValid,this.fieldKey)}}});return this.control}getValue(){return this.control?this.control.getSelected():false}applyState(){if(this.control&&this.metadata){if(this.isDisplayMode)return;this.control.setEnabled(!this.metadata.ui?.readOnly)}}}var a={__esModule:true};a.BooleanPlugin=i;return a});
+sap.ui.define(["./BasePlugin","sap/m/CheckBox"],function(t,e){"use strict";const i=t["BasePlugin"];class s extends i{render(t,i,s="meta",a,n){this.onChange=n;this.metadata=t;if(!this.isEditable){sap.ui.requireSync("sap/m/Text");const e=sap.ui.require("sap/m/Text");this.control=new e({id:this.generateStableId(a,i),text:{path:`${s}>${i}`,formatter:t=>t?"Yes":"No"}});this.applyCommonDirectives(this.control,t,s);return this.control}this.control=new e({id:this.generateStableId(a,i),selected:`{${s}>${i}}`,enabled:!t.ui?.readOnly,select:t=>{const e=t.getParameter("selected");const i=this.validate();if(this.onChange){this.onChange(i.isValid,this.fieldKey)}}});return this.control}getValue(){return this.control?this.control.getSelected():false}applyState(){if(this.control&&this.metadata){if(!this.isEditable)return;this.control.setEnabled(!this.metadata.ui?.readOnly)}}}var a={__esModule:true};a.BooleanPlugin=s;return a});
 //# sourceMappingURL=BooleanPlugin.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BooleanPlugin.js","names":["BasePlugin","___BasePlugin","BooleanPlugin","render","fieldMetadata","bindingPath","modelName","engineScopeId","onChange","this","metadata","isDisplayMode","sap","ui","requireSync","TextControl","require","control","id","generateStableId","text","path","formatter","val","applyCommonDirectives","CheckBox","selected","enabled","readOnly","select","oEvent","getParameter","result","validate","isValid","fieldKey","getValue","getSelected","applyState","setEnabled","__exports","__esModule"],"sources":["BooleanPlugin.ts"],"sourcesContent":["/**\n * @file BooleanPlugin.ts\n * @description Renders a sap.m.Switch for boolean states.\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport CheckBox from \"sap/m/CheckBox\";\nimport Control from \"sap/ui/core/Control\";\n\n/**\n * Handles rendering logic for toggleable booleans using `sap.m.CheckBox`.\n * \n * @namespace nz.co.siliconst.ui5.metaui.plugins.controls\n * @public\n */\nexport class BooleanPlugin extends BasePlugin {\n    /**\n     * Renders a `sap.m.CheckBox` component for boolean 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     * @returns {Control} The configured CheckBox 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.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: {\n                    path: `${modelName}>${bindingPath}`,\n                    formatter: (val: boolean) => val ? \"Yes\" : \"No\"\n                }\n            });\n            this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n            return this.control as Control;\n        }\n\n        this.control = new CheckBox({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            selected: `{${modelName}>${bindingPath}}`,\n            enabled: !fieldMetadata.ui?.readOnly,\n            select: (oEvent: sap.ui.base.Event) => {\n                const val = oEvent.getParameter(\"selected\");\n                const result = this.validate();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n            }\n        });\n\n        return this.control as Control;\n    }\n\n    /**\n     * Retrieves the current boolean state.\n     * @returns {boolean} The selected state.\n     */\n    protected getValue(): any {\n        return this.control ? (this.control as CheckBox).getSelected() : false;\n    }\n\n    /**\n     * Applies dynamic read-only state.\n     */\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (this.isDisplayMode) return;\n            (this.control as CheckBox).setEnabled(!this.metadata.ui?.readOnly);\n        }\n    }\n}\n"],"mappings":"2EAAA,MAKSA,EAAUC,EAAA,cAWZ,MAAMC,UAAsBF,EASxBG,OAAOC,EAAmCC,EAAsBC,EAAoB,OAAQC,EAAwBC,GACvHC,KAAKD,SAAWA,EAChBC,KAAKC,SAAWN,EAEhB,GAAIK,KAAKE,cAAe,CACpBC,IAAIC,GAAGC,YAAY,cACnB,MAAMC,EAAcH,IAAIC,GAAGG,QAAQ,cACnCP,KAAKQ,QAAU,IAAIF,EAAY,CAC3BG,GAAIT,KAAKU,iBAAiBZ,EAAeF,GACzCe,KAAM,CACFC,KAAM,GAAGf,KAAaD,IACtBiB,UAAYC,GAAiBA,EAAM,MAAQ,QAGnDd,KAAKe,sBAAsBf,KAAKQ,QAASb,EAAeE,GACxD,OAAOG,KAAKQ,OAChB,CAEAR,KAAKQ,QAAU,IAAIQ,EAAS,CACxBP,GAAIT,KAAKU,iBAAiBZ,EAAeF,GACzCqB,SAAU,IAAIpB,KAAaD,KAC3BsB,SAAUvB,EAAcS,IAAIe,SAC5BC,OAASC,IACL,MAAMP,EAAMO,EAAOC,aAAa,YAChC,MAAMC,EAASvB,KAAKwB,WACpB,GAAIxB,KAAKD,SAAU,CACfC,KAAKD,SAASwB,EAAOE,QAASzB,KAAK0B,SACvC,KAIR,OAAO1B,KAAKQ,OAChB,CAMUmB,WACN,OAAO3B,KAAKQ,QAAWR,KAAKQ,QAAqBoB,cAAgB,KACrE,CAKUC,aACN,GAAI7B,KAAKQ,SAAWR,KAAKC,SAAU,CAC/B,GAAID,KAAKE,cAAe,OACvBF,KAAKQ,QAAqBsB,YAAY9B,KAAKC,SAASG,IAAIe,SAC7D,CACJ,EACH,IAAAY,EAAA,CAAAC,WAAA,MAAAD,EAAAtC,gBAAA,OAAAsC,CAAA","ignoreList":[]}
+{"version":3,"file":"BooleanPlugin.js","names":["BasePlugin","___BasePlugin","BooleanPlugin","render","fieldMetadata","bindingPath","modelName","engineScopeId","onChange","this","metadata","isEditable","sap","ui","requireSync","TextControl","require","control","id","generateStableId","text","path","formatter","val","applyCommonDirectives","CheckBox","selected","enabled","readOnly","select","oEvent","getParameter","result","validate","isValid","fieldKey","getValue","getSelected","applyState","setEnabled","__exports","__esModule"],"sources":["BooleanPlugin.ts"],"sourcesContent":["/**\n * @file BooleanPlugin.ts\n * @description Renders a sap.m.Switch for boolean states.\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport CheckBox from \"sap/m/CheckBox\";\nimport Control from \"sap/ui/core/Control\";\n\n/**\n * Handles rendering logic for toggleable booleans using `sap.m.CheckBox`.\n * \n * @namespace nz.co.siliconst.ui5.metaui.plugins.controls\n * @public\n */\nexport class BooleanPlugin extends BasePlugin {\n    /**\n     * Renders a `sap.m.CheckBox` component for boolean 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     * @returns {Control} The configured CheckBox 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            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: {\n                    path: `${modelName}>${bindingPath}`,\n                    formatter: (val: boolean) => val ? \"Yes\" : \"No\"\n                }\n            });\n            this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n            return this.control as Control;\n        }\n\n        this.control = new CheckBox({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            selected: `{${modelName}>${bindingPath}}`,\n            enabled: !fieldMetadata.ui?.readOnly,\n            select: (oEvent: sap.ui.base.Event) => {\n                const val = oEvent.getParameter(\"selected\");\n                const result = this.validate();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n            }\n        });\n\n        return this.control as Control;\n    }\n\n    /**\n     * Retrieves the current boolean state.\n     * @returns {boolean} The selected state.\n     */\n    protected getValue(): any {\n        return this.control ? (this.control as CheckBox).getSelected() : false;\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 CheckBox).setEnabled(!this.metadata.ui?.readOnly);\n        }\n    }\n}\n"],"mappings":"2EAAA,MAKSA,EAAUC,EAAA,cAWZ,MAAMC,UAAsBF,EASxBG,OAAOC,EAAmCC,EAAsBC,EAAoB,OAAQC,EAAwBC,GACvHC,KAAKD,SAAWA,EAChBC,KAAKC,SAAWN,EAEhB,IAAKK,KAAKE,WAAY,CAClBC,IAAIC,GAAGC,YAAY,cACnB,MAAMC,EAAcH,IAAIC,GAAGG,QAAQ,cACnCP,KAAKQ,QAAU,IAAIF,EAAY,CAC3BG,GAAIT,KAAKU,iBAAiBZ,EAAeF,GACzCe,KAAM,CACFC,KAAM,GAAGf,KAAaD,IACtBiB,UAAYC,GAAiBA,EAAM,MAAQ,QAGnDd,KAAKe,sBAAsBf,KAAKQ,QAASb,EAAeE,GACxD,OAAOG,KAAKQ,OAChB,CAEAR,KAAKQ,QAAU,IAAIQ,EAAS,CACxBP,GAAIT,KAAKU,iBAAiBZ,EAAeF,GACzCqB,SAAU,IAAIpB,KAAaD,KAC3BsB,SAAUvB,EAAcS,IAAIe,SAC5BC,OAASC,IACL,MAAMP,EAAMO,EAAOC,aAAa,YAChC,MAAMC,EAASvB,KAAKwB,WACpB,GAAIxB,KAAKD,SAAU,CACfC,KAAKD,SAASwB,EAAOE,QAASzB,KAAK0B,SACvC,KAIR,OAAO1B,KAAKQ,OAChB,CAMUmB,WACN,OAAO3B,KAAKQ,QAAWR,KAAKQ,QAAqBoB,cAAgB,KACrE,CAKUC,aACN,GAAI7B,KAAKQ,SAAWR,KAAKC,SAAU,CAC/B,IAAKD,KAAKE,WAAY,OACrBF,KAAKQ,QAAqBsB,YAAY9B,KAAKC,SAASG,IAAIe,SAC7D,CACJ,EACH,IAAAY,EAAA,CAAAC,WAAA,MAAAD,EAAAtC,gBAAA,OAAAsC,CAAA","ignoreList":[]}

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

@@ -27,7 +27,7 @@ export class BooleanPlugin extends BasePlugin {
         this.onChange = onChange;
         this.metadata = fieldMetadata;
         
-        if (this.isDisplayMode) {
+        if (!this.isEditable) {
             sap.ui.requireSync("sap/m/Text");
             const TextControl = sap.ui.require("sap/m/Text");
             this.control = new TextControl({
@@ -70,7 +70,7 @@ export class BooleanPlugin extends BasePlugin {
      */
     protected applyState(): void {
         if (this.control && this.metadata) {
-            if (this.isDisplayMode) return;
+            if (!this.isEditable) return;
             (this.control as CheckBox).setEnabled(!this.metadata.ui?.readOnly);
         }
     }

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

@@ -12,7 +12,7 @@ sap.ui.define(["../controls/BasePlugin", "../../controls/CameraControl"], functi
       this.metadata = metadata;
       this.fieldKey = bindingPath.replace('/', '');
       this.modelName = modelName;
-      if (this.isDisplayMode) {
+      if (!this.isEditable) {
         sap.ui.requireSync("sap/m/Image");
         const ImageControl = sap.ui.require("sap/m/Image");
         this.control = new ImageControl({
@@ -46,7 +46,7 @@ sap.ui.define(["../controls/BasePlugin", "../../controls/CameraControl"], functi
     }
     applyState() {
       if (this.control && this.metadata) {
-        if (this.isDisplayMode) return;
+        if (!this.isEditable) return;
         this.control.setProperty("readOnly", !!this.metadata.ui?.readOnly);
       }
     }

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

@@ -1 +1 @@
-{"version":3,"file":"CameraPlugin-dbg.js","names":["BasePlugin","___controls_BasePlugin","CameraControl","_interopRequireDefault","__CameraControl","CameraPlugin","render","metadata","bindingPath","modelName","engineScopeId","onChange","fieldKey","replace","isDisplayMode","sap","ui","requireSync","ImageControl","require","control","id","generateStableId","src","width","alt","label","applyCommonDirectives","value","schemaMetadata","readOnly","attachCapture","result","validate","isValid","getValue","applyState","setProperty","__exports","__esModule"],"sources":["CameraPlugin.ts"],"sourcesContent":["import { BasePlugin } from \"../controls/BasePlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport Control from \"sap/ui/core/Control\";\nimport CameraControl from \"../../controls/CameraControl\";\n\nexport class CameraPlugin extends BasePlugin {\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/Image\");\n            const ImageControl = sap.ui.require(\"sap/m/Image\");\n            this.control = new ImageControl({\n                id: this.generateStableId(engineScopeId, bindingPath),\n                src: `{${modelName}>${bindingPath}}`,\n                width: \"400px\",\n                alt: metadata.ui?.label || \"Image\"\n            });\n            this.applyCommonDirectives(this.control, metadata, modelName);\n            return this.control as Control;\n        }\n\n        this.control = new CameraControl({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            value: `{${modelName}>${bindingPath}}`,\n            schemaMetadata: metadata,\n            readOnly: !!metadata.ui?.readOnly\n        });\n\n        this.applyCommonDirectives(this.control, metadata, modelName);\n\n        // Validation mapping could be hooked into the 'capture' event if needed, but Two-Way binding updates the model naturally.\n        (this.control as unknown as { attachCapture: (fn: Function) => void }).attachCapture(() => {\n            const result = this.validate();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n        });\n\n        return this.control as Control;\n    }\n\n    protected getValue(): any {\n        return this.control ? (this.control as unknown as { getValue: () => unknown }).getValue() : null;\n    }\n\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (this.isDisplayMode) return;\n            (this.control as unknown as { setProperty: (k: string, v: unknown) => void }).setProperty(\"readOnly\", !!this.metadata.ui?.readOnly);\n        }\n    }\n}\n"],"mappings":";;;;;;QAASA,UAAU,GAAAC,sBAAA;EAAA,MAGZC,aAAa,GAAAC,sBAAA,CAAAC,eAAA;EAEb,MAAMC,YAAY,SAASL,UAAU,CAAC;IAClCM,MAAMA,CAACC,QAA2B,EAAGC,WAAmB,EAAGC,SAAiB,GAAG,MAAM,EAAEC,aAAsB,EAAEC,QAAwD,EAAW;MACrL,IAAI,CAACA,QAAQ,GAAGA,QAAQ;MACxB,IAAI,CAACJ,QAAQ,GAAGA,QAAQ;MACxB,IAAI,CAACK,QAAQ,GAAGJ,WAAW,CAACK,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;MAC5C,IAAI,CAACJ,SAAS,GAAGA,SAAS;MAE1B,IAAI,IAAI,CAACK,aAAa,EAAE;QACpBC,GAAG,CAACC,EAAE,CAACC,WAAW,CAAC,aAAa,CAAC;QACjC,MAAMC,YAAY,GAAGH,GAAG,CAACC,EAAE,CAACG,OAAO,CAAC,aAAa,CAAC;QAClD,IAAI,CAACC,OAAO,GAAG,IAAIF,YAAY,CAAC;UAC5BG,EAAE,EAAE,IAAI,CAACC,gBAAgB,CAACZ,aAAa,EAAEF,WAAW,CAAC;UACrDe,GAAG,EAAE,IAAId,SAAS,IAAID,WAAW,GAAG;UACpCgB,KAAK,EAAE,OAAO;UACdC,GAAG,EAAElB,QAAQ,CAACS,EAAE,EAAEU,KAAK,IAAI;QAC/B,CAAC,CAAC;QACF,IAAI,CAACC,qBAAqB,CAAC,IAAI,CAACP,OAAO,EAAEb,QAAQ,EAAEE,SAAS,CAAC;QAC7D,OAAO,IAAI,CAACW,OAAO;MACvB;MAEA,IAAI,CAACA,OAAO,GAAG,IAAIlB,aAAa,CAAC;QAC7BmB,EAAE,EAAE,IAAI,CAACC,gBAAgB,CAACZ,aAAa,EAAEF,WAAW,CAAC;QACrDoB,KAAK,EAAE,IAAInB,SAAS,IAAID,WAAW,GAAG;QACtCqB,cAAc,EAAEtB,QAAQ;QACxBuB,QAAQ,EAAE,CAAC,CAACvB,QAAQ,CAACS,EAAE,EAAEc;MAC7B,CAAC,CAAC;MAEF,IAAI,CAACH,qBAAqB,CAAC,IAAI,CAACP,OAAO,EAAEb,QAAQ,EAAEE,SAAS,CAAC;;MAE7D;MACC,IAAI,CAACW,OAAO,CAA0DW,aAAa,CAAC,MAAM;QACvF,MAAMC,MAAM,GAAG,IAAI,CAACC,QAAQ,CAAC,CAAC;QAC1B,IAAI,IAAI,CAACtB,QAAQ,EAAE;UACf,IAAI,CAACA,QAAQ,CAACqB,MAAM,CAACE,OAAO,EAAE,IAAI,CAACtB,QAAQ,CAAC;QAChD;MACR,CAAC,CAAC;MAEF,OAAO,IAAI,CAACQ,OAAO;IACvB;IAEUe,QAAQA,CAAA,EAAQ;MACtB,OAAO,IAAI,CAACf,OAAO,GAAI,IAAI,CAACA,OAAO,CAA4Ce,QAAQ,CAAC,CAAC,GAAG,IAAI;IACpG;IAEUC,UAAUA,CAAA,EAAS;MACzB,IAAI,IAAI,CAAChB,OAAO,IAAI,IAAI,CAACb,QAAQ,EAAE;QAC/B,IAAI,IAAI,CAACO,aAAa,EAAE;QACvB,IAAI,CAACM,OAAO,CAAiEiB,WAAW,CAAC,UAAU,EAAE,CAAC,CAAC,IAAI,CAAC9B,QAAQ,CAACS,EAAE,EAAEc,QAAQ,CAAC;MACvI;IACJ;EACJ;EAAC,IAAAQ,SAAA;IAAAC,UAAA;EAAA;EAAAD,SAAA,CAAAjC,YAAA,GAAAA,YAAA;EAAA,OAAAiC,SAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"CameraPlugin-dbg.js","names":["BasePlugin","___controls_BasePlugin","CameraControl","_interopRequireDefault","__CameraControl","CameraPlugin","render","metadata","bindingPath","modelName","engineScopeId","onChange","fieldKey","replace","isEditable","sap","ui","requireSync","ImageControl","require","control","id","generateStableId","src","width","alt","label","applyCommonDirectives","value","schemaMetadata","readOnly","attachCapture","result","validate","isValid","getValue","applyState","setProperty","__exports","__esModule"],"sources":["CameraPlugin.ts"],"sourcesContent":["import { BasePlugin } from \"../controls/BasePlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport Control from \"sap/ui/core/Control\";\nimport CameraControl from \"../../controls/CameraControl\";\n\nexport class CameraPlugin extends BasePlugin {\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.isEditable) {\n            sap.ui.requireSync(\"sap/m/Image\");\n            const ImageControl = sap.ui.require(\"sap/m/Image\");\n            this.control = new ImageControl({\n                id: this.generateStableId(engineScopeId, bindingPath),\n                src: `{${modelName}>${bindingPath}}`,\n                width: \"400px\",\n                alt: metadata.ui?.label || \"Image\"\n            });\n            this.applyCommonDirectives(this.control, metadata, modelName);\n            return this.control as Control;\n        }\n\n        this.control = new CameraControl({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            value: `{${modelName}>${bindingPath}}`,\n            schemaMetadata: metadata,\n            readOnly: !!metadata.ui?.readOnly\n        });\n\n        this.applyCommonDirectives(this.control, metadata, modelName);\n\n        // Validation mapping could be hooked into the 'capture' event if needed, but Two-Way binding updates the model naturally.\n        (this.control as unknown as { attachCapture: (fn: Function) => void }).attachCapture(() => {\n            const result = this.validate();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n        });\n\n        return this.control as Control;\n    }\n\n    protected getValue(): any {\n        return this.control ? (this.control as unknown as { getValue: () => unknown }).getValue() : null;\n    }\n\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (!this.isEditable) return;\n            (this.control as unknown as { setProperty: (k: string, v: unknown) => void }).setProperty(\"readOnly\", !!this.metadata.ui?.readOnly);\n        }\n    }\n}\n"],"mappings":";;;;;;QAASA,UAAU,GAAAC,sBAAA;EAAA,MAGZC,aAAa,GAAAC,sBAAA,CAAAC,eAAA;EAEb,MAAMC,YAAY,SAASL,UAAU,CAAC;IAClCM,MAAMA,CAACC,QAA2B,EAAGC,WAAmB,EAAGC,SAAiB,GAAG,MAAM,EAAEC,aAAsB,EAAEC,QAAwD,EAAW;MACrL,IAAI,CAACA,QAAQ,GAAGA,QAAQ;MACxB,IAAI,CAACJ,QAAQ,GAAGA,QAAQ;MACxB,IAAI,CAACK,QAAQ,GAAGJ,WAAW,CAACK,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;MAC5C,IAAI,CAACJ,SAAS,GAAGA,SAAS;MAE1B,IAAI,CAAC,IAAI,CAACK,UAAU,EAAE;QAClBC,GAAG,CAACC,EAAE,CAACC,WAAW,CAAC,aAAa,CAAC;QACjC,MAAMC,YAAY,GAAGH,GAAG,CAACC,EAAE,CAACG,OAAO,CAAC,aAAa,CAAC;QAClD,IAAI,CAACC,OAAO,GAAG,IAAIF,YAAY,CAAC;UAC5BG,EAAE,EAAE,IAAI,CAACC,gBAAgB,CAACZ,aAAa,EAAEF,WAAW,CAAC;UACrDe,GAAG,EAAE,IAAId,SAAS,IAAID,WAAW,GAAG;UACpCgB,KAAK,EAAE,OAAO;UACdC,GAAG,EAAElB,QAAQ,CAACS,EAAE,EAAEU,KAAK,IAAI;QAC/B,CAAC,CAAC;QACF,IAAI,CAACC,qBAAqB,CAAC,IAAI,CAACP,OAAO,EAAEb,QAAQ,EAAEE,SAAS,CAAC;QAC7D,OAAO,IAAI,CAACW,OAAO;MACvB;MAEA,IAAI,CAACA,OAAO,GAAG,IAAIlB,aAAa,CAAC;QAC7BmB,EAAE,EAAE,IAAI,CAACC,gBAAgB,CAACZ,aAAa,EAAEF,WAAW,CAAC;QACrDoB,KAAK,EAAE,IAAInB,SAAS,IAAID,WAAW,GAAG;QACtCqB,cAAc,EAAEtB,QAAQ;QACxBuB,QAAQ,EAAE,CAAC,CAACvB,QAAQ,CAACS,EAAE,EAAEc;MAC7B,CAAC,CAAC;MAEF,IAAI,CAACH,qBAAqB,CAAC,IAAI,CAACP,OAAO,EAAEb,QAAQ,EAAEE,SAAS,CAAC;;MAE7D;MACC,IAAI,CAACW,OAAO,CAA0DW,aAAa,CAAC,MAAM;QACvF,MAAMC,MAAM,GAAG,IAAI,CAACC,QAAQ,CAAC,CAAC;QAC1B,IAAI,IAAI,CAACtB,QAAQ,EAAE;UACf,IAAI,CAACA,QAAQ,CAACqB,MAAM,CAACE,OAAO,EAAE,IAAI,CAACtB,QAAQ,CAAC;QAChD;MACR,CAAC,CAAC;MAEF,OAAO,IAAI,CAACQ,OAAO;IACvB;IAEUe,QAAQA,CAAA,EAAQ;MACtB,OAAO,IAAI,CAACf,OAAO,GAAI,IAAI,CAACA,OAAO,CAA4Ce,QAAQ,CAAC,CAAC,GAAG,IAAI;IACpG;IAEUC,UAAUA,CAAA,EAAS;MACzB,IAAI,IAAI,CAAChB,OAAO,IAAI,IAAI,CAACb,QAAQ,EAAE;QAC/B,IAAI,CAAC,IAAI,CAACO,UAAU,EAAE;QACrB,IAAI,CAACM,OAAO,CAAiEiB,WAAW,CAAC,UAAU,EAAE,CAAC,CAAC,IAAI,CAAC9B,QAAQ,CAACS,EAAE,EAAEc,QAAQ,CAAC;MACvI;IACJ;EACJ;EAAC,IAAAQ,SAAA;IAAAC,UAAA;EAAA;EAAAD,SAAA,CAAAjC,YAAA,GAAAA,YAAA;EAAA,OAAAiC,SAAA;AAAA","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-sap.ui.define(["../controls/BasePlugin","../../controls/CameraControl"],function(t,e){"use strict";function i(t){return t&&t.__esModule&&typeof t.default!=="undefined"?t.default:t}const a=t["BasePlugin"];const s=i(e);class n extends a{render(t,e,i="meta",a,n){this.onChange=n;this.metadata=t;this.fieldKey=e.replace("/","");this.modelName=i;if(this.isDisplayMode){sap.ui.requireSync("sap/m/Image");const s=sap.ui.require("sap/m/Image");this.control=new s({id:this.generateStableId(a,e),src:`{${i}>${e}}`,width:"400px",alt:t.ui?.label||"Image"});this.applyCommonDirectives(this.control,t,i);return this.control}this.control=new s({id:this.generateStableId(a,e),value:`{${i}>${e}}`,schemaMetadata:t,readOnly:!!t.ui?.readOnly});this.applyCommonDirectives(this.control,t,i);this.control.attachCapture(()=>{const t=this.validate();if(this.onChange){this.onChange(t.isValid,this.fieldKey)}});return this.control}getValue(){return this.control?this.control.getValue():null}applyState(){if(this.control&&this.metadata){if(this.isDisplayMode)return;this.control.setProperty("readOnly",!!this.metadata.ui?.readOnly)}}}var r={__esModule:true};r.CameraPlugin=n;return r});
+sap.ui.define(["../controls/BasePlugin","../../controls/CameraControl"],function(t,e){"use strict";function i(t){return t&&t.__esModule&&typeof t.default!=="undefined"?t.default:t}const a=t["BasePlugin"];const s=i(e);class n extends a{render(t,e,i="meta",a,n){this.onChange=n;this.metadata=t;this.fieldKey=e.replace("/","");this.modelName=i;if(!this.isEditable){sap.ui.requireSync("sap/m/Image");const s=sap.ui.require("sap/m/Image");this.control=new s({id:this.generateStableId(a,e),src:`{${i}>${e}}`,width:"400px",alt:t.ui?.label||"Image"});this.applyCommonDirectives(this.control,t,i);return this.control}this.control=new s({id:this.generateStableId(a,e),value:`{${i}>${e}}`,schemaMetadata:t,readOnly:!!t.ui?.readOnly});this.applyCommonDirectives(this.control,t,i);this.control.attachCapture(()=>{const t=this.validate();if(this.onChange){this.onChange(t.isValid,this.fieldKey)}});return this.control}getValue(){return this.control?this.control.getValue():null}applyState(){if(this.control&&this.metadata){if(!this.isEditable)return;this.control.setProperty("readOnly",!!this.metadata.ui?.readOnly)}}}var r={__esModule:true};r.CameraPlugin=n;return r});
 //# sourceMappingURL=CameraPlugin.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CameraPlugin.js","names":["BasePlugin","___controls_BasePlugin","CameraControl","_interopRequireDefault","__CameraControl","CameraPlugin","render","metadata","bindingPath","modelName","engineScopeId","onChange","this","fieldKey","replace","isDisplayMode","sap","ui","requireSync","ImageControl","require","control","id","generateStableId","src","width","alt","label","applyCommonDirectives","value","schemaMetadata","readOnly","attachCapture","result","validate","isValid","getValue","applyState","setProperty","__exports","__esModule"],"sources":["CameraPlugin.ts"],"sourcesContent":["import { BasePlugin } from \"../controls/BasePlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport Control from \"sap/ui/core/Control\";\nimport CameraControl from \"../../controls/CameraControl\";\n\nexport class CameraPlugin extends BasePlugin {\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/Image\");\n            const ImageControl = sap.ui.require(\"sap/m/Image\");\n            this.control = new ImageControl({\n                id: this.generateStableId(engineScopeId, bindingPath),\n                src: `{${modelName}>${bindingPath}}`,\n                width: \"400px\",\n                alt: metadata.ui?.label || \"Image\"\n            });\n            this.applyCommonDirectives(this.control, metadata, modelName);\n            return this.control as Control;\n        }\n\n        this.control = new CameraControl({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            value: `{${modelName}>${bindingPath}}`,\n            schemaMetadata: metadata,\n            readOnly: !!metadata.ui?.readOnly\n        });\n\n        this.applyCommonDirectives(this.control, metadata, modelName);\n\n        // Validation mapping could be hooked into the 'capture' event if needed, but Two-Way binding updates the model naturally.\n        (this.control as unknown as { attachCapture: (fn: Function) => void }).attachCapture(() => {\n            const result = this.validate();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n        });\n\n        return this.control as Control;\n    }\n\n    protected getValue(): any {\n        return this.control ? (this.control as unknown as { getValue: () => unknown }).getValue() : null;\n    }\n\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (this.isDisplayMode) return;\n            (this.control as unknown as { setProperty: (k: string, v: unknown) => void }).setProperty(\"readOnly\", !!this.metadata.ui?.readOnly);\n        }\n    }\n}\n"],"mappings":"0LAASA,EAAUC,EAAA,oBAGZC,EAAaC,EAAAC,GAEb,MAAMC,UAAqBL,EACvBM,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,eACnB,MAAMC,EAAeH,IAAIC,GAAGG,QAAQ,eACpCR,KAAKS,QAAU,IAAIF,EAAa,CAC5BG,GAAIV,KAAKW,iBAAiBb,EAAeF,GACzCgB,IAAK,IAAIf,KAAaD,KACtBiB,MAAO,QACPC,IAAKnB,EAASU,IAAIU,OAAS,UAE/Bf,KAAKgB,sBAAsBhB,KAAKS,QAASd,EAAUE,GACnD,OAAOG,KAAKS,OAChB,CAEAT,KAAKS,QAAU,IAAInB,EAAc,CAC7BoB,GAAIV,KAAKW,iBAAiBb,EAAeF,GACzCqB,MAAO,IAAIpB,KAAaD,KACxBsB,eAAgBvB,EAChBwB,WAAYxB,EAASU,IAAIc,WAG7BnB,KAAKgB,sBAAsBhB,KAAKS,QAASd,EAAUE,GAGlDG,KAAKS,QAAiEW,cAAc,KACjF,MAAMC,EAASrB,KAAKsB,WAChB,GAAItB,KAAKD,SAAU,CACfC,KAAKD,SAASsB,EAAOE,QAASvB,KAAKC,SACvC,IAGR,OAAOD,KAAKS,OAChB,CAEUe,WACN,OAAOxB,KAAKS,QAAWT,KAAKS,QAAmDe,WAAa,IAChG,CAEUC,aACN,GAAIzB,KAAKS,SAAWT,KAAKL,SAAU,CAC/B,GAAIK,KAAKG,cAAe,OACvBH,KAAKS,QAAwEiB,YAAY,aAAc1B,KAAKL,SAASU,IAAIc,SAC9H,CACJ,EACH,IAAAQ,EAAA,CAAAC,WAAA,MAAAD,EAAAlC,eAAA,OAAAkC,CAAA","ignoreList":[]}
+{"version":3,"file":"CameraPlugin.js","names":["BasePlugin","___controls_BasePlugin","CameraControl","_interopRequireDefault","__CameraControl","CameraPlugin","render","metadata","bindingPath","modelName","engineScopeId","onChange","this","fieldKey","replace","isEditable","sap","ui","requireSync","ImageControl","require","control","id","generateStableId","src","width","alt","label","applyCommonDirectives","value","schemaMetadata","readOnly","attachCapture","result","validate","isValid","getValue","applyState","setProperty","__exports","__esModule"],"sources":["CameraPlugin.ts"],"sourcesContent":["import { BasePlugin } from \"../controls/BasePlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport Control from \"sap/ui/core/Control\";\nimport CameraControl from \"../../controls/CameraControl\";\n\nexport class CameraPlugin extends BasePlugin {\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.isEditable) {\n            sap.ui.requireSync(\"sap/m/Image\");\n            const ImageControl = sap.ui.require(\"sap/m/Image\");\n            this.control = new ImageControl({\n                id: this.generateStableId(engineScopeId, bindingPath),\n                src: `{${modelName}>${bindingPath}}`,\n                width: \"400px\",\n                alt: metadata.ui?.label || \"Image\"\n            });\n            this.applyCommonDirectives(this.control, metadata, modelName);\n            return this.control as Control;\n        }\n\n        this.control = new CameraControl({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            value: `{${modelName}>${bindingPath}}`,\n            schemaMetadata: metadata,\n            readOnly: !!metadata.ui?.readOnly\n        });\n\n        this.applyCommonDirectives(this.control, metadata, modelName);\n\n        // Validation mapping could be hooked into the 'capture' event if needed, but Two-Way binding updates the model naturally.\n        (this.control as unknown as { attachCapture: (fn: Function) => void }).attachCapture(() => {\n            const result = this.validate();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n        });\n\n        return this.control as Control;\n    }\n\n    protected getValue(): any {\n        return this.control ? (this.control as unknown as { getValue: () => unknown }).getValue() : null;\n    }\n\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (!this.isEditable) return;\n            (this.control as unknown as { setProperty: (k: string, v: unknown) => void }).setProperty(\"readOnly\", !!this.metadata.ui?.readOnly);\n        }\n    }\n}\n"],"mappings":"0LAASA,EAAUC,EAAA,oBAGZC,EAAaC,EAAAC,GAEb,MAAMC,UAAqBL,EACvBM,OAAOC,EAA8BC,EAAsBC,EAAoB,OAAQC,EAAwBC,GAClHC,KAAKD,SAAWA,EAChBC,KAAKL,SAAWA,EAChBK,KAAKC,SAAWL,EAAYM,QAAQ,IAAK,IACzCF,KAAKH,UAAYA,EAEjB,IAAKG,KAAKG,WAAY,CAClBC,IAAIC,GAAGC,YAAY,eACnB,MAAMC,EAAeH,IAAIC,GAAGG,QAAQ,eACpCR,KAAKS,QAAU,IAAIF,EAAa,CAC5BG,GAAIV,KAAKW,iBAAiBb,EAAeF,GACzCgB,IAAK,IAAIf,KAAaD,KACtBiB,MAAO,QACPC,IAAKnB,EAASU,IAAIU,OAAS,UAE/Bf,KAAKgB,sBAAsBhB,KAAKS,QAASd,EAAUE,GACnD,OAAOG,KAAKS,OAChB,CAEAT,KAAKS,QAAU,IAAInB,EAAc,CAC7BoB,GAAIV,KAAKW,iBAAiBb,EAAeF,GACzCqB,MAAO,IAAIpB,KAAaD,KACxBsB,eAAgBvB,EAChBwB,WAAYxB,EAASU,IAAIc,WAG7BnB,KAAKgB,sBAAsBhB,KAAKS,QAASd,EAAUE,GAGlDG,KAAKS,QAAiEW,cAAc,KACjF,MAAMC,EAASrB,KAAKsB,WAChB,GAAItB,KAAKD,SAAU,CACfC,KAAKD,SAASsB,EAAOE,QAASvB,KAAKC,SACvC,IAGR,OAAOD,KAAKS,OAChB,CAEUe,WACN,OAAOxB,KAAKS,QAAWT,KAAKS,QAAmDe,WAAa,IAChG,CAEUC,aACN,GAAIzB,KAAKS,SAAWT,KAAKL,SAAU,CAC/B,IAAKK,KAAKG,WAAY,OACrBH,KAAKS,QAAwEiB,YAAY,aAAc1B,KAAKL,SAASU,IAAIc,SAC9H,CACJ,EACH,IAAAQ,EAAA,CAAAC,WAAA,MAAAD,EAAAlC,eAAA,OAAAkC,CAAA","ignoreList":[]}

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

@@ -10,7 +10,7 @@ export class CameraPlugin extends BasePlugin {
         this.fieldKey = bindingPath.replace('/', '');
         this.modelName = modelName;
 
-        if (this.isDisplayMode) {
+        if (!this.isEditable) {
             sap.ui.requireSync("sap/m/Image");
             const ImageControl = sap.ui.require("sap/m/Image");
             this.control = new ImageControl({
@@ -49,7 +49,7 @@ export class CameraPlugin extends BasePlugin {
 
     protected applyState(): void {
         if (this.control && this.metadata) {
-            if (this.isDisplayMode) return;
+            if (!this.isEditable) return;
             (this.control as unknown as { setProperty: (k: string, v: unknown) => void }).setProperty("readOnly", !!this.metadata.ui?.readOnly);
         }
     }

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

@@ -57,7 +57,7 @@ sap.ui.define(["./BasePlugin"], function (___BasePlugin) {
         value: `{${modelName}>${bindingPath}}`,
         type: fieldMetadata.ui?.args || "javascript",
         // will be dynamically overridden if args is missing
-        editable: this.isDisplayMode ? false : !fieldMetadata.ui?.readOnly,
+        editable: !this.isEditable ? false : !fieldMetadata.ui?.readOnly,
         height: "100px",
         // Initial minimum height
         width: "100%",
@@ -108,7 +108,7 @@ sap.ui.define(["./BasePlugin"], function (___BasePlugin) {
     }
     applyState() {
       if (this.control && this.metadata) {
-        if (this.isDisplayMode) return;
+        if (!this.isEditable) return;
         this.control.setEditable(!this.metadata.ui?.readOnly);
       }
     }

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

@@ -1 +1 @@
-{"version":3,"file":"CodeEditorPlugin-dbg.js","names":["BasePlugin","___BasePlugin","CodeEditorPlugin","detectLanguage","value","trimmed","trim","startsWith","JSON","parse","e","test","adjustHeight","control","val","getValue","lines","split","length","newHeight","Math","max","setHeight","render","fieldMetadata","bindingPath","modelName","engineScopeId","onChange","metadata","fieldKey","replace","sap","ui","requireSync","CodeEditor","require","id","generateStableId","type","args","editable","isDisplayMode","readOnly","height","width","change","result","validate","isValid","currentVal","detectedType","getType","setType","attachEventOnce","oBinding","getBinding","initLogic","attachChange","applyCommonDirectives","applyState","setEditable","__exports","__esModule"],"sources":["CodeEditorPlugin.ts"],"sourcesContent":["/**\n * @file CodeEditorPlugin.ts\n * @description Renders a sap.ui.codeeditor.CodeEditor for editing source code/JSON.\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport Control from \"sap/ui/core/Control\";\n\n/**\n * Handles rendering logic for code editing.\n * Requires the `sap.ui.codeeditor` library to be loaded.\n * \n * @namespace nz.co.siliconst.ui5.metaui.plugins.controls\n * @public\n */\nexport class CodeEditorPlugin extends BasePlugin {\n    private detectLanguage(value: string): string {\n        if (!value || typeof value !== \"string\") return \"javascript\";\n        \n        const trimmed = value.trim();\n        if (trimmed === \"\") return \"javascript\";\n\n        // 1. JSON\n        if (trimmed.startsWith(\"{\") || trimmed.startsWith(\"[\")) {\n            try {\n                JSON.parse(trimmed);\n                return \"json\";\n            } catch (e) {\n                // Not valid JSON, continue testing\n            }\n        }\n\n        // 2. XML / HTML\n        if (/^\\s*<[\\s\\S]*>\\s*$/.test(trimmed)) {\n            return \"xml\";\n        }\n\n        // 3. Fallback to JavaScript\n        return \"javascript\";\n    }\n\n    private adjustHeight(): void {\n        if (!this.control) return;\n        const val = (this.control as unknown as { getValue: () => unknown }).getValue() || \"\";\n        const lines = val.split(/\\r\\n|\\r|\\n/).length;\n        // 18px per line + 20px padding, minimum 100px\n        const newHeight = Math.max(100, (lines * 18) + 20);\n        (this.control as unknown).setHeight(newHeight + \"px\");\n    }\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.replace(\"/\", \"\"); // For EventBus\n        \n        sap.ui.requireSync(\"sap/ui/codeeditor/CodeEditor\");\n        const CodeEditor = sap.ui.require(\"sap/ui/codeeditor/CodeEditor\");\n        \n        this.control = new CodeEditor({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            value: `{${modelName}>${bindingPath}}`,\n            type: fieldMetadata.ui?.args || \"javascript\", // will be dynamically overridden if args is missing\n            editable: this.isDisplayMode ? false : !fieldMetadata.ui?.readOnly,\n            height: \"100px\", // Initial minimum height\n            width: \"100%\",\n            change: () => {\n                const result = this.validate();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n                \n                // If language isn't explicitly defined, try to guess it dynamically\n                if (!fieldMetadata.ui?.args) {\n                    const currentVal = (this.control as unknown as { getValue: () => unknown }).getValue();\n                    const detectedType = this.detectLanguage(currentVal);\n                    if ((this.control as unknown).getType() !== detectedType) {\n                        (this.control as unknown).setType(detectedType);\n                    }\n                }\n                \n                this.adjustHeight();\n            }\n        });\n\n        // Clean architecture: Wait for the model context, then attach safely to the binding itself.\n        // No timeouts, no DOM hacks, pure UI5 Eventing.\n        (this.control as unknown).attachEventOnce(\"modelContextChange\", () => {\n            const oBinding = (this.control as unknown).getBinding(\"value\");\n            \n            const initLogic = () => {\n                if (this.control) {\n                    const currentVal = (this.control as unknown as { getValue: () => unknown }).getValue();\n                    if (!fieldMetadata.ui?.args) {\n                        (this.control as unknown).setType(this.detectLanguage(currentVal));\n                    }\n                    this.adjustHeight();\n                }\n            };\n\n            if (oBinding) {\n                // Attach for future model changes\n                oBinding.attachChange(initLogic);\n            }\n            \n            // Execute immediately in case the model is synchronous (JSONModel)\n            initLogic();\n        });\n\n        this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n\n        return this.control as Control;\n    }\n\n    protected getValue(): any {\n        return this.control ? (this.control as unknown as { getValue: () => unknown }).getValue() : null;\n    }\n\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (this.isDisplayMode) return;\n            (this.control as unknown).setEditable(!this.metadata.ui?.readOnly);\n        }\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CodeEditorPlugin-dbg.js","names":["BasePlugin","___BasePlugin","CodeEditorPlugin","detectLanguage","value","trimmed","trim","startsWith","JSON","parse","e","test","adjustHeight","control","val","getValue","lines","split","length","newHeight","Math","max","setHeight","render","fieldMetadata","bindingPath","modelName","engineScopeId","onChange","metadata","fieldKey","replace","sap","ui","requireSync","CodeEditor","require","id","generateStableId","type","args","editable","isEditable","readOnly","height","width","change","result","validate","isValid","currentVal","detectedType","getType","setType","attachEventOnce","oBinding","getBinding","initLogic","attachChange","applyCommonDirectives","applyState","setEditable","__exports","__esModule"],"sources":["CodeEditorPlugin.ts"],"sourcesContent":["/**\n * @file CodeEditorPlugin.ts\n * @description Renders a sap.ui.codeeditor.CodeEditor for editing source code/JSON.\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport Control from \"sap/ui/core/Control\";\n\n/**\n * Handles rendering logic for code editing.\n * Requires the `sap.ui.codeeditor` library to be loaded.\n * \n * @namespace nz.co.siliconst.ui5.metaui.plugins.controls\n * @public\n */\nexport class CodeEditorPlugin extends BasePlugin {\n    private detectLanguage(value: string): string {\n        if (!value || typeof value !== \"string\") return \"javascript\";\n        \n        const trimmed = value.trim();\n        if (trimmed === \"\") return \"javascript\";\n\n        // 1. JSON\n        if (trimmed.startsWith(\"{\") || trimmed.startsWith(\"[\")) {\n            try {\n                JSON.parse(trimmed);\n                return \"json\";\n            } catch (e) {\n                // Not valid JSON, continue testing\n            }\n        }\n\n        // 2. XML / HTML\n        if (/^\\s*<[\\s\\S]*>\\s*$/.test(trimmed)) {\n            return \"xml\";\n        }\n\n        // 3. Fallback to JavaScript\n        return \"javascript\";\n    }\n\n    private adjustHeight(): void {\n        if (!this.control) return;\n        const val = (this.control as unknown as { getValue: () => unknown }).getValue() || \"\";\n        const lines = val.split(/\\r\\n|\\r|\\n/).length;\n        // 18px per line + 20px padding, minimum 100px\n        const newHeight = Math.max(100, (lines * 18) + 20);\n        (this.control as unknown).setHeight(newHeight + \"px\");\n    }\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.replace(\"/\", \"\"); // For EventBus\n        \n        sap.ui.requireSync(\"sap/ui/codeeditor/CodeEditor\");\n        const CodeEditor = sap.ui.require(\"sap/ui/codeeditor/CodeEditor\");\n        \n        this.control = new CodeEditor({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            value: `{${modelName}>${bindingPath}}`,\n            type: fieldMetadata.ui?.args || \"javascript\", // will be dynamically overridden if args is missing\n            editable: !this.isEditable ? false : !fieldMetadata.ui?.readOnly,\n            height: \"100px\", // Initial minimum height\n            width: \"100%\",\n            change: () => {\n                const result = this.validate();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n                \n                // If language isn't explicitly defined, try to guess it dynamically\n                if (!fieldMetadata.ui?.args) {\n                    const currentVal = (this.control as unknown as { getValue: () => unknown }).getValue();\n                    const detectedType = this.detectLanguage(currentVal);\n                    if ((this.control as unknown).getType() !== detectedType) {\n                        (this.control as unknown).setType(detectedType);\n                    }\n                }\n                \n                this.adjustHeight();\n            }\n        });\n\n        // Clean architecture: Wait for the model context, then attach safely to the binding itself.\n        // No timeouts, no DOM hacks, pure UI5 Eventing.\n        (this.control as unknown).attachEventOnce(\"modelContextChange\", () => {\n            const oBinding = (this.control as unknown).getBinding(\"value\");\n            \n            const initLogic = () => {\n                if (this.control) {\n                    const currentVal = (this.control as unknown as { getValue: () => unknown }).getValue();\n                    if (!fieldMetadata.ui?.args) {\n                        (this.control as unknown).setType(this.detectLanguage(currentVal));\n                    }\n                    this.adjustHeight();\n                }\n            };\n\n            if (oBinding) {\n                // Attach for future model changes\n                oBinding.attachChange(initLogic);\n            }\n            \n            // Execute immediately in case the model is synchronous (JSONModel)\n            initLogic();\n        });\n\n        this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n\n        return this.control as Control;\n    }\n\n    protected getValue(): any {\n        return this.control ? (this.control as unknown as { getValue: () => unknown }).getValue() : null;\n    }\n\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (!this.isEditable) return;\n            (this.control as unknown).setEditable(!this.metadata.ui?.readOnly);\n        }\n    }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-sap.ui.define(["./BasePlugin"],function(t){"use strict";const e=t["BasePlugin"];class i extends e{detectLanguage(t){if(!t||typeof t!=="string")return"javascript";const e=t.trim();if(e==="")return"javascript";if(e.startsWith("{")||e.startsWith("[")){try{JSON.parse(e);return"json"}catch(t){}}if(/^\s*<[\s\S]*>\s*$/.test(e)){return"xml"}return"javascript"}adjustHeight(){if(!this.control)return;const t=this.control.getValue()||"";const e=t.split(/\r\n|\r|\n/).length;const i=Math.max(100,e*18+20);this.control.setHeight(i+"px")}render(t,e,i="meta",s,a){this.onChange=a;this.metadata=t;this.fieldKey=e.replace("/","");sap.ui.requireSync("sap/ui/codeeditor/CodeEditor");const n=sap.ui.require("sap/ui/codeeditor/CodeEditor");this.control=new n({id:this.generateStableId(s,e),value:`{${i}>${e}}`,type:t.ui?.args||"javascript",editable:this.isDisplayMode?false:!t.ui?.readOnly,height:"100px",width:"100%",change:()=>{const e=this.validate();if(this.onChange){this.onChange(e.isValid,this.fieldKey)}if(!t.ui?.args){const t=this.control.getValue();const e=this.detectLanguage(t);if(this.control.getType()!==e){this.control.setType(e)}}this.adjustHeight()}});this.control.attachEventOnce("modelContextChange",()=>{const e=this.control.getBinding("value");const i=()=>{if(this.control){const e=this.control.getValue();if(!t.ui?.args){this.control.setType(this.detectLanguage(e))}this.adjustHeight()}};if(e){e.attachChange(i)}i()});this.applyCommonDirectives(this.control,t,i);return this.control}getValue(){return this.control?this.control.getValue():null}applyState(){if(this.control&&this.metadata){if(this.isDisplayMode)return;this.control.setEditable(!this.metadata.ui?.readOnly)}}}var s={__esModule:true};s.CodeEditorPlugin=i;return s});
+sap.ui.define(["./BasePlugin"],function(t){"use strict";const e=t["BasePlugin"];class i extends e{detectLanguage(t){if(!t||typeof t!=="string")return"javascript";const e=t.trim();if(e==="")return"javascript";if(e.startsWith("{")||e.startsWith("[")){try{JSON.parse(e);return"json"}catch(t){}}if(/^\s*<[\s\S]*>\s*$/.test(e)){return"xml"}return"javascript"}adjustHeight(){if(!this.control)return;const t=this.control.getValue()||"";const e=t.split(/\r\n|\r|\n/).length;const i=Math.max(100,e*18+20);this.control.setHeight(i+"px")}render(t,e,i="meta",s,a){this.onChange=a;this.metadata=t;this.fieldKey=e.replace("/","");sap.ui.requireSync("sap/ui/codeeditor/CodeEditor");const n=sap.ui.require("sap/ui/codeeditor/CodeEditor");this.control=new n({id:this.generateStableId(s,e),value:`{${i}>${e}}`,type:t.ui?.args||"javascript",editable:!this.isEditable?false:!t.ui?.readOnly,height:"100px",width:"100%",change:()=>{const e=this.validate();if(this.onChange){this.onChange(e.isValid,this.fieldKey)}if(!t.ui?.args){const t=this.control.getValue();const e=this.detectLanguage(t);if(this.control.getType()!==e){this.control.setType(e)}}this.adjustHeight()}});this.control.attachEventOnce("modelContextChange",()=>{const e=this.control.getBinding("value");const i=()=>{if(this.control){const e=this.control.getValue();if(!t.ui?.args){this.control.setType(this.detectLanguage(e))}this.adjustHeight()}};if(e){e.attachChange(i)}i()});this.applyCommonDirectives(this.control,t,i);return this.control}getValue(){return this.control?this.control.getValue():null}applyState(){if(this.control&&this.metadata){if(!this.isEditable)return;this.control.setEditable(!this.metadata.ui?.readOnly)}}}var s={__esModule:true};s.CodeEditorPlugin=i;return s});
 //# sourceMappingURL=CodeEditorPlugin.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CodeEditorPlugin.js","names":["BasePlugin","___BasePlugin","CodeEditorPlugin","detectLanguage","value","trimmed","trim","startsWith","JSON","parse","e","test","adjustHeight","this","control","val","getValue","lines","split","length","newHeight","Math","max","setHeight","render","fieldMetadata","bindingPath","modelName","engineScopeId","onChange","metadata","fieldKey","replace","sap","ui","requireSync","CodeEditor","require","id","generateStableId","type","args","editable","isDisplayMode","readOnly","height","width","change","result","validate","isValid","currentVal","detectedType","getType","setType","attachEventOnce","oBinding","getBinding","initLogic","attachChange","applyCommonDirectives","applyState","setEditable","__exports","__esModule"],"sources":["CodeEditorPlugin.ts"],"sourcesContent":["/**\n * @file CodeEditorPlugin.ts\n * @description Renders a sap.ui.codeeditor.CodeEditor for editing source code/JSON.\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport Control from \"sap/ui/core/Control\";\n\n/**\n * Handles rendering logic for code editing.\n * Requires the `sap.ui.codeeditor` library to be loaded.\n * \n * @namespace nz.co.siliconst.ui5.metaui.plugins.controls\n * @public\n */\nexport class CodeEditorPlugin extends BasePlugin {\n    private detectLanguage(value: string): string {\n        if (!value || typeof value !== \"string\") return \"javascript\";\n        \n        const trimmed = value.trim();\n        if (trimmed === \"\") return \"javascript\";\n\n        // 1. JSON\n        if (trimmed.startsWith(\"{\") || trimmed.startsWith(\"[\")) {\n            try {\n                JSON.parse(trimmed);\n                return \"json\";\n            } catch (e) {\n                // Not valid JSON, continue testing\n            }\n        }\n\n        // 2. XML / HTML\n        if (/^\\s*<[\\s\\S]*>\\s*$/.test(trimmed)) {\n            return \"xml\";\n        }\n\n        // 3. Fallback to JavaScript\n        return \"javascript\";\n    }\n\n    private adjustHeight(): void {\n        if (!this.control) return;\n        const val = (this.control as unknown as { getValue: () => unknown }).getValue() || \"\";\n        const lines = val.split(/\\r\\n|\\r|\\n/).length;\n        // 18px per line + 20px padding, minimum 100px\n        const newHeight = Math.max(100, (lines * 18) + 20);\n        (this.control as unknown).setHeight(newHeight + \"px\");\n    }\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.replace(\"/\", \"\"); // For EventBus\n        \n        sap.ui.requireSync(\"sap/ui/codeeditor/CodeEditor\");\n        const CodeEditor = sap.ui.require(\"sap/ui/codeeditor/CodeEditor\");\n        \n        this.control = new CodeEditor({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            value: `{${modelName}>${bindingPath}}`,\n            type: fieldMetadata.ui?.args || \"javascript\", // will be dynamically overridden if args is missing\n            editable: this.isDisplayMode ? false : !fieldMetadata.ui?.readOnly,\n            height: \"100px\", // Initial minimum height\n            width: \"100%\",\n            change: () => {\n                const result = this.validate();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n                \n                // If language isn't explicitly defined, try to guess it dynamically\n                if (!fieldMetadata.ui?.args) {\n                    const currentVal = (this.control as unknown as { getValue: () => unknown }).getValue();\n                    const detectedType = this.detectLanguage(currentVal);\n                    if ((this.control as unknown).getType() !== detectedType) {\n                        (this.control as unknown).setType(detectedType);\n                    }\n                }\n                \n                this.adjustHeight();\n            }\n        });\n\n        // Clean architecture: Wait for the model context, then attach safely to the binding itself.\n        // No timeouts, no DOM hacks, pure UI5 Eventing.\n        (this.control as unknown).attachEventOnce(\"modelContextChange\", () => {\n            const oBinding = (this.control as unknown).getBinding(\"value\");\n            \n            const initLogic = () => {\n                if (this.control) {\n                    const currentVal = (this.control as unknown as { getValue: () => unknown }).getValue();\n                    if (!fieldMetadata.ui?.args) {\n                        (this.control as unknown).setType(this.detectLanguage(currentVal));\n                    }\n                    this.adjustHeight();\n                }\n            };\n\n            if (oBinding) {\n                // Attach for future model changes\n                oBinding.attachChange(initLogic);\n            }\n            \n            // Execute immediately in case the model is synchronous (JSONModel)\n            initLogic();\n        });\n\n        this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n\n        return this.control as Control;\n    }\n\n    protected getValue(): any {\n        return this.control ? (this.control as unknown as { getValue: () => unknown }).getValue() : null;\n    }\n\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (this.isDisplayMode) return;\n            (this.control as unknown).setEditable(!this.metadata.ui?.readOnly);\n        }\n    }\n}\n"],"mappings":"wDAAA,MAKSA,EAAUC,EAAA,cAWZ,MAAMC,UAAyBF,EAC1BG,eAAeC,GACnB,IAAKA,UAAgBA,IAAU,SAAU,MAAO,aAEhD,MAAMC,EAAUD,EAAME,OACtB,GAAID,IAAY,GAAI,MAAO,aAG3B,GAAIA,EAAQE,WAAW,MAAQF,EAAQE,WAAW,KAAM,CACpD,IACIC,KAAKC,MAAMJ,GACX,MAAO,MACX,CAAE,MAAOK,GACL,CAER,CAGA,GAAI,oBAAoBC,KAAKN,GAAU,CACnC,MAAO,KACX,CAGA,MAAO,YACX,CAEQO,eACJ,IAAKC,KAAKC,QAAS,OACnB,MAAMC,EAAOF,KAAKC,QAAmDE,YAAc,GACnF,MAAMC,EAAQF,EAAIG,MAAM,cAAcC,OAEtC,MAAMC,EAAYC,KAAKC,IAAI,IAAML,EAAQ,GAAM,IAC9CJ,KAAKC,QAAoBS,UAAUH,EAAY,KACpD,CAEOI,OAAOC,EAAkCC,EAAqBC,EAAoB,OAAQC,EAAwBC,GACrHhB,KAAKgB,SAAWA,EAChBhB,KAAKiB,SAAWL,EAChBZ,KAAKkB,SAAWL,EAAYM,QAAQ,IAAK,IAEzCC,IAAIC,GAAGC,YAAY,gCACnB,MAAMC,EAAaH,IAAIC,GAAGG,QAAQ,gCAElCxB,KAAKC,QAAU,IAAIsB,EAAW,CAC1BE,GAAIzB,KAAK0B,iBAAiBX,EAAeF,GACzCtB,MAAO,IAAIuB,KAAaD,KACxBc,KAAMf,EAAcS,IAAIO,MAAQ,aAChCC,SAAU7B,KAAK8B,cAAgB,OAASlB,EAAcS,IAAIU,SAC1DC,OAAQ,QACRC,MAAO,OACPC,OAAQA,KACJ,MAAMC,EAASnC,KAAKoC,WACpB,GAAIpC,KAAKgB,SAAU,CACfhB,KAAKgB,SAASmB,EAAOE,QAASrC,KAAKkB,SACvC,CAGA,IAAKN,EAAcS,IAAIO,KAAM,CACzB,MAAMU,EAActC,KAAKC,QAAmDE,WAC5E,MAAMoC,EAAevC,KAAKV,eAAegD,GACzC,GAAKtC,KAAKC,QAAoBuC,YAAcD,EAAc,CACrDvC,KAAKC,QAAoBwC,QAAQF,EACtC,CACJ,CAEAvC,KAAKD,kBAMZC,KAAKC,QAAoByC,gBAAgB,qBAAsB,KAC5D,MAAMC,EAAY3C,KAAKC,QAAoB2C,WAAW,SAEtD,MAAMC,EAAYA,KACd,GAAI7C,KAAKC,QAAS,CACd,MAAMqC,EAActC,KAAKC,QAAmDE,WAC5E,IAAKS,EAAcS,IAAIO,KAAM,CACxB5B,KAAKC,QAAoBwC,QAAQzC,KAAKV,eAAegD,GAC1D,CACAtC,KAAKD,cACT,GAGJ,GAAI4C,EAAU,CAEVA,EAASG,aAAaD,EAC1B,CAGAA,MAGJ7C,KAAK+C,sBAAsB/C,KAAKC,QAASW,EAAeE,GAExD,OAAOd,KAAKC,OAChB,CAEUE,WACN,OAAOH,KAAKC,QAAWD,KAAKC,QAAmDE,WAAa,IAChG,CAEU6C,aACN,GAAIhD,KAAKC,SAAWD,KAAKiB,SAAU,CAC/B,GAAIjB,KAAK8B,cAAe,OACvB9B,KAAKC,QAAoBgD,aAAajD,KAAKiB,SAASI,IAAIU,SAC7D,CACJ,EACH,IAAAmB,EAAA,CAAAC,WAAA,MAAAD,EAAA7D,mBAAA,OAAA6D,CAAA","ignoreList":[]}
+{"version":3,"file":"CodeEditorPlugin.js","names":["BasePlugin","___BasePlugin","CodeEditorPlugin","detectLanguage","value","trimmed","trim","startsWith","JSON","parse","e","test","adjustHeight","this","control","val","getValue","lines","split","length","newHeight","Math","max","setHeight","render","fieldMetadata","bindingPath","modelName","engineScopeId","onChange","metadata","fieldKey","replace","sap","ui","requireSync","CodeEditor","require","id","generateStableId","type","args","editable","isEditable","readOnly","height","width","change","result","validate","isValid","currentVal","detectedType","getType","setType","attachEventOnce","oBinding","getBinding","initLogic","attachChange","applyCommonDirectives","applyState","setEditable","__exports","__esModule"],"sources":["CodeEditorPlugin.ts"],"sourcesContent":["/**\n * @file CodeEditorPlugin.ts\n * @description Renders a sap.ui.codeeditor.CodeEditor for editing source code/JSON.\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport Control from \"sap/ui/core/Control\";\n\n/**\n * Handles rendering logic for code editing.\n * Requires the `sap.ui.codeeditor` library to be loaded.\n * \n * @namespace nz.co.siliconst.ui5.metaui.plugins.controls\n * @public\n */\nexport class CodeEditorPlugin extends BasePlugin {\n    private detectLanguage(value: string): string {\n        if (!value || typeof value !== \"string\") return \"javascript\";\n        \n        const trimmed = value.trim();\n        if (trimmed === \"\") return \"javascript\";\n\n        // 1. JSON\n        if (trimmed.startsWith(\"{\") || trimmed.startsWith(\"[\")) {\n            try {\n                JSON.parse(trimmed);\n                return \"json\";\n            } catch (e) {\n                // Not valid JSON, continue testing\n            }\n        }\n\n        // 2. XML / HTML\n        if (/^\\s*<[\\s\\S]*>\\s*$/.test(trimmed)) {\n            return \"xml\";\n        }\n\n        // 3. Fallback to JavaScript\n        return \"javascript\";\n    }\n\n    private adjustHeight(): void {\n        if (!this.control) return;\n        const val = (this.control as unknown as { getValue: () => unknown }).getValue() || \"\";\n        const lines = val.split(/\\r\\n|\\r|\\n/).length;\n        // 18px per line + 20px padding, minimum 100px\n        const newHeight = Math.max(100, (lines * 18) + 20);\n        (this.control as unknown).setHeight(newHeight + \"px\");\n    }\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.replace(\"/\", \"\"); // For EventBus\n        \n        sap.ui.requireSync(\"sap/ui/codeeditor/CodeEditor\");\n        const CodeEditor = sap.ui.require(\"sap/ui/codeeditor/CodeEditor\");\n        \n        this.control = new CodeEditor({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            value: `{${modelName}>${bindingPath}}`,\n            type: fieldMetadata.ui?.args || \"javascript\", // will be dynamically overridden if args is missing\n            editable: !this.isEditable ? false : !fieldMetadata.ui?.readOnly,\n            height: \"100px\", // Initial minimum height\n            width: \"100%\",\n            change: () => {\n                const result = this.validate();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n                \n                // If language isn't explicitly defined, try to guess it dynamically\n                if (!fieldMetadata.ui?.args) {\n                    const currentVal = (this.control as unknown as { getValue: () => unknown }).getValue();\n                    const detectedType = this.detectLanguage(currentVal);\n                    if ((this.control as unknown).getType() !== detectedType) {\n                        (this.control as unknown).setType(detectedType);\n                    }\n                }\n                \n                this.adjustHeight();\n            }\n        });\n\n        // Clean architecture: Wait for the model context, then attach safely to the binding itself.\n        // No timeouts, no DOM hacks, pure UI5 Eventing.\n        (this.control as unknown).attachEventOnce(\"modelContextChange\", () => {\n            const oBinding = (this.control as unknown).getBinding(\"value\");\n            \n            const initLogic = () => {\n                if (this.control) {\n                    const currentVal = (this.control as unknown as { getValue: () => unknown }).getValue();\n                    if (!fieldMetadata.ui?.args) {\n                        (this.control as unknown).setType(this.detectLanguage(currentVal));\n                    }\n                    this.adjustHeight();\n                }\n            };\n\n            if (oBinding) {\n                // Attach for future model changes\n                oBinding.attachChange(initLogic);\n            }\n            \n            // Execute immediately in case the model is synchronous (JSONModel)\n            initLogic();\n        });\n\n        this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n\n        return this.control as Control;\n    }\n\n    protected getValue(): any {\n        return this.control ? (this.control as unknown as { getValue: () => unknown }).getValue() : null;\n    }\n\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (!this.isEditable) return;\n            (this.control as unknown).setEditable(!this.metadata.ui?.readOnly);\n        }\n    }\n}\n"],"mappings":"wDAAA,MAKSA,EAAUC,EAAA,cAWZ,MAAMC,UAAyBF,EAC1BG,eAAeC,GACnB,IAAKA,UAAgBA,IAAU,SAAU,MAAO,aAEhD,MAAMC,EAAUD,EAAME,OACtB,GAAID,IAAY,GAAI,MAAO,aAG3B,GAAIA,EAAQE,WAAW,MAAQF,EAAQE,WAAW,KAAM,CACpD,IACIC,KAAKC,MAAMJ,GACX,MAAO,MACX,CAAE,MAAOK,GACL,CAER,CAGA,GAAI,oBAAoBC,KAAKN,GAAU,CACnC,MAAO,KACX,CAGA,MAAO,YACX,CAEQO,eACJ,IAAKC,KAAKC,QAAS,OACnB,MAAMC,EAAOF,KAAKC,QAAmDE,YAAc,GACnF,MAAMC,EAAQF,EAAIG,MAAM,cAAcC,OAEtC,MAAMC,EAAYC,KAAKC,IAAI,IAAML,EAAQ,GAAM,IAC9CJ,KAAKC,QAAoBS,UAAUH,EAAY,KACpD,CAEOI,OAAOC,EAAkCC,EAAqBC,EAAoB,OAAQC,EAAwBC,GACrHhB,KAAKgB,SAAWA,EAChBhB,KAAKiB,SAAWL,EAChBZ,KAAKkB,SAAWL,EAAYM,QAAQ,IAAK,IAEzCC,IAAIC,GAAGC,YAAY,gCACnB,MAAMC,EAAaH,IAAIC,GAAGG,QAAQ,gCAElCxB,KAAKC,QAAU,IAAIsB,EAAW,CAC1BE,GAAIzB,KAAK0B,iBAAiBX,EAAeF,GACzCtB,MAAO,IAAIuB,KAAaD,KACxBc,KAAMf,EAAcS,IAAIO,MAAQ,aAChCC,UAAW7B,KAAK8B,WAAa,OAASlB,EAAcS,IAAIU,SACxDC,OAAQ,QACRC,MAAO,OACPC,OAAQA,KACJ,MAAMC,EAASnC,KAAKoC,WACpB,GAAIpC,KAAKgB,SAAU,CACfhB,KAAKgB,SAASmB,EAAOE,QAASrC,KAAKkB,SACvC,CAGA,IAAKN,EAAcS,IAAIO,KAAM,CACzB,MAAMU,EAActC,KAAKC,QAAmDE,WAC5E,MAAMoC,EAAevC,KAAKV,eAAegD,GACzC,GAAKtC,KAAKC,QAAoBuC,YAAcD,EAAc,CACrDvC,KAAKC,QAAoBwC,QAAQF,EACtC,CACJ,CAEAvC,KAAKD,kBAMZC,KAAKC,QAAoByC,gBAAgB,qBAAsB,KAC5D,MAAMC,EAAY3C,KAAKC,QAAoB2C,WAAW,SAEtD,MAAMC,EAAYA,KACd,GAAI7C,KAAKC,QAAS,CACd,MAAMqC,EAActC,KAAKC,QAAmDE,WAC5E,IAAKS,EAAcS,IAAIO,KAAM,CACxB5B,KAAKC,QAAoBwC,QAAQzC,KAAKV,eAAegD,GAC1D,CACAtC,KAAKD,cACT,GAGJ,GAAI4C,EAAU,CAEVA,EAASG,aAAaD,EAC1B,CAGAA,MAGJ7C,KAAK+C,sBAAsB/C,KAAKC,QAASW,EAAeE,GAExD,OAAOd,KAAKC,OAChB,CAEUE,WACN,OAAOH,KAAKC,QAAWD,KAAKC,QAAmDE,WAAa,IAChG,CAEU6C,aACN,GAAIhD,KAAKC,SAAWD,KAAKiB,SAAU,CAC/B,IAAKjB,KAAK8B,WAAY,OACrB9B,KAAKC,QAAoBgD,aAAajD,KAAKiB,SAASI,IAAIU,SAC7D,CACJ,EACH,IAAAmB,EAAA,CAAAC,WAAA,MAAAD,EAAA7D,mBAAA,OAAA6D,CAAA","ignoreList":[]}

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

@@ -61,7 +61,7 @@ export class CodeEditorPlugin extends BasePlugin {
             id: this.generateStableId(engineScopeId, bindingPath),
             value: `{${modelName}>${bindingPath}}`,
             type: fieldMetadata.ui?.args || "javascript", // will be dynamically overridden if args is missing
-            editable: this.isDisplayMode ? false : !fieldMetadata.ui?.readOnly,
+            editable: !this.isEditable ? false : !fieldMetadata.ui?.readOnly,
             height: "100px", // Initial minimum height
             width: "100%",
             change: () => {
@@ -118,7 +118,7 @@ export class CodeEditorPlugin extends BasePlugin {
 
     protected applyState(): void {
         if (this.control && this.metadata) {
-            if (this.isDisplayMode) return;
+            if (!this.isEditable) return;
             (this.control as unknown).setEditable(!this.metadata.ui?.readOnly);
         }
     }

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

@@ -13,7 +13,7 @@ sap.ui.define(["./BasePlugin", "sap/m/DatePicker"], function (___BasePlugin, Dat
     render(fieldMetadata, bindingPath, modelName = "meta", engineScopeId, onChange) {
       this.onChange = onChange;
       this.metadata = fieldMetadata;
-      if (this.isDisplayMode) {
+      if (!this.isEditable) {
         sap.ui.requireSync("sap/m/Text");
         const TextControl = sap.ui.require("sap/m/Text");
         this.control = new TextControl({
@@ -62,7 +62,7 @@ sap.ui.define(["./BasePlugin", "sap/m/DatePicker"], function (___BasePlugin, Dat
     }
     applyState() {
       if (this.control && this.metadata) {
-        if (this.isDisplayMode) return;
+        if (!this.isEditable) return;
         const dp = this.control;
         dp.setEditable(!this.metadata.ui?.readOnly);
         dp.setRequired(this.metadata.required);

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

@@ -1 +1 @@
-{"version":3,"file":"DatePlugin-dbg.js","names":["BasePlugin","___BasePlugin","DatePlugin","render","fieldMetadata","bindingPath","modelName","engineScopeId","onChange","metadata","isDisplayMode","sap","ui","requireSync","TextControl","require","control","id","generateStableId","text","path","type","formatOptions","source","pattern","applyCommonDirectives","DatePicker","value","displayFormat","editable","readOnly","required","change","oEvent","val","getParameter","result","validate","isValid","fieldKey","getValue","applyState","dp","setEditable","setRequired","__exports","__esModule"],"sources":["DatePlugin.ts"],"sourcesContent":["/**\n * @file DatePlugin.ts\n * @description Renders a sap.m.DatePicker natively bound to ISO date strings.\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport DatePicker from \"sap/m/DatePicker\";\nimport Control from \"sap/ui/core/Control\";\n\n/**\n * Handles rendering logic for Date strings.\n */\nexport class DatePlugin extends BasePlugin {\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.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: {\n                    path: `${modelName}>${bindingPath}`,\n                    type: \"sap.ui.model.type.Date\",\n                    formatOptions: {\n                        source: { pattern: \"yyyy-MM-dd\" },\n                        pattern: \"yyyy-MM-dd\"\n                    }\n                }\n            });\n            this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n            return this.control as Control;\n        }\n\n        this.control = new DatePicker({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            value: {\n                path: `${modelName}>${bindingPath}`,\n                type: \"sap.ui.model.type.Date\",\n                formatOptions: {\n                    source: { pattern: \"yyyy-MM-dd\" },\n                    pattern: \"yyyy-MM-dd\"\n                }\n            },\n            displayFormat: \"long\",\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.validate();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n            }\n        });\n\n        return this.control as Control;\n    }\n\n    protected getValue(): any {\n        return this.control ? (this.control as DatePicker).getValue() : null;\n    }\n\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (this.isDisplayMode) return;\n            const dp = this.control as DatePicker;\n            dp.setEditable(!this.metadata.ui?.readOnly);\n            dp.setRequired(this.metadata.required);\n        }\n    }\n}\n"],"mappings":";;;EAAA;AACA;AACA;AACA;EAHA,MAKSA,UAAU,GAAAC,aAAA;EAKnB;AACA;AACA;EACO,MAAMC,UAAU,SAASF,UAAU,CAAC;IAChCG,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,IAAI,CAACM,aAAa,EAAE;QACpBC,GAAG,CAACC,EAAE,CAACC,WAAW,CAAC,YAAY,CAAC;QAChC,MAAMC,WAAW,GAAGH,GAAG,CAACC,EAAE,CAACG,OAAO,CAAC,YAAY,CAAC;QAChD,IAAI,CAACC,OAAO,GAAG,IAAIF,WAAW,CAAC;UAC3BG,EAAE,EAAE,IAAI,CAACC,gBAAgB,CAACX,aAAa,EAAEF,WAAW,CAAC;UACrDc,IAAI,EAAE;YACFC,IAAI,EAAE,GAAGd,SAAS,IAAID,WAAW,EAAE;YACnCgB,IAAI,EAAE,wBAAwB;YAC9BC,aAAa,EAAE;cACXC,MAAM,EAAE;gBAAEC,OAAO,EAAE;cAAa,CAAC;cACjCA,OAAO,EAAE;YACb;UACJ;QACJ,CAAC,CAAC;QACF,IAAI,CAACC,qBAAqB,CAAC,IAAI,CAACT,OAAO,EAAEZ,aAAa,EAAEE,SAAS,CAAC;QAClE,OAAO,IAAI,CAACU,OAAO;MACvB;MAEA,IAAI,CAACA,OAAO,GAAG,IAAIU,UAAU,CAAC;QAC1BT,EAAE,EAAE,IAAI,CAACC,gBAAgB,CAACX,aAAa,EAAEF,WAAW,CAAC;QACrDsB,KAAK,EAAE;UACHP,IAAI,EAAE,GAAGd,SAAS,IAAID,WAAW,EAAE;UACnCgB,IAAI,EAAE,wBAAwB;UAC9BC,aAAa,EAAE;YACXC,MAAM,EAAE;cAAEC,OAAO,EAAE;YAAa,CAAC;YACjCA,OAAO,EAAE;UACb;QACJ,CAAC;QACDI,aAAa,EAAE,MAAM;QACrBC,QAAQ,EAAE,CAACzB,aAAa,CAACQ,EAAE,EAAEkB,QAAQ;QACrCC,QAAQ,EAAE3B,aAAa,CAAC2B,QAAQ;QAChCC,MAAM,EAAGC,MAAyB,IAAK;UACnC,MAAMC,GAAG,GAAGD,MAAM,CAACE,YAAY,CAAC,OAAO,CAAC;UACxC,MAAMC,MAAM,GAAG,IAAI,CAACC,QAAQ,CAAC,CAAC;UAC9B,IAAI,IAAI,CAAC7B,QAAQ,EAAE;YACf,IAAI,CAACA,QAAQ,CAAC4B,MAAM,CAACE,OAAO,EAAE,IAAI,CAACC,QAAQ,CAAC;UAChD;QACJ;MACJ,CAAC,CAAC;MAEF,OAAO,IAAI,CAACvB,OAAO;IACvB;IAEUwB,QAAQA,CAAA,EAAQ;MACtB,OAAO,IAAI,CAACxB,OAAO,GAAI,IAAI,CAACA,OAAO,CAAgBwB,QAAQ,CAAC,CAAC,GAAG,IAAI;IACxE;IAEUC,UAAUA,CAAA,EAAS;MACzB,IAAI,IAAI,CAACzB,OAAO,IAAI,IAAI,CAACP,QAAQ,EAAE;QAC/B,IAAI,IAAI,CAACC,aAAa,EAAE;QACxB,MAAMgC,EAAE,GAAG,IAAI,CAAC1B,OAAqB;QACrC0B,EAAE,CAACC,WAAW,CAAC,CAAC,IAAI,CAAClC,QAAQ,CAACG,EAAE,EAAEkB,QAAQ,CAAC;QAC3CY,EAAE,CAACE,WAAW,CAAC,IAAI,CAACnC,QAAQ,CAACsB,QAAQ,CAAC;MAC1C;IACJ;EACJ;EAAC,IAAAc,SAAA;IAAAC,UAAA;EAAA;EAAAD,SAAA,CAAA3C,UAAA,GAAAA,UAAA;EAAA,OAAA2C,SAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"DatePlugin-dbg.js","names":["BasePlugin","___BasePlugin","DatePlugin","render","fieldMetadata","bindingPath","modelName","engineScopeId","onChange","metadata","isEditable","sap","ui","requireSync","TextControl","require","control","id","generateStableId","text","path","type","formatOptions","source","pattern","applyCommonDirectives","DatePicker","value","displayFormat","editable","readOnly","required","change","oEvent","val","getParameter","result","validate","isValid","fieldKey","getValue","applyState","dp","setEditable","setRequired","__exports","__esModule"],"sources":["DatePlugin.ts"],"sourcesContent":["/**\n * @file DatePlugin.ts\n * @description Renders a sap.m.DatePicker natively bound to ISO date strings.\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport DatePicker from \"sap/m/DatePicker\";\nimport Control from \"sap/ui/core/Control\";\n\n/**\n * Handles rendering logic for Date strings.\n */\nexport class DatePlugin extends BasePlugin {\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            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: {\n                    path: `${modelName}>${bindingPath}`,\n                    type: \"sap.ui.model.type.Date\",\n                    formatOptions: {\n                        source: { pattern: \"yyyy-MM-dd\" },\n                        pattern: \"yyyy-MM-dd\"\n                    }\n                }\n            });\n            this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n            return this.control as Control;\n        }\n\n        this.control = new DatePicker({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            value: {\n                path: `${modelName}>${bindingPath}`,\n                type: \"sap.ui.model.type.Date\",\n                formatOptions: {\n                    source: { pattern: \"yyyy-MM-dd\" },\n                    pattern: \"yyyy-MM-dd\"\n                }\n            },\n            displayFormat: \"long\",\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.validate();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n            }\n        });\n\n        return this.control as Control;\n    }\n\n    protected getValue(): any {\n        return this.control ? (this.control as DatePicker).getValue() : null;\n    }\n\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (!this.isEditable) return;\n            const dp = this.control as DatePicker;\n            dp.setEditable(!this.metadata.ui?.readOnly);\n            dp.setRequired(this.metadata.required);\n        }\n    }\n}\n"],"mappings":";;;EAAA;AACA;AACA;AACA;EAHA,MAKSA,UAAU,GAAAC,aAAA;EAKnB;AACA;AACA;EACO,MAAMC,UAAU,SAASF,UAAU,CAAC;IAChCG,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;QAClBC,GAAG,CAACC,EAAE,CAACC,WAAW,CAAC,YAAY,CAAC;QAChC,MAAMC,WAAW,GAAGH,GAAG,CAACC,EAAE,CAACG,OAAO,CAAC,YAAY,CAAC;QAChD,IAAI,CAACC,OAAO,GAAG,IAAIF,WAAW,CAAC;UAC3BG,EAAE,EAAE,IAAI,CAACC,gBAAgB,CAACX,aAAa,EAAEF,WAAW,CAAC;UACrDc,IAAI,EAAE;YACFC,IAAI,EAAE,GAAGd,SAAS,IAAID,WAAW,EAAE;YACnCgB,IAAI,EAAE,wBAAwB;YAC9BC,aAAa,EAAE;cACXC,MAAM,EAAE;gBAAEC,OAAO,EAAE;cAAa,CAAC;cACjCA,OAAO,EAAE;YACb;UACJ;QACJ,CAAC,CAAC;QACF,IAAI,CAACC,qBAAqB,CAAC,IAAI,CAACT,OAAO,EAAEZ,aAAa,EAAEE,SAAS,CAAC;QAClE,OAAO,IAAI,CAACU,OAAO;MACvB;MAEA,IAAI,CAACA,OAAO,GAAG,IAAIU,UAAU,CAAC;QAC1BT,EAAE,EAAE,IAAI,CAACC,gBAAgB,CAACX,aAAa,EAAEF,WAAW,CAAC;QACrDsB,KAAK,EAAE;UACHP,IAAI,EAAE,GAAGd,SAAS,IAAID,WAAW,EAAE;UACnCgB,IAAI,EAAE,wBAAwB;UAC9BC,aAAa,EAAE;YACXC,MAAM,EAAE;cAAEC,OAAO,EAAE;YAAa,CAAC;YACjCA,OAAO,EAAE;UACb;QACJ,CAAC;QACDI,aAAa,EAAE,MAAM;QACrBC,QAAQ,EAAE,CAACzB,aAAa,CAACQ,EAAE,EAAEkB,QAAQ;QACrCC,QAAQ,EAAE3B,aAAa,CAAC2B,QAAQ;QAChCC,MAAM,EAAGC,MAAyB,IAAK;UACnC,MAAMC,GAAG,GAAGD,MAAM,CAACE,YAAY,CAAC,OAAO,CAAC;UACxC,MAAMC,MAAM,GAAG,IAAI,CAACC,QAAQ,CAAC,CAAC;UAC9B,IAAI,IAAI,CAAC7B,QAAQ,EAAE;YACf,IAAI,CAACA,QAAQ,CAAC4B,MAAM,CAACE,OAAO,EAAE,IAAI,CAACC,QAAQ,CAAC;UAChD;QACJ;MACJ,CAAC,CAAC;MAEF,OAAO,IAAI,CAACvB,OAAO;IACvB;IAEUwB,QAAQA,CAAA,EAAQ;MACtB,OAAO,IAAI,CAACxB,OAAO,GAAI,IAAI,CAACA,OAAO,CAAgBwB,QAAQ,CAAC,CAAC,GAAG,IAAI;IACxE;IAEUC,UAAUA,CAAA,EAAS;MACzB,IAAI,IAAI,CAACzB,OAAO,IAAI,IAAI,CAACP,QAAQ,EAAE;QAC/B,IAAI,CAAC,IAAI,CAACC,UAAU,EAAE;QACtB,MAAMgC,EAAE,GAAG,IAAI,CAAC1B,OAAqB;QACrC0B,EAAE,CAACC,WAAW,CAAC,CAAC,IAAI,CAAClC,QAAQ,CAACG,EAAE,EAAEkB,QAAQ,CAAC;QAC3CY,EAAE,CAACE,WAAW,CAAC,IAAI,CAACnC,QAAQ,CAACsB,QAAQ,CAAC;MAC1C;IACJ;EACJ;EAAC,IAAAc,SAAA;IAAAC,UAAA;EAAA;EAAAD,SAAA,CAAA3C,UAAA,GAAAA,UAAA;EAAA,OAAA2C,SAAA;AAAA","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-sap.ui.define(["./BasePlugin","sap/m/DatePicker"],function(t,e){"use strict";const a=t["BasePlugin"];class i extends a{render(t,a,i="meta",s,r){this.onChange=r;this.metadata=t;if(this.isDisplayMode){sap.ui.requireSync("sap/m/Text");const e=sap.ui.require("sap/m/Text");this.control=new e({id:this.generateStableId(s,a),text:{path:`${i}>${a}`,type:"sap.ui.model.type.Date",formatOptions:{source:{pattern:"yyyy-MM-dd"},pattern:"yyyy-MM-dd"}}});this.applyCommonDirectives(this.control,t,i);return this.control}this.control=new e({id:this.generateStableId(s,a),value:{path:`${i}>${a}`,type:"sap.ui.model.type.Date",formatOptions:{source:{pattern:"yyyy-MM-dd"},pattern:"yyyy-MM-dd"}},displayFormat:"long",editable:!t.ui?.readOnly,required:t.required,change:t=>{const e=t.getParameter("value");const a=this.validate();if(this.onChange){this.onChange(a.isValid,this.fieldKey)}}});return this.control}getValue(){return this.control?this.control.getValue():null}applyState(){if(this.control&&this.metadata){if(this.isDisplayMode)return;const t=this.control;t.setEditable(!this.metadata.ui?.readOnly);t.setRequired(this.metadata.required)}}}var s={__esModule:true};s.DatePlugin=i;return s});
+sap.ui.define(["./BasePlugin","sap/m/DatePicker"],function(t,e){"use strict";const a=t["BasePlugin"];class i extends a{render(t,a,i="meta",s,r){this.onChange=r;this.metadata=t;if(!this.isEditable){sap.ui.requireSync("sap/m/Text");const e=sap.ui.require("sap/m/Text");this.control=new e({id:this.generateStableId(s,a),text:{path:`${i}>${a}`,type:"sap.ui.model.type.Date",formatOptions:{source:{pattern:"yyyy-MM-dd"},pattern:"yyyy-MM-dd"}}});this.applyCommonDirectives(this.control,t,i);return this.control}this.control=new e({id:this.generateStableId(s,a),value:{path:`${i}>${a}`,type:"sap.ui.model.type.Date",formatOptions:{source:{pattern:"yyyy-MM-dd"},pattern:"yyyy-MM-dd"}},displayFormat:"long",editable:!t.ui?.readOnly,required:t.required,change:t=>{const e=t.getParameter("value");const a=this.validate();if(this.onChange){this.onChange(a.isValid,this.fieldKey)}}});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 s={__esModule:true};s.DatePlugin=i;return s});
 //# sourceMappingURL=DatePlugin.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePlugin.js","names":["BasePlugin","___BasePlugin","DatePlugin","render","fieldMetadata","bindingPath","modelName","engineScopeId","onChange","this","metadata","isDisplayMode","sap","ui","requireSync","TextControl","require","control","id","generateStableId","text","path","type","formatOptions","source","pattern","applyCommonDirectives","DatePicker","value","displayFormat","editable","readOnly","required","change","oEvent","val","getParameter","result","validate","isValid","fieldKey","getValue","applyState","dp","setEditable","setRequired","__exports","__esModule"],"sources":["DatePlugin.ts"],"sourcesContent":["/**\n * @file DatePlugin.ts\n * @description Renders a sap.m.DatePicker natively bound to ISO date strings.\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport DatePicker from \"sap/m/DatePicker\";\nimport Control from \"sap/ui/core/Control\";\n\n/**\n * Handles rendering logic for Date strings.\n */\nexport class DatePlugin extends BasePlugin {\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.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: {\n                    path: `${modelName}>${bindingPath}`,\n                    type: \"sap.ui.model.type.Date\",\n                    formatOptions: {\n                        source: { pattern: \"yyyy-MM-dd\" },\n                        pattern: \"yyyy-MM-dd\"\n                    }\n                }\n            });\n            this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n            return this.control as Control;\n        }\n\n        this.control = new DatePicker({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            value: {\n                path: `${modelName}>${bindingPath}`,\n                type: \"sap.ui.model.type.Date\",\n                formatOptions: {\n                    source: { pattern: \"yyyy-MM-dd\" },\n                    pattern: \"yyyy-MM-dd\"\n                }\n            },\n            displayFormat: \"long\",\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.validate();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n            }\n        });\n\n        return this.control as Control;\n    }\n\n    protected getValue(): any {\n        return this.control ? (this.control as DatePicker).getValue() : null;\n    }\n\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (this.isDisplayMode) return;\n            const dp = this.control as DatePicker;\n            dp.setEditable(!this.metadata.ui?.readOnly);\n            dp.setRequired(this.metadata.required);\n        }\n    }\n}\n"],"mappings":"6EAAA,MAKSA,EAAUC,EAAA,cAQZ,MAAMC,UAAmBF,EACrBG,OAAOC,EAAmCC,EAAsBC,EAAoB,OAAQC,EAAwBC,GACvHC,KAAKD,SAAWA,EAChBC,KAAKC,SAAWN,EAEhB,GAAIK,KAAKE,cAAe,CACpBC,IAAIC,GAAGC,YAAY,cACnB,MAAMC,EAAcH,IAAIC,GAAGG,QAAQ,cACnCP,KAAKQ,QAAU,IAAIF,EAAY,CAC3BG,GAAIT,KAAKU,iBAAiBZ,EAAeF,GACzCe,KAAM,CACFC,KAAM,GAAGf,KAAaD,IACtBiB,KAAM,yBACNC,cAAe,CACXC,OAAQ,CAAEC,QAAS,cACnBA,QAAS,iBAIrBhB,KAAKiB,sBAAsBjB,KAAKQ,QAASb,EAAeE,GACxD,OAAOG,KAAKQ,OAChB,CAEAR,KAAKQ,QAAU,IAAIU,EAAW,CAC1BT,GAAIT,KAAKU,iBAAiBZ,EAAeF,GACzCuB,MAAO,CACHP,KAAM,GAAGf,KAAaD,IACtBiB,KAAM,yBACNC,cAAe,CACXC,OAAQ,CAAEC,QAAS,cACnBA,QAAS,eAGjBI,cAAe,OACfC,UAAW1B,EAAcS,IAAIkB,SAC7BC,SAAU5B,EAAc4B,SACxBC,OAASC,IACL,MAAMC,EAAMD,EAAOE,aAAa,SAChC,MAAMC,EAAS5B,KAAK6B,WACpB,GAAI7B,KAAKD,SAAU,CACfC,KAAKD,SAAS6B,EAAOE,QAAS9B,KAAK+B,SACvC,KAIR,OAAO/B,KAAKQ,OAChB,CAEUwB,WACN,OAAOhC,KAAKQ,QAAWR,KAAKQ,QAAuBwB,WAAa,IACpE,CAEUC,aACN,GAAIjC,KAAKQ,SAAWR,KAAKC,SAAU,CAC/B,GAAID,KAAKE,cAAe,OACxB,MAAMgC,EAAKlC,KAAKQ,QAChB0B,EAAGC,aAAanC,KAAKC,SAASG,IAAIkB,UAClCY,EAAGE,YAAYpC,KAAKC,SAASsB,SACjC,CACJ,EACH,IAAAc,EAAA,CAAAC,WAAA,MAAAD,EAAA5C,aAAA,OAAA4C,CAAA","ignoreList":[]}
+{"version":3,"file":"DatePlugin.js","names":["BasePlugin","___BasePlugin","DatePlugin","render","fieldMetadata","bindingPath","modelName","engineScopeId","onChange","this","metadata","isEditable","sap","ui","requireSync","TextControl","require","control","id","generateStableId","text","path","type","formatOptions","source","pattern","applyCommonDirectives","DatePicker","value","displayFormat","editable","readOnly","required","change","oEvent","val","getParameter","result","validate","isValid","fieldKey","getValue","applyState","dp","setEditable","setRequired","__exports","__esModule"],"sources":["DatePlugin.ts"],"sourcesContent":["/**\n * @file DatePlugin.ts\n * @description Renders a sap.m.DatePicker natively bound to ISO date strings.\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport DatePicker from \"sap/m/DatePicker\";\nimport Control from \"sap/ui/core/Control\";\n\n/**\n * Handles rendering logic for Date strings.\n */\nexport class DatePlugin extends BasePlugin {\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            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: {\n                    path: `${modelName}>${bindingPath}`,\n                    type: \"sap.ui.model.type.Date\",\n                    formatOptions: {\n                        source: { pattern: \"yyyy-MM-dd\" },\n                        pattern: \"yyyy-MM-dd\"\n                    }\n                }\n            });\n            this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n            return this.control as Control;\n        }\n\n        this.control = new DatePicker({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            value: {\n                path: `${modelName}>${bindingPath}`,\n                type: \"sap.ui.model.type.Date\",\n                formatOptions: {\n                    source: { pattern: \"yyyy-MM-dd\" },\n                    pattern: \"yyyy-MM-dd\"\n                }\n            },\n            displayFormat: \"long\",\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.validate();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n            }\n        });\n\n        return this.control as Control;\n    }\n\n    protected getValue(): any {\n        return this.control ? (this.control as DatePicker).getValue() : null;\n    }\n\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (!this.isEditable) return;\n            const dp = this.control as DatePicker;\n            dp.setEditable(!this.metadata.ui?.readOnly);\n            dp.setRequired(this.metadata.required);\n        }\n    }\n}\n"],"mappings":"6EAAA,MAKSA,EAAUC,EAAA,cAQZ,MAAMC,UAAmBF,EACrBG,OAAOC,EAAmCC,EAAsBC,EAAoB,OAAQC,EAAwBC,GACvHC,KAAKD,SAAWA,EAChBC,KAAKC,SAAWN,EAEhB,IAAKK,KAAKE,WAAY,CAClBC,IAAIC,GAAGC,YAAY,cACnB,MAAMC,EAAcH,IAAIC,GAAGG,QAAQ,cACnCP,KAAKQ,QAAU,IAAIF,EAAY,CAC3BG,GAAIT,KAAKU,iBAAiBZ,EAAeF,GACzCe,KAAM,CACFC,KAAM,GAAGf,KAAaD,IACtBiB,KAAM,yBACNC,cAAe,CACXC,OAAQ,CAAEC,QAAS,cACnBA,QAAS,iBAIrBhB,KAAKiB,sBAAsBjB,KAAKQ,QAASb,EAAeE,GACxD,OAAOG,KAAKQ,OAChB,CAEAR,KAAKQ,QAAU,IAAIU,EAAW,CAC1BT,GAAIT,KAAKU,iBAAiBZ,EAAeF,GACzCuB,MAAO,CACHP,KAAM,GAAGf,KAAaD,IACtBiB,KAAM,yBACNC,cAAe,CACXC,OAAQ,CAAEC,QAAS,cACnBA,QAAS,eAGjBI,cAAe,OACfC,UAAW1B,EAAcS,IAAIkB,SAC7BC,SAAU5B,EAAc4B,SACxBC,OAASC,IACL,MAAMC,EAAMD,EAAOE,aAAa,SAChC,MAAMC,EAAS5B,KAAK6B,WACpB,GAAI7B,KAAKD,SAAU,CACfC,KAAKD,SAAS6B,EAAOE,QAAS9B,KAAK+B,SACvC,KAIR,OAAO/B,KAAKQ,OAChB,CAEUwB,WACN,OAAOhC,KAAKQ,QAAWR,KAAKQ,QAAuBwB,WAAa,IACpE,CAEUC,aACN,GAAIjC,KAAKQ,SAAWR,KAAKC,SAAU,CAC/B,IAAKD,KAAKE,WAAY,OACtB,MAAMgC,EAAKlC,KAAKQ,QAChB0B,EAAGC,aAAanC,KAAKC,SAASG,IAAIkB,UAClCY,EAAGE,YAAYpC,KAAKC,SAASsB,SACjC,CACJ,EACH,IAAAc,EAAA,CAAAC,WAAA,MAAAD,EAAA5C,aAAA,OAAA4C,CAAA","ignoreList":[]}

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

@@ -16,7 +16,7 @@ export class DatePlugin extends BasePlugin {
         this.onChange = onChange;
         this.metadata = fieldMetadata;
         
-        if (this.isDisplayMode) {
+        if (!this.isEditable) {
             sap.ui.requireSync("sap/m/Text");
             const TextControl = sap.ui.require("sap/m/Text");
             this.control = new TextControl({
@@ -65,7 +65,7 @@ export class DatePlugin extends BasePlugin {
 
     protected applyState(): void {
         if (this.control && this.metadata) {
-            if (this.isDisplayMode) return;
+            if (!this.isEditable) return;
             const dp = this.control as DatePicker;
             dp.setEditable(!this.metadata.ui?.readOnly);
             dp.setRequired(this.metadata.required);

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

@@ -13,7 +13,7 @@ sap.ui.define(["./BasePlugin", "sap/m/DateTimePicker"], function (___BasePlugin,
     render(fieldMetadata, bindingPath, modelName = "meta", engineScopeId, onChange) {
       this.onChange = onChange;
       this.metadata = fieldMetadata;
-      if (this.isDisplayMode) {
+      if (!this.isEditable) {
         sap.ui.requireSync("sap/m/Text");
         const TextControl = sap.ui.require("sap/m/Text");
         this.control = new TextControl({
@@ -62,7 +62,7 @@ sap.ui.define(["./BasePlugin", "sap/m/DateTimePicker"], function (___BasePlugin,
     }
     applyState() {
       if (this.control && this.metadata) {
-        if (this.isDisplayMode) return;
+        if (!this.isEditable) return;
         const input = this.control;
         input.setEditable(!this.metadata.ui?.readOnly);
         input.setRequired(this.metadata.required);