@siliconst/metaui 1.4.17 → 1.4.21

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","isEditable","control","ImageControl","id","generateStableId","src","width","alt","ui","label","applyCommonDirectives","value","schemaMetadata","readOnly","attachCapture","result","validateAndApplyVisualState","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\";\nimport ImageControl from \"sap/m/Image\";\n\nexport class CameraPlugin extends BasePlugin {\n    /**\n     * Renders a `CameraControl` component.\n     * \n     * @param metadata The specific JSON schema properties for this field.\n     * @param bindingPath The JSON path bound to this control.\n     * @param modelName The UI5 JSONModel name.\n     * @param engineScopeId The deterministic scope ID.\n     * @param onChange The callback fired on value change.\n     * @returns {Control} The configured CameraControl.\n     */\n    public render(metadata: IPropertyMetadata,  bindingPath: string,  modelName: string = \"meta\", engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control {\n        this.onChange = onChange;\n        this.metadata = metadata;\n        this.fieldKey = bindingPath.replace('/', '');\n        this.modelName = modelName;\n\n        if (!this.isEditable) {\n            \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 CameraControl).attachCapture(() => {\n            const result = this.validateAndApplyVisualState();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n        });\n\n        return this.control as Control;\n    }\n\n    /**\n     * Retrieves the current base64 image state.\n     * @returns {unknown} The image value.\n     */\n    protected getValue(): unknown {\n        return this.control ? (this.control as CameraControl).getValue() : null;\n    }\n\n    /**\n     * Applies dynamic read-only state.\n     */\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (!this.isEditable) return;\n            (this.control as sap.ui.core.Control).setProperty(\"readOnly\", !!this.metadata.ui?.readOnly);\n        }\n    }\n}\n"],"mappings":"0MAASA,EAAUC,EAAA,oBAGZC,EAAaC,EAAAC,GAGb,MAAMC,UAAqBL,EAWvBM,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,CAElBH,KAAKI,QAAU,IAAIC,EAAa,CAC5BC,GAAIN,KAAKO,iBAAiBT,EAAeF,GACzCY,IAAK,IAAIX,KAAaD,KACtBa,MAAO,QACPC,IAAKf,EAASgB,IAAIC,OAAS,UAE/BZ,KAAKa,sBAAsBb,KAAKI,QAAST,EAAUE,GACnD,OAAOG,KAAKI,OAChB,CAEAJ,KAAKI,QAAU,IAAId,EAAc,CAC7BgB,GAAIN,KAAKO,iBAAiBT,EAAeF,GACzCkB,MAAO,IAAIjB,KAAaD,KACxBmB,eAAgBpB,EAChBqB,WAAYrB,EAASgB,IAAIK,WAG7BhB,KAAKa,sBAAsBb,KAAKI,QAAST,EAAUE,GAGlDG,KAAKI,QAA0Ba,cAAc,KAC1C,MAAMC,EAASlB,KAAKmB,8BAChB,GAAInB,KAAKD,SAAU,CACfC,KAAKD,SAASmB,EAAOE,QAASpB,KAAKC,SACvC,IAGR,OAAOD,KAAKI,OAChB,CAMUiB,WACN,OAAOrB,KAAKI,QAAWJ,KAAKI,QAA0BiB,WAAa,IACvE,CAKUC,aACN,GAAItB,KAAKI,SAAWJ,KAAKL,SAAU,CAC/B,IAAKK,KAAKG,WAAY,OACrBH,KAAKI,QAAgCmB,YAAY,aAAcvB,KAAKL,SAASgB,IAAIK,SACtF,CACJ,EACH,IAAAQ,EAAA,CAAAC,WAAA,MAAAD,EAAA/B,eAAA,OAAA+B,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","control","ImageControl","id","generateStableId","src","generateBindingInfo","width","alt","ui","label","applyCommonDirectives","value","schemaMetadata","readOnly","attachCapture","result","validateAndApplyVisualState","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\";\nimport ImageControl from \"sap/m/Image\";\n\nexport class CameraPlugin extends BasePlugin {\n    /**\n     * Renders a `CameraControl` component.\n     * \n     * @param metadata The specific JSON schema properties for this field.\n     * @param bindingPath The JSON path bound to this control.\n     * @param modelName The UI5 JSONModel name.\n     * @param engineScopeId The deterministic scope ID.\n     * @param onChange The callback fired on value change.\n     * @returns {Control} The configured CameraControl.\n     */\n    public render(metadata: IPropertyMetadata,  bindingPath: string,  modelName: string = \"meta\", engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control {\n        this.onChange = onChange;\n        this.metadata = metadata;\n        this.fieldKey = bindingPath.replace('/', '');\n        this.modelName = modelName;\n\n        if (!this.isEditable) {\n            \n            this.control = new ImageControl({\n                id: this.generateStableId(engineScopeId, bindingPath),\n                src: this.generateBindingInfo(bindingPath, modelName),\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: this.generateBindingInfo(bindingPath, modelName),\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 CameraControl).attachCapture(() => {\n            const result = this.validateAndApplyVisualState();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n        });\n\n        return this.control as Control;\n    }\n\n    /**\n     * Retrieves the current base64 image state.\n     * @returns {unknown} The image value.\n     */\n    protected getValue(): unknown {\n        return this.control ? (this.control as CameraControl).getValue() : null;\n    }\n\n    /**\n     * Applies dynamic read-only state.\n     */\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (!this.isEditable) return;\n            (this.control as sap.ui.core.Control).setProperty(\"readOnly\", !!this.metadata.ui?.readOnly);\n        }\n    }\n}\n"],"mappings":"0MAASA,EAAUC,EAAA,oBAGZC,EAAaC,EAAAC,GAGb,MAAMC,UAAqBL,EAWvBM,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,CAElBH,KAAKI,QAAU,IAAIC,EAAa,CAC5BC,GAAIN,KAAKO,iBAAiBT,EAAeF,GACzCY,IAAKR,KAAKS,oBAAoBb,EAAaC,GAC3Ca,MAAO,QACPC,IAAKhB,EAASiB,IAAIC,OAAS,UAE/Bb,KAAKc,sBAAsBd,KAAKI,QAAST,EAAUE,GACnD,OAAOG,KAAKI,OAChB,CAEAJ,KAAKI,QAAU,IAAId,EAAc,CAC7BgB,GAAIN,KAAKO,iBAAiBT,EAAeF,GACzCmB,MAAOf,KAAKS,oBAAoBb,EAAaC,GAC7CmB,eAAgBrB,EAChBsB,WAAYtB,EAASiB,IAAIK,WAG7BjB,KAAKc,sBAAsBd,KAAKI,QAAST,EAAUE,GAGlDG,KAAKI,QAA0Bc,cAAc,KAC1C,MAAMC,EAASnB,KAAKoB,8BAChB,GAAIpB,KAAKD,SAAU,CACfC,KAAKD,SAASoB,EAAOE,QAASrB,KAAKC,SACvC,IAGR,OAAOD,KAAKI,OAChB,CAMUkB,WACN,OAAOtB,KAAKI,QAAWJ,KAAKI,QAA0BkB,WAAa,IACvE,CAKUC,aACN,GAAIvB,KAAKI,SAAWJ,KAAKL,SAAU,CAC/B,IAAKK,KAAKG,WAAY,OACrBH,KAAKI,QAAgCoB,YAAY,aAAcxB,KAAKL,SAASiB,IAAIK,SACtF,CACJ,EACH,IAAAQ,EAAA,CAAAC,WAAA,MAAAD,EAAAhC,eAAA,OAAAgC,CAAA","ignoreList":[]}

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

@@ -25,7 +25,7 @@ export class CameraPlugin extends BasePlugin {
             
             this.control = new ImageControl({
                 id: this.generateStableId(engineScopeId, bindingPath),
-                src: `{${modelName}>${bindingPath}}`,
+                src: this.generateBindingInfo(bindingPath, modelName),
                 width: "400px",
                 alt: metadata.ui?.label || "Image"
             });
@@ -35,7 +35,7 @@ export class CameraPlugin extends BasePlugin {
 
         this.control = new CameraControl({
             id: this.generateStableId(engineScopeId, bindingPath),
-            value: `{${modelName}>${bindingPath}}`,
+            value: this.generateBindingInfo(bindingPath, modelName),
             schemaMetadata: metadata,
             readOnly: !!metadata.ui?.readOnly
         });

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

@@ -72,7 +72,7 @@ sap.ui.define(["./BasePlugin", "sap/ui/codeeditor/CodeEditor"], function (___Bas
 
       this.control = new CodeEditor({
         id: this.generateStableId(engineScopeId, bindingPath),
-        value: `{${modelName}>${bindingPath}}`,
+        value: this.generateBindingInfo(bindingPath, modelName),
         type: fieldMetadata.ui?.args || "javascript",
         // will be dynamically overridden if args is missing
         editable: !this.isEditable ? false : !fieldMetadata.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","CodeEditor","id","generateStableId","type","ui","args","editable","isEditable","readOnly","height","width","change","result","validateAndApplyVisualState","isValid","currentVal","detectedType","getType","setType","attachEventOnce","oBinding","getBinding","initLogic","applyState","attachChange","applyCommonDirectives","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\";\nimport CodeEditor from \"sap/ui/codeeditor/CodeEditor\";\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    /**\n     * Infers the language type from the content.\n     * @param value The raw string.\n     * @returns The language string.\n     */\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    /**\n     * Dynamically adjusts the height of the editor based on content lines.\n     */\n    private adjustHeight(): void {\n        if (!this.control) return;\n        const val = (this.control as CodeEditor).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 CodeEditor).setHeight(newHeight + \"px\");\n    }\n\n    /**\n     * Renders a `sap.ui.codeeditor.CodeEditor` component.\n     * \n     * @param fieldMetadata The specific JSON schema properties for this field.\n     * @param bindingPath The JSON path bound to this control.\n     * @param modelName The UI5 JSONModel name.\n     * @param engineScopeId The deterministic scope ID.\n     * @param onChange The callback fired on value change.\n     * @returns {Control} The configured CodeEditor control.\n     */\n    public render(fieldMetadata: IPropertyMetadata, bindingPath: string, modelName: string = \"meta\", engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control {\n        this.onChange = onChange;\n        this.metadata = fieldMetadata;\n        this.fieldKey = bindingPath.replace(\"/\", \"\"); // For EventBus\n        \n        \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.validateAndApplyVisualState();\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 CodeEditor).getValue();\n                    const detectedType = this.detectLanguage(currentVal);\n                    if ((this.control as CodeEditor).getType() !== detectedType) {\n                        (this.control as CodeEditor).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 CodeEditor).attachEventOnce(\"modelContextChange\", () => {\n            const oBinding = (this.control as CodeEditor).getBinding(\"value\");\n            \n            const initLogic = () => {\n                if (this.control) {\n                    const currentVal = (this.control as CodeEditor).getValue();\n                    if (!fieldMetadata.ui?.args) {\n                        (this.control as CodeEditor).setType(this.detectLanguage(currentVal));\n                    }\n                    this.adjustHeight();\n                    // CRITICAL: Ace Editor sometimes loses its constructor `editable` flag \n                    // when the model asynchronously injects a new value string. \n                    // We must forcefully re-apply the correct state after binding.\n                    this.applyState();\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    /**\n     * Retrieves the current code string.\n     * @returns {unknown} The code value.\n     */\n    protected getValue(): unknown {\n        return this.control ? (this.control as CodeEditor).getValue() : null;\n    }\n\n    /**\n     * Applies dynamic read-only state.\n     */\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (!this.isEditable) {\n                (this.control as CodeEditor).setEditable(false);\n            } else {\n                (this.control as CodeEditor).setEditable(!this.metadata.ui?.readOnly);\n            }\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","CodeEditor","id","generateStableId","generateBindingInfo","type","ui","args","editable","isEditable","readOnly","height","width","change","result","validateAndApplyVisualState","isValid","currentVal","detectedType","getType","setType","attachEventOnce","oBinding","getBinding","initLogic","applyState","attachChange","applyCommonDirectives","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\";\nimport CodeEditor from \"sap/ui/codeeditor/CodeEditor\";\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    /**\n     * Infers the language type from the content.\n     * @param value The raw string.\n     * @returns The language string.\n     */\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    /**\n     * Dynamically adjusts the height of the editor based on content lines.\n     */\n    private adjustHeight(): void {\n        if (!this.control) return;\n        const val = (this.control as CodeEditor).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 CodeEditor).setHeight(newHeight + \"px\");\n    }\n\n    /**\n     * Renders a `sap.ui.codeeditor.CodeEditor` component.\n     * \n     * @param fieldMetadata The specific JSON schema properties for this field.\n     * @param bindingPath The JSON path bound to this control.\n     * @param modelName The UI5 JSONModel name.\n     * @param engineScopeId The deterministic scope ID.\n     * @param onChange The callback fired on value change.\n     * @returns {Control} The configured CodeEditor control.\n     */\n    public render(fieldMetadata: IPropertyMetadata, bindingPath: string, modelName: string = \"meta\", engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control {\n        this.onChange = onChange;\n        this.metadata = fieldMetadata;\n        this.fieldKey = bindingPath.replace(\"/\", \"\"); // For EventBus\n        \n        \n        \n        this.control = new CodeEditor({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            value: this.generateBindingInfo(bindingPath, modelName),\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.validateAndApplyVisualState();\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 CodeEditor).getValue();\n                    const detectedType = this.detectLanguage(currentVal);\n                    if ((this.control as CodeEditor).getType() !== detectedType) {\n                        (this.control as CodeEditor).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 CodeEditor).attachEventOnce(\"modelContextChange\", () => {\n            const oBinding = (this.control as CodeEditor).getBinding(\"value\");\n            \n            const initLogic = () => {\n                if (this.control) {\n                    const currentVal = (this.control as CodeEditor).getValue();\n                    if (!fieldMetadata.ui?.args) {\n                        (this.control as CodeEditor).setType(this.detectLanguage(currentVal));\n                    }\n                    this.adjustHeight();\n                    // CRITICAL: Ace Editor sometimes loses its constructor `editable` flag \n                    // when the model asynchronously injects a new value string. \n                    // We must forcefully re-apply the correct state after binding.\n                    this.applyState();\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    /**\n     * Retrieves the current code string.\n     * @returns {unknown} The code value.\n     */\n    protected getValue(): unknown {\n        return this.control ? (this.control as CodeEditor).getValue() : null;\n    }\n\n    /**\n     * Applies dynamic read-only state.\n     */\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (!this.isEditable) {\n                (this.control as CodeEditor).setEditable(false);\n            } else {\n                (this.control as CodeEditor).setEditable(!this.metadata.ui?.readOnly);\n            }\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","sap/ui/codeeditor/CodeEditor"],function(t,e){"use strict";const i=t["BasePlugin"];class s extends i{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,i,s="meta",a,n){this.onChange=n;this.metadata=t;this.fieldKey=i.replace("/","");this.control=new e({id:this.generateStableId(a,i),value:`{${s}>${i}}`,type:t.ui?.args||"javascript",editable:!this.isEditable?false:!t.ui?.readOnly,height:"100px",width:"100%",change:()=>{const e=this.validateAndApplyVisualState();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();this.applyState()}};if(e){e.attachChange(i)}i()});this.applyCommonDirectives(this.control,t,s);return this.control}getValue(){return this.control?this.control.getValue():null}applyState(){if(this.control&&this.metadata){if(!this.isEditable){this.control.setEditable(false)}else{this.control.setEditable(!this.metadata.ui?.readOnly)}}}}var a={__esModule:true};a.CodeEditorPlugin=s;return a});
+sap.ui.define(["./BasePlugin","sap/ui/codeeditor/CodeEditor"],function(t,e){"use strict";const i=t["BasePlugin"];class s extends i{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,i,s="meta",a,n){this.onChange=n;this.metadata=t;this.fieldKey=i.replace("/","");this.control=new e({id:this.generateStableId(a,i),value:this.generateBindingInfo(i,s),type:t.ui?.args||"javascript",editable:!this.isEditable?false:!t.ui?.readOnly,height:"100px",width:"100%",change:()=>{const e=this.validateAndApplyVisualState();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();this.applyState()}};if(e){e.attachChange(i)}i()});this.applyCommonDirectives(this.control,t,s);return this.control}getValue(){return this.control?this.control.getValue():null}applyState(){if(this.control&&this.metadata){if(!this.isEditable){this.control.setEditable(false)}else{this.control.setEditable(!this.metadata.ui?.readOnly)}}}}var a={__esModule:true};a.CodeEditorPlugin=s;return a});
 //# 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","CodeEditor","id","generateStableId","type","ui","args","editable","isEditable","readOnly","height","width","change","result","validateAndApplyVisualState","isValid","currentVal","detectedType","getType","setType","attachEventOnce","oBinding","getBinding","initLogic","applyState","attachChange","applyCommonDirectives","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\";\nimport CodeEditor from \"sap/ui/codeeditor/CodeEditor\";\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    /**\n     * Infers the language type from the content.\n     * @param value The raw string.\n     * @returns The language string.\n     */\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    /**\n     * Dynamically adjusts the height of the editor based on content lines.\n     */\n    private adjustHeight(): void {\n        if (!this.control) return;\n        const val = (this.control as CodeEditor).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 CodeEditor).setHeight(newHeight + \"px\");\n    }\n\n    /**\n     * Renders a `sap.ui.codeeditor.CodeEditor` component.\n     * \n     * @param fieldMetadata The specific JSON schema properties for this field.\n     * @param bindingPath The JSON path bound to this control.\n     * @param modelName The UI5 JSONModel name.\n     * @param engineScopeId The deterministic scope ID.\n     * @param onChange The callback fired on value change.\n     * @returns {Control} The configured CodeEditor control.\n     */\n    public render(fieldMetadata: IPropertyMetadata, bindingPath: string, modelName: string = \"meta\", engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control {\n        this.onChange = onChange;\n        this.metadata = fieldMetadata;\n        this.fieldKey = bindingPath.replace(\"/\", \"\"); // For EventBus\n        \n        \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.validateAndApplyVisualState();\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 CodeEditor).getValue();\n                    const detectedType = this.detectLanguage(currentVal);\n                    if ((this.control as CodeEditor).getType() !== detectedType) {\n                        (this.control as CodeEditor).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 CodeEditor).attachEventOnce(\"modelContextChange\", () => {\n            const oBinding = (this.control as CodeEditor).getBinding(\"value\");\n            \n            const initLogic = () => {\n                if (this.control) {\n                    const currentVal = (this.control as CodeEditor).getValue();\n                    if (!fieldMetadata.ui?.args) {\n                        (this.control as CodeEditor).setType(this.detectLanguage(currentVal));\n                    }\n                    this.adjustHeight();\n                    // CRITICAL: Ace Editor sometimes loses its constructor `editable` flag \n                    // when the model asynchronously injects a new value string. \n                    // We must forcefully re-apply the correct state after binding.\n                    this.applyState();\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    /**\n     * Retrieves the current code string.\n     * @returns {unknown} The code value.\n     */\n    protected getValue(): unknown {\n        return this.control ? (this.control as CodeEditor).getValue() : null;\n    }\n\n    /**\n     * Applies dynamic read-only state.\n     */\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (!this.isEditable) {\n                (this.control as CodeEditor).setEditable(false);\n            } else {\n                (this.control as CodeEditor).setEditable(!this.metadata.ui?.readOnly);\n            }\n        }\n    }\n}\n"],"mappings":"yFAAA,MAKSA,EAAUC,EAAA,cAYZ,MAAMC,UAAyBF,EAM1BG,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,CAKQO,eACJ,IAAKC,KAAKC,QAAS,OACnB,MAAMC,EAAOF,KAAKC,QAAuBE,YAAc,GACvD,MAAMC,EAAQF,EAAIG,MAAM,cAAcC,OAEtC,MAAMC,EAAYC,KAAKC,IAAI,IAAML,EAAQ,GAAM,IAC9CJ,KAAKC,QAAuBS,UAAUH,EAAY,KACvD,CAYOI,OAAOC,EAAkCC,EAAqBC,EAAoB,OAAQC,EAAwBC,GACrHhB,KAAKgB,SAAWA,EAChBhB,KAAKiB,SAAWL,EAChBZ,KAAKkB,SAAWL,EAAYM,QAAQ,IAAK,IAIzCnB,KAAKC,QAAU,IAAImB,EAAW,CAC1BC,GAAIrB,KAAKsB,iBAAiBP,EAAeF,GACzCtB,MAAO,IAAIuB,KAAaD,KACxBU,KAAMX,EAAcY,IAAIC,MAAQ,aAChCC,UAAW1B,KAAK2B,WAAa,OAASf,EAAcY,IAAII,SACxDC,OAAQ,QACRC,MAAO,OACPC,OAAQA,KACJ,MAAMC,EAAShC,KAAKiC,8BACpB,GAAIjC,KAAKgB,SAAU,CACfhB,KAAKgB,SAASgB,EAAOE,QAASlC,KAAKkB,SACvC,CAGA,IAAKN,EAAcY,IAAIC,KAAM,CACzB,MAAMU,EAAcnC,KAAKC,QAAuBE,WAChD,MAAMiC,EAAepC,KAAKV,eAAe6C,GACzC,GAAKnC,KAAKC,QAAuBoC,YAAcD,EAAc,CACxDpC,KAAKC,QAAuBqC,QAAQF,EACzC,CACJ,CAEApC,KAAKD,kBAMZC,KAAKC,QAAuBsC,gBAAgB,qBAAsB,KAC/D,MAAMC,EAAYxC,KAAKC,QAAuBwC,WAAW,SAEzD,MAAMC,EAAYA,KACd,GAAI1C,KAAKC,QAAS,CACd,MAAMkC,EAAcnC,KAAKC,QAAuBE,WAChD,IAAKS,EAAcY,IAAIC,KAAM,CACxBzB,KAAKC,QAAuBqC,QAAQtC,KAAKV,eAAe6C,GAC7D,CACAnC,KAAKD,eAILC,KAAK2C,YACT,GAGJ,GAAIH,EAAU,CAEVA,EAASI,aAAaF,EAC1B,CAGAA,MAGJ1C,KAAK6C,sBAAsB7C,KAAKC,QAASW,EAAeE,GAExD,OAAOd,KAAKC,OAChB,CAMUE,WACN,OAAOH,KAAKC,QAAWD,KAAKC,QAAuBE,WAAa,IACpE,CAKUwC,aACN,GAAI3C,KAAKC,SAAWD,KAAKiB,SAAU,CAC/B,IAAKjB,KAAK2B,WAAY,CACjB3B,KAAKC,QAAuB6C,YAAY,MAC7C,KAAO,CACF9C,KAAKC,QAAuB6C,aAAa9C,KAAKiB,SAASO,IAAII,SAChE,CACJ,CACJ,EACH,IAAAmB,EAAA,CAAAC,WAAA,MAAAD,EAAA1D,mBAAA,OAAA0D,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","CodeEditor","id","generateStableId","generateBindingInfo","type","ui","args","editable","isEditable","readOnly","height","width","change","result","validateAndApplyVisualState","isValid","currentVal","detectedType","getType","setType","attachEventOnce","oBinding","getBinding","initLogic","applyState","attachChange","applyCommonDirectives","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\";\nimport CodeEditor from \"sap/ui/codeeditor/CodeEditor\";\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    /**\n     * Infers the language type from the content.\n     * @param value The raw string.\n     * @returns The language string.\n     */\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    /**\n     * Dynamically adjusts the height of the editor based on content lines.\n     */\n    private adjustHeight(): void {\n        if (!this.control) return;\n        const val = (this.control as CodeEditor).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 CodeEditor).setHeight(newHeight + \"px\");\n    }\n\n    /**\n     * Renders a `sap.ui.codeeditor.CodeEditor` component.\n     * \n     * @param fieldMetadata The specific JSON schema properties for this field.\n     * @param bindingPath The JSON path bound to this control.\n     * @param modelName The UI5 JSONModel name.\n     * @param engineScopeId The deterministic scope ID.\n     * @param onChange The callback fired on value change.\n     * @returns {Control} The configured CodeEditor control.\n     */\n    public render(fieldMetadata: IPropertyMetadata, bindingPath: string, modelName: string = \"meta\", engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control {\n        this.onChange = onChange;\n        this.metadata = fieldMetadata;\n        this.fieldKey = bindingPath.replace(\"/\", \"\"); // For EventBus\n        \n        \n        \n        this.control = new CodeEditor({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            value: this.generateBindingInfo(bindingPath, modelName),\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.validateAndApplyVisualState();\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 CodeEditor).getValue();\n                    const detectedType = this.detectLanguage(currentVal);\n                    if ((this.control as CodeEditor).getType() !== detectedType) {\n                        (this.control as CodeEditor).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 CodeEditor).attachEventOnce(\"modelContextChange\", () => {\n            const oBinding = (this.control as CodeEditor).getBinding(\"value\");\n            \n            const initLogic = () => {\n                if (this.control) {\n                    const currentVal = (this.control as CodeEditor).getValue();\n                    if (!fieldMetadata.ui?.args) {\n                        (this.control as CodeEditor).setType(this.detectLanguage(currentVal));\n                    }\n                    this.adjustHeight();\n                    // CRITICAL: Ace Editor sometimes loses its constructor `editable` flag \n                    // when the model asynchronously injects a new value string. \n                    // We must forcefully re-apply the correct state after binding.\n                    this.applyState();\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    /**\n     * Retrieves the current code string.\n     * @returns {unknown} The code value.\n     */\n    protected getValue(): unknown {\n        return this.control ? (this.control as CodeEditor).getValue() : null;\n    }\n\n    /**\n     * Applies dynamic read-only state.\n     */\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (!this.isEditable) {\n                (this.control as CodeEditor).setEditable(false);\n            } else {\n                (this.control as CodeEditor).setEditable(!this.metadata.ui?.readOnly);\n            }\n        }\n    }\n}\n"],"mappings":"yFAAA,MAKSA,EAAUC,EAAA,cAYZ,MAAMC,UAAyBF,EAM1BG,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,CAKQO,eACJ,IAAKC,KAAKC,QAAS,OACnB,MAAMC,EAAOF,KAAKC,QAAuBE,YAAc,GACvD,MAAMC,EAAQF,EAAIG,MAAM,cAAcC,OAEtC,MAAMC,EAAYC,KAAKC,IAAI,IAAML,EAAQ,GAAM,IAC9CJ,KAAKC,QAAuBS,UAAUH,EAAY,KACvD,CAYOI,OAAOC,EAAkCC,EAAqBC,EAAoB,OAAQC,EAAwBC,GACrHhB,KAAKgB,SAAWA,EAChBhB,KAAKiB,SAAWL,EAChBZ,KAAKkB,SAAWL,EAAYM,QAAQ,IAAK,IAIzCnB,KAAKC,QAAU,IAAImB,EAAW,CAC1BC,GAAIrB,KAAKsB,iBAAiBP,EAAeF,GACzCtB,MAAOS,KAAKuB,oBAAoBV,EAAaC,GAC7CU,KAAMZ,EAAca,IAAIC,MAAQ,aAChCC,UAAW3B,KAAK4B,WAAa,OAAShB,EAAca,IAAII,SACxDC,OAAQ,QACRC,MAAO,OACPC,OAAQA,KACJ,MAAMC,EAASjC,KAAKkC,8BACpB,GAAIlC,KAAKgB,SAAU,CACfhB,KAAKgB,SAASiB,EAAOE,QAASnC,KAAKkB,SACvC,CAGA,IAAKN,EAAca,IAAIC,KAAM,CACzB,MAAMU,EAAcpC,KAAKC,QAAuBE,WAChD,MAAMkC,EAAerC,KAAKV,eAAe8C,GACzC,GAAKpC,KAAKC,QAAuBqC,YAAcD,EAAc,CACxDrC,KAAKC,QAAuBsC,QAAQF,EACzC,CACJ,CAEArC,KAAKD,kBAMZC,KAAKC,QAAuBuC,gBAAgB,qBAAsB,KAC/D,MAAMC,EAAYzC,KAAKC,QAAuByC,WAAW,SAEzD,MAAMC,EAAYA,KACd,GAAI3C,KAAKC,QAAS,CACd,MAAMmC,EAAcpC,KAAKC,QAAuBE,WAChD,IAAKS,EAAca,IAAIC,KAAM,CACxB1B,KAAKC,QAAuBsC,QAAQvC,KAAKV,eAAe8C,GAC7D,CACApC,KAAKD,eAILC,KAAK4C,YACT,GAGJ,GAAIH,EAAU,CAEVA,EAASI,aAAaF,EAC1B,CAGAA,MAGJ3C,KAAK8C,sBAAsB9C,KAAKC,QAASW,EAAeE,GAExD,OAAOd,KAAKC,OAChB,CAMUE,WACN,OAAOH,KAAKC,QAAWD,KAAKC,QAAuBE,WAAa,IACpE,CAKUyC,aACN,GAAI5C,KAAKC,SAAWD,KAAKiB,SAAU,CAC/B,IAAKjB,KAAK4B,WAAY,CACjB5B,KAAKC,QAAuB8C,YAAY,MAC7C,KAAO,CACF/C,KAAKC,QAAuB8C,aAAa/C,KAAKiB,SAASQ,IAAII,SAChE,CACJ,CACJ,EACH,IAAAmB,EAAA,CAAAC,WAAA,MAAAD,EAAA3D,mBAAA,OAAA2D,CAAA","ignoreList":[]}

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

@@ -77,7 +77,7 @@ export class CodeEditorPlugin extends BasePlugin {
         
         this.control = new CodeEditor({
             id: this.generateStableId(engineScopeId, bindingPath),
-            value: `{${modelName}>${bindingPath}}`,
+            value: this.generateBindingInfo(bindingPath, modelName),
             type: fieldMetadata.ui?.args || "javascript", // will be dynamically overridden if args is missing
             editable: !this.isEditable ? false : !fieldMetadata.ui?.readOnly,
             height: "100px", // Initial minimum height

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

@@ -27,32 +27,28 @@ sap.ui.define(["./BasePlugin", "sap/m/DatePicker", "sap/m/Text"], function (___B
       if (!this.isEditable) {
         this.control = new TextControl({
           id: this.generateStableId(engineScopeId, bindingPath),
-          text: {
-            path: `${modelName}>${bindingPath}`,
-            type: "sap.ui.model.type.Date",
+          text: this.generateBindingInfo(bindingPath, modelName, "sap.ui.model.type.Date", {
             formatOptions: {
               source: {
                 pattern: "yyyy-MM-dd"
               },
               pattern: "yyyy-MM-dd"
             }
-          }
+          })
         });
         this.applyCommonDirectives(this.control, fieldMetadata, modelName);
         return this.control;
       }
       this.control = new DatePicker({
         id: this.generateStableId(engineScopeId, bindingPath),
-        value: {
-          path: `${modelName}>${bindingPath}`,
-          type: "sap.ui.model.type.Date",
+        value: this.generateBindingInfo(bindingPath, modelName, "sap.ui.model.type.Date", {
           formatOptions: {
             source: {
               pattern: "yyyy-MM-dd"
             },
             pattern: "yyyy-MM-dd"
           }
-        },
+        }),
         displayFormat: "long",
         editable: !fieldMetadata.ui?.readOnly,
         required: fieldMetadata.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","fieldKey","startsWith","substring","isEditable","control","TextControl","id","generateStableId","text","path","type","formatOptions","source","pattern","applyCommonDirectives","DatePicker","value","displayFormat","editable","ui","readOnly","required","change","oEvent","val","getParameter","result","validateAndApplyVisualState","isValid","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\";\nimport TextControl from \"sap/m/Text\";\n\n/**\n * Handles rendering logic for Date strings.\n */\nexport class DatePlugin extends BasePlugin {\n    /**\n     * Renders a `sap.m.DatePicker` component.\n     * \n     * @param fieldMetadata The specific JSON schema properties for this field.\n     * @param bindingPath The JSON path bound to this control.\n     * @param modelName The UI5 JSONModel name.\n     * @param engineScopeId The deterministic scope ID.\n     * @param onChange The callback fired on value change.\n     * @returns {Control} The configured DatePicker control.\n     */\n    public render(fieldMetadata: IPropertyMetadata,  bindingPath: string,  modelName: string = \"meta\", engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control {\n        this.onChange = onChange;\n        this.metadata = fieldMetadata;\n        this.fieldKey = bindingPath.startsWith('/') ? bindingPath.substring(1) : bindingPath;\n        \n        if (!this.isEditable) {\n            \n            this.control = new TextControl({\n                id: this.generateStableId(engineScopeId, bindingPath),\n                text: {\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.validateAndApplyVisualState();\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 date string.\n     * @returns {unknown} The date value.\n     */\n    protected getValue(): unknown {\n        return this.control ? (this.control as DatePicker).getValue() : null;\n    }\n\n    /**\n     * Applies dynamic read-only state.\n     */\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (!this.isEditable) return;\n            const dp = this.control as DatePicker;\n            dp.setEditable(!this.metadata.ui?.readOnly);\n            dp.setRequired(this.metadata.required);\n        }\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DatePlugin-dbg.js","names":["BasePlugin","___BasePlugin","DatePlugin","render","fieldMetadata","bindingPath","modelName","engineScopeId","onChange","metadata","fieldKey","startsWith","substring","isEditable","control","TextControl","id","generateStableId","text","generateBindingInfo","formatOptions","source","pattern","applyCommonDirectives","DatePicker","value","displayFormat","editable","ui","readOnly","required","change","oEvent","val","getParameter","result","validateAndApplyVisualState","isValid","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\";\nimport TextControl from \"sap/m/Text\";\n\n/**\n * Handles rendering logic for Date strings.\n */\nexport class DatePlugin extends BasePlugin {\n    /**\n     * Renders a `sap.m.DatePicker` component.\n     * \n     * @param fieldMetadata The specific JSON schema properties for this field.\n     * @param bindingPath The JSON path bound to this control.\n     * @param modelName The UI5 JSONModel name.\n     * @param engineScopeId The deterministic scope ID.\n     * @param onChange The callback fired on value change.\n     * @returns {Control} The configured DatePicker control.\n     */\n    public render(fieldMetadata: IPropertyMetadata,  bindingPath: string,  modelName: string = \"meta\", engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control {\n        this.onChange = onChange;\n        this.metadata = fieldMetadata;\n        this.fieldKey = bindingPath.startsWith('/') ? bindingPath.substring(1) : bindingPath;\n        \n        if (!this.isEditable) {\n            \n            this.control = new TextControl({\n                id: this.generateStableId(engineScopeId, bindingPath),\n                text: this.generateBindingInfo(bindingPath, modelName, \"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: this.generateBindingInfo(bindingPath, modelName, \"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.validateAndApplyVisualState();\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 date string.\n     * @returns {unknown} The date value.\n     */\n    protected getValue(): unknown {\n        return this.control ? (this.control as DatePicker).getValue() : null;\n    }\n\n    /**\n     * Applies dynamic read-only state.\n     */\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (!this.isEditable) return;\n            const dp = this.control as DatePicker;\n            dp.setEditable(!this.metadata.ui?.readOnly);\n            dp.setRequired(this.metadata.required);\n        }\n    }\n}\n"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -1,2 +1,2 @@
-sap.ui.define(["./BasePlugin","sap/m/DatePicker","sap/m/Text"],function(t,e,a){"use strict";const i=t["BasePlugin"];class s extends i{render(t,i,s="meta",n,r){this.onChange=r;this.metadata=t;this.fieldKey=i.startsWith("/")?i.substring(1):i;if(!this.isEditable){this.control=new a({id:this.generateStableId(n,i),text:{path:`${s}>${i}`,type:"sap.ui.model.type.Date",formatOptions:{source:{pattern:"yyyy-MM-dd"},pattern:"yyyy-MM-dd"}}});this.applyCommonDirectives(this.control,t,s);return this.control}this.control=new e({id:this.generateStableId(n,i),value:{path:`${s}>${i}`,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.validateAndApplyVisualState();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 n={__esModule:true};n.DatePlugin=s;return n});
+sap.ui.define(["./BasePlugin","sap/m/DatePicker","sap/m/Text"],function(t,e,i){"use strict";const a=t["BasePlugin"];class s extends a{render(t,a,s="meta",n,r){this.onChange=r;this.metadata=t;this.fieldKey=a.startsWith("/")?a.substring(1):a;if(!this.isEditable){this.control=new i({id:this.generateStableId(n,a),text:this.generateBindingInfo(a,s,"sap.ui.model.type.Date",{formatOptions:{source:{pattern:"yyyy-MM-dd"},pattern:"yyyy-MM-dd"}})});this.applyCommonDirectives(this.control,t,s);return this.control}this.control=new e({id:this.generateStableId(n,a),value:this.generateBindingInfo(a,s,"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 i=this.validateAndApplyVisualState();if(this.onChange){this.onChange(i.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 n={__esModule:true};n.DatePlugin=s;return n});
 //# 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","fieldKey","startsWith","substring","isEditable","control","TextControl","id","generateStableId","text","path","type","formatOptions","source","pattern","applyCommonDirectives","DatePicker","value","displayFormat","editable","ui","readOnly","required","change","oEvent","val","getParameter","result","validateAndApplyVisualState","isValid","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\";\nimport TextControl from \"sap/m/Text\";\n\n/**\n * Handles rendering logic for Date strings.\n */\nexport class DatePlugin extends BasePlugin {\n    /**\n     * Renders a `sap.m.DatePicker` component.\n     * \n     * @param fieldMetadata The specific JSON schema properties for this field.\n     * @param bindingPath The JSON path bound to this control.\n     * @param modelName The UI5 JSONModel name.\n     * @param engineScopeId The deterministic scope ID.\n     * @param onChange The callback fired on value change.\n     * @returns {Control} The configured DatePicker control.\n     */\n    public render(fieldMetadata: IPropertyMetadata,  bindingPath: string,  modelName: string = \"meta\", engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control {\n        this.onChange = onChange;\n        this.metadata = fieldMetadata;\n        this.fieldKey = bindingPath.startsWith('/') ? bindingPath.substring(1) : bindingPath;\n        \n        if (!this.isEditable) {\n            \n            this.control = new TextControl({\n                id: this.generateStableId(engineScopeId, bindingPath),\n                text: {\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.validateAndApplyVisualState();\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 date string.\n     * @returns {unknown} The date value.\n     */\n    protected getValue(): unknown {\n        return this.control ? (this.control as DatePicker).getValue() : null;\n    }\n\n    /**\n     * Applies dynamic read-only state.\n     */\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (!this.isEditable) return;\n            const dp = this.control as DatePicker;\n            dp.setEditable(!this.metadata.ui?.readOnly);\n            dp.setRequired(this.metadata.required);\n        }\n    }\n}\n"],"mappings":"4FAAA,MAKSA,EAAUC,EAAA,cASZ,MAAMC,UAAmBF,EAWrBG,OAAOC,EAAmCC,EAAsBC,EAAoB,OAAQC,EAAwBC,GACvHC,KAAKD,SAAWA,EAChBC,KAAKC,SAAWN,EAChBK,KAAKE,SAAWN,EAAYO,WAAW,KAAOP,EAAYQ,UAAU,GAAKR,EAEzE,IAAKI,KAAKK,WAAY,CAElBL,KAAKM,QAAU,IAAIC,EAAY,CAC3BC,GAAIR,KAAKS,iBAAiBX,EAAeF,GACzCc,KAAM,CACFC,KAAM,GAAGd,KAAaD,IACtBgB,KAAM,yBACNC,cAAe,CACXC,OAAQ,CAAEC,QAAS,cACnBA,QAAS,iBAIrBf,KAAKgB,sBAAsBhB,KAAKM,QAASX,EAAeE,GACxD,OAAOG,KAAKM,OAChB,CAEAN,KAAKM,QAAU,IAAIW,EAAW,CAC1BT,GAAIR,KAAKS,iBAAiBX,EAAeF,GACzCsB,MAAO,CACHP,KAAM,GAAGd,KAAaD,IACtBgB,KAAM,yBACNC,cAAe,CACXC,OAAQ,CAAEC,QAAS,cACnBA,QAAS,eAGjBI,cAAe,OACfC,UAAWzB,EAAc0B,IAAIC,SAC7BC,SAAU5B,EAAc4B,SACxBC,OAASC,IACL,MAAMC,EAAMD,EAAOE,aAAa,SAChC,MAAMC,EAAS5B,KAAK6B,8BACpB,GAAI7B,KAAKD,SAAU,CACfC,KAAKD,SAAS6B,EAAOE,QAAS9B,KAAKE,SACvC,KAIR,OAAOF,KAAKM,OAChB,CAMUyB,WACN,OAAO/B,KAAKM,QAAWN,KAAKM,QAAuByB,WAAa,IACpE,CAKUC,aACN,GAAIhC,KAAKM,SAAWN,KAAKC,SAAU,CAC/B,IAAKD,KAAKK,WAAY,OACtB,MAAM4B,EAAKjC,KAAKM,QAChB2B,EAAGC,aAAalC,KAAKC,SAASoB,IAAIC,UAClCW,EAAGE,YAAYnC,KAAKC,SAASsB,SACjC,CACJ,EACH,IAAAa,EAAA,CAAAC,WAAA,MAAAD,EAAA3C,aAAA,OAAA2C,CAAA","ignoreList":[]}
+{"version":3,"file":"DatePlugin.js","names":["BasePlugin","___BasePlugin","DatePlugin","render","fieldMetadata","bindingPath","modelName","engineScopeId","onChange","this","metadata","fieldKey","startsWith","substring","isEditable","control","TextControl","id","generateStableId","text","generateBindingInfo","formatOptions","source","pattern","applyCommonDirectives","DatePicker","value","displayFormat","editable","ui","readOnly","required","change","oEvent","val","getParameter","result","validateAndApplyVisualState","isValid","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\";\nimport TextControl from \"sap/m/Text\";\n\n/**\n * Handles rendering logic for Date strings.\n */\nexport class DatePlugin extends BasePlugin {\n    /**\n     * Renders a `sap.m.DatePicker` component.\n     * \n     * @param fieldMetadata The specific JSON schema properties for this field.\n     * @param bindingPath The JSON path bound to this control.\n     * @param modelName The UI5 JSONModel name.\n     * @param engineScopeId The deterministic scope ID.\n     * @param onChange The callback fired on value change.\n     * @returns {Control} The configured DatePicker control.\n     */\n    public render(fieldMetadata: IPropertyMetadata,  bindingPath: string,  modelName: string = \"meta\", engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control {\n        this.onChange = onChange;\n        this.metadata = fieldMetadata;\n        this.fieldKey = bindingPath.startsWith('/') ? bindingPath.substring(1) : bindingPath;\n        \n        if (!this.isEditable) {\n            \n            this.control = new TextControl({\n                id: this.generateStableId(engineScopeId, bindingPath),\n                text: this.generateBindingInfo(bindingPath, modelName, \"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: this.generateBindingInfo(bindingPath, modelName, \"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.validateAndApplyVisualState();\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 date string.\n     * @returns {unknown} The date value.\n     */\n    protected getValue(): unknown {\n        return this.control ? (this.control as DatePicker).getValue() : null;\n    }\n\n    /**\n     * Applies dynamic read-only state.\n     */\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (!this.isEditable) return;\n            const dp = this.control as DatePicker;\n            dp.setEditable(!this.metadata.ui?.readOnly);\n            dp.setRequired(this.metadata.required);\n        }\n    }\n}\n"],"mappings":"4FAAA,MAKSA,EAAUC,EAAA,cASZ,MAAMC,UAAmBF,EAWrBG,OAAOC,EAAmCC,EAAsBC,EAAoB,OAAQC,EAAwBC,GACvHC,KAAKD,SAAWA,EAChBC,KAAKC,SAAWN,EAChBK,KAAKE,SAAWN,EAAYO,WAAW,KAAOP,EAAYQ,UAAU,GAAKR,EAEzE,IAAKI,KAAKK,WAAY,CAElBL,KAAKM,QAAU,IAAIC,EAAY,CAC3BC,GAAIR,KAAKS,iBAAiBX,EAAeF,GACzCc,KAAMV,KAAKW,oBAAoBf,EAAaC,EAAW,yBAA0B,CAC7Ee,cAAe,CACXC,OAAQ,CAAEC,QAAS,cACnBA,QAAS,kBAIrBd,KAAKe,sBAAsBf,KAAKM,QAASX,EAAeE,GACxD,OAAOG,KAAKM,OAChB,CAEAN,KAAKM,QAAU,IAAIU,EAAW,CAC1BR,GAAIR,KAAKS,iBAAiBX,EAAeF,GACzCqB,MAAOjB,KAAKW,oBAAoBf,EAAaC,EAAW,yBAA0B,CAC9Ee,cAAe,CACXC,OAAQ,CAAEC,QAAS,cACnBA,QAAS,gBAGjBI,cAAe,OACfC,UAAWxB,EAAcyB,IAAIC,SAC7BC,SAAU3B,EAAc2B,SACxBC,OAASC,IACL,MAAMC,EAAMD,EAAOE,aAAa,SAChC,MAAMC,EAAS3B,KAAK4B,8BACpB,GAAI5B,KAAKD,SAAU,CACfC,KAAKD,SAAS4B,EAAOE,QAAS7B,KAAKE,SACvC,KAIR,OAAOF,KAAKM,OAChB,CAMUwB,WACN,OAAO9B,KAAKM,QAAWN,KAAKM,QAAuBwB,WAAa,IACpE,CAKUC,aACN,GAAI/B,KAAKM,SAAWN,KAAKC,SAAU,CAC/B,IAAKD,KAAKK,WAAY,OACtB,MAAM2B,EAAKhC,KAAKM,QAChB0B,EAAGC,aAAajC,KAAKC,SAASmB,IAAIC,UAClCW,EAAGE,YAAYlC,KAAKC,SAASqB,SACjC,CACJ,EACH,IAAAa,EAAA,CAAAC,WAAA,MAAAD,EAAA1C,aAAA,OAAA0C,CAAA","ignoreList":[]}

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

@@ -32,14 +32,12 @@ export class DatePlugin extends BasePlugin {
             
             this.control = new TextControl({
                 id: this.generateStableId(engineScopeId, bindingPath),
-                text: {
-                    path: `${modelName}>${bindingPath}`,
-                    type: "sap.ui.model.type.Date",
+                text: this.generateBindingInfo(bindingPath, modelName, "sap.ui.model.type.Date", {
                     formatOptions: {
                         source: { pattern: "yyyy-MM-dd" },
                         pattern: "yyyy-MM-dd"
                     }
-                }
+                })
             });
             this.applyCommonDirectives(this.control, fieldMetadata, modelName);
             return this.control as Control;
@@ -47,14 +45,12 @@ export class DatePlugin extends BasePlugin {
 
         this.control = new DatePicker({
             id: this.generateStableId(engineScopeId, bindingPath),
-            value: {
-                path: `${modelName}>${bindingPath}`,
-                type: "sap.ui.model.type.Date",
+            value: this.generateBindingInfo(bindingPath, modelName, "sap.ui.model.type.Date", {
                 formatOptions: {
                     source: { pattern: "yyyy-MM-dd" },
                     pattern: "yyyy-MM-dd"
                 }
-            },
+            }),
             displayFormat: "long",
             editable: !fieldMetadata.ui?.readOnly,
             required: fieldMetadata.required,

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

@@ -27,32 +27,28 @@ sap.ui.define(["./BasePlugin", "sap/m/DateTimePicker", "sap/m/Text"], function (
       if (!this.isEditable) {
         this.control = new TextControl({
           id: this.generateStableId(engineScopeId, bindingPath),
-          text: {
-            path: `${modelName}>${bindingPath}`,
-            type: "sap.ui.model.type.DateTime",
+          text: this.generateBindingInfo(bindingPath, modelName, "sap.ui.model.type.DateTime", {
             formatOptions: {
               source: {
                 pattern: "yyyy-MM-dd'T'HH:mm:ss'Z'"
               },
               pattern: "yyyy-MM-dd'T'HH:mm:ss'Z'"
             }
-          }
+          })
         });
         this.applyCommonDirectives(this.control, fieldMetadata, modelName);
         return this.control;
       }
       this.control = new DateTimePicker({
         id: this.generateStableId(engineScopeId, bindingPath),
-        value: {
-          path: `${modelName}>${bindingPath}`,
-          type: "sap.ui.model.type.DateTime",
+        value: this.generateBindingInfo(bindingPath, modelName, "sap.ui.model.type.DateTime", {
           formatOptions: {
             source: {
               pattern: "yyyy-MM-dd'T'HH:mm:ss'Z'"
             },
             pattern: "yyyy-MM-dd'T'HH:mm:ss'Z'"
           }
-        },
+        }),
         editable: !fieldMetadata.ui?.readOnly,
         required: fieldMetadata.required,
         change: oEvent => {

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

@@ -1 +1 @@
-{"version":3,"file":"DateTimePlugin-dbg.js","names":["BasePlugin","___BasePlugin","DateTimePlugin","render","fieldMetadata","bindingPath","modelName","engineScopeId","onChange","metadata","fieldKey","startsWith","substring","isEditable","control","TextControl","id","generateStableId","text","path","type","formatOptions","source","pattern","applyCommonDirectives","DateTimePicker","value","editable","ui","readOnly","required","change","oEvent","val","getParameter","result","validateAndApplyVisualState","isValid","getValue","applyState","input","setEditable","setRequired","__exports","__esModule"],"sources":["DateTimePlugin.ts"],"sourcesContent":["/**\n * @file DateTimePlugin.ts\n * @description Handles rendering logic for DateTime strings (timestamps).\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport DateTimePicker from \"sap/m/DateTimePicker\";\nimport Control from \"sap/ui/core/Control\";\nimport TextControl from \"sap/m/Text\";\n\n/**\n * Handles rendering and logic for timestamps/datetime inputs.\n */\nexport class DateTimePlugin extends BasePlugin {\n    /**\n     * Renders a `sap.m.DateTimePicker` component.\n     * \n     * @param fieldMetadata The specific JSON schema properties for this field.\n     * @param bindingPath The JSON path bound to this control.\n     * @param modelName The UI5 JSONModel name.\n     * @param engineScopeId The deterministic scope ID.\n     * @param onChange The callback fired on value change.\n     * @returns {Control} The configured DateTimePicker control.\n     */\n    public render(fieldMetadata: IPropertyMetadata,  bindingPath: string,  modelName: string = \"meta\", engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control {\n        this.onChange = onChange;\n        this.metadata = fieldMetadata;\n        this.fieldKey = bindingPath.startsWith('/') ? bindingPath.substring(1) : bindingPath;\n        \n        if (!this.isEditable) {\n            \n            this.control = new TextControl({\n                id: this.generateStableId(engineScopeId, bindingPath),\n                text: {\n                    path: `${modelName}>${bindingPath}`,\n                    type: \"sap.ui.model.type.DateTime\",\n                    formatOptions: {\n                        source: { pattern: \"yyyy-MM-dd'T'HH:mm:ss'Z'\" },\n                        pattern: \"yyyy-MM-dd'T'HH:mm:ss'Z'\"\n                    }\n                }\n            });\n            this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n            return this.control as Control;\n        }\n\n        this.control = new DateTimePicker({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            value: {\n                path: `${modelName}>${bindingPath}`,\n                type: \"sap.ui.model.type.DateTime\",\n                formatOptions: {\n                    source: { pattern: \"yyyy-MM-dd'T'HH:mm:ss'Z'\" },\n                    pattern: \"yyyy-MM-dd'T'HH:mm:ss'Z'\"\n                }\n            },\n            editable: !fieldMetadata.ui?.readOnly,\n            required: fieldMetadata.required,\n            change: (oEvent: sap.ui.base.Event) => {\n                const val = oEvent.getParameter(\"value\");\n                const result = this.validateAndApplyVisualState();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n            }\n        });\n\n        this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n\n        return this.control as Control;\n    }\n\n    /**\n     * Retrieves the current datetime string.\n     * @returns {unknown} The datetime value.\n     */\n    protected getValue(): unknown {\n        return this.control ? (this.control as DateTimePicker).getValue() : null;\n    }\n\n    /**\n     * Applies dynamic read-only state.\n     */\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (!this.isEditable) return;\n            const input = this.control as DateTimePicker;\n            input.setEditable(!this.metadata.ui?.readOnly);\n            input.setRequired(this.metadata.required);\n        }\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DateTimePlugin-dbg.js","names":["BasePlugin","___BasePlugin","DateTimePlugin","render","fieldMetadata","bindingPath","modelName","engineScopeId","onChange","metadata","fieldKey","startsWith","substring","isEditable","control","TextControl","id","generateStableId","text","generateBindingInfo","formatOptions","source","pattern","applyCommonDirectives","DateTimePicker","value","editable","ui","readOnly","required","change","oEvent","val","getParameter","result","validateAndApplyVisualState","isValid","getValue","applyState","input","setEditable","setRequired","__exports","__esModule"],"sources":["DateTimePlugin.ts"],"sourcesContent":["/**\n * @file DateTimePlugin.ts\n * @description Handles rendering logic for DateTime strings (timestamps).\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport DateTimePicker from \"sap/m/DateTimePicker\";\nimport Control from \"sap/ui/core/Control\";\nimport TextControl from \"sap/m/Text\";\n\n/**\n * Handles rendering and logic for timestamps/datetime inputs.\n */\nexport class DateTimePlugin extends BasePlugin {\n    /**\n     * Renders a `sap.m.DateTimePicker` component.\n     * \n     * @param fieldMetadata The specific JSON schema properties for this field.\n     * @param bindingPath The JSON path bound to this control.\n     * @param modelName The UI5 JSONModel name.\n     * @param engineScopeId The deterministic scope ID.\n     * @param onChange The callback fired on value change.\n     * @returns {Control} The configured DateTimePicker control.\n     */\n    public render(fieldMetadata: IPropertyMetadata,  bindingPath: string,  modelName: string = \"meta\", engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control {\n        this.onChange = onChange;\n        this.metadata = fieldMetadata;\n        this.fieldKey = bindingPath.startsWith('/') ? bindingPath.substring(1) : bindingPath;\n        \n        if (!this.isEditable) {\n            \n            this.control = new TextControl({\n                id: this.generateStableId(engineScopeId, bindingPath),\n                text: this.generateBindingInfo(bindingPath, modelName, \"sap.ui.model.type.DateTime\", {\n                    formatOptions: {\n                        source: { pattern: \"yyyy-MM-dd'T'HH:mm:ss'Z'\" },\n                        pattern: \"yyyy-MM-dd'T'HH:mm:ss'Z'\"\n                    }\n                })\n            });\n            this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n            return this.control as Control;\n        }\n\n        this.control = new DateTimePicker({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            value: this.generateBindingInfo(bindingPath, modelName, \"sap.ui.model.type.DateTime\", {\n                formatOptions: {\n                    source: { pattern: \"yyyy-MM-dd'T'HH:mm:ss'Z'\" },\n                    pattern: \"yyyy-MM-dd'T'HH:mm:ss'Z'\"\n                }\n            }),\n            editable: !fieldMetadata.ui?.readOnly,\n            required: fieldMetadata.required,\n            change: (oEvent: sap.ui.base.Event) => {\n                const val = oEvent.getParameter(\"value\");\n                const result = this.validateAndApplyVisualState();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n            }\n        });\n\n        this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n\n        return this.control as Control;\n    }\n\n    /**\n     * Retrieves the current datetime string.\n     * @returns {unknown} The datetime value.\n     */\n    protected getValue(): unknown {\n        return this.control ? (this.control as DateTimePicker).getValue() : null;\n    }\n\n    /**\n     * Applies dynamic read-only state.\n     */\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (!this.isEditable) return;\n            const input = this.control as DateTimePicker;\n            input.setEditable(!this.metadata.ui?.readOnly);\n            input.setRequired(this.metadata.required);\n        }\n    }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"DateTimePlugin.d.ts","sourceRoot":"../../../../../../../../..","sources":["src/nz/co/siliconst/ui5/metaui/plugins/controls/DateTimePlugin.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,4DAA4D,CAAC;IAC5E;;;OAGG;IAEH,OAAO,EAAE,UAAU,EAAE,MAAM,wDAAwD,CAAC;IACpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;IAElF,OAAO,OAAO,MAAM,qBAAqB,CAAC;IAG1C;;OAEG;IACH,MAAa,cAAe,SAAQ,UAAU;QAC1C;;;;;;;;;WASG;QACI,MAAM,CAAC,aAAa,EAAE,iBAAiB,EAAG,WAAW,EAAE,MAAM,EAAG,SAAS,GAAE,MAAe,EAAE,aAAa,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO;QAgD7L;;;WAGG;QACH,SAAS,CAAC,QAAQ,IAAI,OAAO;QAI7B;;WAEG;QACH,SAAS,CAAC,UAAU,IAAI,IAAI;KAQ/B;CAEA"}
+{"version":3,"file":"DateTimePlugin.d.ts","sourceRoot":"../../../../../../../../..","sources":["src/nz/co/siliconst/ui5/metaui/plugins/controls/DateTimePlugin.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,4DAA4D,CAAC;IAC5E;;;OAGG;IAEH,OAAO,EAAE,UAAU,EAAE,MAAM,wDAAwD,CAAC;IACpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;IAElF,OAAO,OAAO,MAAM,qBAAqB,CAAC;IAG1C;;OAEG;IACH,MAAa,cAAe,SAAQ,UAAU;QAC1C;;;;;;;;;WASG;QACI,MAAM,CAAC,aAAa,EAAE,iBAAiB,EAAG,WAAW,EAAE,MAAM,EAAG,SAAS,GAAE,MAAe,EAAE,aAAa,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO;QA4C7L;;;WAGG;QACH,SAAS,CAAC,QAAQ,IAAI,OAAO;QAI7B;;WAEG;QACH,SAAS,CAAC,UAAU,IAAI,IAAI;KAQ/B;CAEA"}

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

@@ -1,2 +1,2 @@
-sap.ui.define(["./BasePlugin","sap/m/DateTimePicker","sap/m/Text"],function(t,e,i){"use strict";const s=t["BasePlugin"];class a extends s{render(t,s,a="meta",n,r){this.onChange=r;this.metadata=t;this.fieldKey=s.startsWith("/")?s.substring(1):s;if(!this.isEditable){this.control=new i({id:this.generateStableId(n,s),text:{path:`${a}>${s}`,type:"sap.ui.model.type.DateTime",formatOptions:{source:{pattern:"yyyy-MM-dd'T'HH:mm:ss'Z'"},pattern:"yyyy-MM-dd'T'HH:mm:ss'Z'"}}});this.applyCommonDirectives(this.control,t,a);return this.control}this.control=new e({id:this.generateStableId(n,s),value:{path:`${a}>${s}`,type:"sap.ui.model.type.DateTime",formatOptions:{source:{pattern:"yyyy-MM-dd'T'HH:mm:ss'Z'"},pattern:"yyyy-MM-dd'T'HH:mm:ss'Z'"}},editable:!t.ui?.readOnly,required:t.required,change:t=>{const e=t.getParameter("value");const i=this.validateAndApplyVisualState();if(this.onChange){this.onChange(i.isValid,this.fieldKey)}}});this.applyCommonDirectives(this.control,t,a);return this.control}getValue(){return this.control?this.control.getValue():null}applyState(){if(this.control&&this.metadata){if(!this.isEditable)return;const t=this.control;t.setEditable(!this.metadata.ui?.readOnly);t.setRequired(this.metadata.required)}}}var n={__esModule:true};n.DateTimePlugin=a;return n});
+sap.ui.define(["./BasePlugin","sap/m/DateTimePicker","sap/m/Text"],function(t,e,i){"use strict";const s=t["BasePlugin"];class a extends s{render(t,s,a="meta",n,r){this.onChange=r;this.metadata=t;this.fieldKey=s.startsWith("/")?s.substring(1):s;if(!this.isEditable){this.control=new i({id:this.generateStableId(n,s),text:this.generateBindingInfo(s,a,"sap.ui.model.type.DateTime",{formatOptions:{source:{pattern:"yyyy-MM-dd'T'HH:mm:ss'Z'"},pattern:"yyyy-MM-dd'T'HH:mm:ss'Z'"}})});this.applyCommonDirectives(this.control,t,a);return this.control}this.control=new e({id:this.generateStableId(n,s),value:this.generateBindingInfo(s,a,"sap.ui.model.type.DateTime",{formatOptions:{source:{pattern:"yyyy-MM-dd'T'HH:mm:ss'Z'"},pattern:"yyyy-MM-dd'T'HH:mm:ss'Z'"}}),editable:!t.ui?.readOnly,required:t.required,change:t=>{const e=t.getParameter("value");const i=this.validateAndApplyVisualState();if(this.onChange){this.onChange(i.isValid,this.fieldKey)}}});this.applyCommonDirectives(this.control,t,a);return this.control}getValue(){return this.control?this.control.getValue():null}applyState(){if(this.control&&this.metadata){if(!this.isEditable)return;const t=this.control;t.setEditable(!this.metadata.ui?.readOnly);t.setRequired(this.metadata.required)}}}var n={__esModule:true};n.DateTimePlugin=a;return n});
 //# sourceMappingURL=DateTimePlugin.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateTimePlugin.js","names":["BasePlugin","___BasePlugin","DateTimePlugin","render","fieldMetadata","bindingPath","modelName","engineScopeId","onChange","this","metadata","fieldKey","startsWith","substring","isEditable","control","TextControl","id","generateStableId","text","path","type","formatOptions","source","pattern","applyCommonDirectives","DateTimePicker","value","editable","ui","readOnly","required","change","oEvent","val","getParameter","result","validateAndApplyVisualState","isValid","getValue","applyState","input","setEditable","setRequired","__exports","__esModule"],"sources":["DateTimePlugin.ts"],"sourcesContent":["/**\n * @file DateTimePlugin.ts\n * @description Handles rendering logic for DateTime strings (timestamps).\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport DateTimePicker from \"sap/m/DateTimePicker\";\nimport Control from \"sap/ui/core/Control\";\nimport TextControl from \"sap/m/Text\";\n\n/**\n * Handles rendering and logic for timestamps/datetime inputs.\n */\nexport class DateTimePlugin extends BasePlugin {\n    /**\n     * Renders a `sap.m.DateTimePicker` component.\n     * \n     * @param fieldMetadata The specific JSON schema properties for this field.\n     * @param bindingPath The JSON path bound to this control.\n     * @param modelName The UI5 JSONModel name.\n     * @param engineScopeId The deterministic scope ID.\n     * @param onChange The callback fired on value change.\n     * @returns {Control} The configured DateTimePicker control.\n     */\n    public render(fieldMetadata: IPropertyMetadata,  bindingPath: string,  modelName: string = \"meta\", engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control {\n        this.onChange = onChange;\n        this.metadata = fieldMetadata;\n        this.fieldKey = bindingPath.startsWith('/') ? bindingPath.substring(1) : bindingPath;\n        \n        if (!this.isEditable) {\n            \n            this.control = new TextControl({\n                id: this.generateStableId(engineScopeId, bindingPath),\n                text: {\n                    path: `${modelName}>${bindingPath}`,\n                    type: \"sap.ui.model.type.DateTime\",\n                    formatOptions: {\n                        source: { pattern: \"yyyy-MM-dd'T'HH:mm:ss'Z'\" },\n                        pattern: \"yyyy-MM-dd'T'HH:mm:ss'Z'\"\n                    }\n                }\n            });\n            this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n            return this.control as Control;\n        }\n\n        this.control = new DateTimePicker({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            value: {\n                path: `${modelName}>${bindingPath}`,\n                type: \"sap.ui.model.type.DateTime\",\n                formatOptions: {\n                    source: { pattern: \"yyyy-MM-dd'T'HH:mm:ss'Z'\" },\n                    pattern: \"yyyy-MM-dd'T'HH:mm:ss'Z'\"\n                }\n            },\n            editable: !fieldMetadata.ui?.readOnly,\n            required: fieldMetadata.required,\n            change: (oEvent: sap.ui.base.Event) => {\n                const val = oEvent.getParameter(\"value\");\n                const result = this.validateAndApplyVisualState();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n            }\n        });\n\n        this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n\n        return this.control as Control;\n    }\n\n    /**\n     * Retrieves the current datetime string.\n     * @returns {unknown} The datetime value.\n     */\n    protected getValue(): unknown {\n        return this.control ? (this.control as DateTimePicker).getValue() : null;\n    }\n\n    /**\n     * Applies dynamic read-only state.\n     */\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (!this.isEditable) return;\n            const input = this.control as DateTimePicker;\n            input.setEditable(!this.metadata.ui?.readOnly);\n            input.setRequired(this.metadata.required);\n        }\n    }\n}\n"],"mappings":"gGAAA,MAKSA,EAAUC,EAAA,cASZ,MAAMC,UAAuBF,EAWzBG,OAAOC,EAAmCC,EAAsBC,EAAoB,OAAQC,EAAwBC,GACvHC,KAAKD,SAAWA,EAChBC,KAAKC,SAAWN,EAChBK,KAAKE,SAAWN,EAAYO,WAAW,KAAOP,EAAYQ,UAAU,GAAKR,EAEzE,IAAKI,KAAKK,WAAY,CAElBL,KAAKM,QAAU,IAAIC,EAAY,CAC3BC,GAAIR,KAAKS,iBAAiBX,EAAeF,GACzCc,KAAM,CACFC,KAAM,GAAGd,KAAaD,IACtBgB,KAAM,6BACNC,cAAe,CACXC,OAAQ,CAAEC,QAAS,4BACnBA,QAAS,+BAIrBf,KAAKgB,sBAAsBhB,KAAKM,QAASX,EAAeE,GACxD,OAAOG,KAAKM,OAChB,CAEAN,KAAKM,QAAU,IAAIW,EAAe,CAC9BT,GAAIR,KAAKS,iBAAiBX,EAAeF,GACzCsB,MAAO,CACHP,KAAM,GAAGd,KAAaD,IACtBgB,KAAM,6BACNC,cAAe,CACXC,OAAQ,CAAEC,QAAS,4BACnBA,QAAS,6BAGjBI,UAAWxB,EAAcyB,IAAIC,SAC7BC,SAAU3B,EAAc2B,SACxBC,OAASC,IACL,MAAMC,EAAMD,EAAOE,aAAa,SAChC,MAAMC,EAAS3B,KAAK4B,8BACpB,GAAI5B,KAAKD,SAAU,CACfC,KAAKD,SAAS4B,EAAOE,QAAS7B,KAAKE,SACvC,KAIRF,KAAKgB,sBAAsBhB,KAAKM,QAASX,EAAeE,GAExD,OAAOG,KAAKM,OAChB,CAMUwB,WACN,OAAO9B,KAAKM,QAAWN,KAAKM,QAA2BwB,WAAa,IACxE,CAKUC,aACN,GAAI/B,KAAKM,SAAWN,KAAKC,SAAU,CAC/B,IAAKD,KAAKK,WAAY,OACtB,MAAM2B,EAAQhC,KAAKM,QACnB0B,EAAMC,aAAajC,KAAKC,SAASmB,IAAIC,UACrCW,EAAME,YAAYlC,KAAKC,SAASqB,SACpC,CACJ,EACH,IAAAa,EAAA,CAAAC,WAAA,MAAAD,EAAA1C,iBAAA,OAAA0C,CAAA","ignoreList":[]}
+{"version":3,"file":"DateTimePlugin.js","names":["BasePlugin","___BasePlugin","DateTimePlugin","render","fieldMetadata","bindingPath","modelName","engineScopeId","onChange","this","metadata","fieldKey","startsWith","substring","isEditable","control","TextControl","id","generateStableId","text","generateBindingInfo","formatOptions","source","pattern","applyCommonDirectives","DateTimePicker","value","editable","ui","readOnly","required","change","oEvent","val","getParameter","result","validateAndApplyVisualState","isValid","getValue","applyState","input","setEditable","setRequired","__exports","__esModule"],"sources":["DateTimePlugin.ts"],"sourcesContent":["/**\n * @file DateTimePlugin.ts\n * @description Handles rendering logic for DateTime strings (timestamps).\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport DateTimePicker from \"sap/m/DateTimePicker\";\nimport Control from \"sap/ui/core/Control\";\nimport TextControl from \"sap/m/Text\";\n\n/**\n * Handles rendering and logic for timestamps/datetime inputs.\n */\nexport class DateTimePlugin extends BasePlugin {\n    /**\n     * Renders a `sap.m.DateTimePicker` component.\n     * \n     * @param fieldMetadata The specific JSON schema properties for this field.\n     * @param bindingPath The JSON path bound to this control.\n     * @param modelName The UI5 JSONModel name.\n     * @param engineScopeId The deterministic scope ID.\n     * @param onChange The callback fired on value change.\n     * @returns {Control} The configured DateTimePicker control.\n     */\n    public render(fieldMetadata: IPropertyMetadata,  bindingPath: string,  modelName: string = \"meta\", engineScopeId?: string, onChange?: (isValid: boolean, fieldKey?: string) => void): Control {\n        this.onChange = onChange;\n        this.metadata = fieldMetadata;\n        this.fieldKey = bindingPath.startsWith('/') ? bindingPath.substring(1) : bindingPath;\n        \n        if (!this.isEditable) {\n            \n            this.control = new TextControl({\n                id: this.generateStableId(engineScopeId, bindingPath),\n                text: this.generateBindingInfo(bindingPath, modelName, \"sap.ui.model.type.DateTime\", {\n                    formatOptions: {\n                        source: { pattern: \"yyyy-MM-dd'T'HH:mm:ss'Z'\" },\n                        pattern: \"yyyy-MM-dd'T'HH:mm:ss'Z'\"\n                    }\n                })\n            });\n            this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n            return this.control as Control;\n        }\n\n        this.control = new DateTimePicker({\n            id: this.generateStableId(engineScopeId, bindingPath),\n            value: this.generateBindingInfo(bindingPath, modelName, \"sap.ui.model.type.DateTime\", {\n                formatOptions: {\n                    source: { pattern: \"yyyy-MM-dd'T'HH:mm:ss'Z'\" },\n                    pattern: \"yyyy-MM-dd'T'HH:mm:ss'Z'\"\n                }\n            }),\n            editable: !fieldMetadata.ui?.readOnly,\n            required: fieldMetadata.required,\n            change: (oEvent: sap.ui.base.Event) => {\n                const val = oEvent.getParameter(\"value\");\n                const result = this.validateAndApplyVisualState();\n                if (this.onChange) {\n                    this.onChange(result.isValid, this.fieldKey);\n                }\n            }\n        });\n\n        this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n\n        return this.control as Control;\n    }\n\n    /**\n     * Retrieves the current datetime string.\n     * @returns {unknown} The datetime value.\n     */\n    protected getValue(): unknown {\n        return this.control ? (this.control as DateTimePicker).getValue() : null;\n    }\n\n    /**\n     * Applies dynamic read-only state.\n     */\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            if (!this.isEditable) return;\n            const input = this.control as DateTimePicker;\n            input.setEditable(!this.metadata.ui?.readOnly);\n            input.setRequired(this.metadata.required);\n        }\n    }\n}\n"],"mappings":"gGAAA,MAKSA,EAAUC,EAAA,cASZ,MAAMC,UAAuBF,EAWzBG,OAAOC,EAAmCC,EAAsBC,EAAoB,OAAQC,EAAwBC,GACvHC,KAAKD,SAAWA,EAChBC,KAAKC,SAAWN,EAChBK,KAAKE,SAAWN,EAAYO,WAAW,KAAOP,EAAYQ,UAAU,GAAKR,EAEzE,IAAKI,KAAKK,WAAY,CAElBL,KAAKM,QAAU,IAAIC,EAAY,CAC3BC,GAAIR,KAAKS,iBAAiBX,EAAeF,GACzCc,KAAMV,KAAKW,oBAAoBf,EAAaC,EAAW,6BAA8B,CACjFe,cAAe,CACXC,OAAQ,CAAEC,QAAS,4BACnBA,QAAS,gCAIrBd,KAAKe,sBAAsBf,KAAKM,QAASX,EAAeE,GACxD,OAAOG,KAAKM,OAChB,CAEAN,KAAKM,QAAU,IAAIU,EAAe,CAC9BR,GAAIR,KAAKS,iBAAiBX,EAAeF,GACzCqB,MAAOjB,KAAKW,oBAAoBf,EAAaC,EAAW,6BAA8B,CAClFe,cAAe,CACXC,OAAQ,CAAEC,QAAS,4BACnBA,QAAS,8BAGjBI,UAAWvB,EAAcwB,IAAIC,SAC7BC,SAAU1B,EAAc0B,SACxBC,OAASC,IACL,MAAMC,EAAMD,EAAOE,aAAa,SAChC,MAAMC,EAAS1B,KAAK2B,8BACpB,GAAI3B,KAAKD,SAAU,CACfC,KAAKD,SAAS2B,EAAOE,QAAS5B,KAAKE,SACvC,KAIRF,KAAKe,sBAAsBf,KAAKM,QAASX,EAAeE,GAExD,OAAOG,KAAKM,OAChB,CAMUuB,WACN,OAAO7B,KAAKM,QAAWN,KAAKM,QAA2BuB,WAAa,IACxE,CAKUC,aACN,GAAI9B,KAAKM,SAAWN,KAAKC,SAAU,CAC/B,IAAKD,KAAKK,WAAY,OACtB,MAAM0B,EAAQ/B,KAAKM,QACnByB,EAAMC,aAAahC,KAAKC,SAASkB,IAAIC,UACrCW,EAAME,YAAYjC,KAAKC,SAASoB,SACpC,CACJ,EACH,IAAAa,EAAA,CAAAC,WAAA,MAAAD,EAAAzC,iBAAA,OAAAyC,CAAA","ignoreList":[]}

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

@@ -32,14 +32,12 @@ export class DateTimePlugin extends BasePlugin {
             
             this.control = new TextControl({
                 id: this.generateStableId(engineScopeId, bindingPath),
-                text: {
-                    path: `${modelName}>${bindingPath}`,
-                    type: "sap.ui.model.type.DateTime",
+                text: this.generateBindingInfo(bindingPath, modelName, "sap.ui.model.type.DateTime", {
                     formatOptions: {
                         source: { pattern: "yyyy-MM-dd'T'HH:mm:ss'Z'" },
                         pattern: "yyyy-MM-dd'T'HH:mm:ss'Z'"
                     }
-                }
+                })
             });
             this.applyCommonDirectives(this.control, fieldMetadata, modelName);
             return this.control as Control;
@@ -47,14 +45,12 @@ export class DateTimePlugin extends BasePlugin {
 
         this.control = new DateTimePicker({
             id: this.generateStableId(engineScopeId, bindingPath),
-            value: {
-                path: `${modelName}>${bindingPath}`,
-                type: "sap.ui.model.type.DateTime",
+            value: this.generateBindingInfo(bindingPath, modelName, "sap.ui.model.type.DateTime", {
                 formatOptions: {
                     source: { pattern: "yyyy-MM-dd'T'HH:mm:ss'Z'" },
                     pattern: "yyyy-MM-dd'T'HH:mm:ss'Z'"
                 }
-            },
+            }),
             editable: !fieldMetadata.ui?.readOnly,
             required: fieldMetadata.required,
             change: (oEvent: sap.ui.base.Event) => {