@siliconst/metaui 1.4.6 → 1.4.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@siliconst/metaui",
-  "version": "1.4.6",
+  "version": "1.4.8",
   "description": "Dynamic Metadata UI5 Engine",
   "author": "SiliconStreetDev1",
   "license": "MIT",

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

@@ -1 +1 @@
-{"version":3,"file":"BaseHardwareControl-dbg.js","names":["BaseHardwareControlRenderer","_interopRequireDefault","__BaseHardwareControlRenderer","BaseHardwareControl","Control","extend","renderer","metadata","properties","value","type","defaultValue","schemaMetadata","readOnly","aggregations","_content","multiple","visibility","events","capture","parameters","setValueAndFire","_setValueAndFire","val","setProperty","fireEvent","renderContent","_renderContent","rm","control"],"sources":["BaseHardwareControl.ts"],"sourcesContent":["/**\n * @file BaseHardwareControl.ts\n * @description Foundational UI5 Custom Control for hardware plugins.\n * Exposes a standard 'value' property for pure two-way data binding.\n * \n */\n\nimport Control from \"sap/ui/core/Control\";\nimport RenderManager from \"sap/ui/core/RenderManager\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport BaseHardwareControlRenderer from \"./BaseHardwareControlRenderer\";\n\n/**\n * @namespace nz.co.siliconst.ui5.metaui.controls\n */\nexport default class BaseHardwareControl extends Control {\n    static readonly metadata = {\n        properties: {\n            /** The raw data value. Two-way bound to the model. */\n            value: { type: \"any\", defaultValue: null },\n            /** The schema metadata for rendering dynamic hints (like labels/readOnly) */\n            schemaMetadata: { type: \"object\", defaultValue: null },\n            /** Indicates if the control should be in a read-only state */\n            readOnly: { type: \"boolean\", defaultValue: false }\n        },\n        aggregations: {\n            _content: { type: \"sap.m.VBox\", multiple: false, visibility: \"hidden\" }\n        },\n        events: {\n            /** Fired when the hardware successfully captures a value */\n            capture: {\n                parameters: {\n                    value: { type: \"any\" }\n                }\n            }\n        }\n    };\n\n    /**\n     * Updates the bound value and fires the capture event.\n     */\n    protected setValueAndFire(val: unknown): void {\n        this.setProperty(\"value\", val, true); // true to suppress re-rendering if desired, but we want the binding to update\n        this.fireEvent(\"capture\", { value: val });\n    }\n\n    /**\n     * Common renderer for all hardware controls\n     */\n    static readonly renderer = BaseHardwareControlRenderer;\n\n    /**\n     * Abstract hook for subclasses to render their specific DOM/Controls.\n     */\n    protected renderContent(rm: RenderManager, control: BaseHardwareControl): void {\n        // To be overridden by hardware implementations\n    }\n}\n"],"mappings":";;;;;;QAUOA,2BAA2B,GAAAC,sBAAA,CAAAC,6BAAA;EAElC;AACA;AACA;EAFA,MAGqBC,mBAAmB,GAASC,OAAO,CAAAC,MAAA;IA+BpD;AACJ;AACA;IACoBC,QAAQ,EAAGN,2BAA2B;IAjCtCO,QAAQ,EAAG;MACvBC,UAAU,EAAE;QACR;QACAC,KAAK,EAAE;UAAEC,IAAI,EAAE,KAAK;UAAEC,YAAY,EAAE;QAAK,CAAC;QAC1C;QACAC,cAAc,EAAE;UAAEF,IAAI,EAAE,QAAQ;UAAEC,YAAY,EAAE;QAAK,CAAC;QACtD;QACAE,QAAQ,EAAE;UAAEH,IAAI,EAAE,SAAS;UAAEC,YAAY,EAAE;QAAM;MACrD,CAAC;MACDG,YAAY,EAAE;QACVC,QAAQ,EAAE;UAAEL,IAAI,EAAE,YAAY;UAAEM,QAAQ,EAAE,KAAK;UAAEC,UAAU,EAAE;QAAS;MAC1E,CAAC;MACDC,MAAM,EAAE;QACJ;QACAC,OAAO,EAAE;UACLC,UAAU,EAAE;YACRX,KAAK,EAAE;cAAEC,IAAI,EAAE;YAAM;UACzB;QACJ;MACJ;IACJ,CAAC;IAED;AACJ;AACA;IACcW,eAAe,WAAAC,iBAACC,GAAY,EAAQ;MAC1C,IAAI,CAACC,WAAW,CAAC,OAAO,EAAED,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;MACtC,IAAI,CAACE,SAAS,CAAC,SAAS,EAAE;QAAEhB,KAAK,EAAEc;MAAI,CAAC,CAAC;IAC7C,CAAC;IAOD;AACJ;AACA;IACcG,aAAa,WAAAC,eAACC,EAAiB,EAAEC,OAA4B,EAAQ;MAC3E;IAAA;EACH;EAAA,OAzCgB1B,mBAAmB;AAAA","ignoreList":[]}
+{"version":3,"file":"BaseHardwareControl-dbg.js","names":["BaseHardwareControlRenderer","_interopRequireDefault","__BaseHardwareControlRenderer","BaseHardwareControl","Control","extend","renderer","metadata","properties","value","type","defaultValue","schemaMetadata","readOnly","aggregations","_content","multiple","visibility","events","capture","parameters","setValueAndFire","_setValueAndFire","val","setProperty","fireEvent","renderContent","_renderContent","rm","control"],"sources":["BaseHardwareControl.ts"],"sourcesContent":["/**\n * @file BaseHardwareControl.ts\n * @description Foundational UI5 Custom Control for hardware plugins.\n * Exposes a standard 'value' property for pure two-way data binding.\n * \n */\n\nimport Control from \"sap/ui/core/Control\";\nimport RenderManager from \"sap/ui/core/RenderManager\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport BaseHardwareControlRenderer from \"./BaseHardwareControlRenderer\";\n\n/**\n * @namespace nz.co.siliconst.ui5.metaui.controls\n */\nexport default class BaseHardwareControl extends Control {\n    static readonly metadata = {\n        properties: {\n            /** The raw data value. Two-way bound to the model. */\n            value: { type: \"any\", defaultValue: null },\n            /** The schema metadata for rendering dynamic hints (like labels/readOnly) */\n            schemaMetadata: { type: \"object\", defaultValue: null },\n            /** Indicates if the control should be in a read-only state */\n            readOnly: { type: \"boolean\", defaultValue: false }\n        },\n        aggregations: {\n            _content: { type: \"sap.m.VBox\", multiple: false, visibility: \"hidden\" }\n        },\n        events: {\n            /** Fired when the hardware successfully captures a value */\n            capture: {\n                parameters: {\n                    value: { type: \"any\" }\n                }\n            }\n        }\n    };\n\n    /**\n     * Updates the bound value and fires the capture event.\n     */\n    public setValueAndFire(val: unknown): void {\n        this.setProperty(\"value\", val, true); // true to suppress re-rendering if desired, but we want the binding to update\n        this.fireEvent(\"capture\", { value: val });\n    }\n\n    /**\n     * Common renderer for all hardware controls\n     */\n    static readonly renderer = BaseHardwareControlRenderer;\n\n    /**\n     * Abstract hook for subclasses to render their specific DOM/Controls.\n     */\n    public renderContent(rm: RenderManager, control: BaseHardwareControl): void {\n        // To be overridden by hardware implementations\n    }\n}\n"],"mappings":";;;;;;QAUOA,2BAA2B,GAAAC,sBAAA,CAAAC,6BAAA;EAElC;AACA;AACA;EAFA,MAGqBC,mBAAmB,GAASC,OAAO,CAAAC,MAAA;IA+BpD;AACJ;AACA;IACoBC,QAAQ,EAAGN,2BAA2B;IAjCtCO,QAAQ,EAAG;MACvBC,UAAU,EAAE;QACR;QACAC,KAAK,EAAE;UAAEC,IAAI,EAAE,KAAK;UAAEC,YAAY,EAAE;QAAK,CAAC;QAC1C;QACAC,cAAc,EAAE;UAAEF,IAAI,EAAE,QAAQ;UAAEC,YAAY,EAAE;QAAK,CAAC;QACtD;QACAE,QAAQ,EAAE;UAAEH,IAAI,EAAE,SAAS;UAAEC,YAAY,EAAE;QAAM;MACrD,CAAC;MACDG,YAAY,EAAE;QACVC,QAAQ,EAAE;UAAEL,IAAI,EAAE,YAAY;UAAEM,QAAQ,EAAE,KAAK;UAAEC,UAAU,EAAE;QAAS;MAC1E,CAAC;MACDC,MAAM,EAAE;QACJ;QACAC,OAAO,EAAE;UACLC,UAAU,EAAE;YACRX,KAAK,EAAE;cAAEC,IAAI,EAAE;YAAM;UACzB;QACJ;MACJ;IACJ,CAAC;IAED;AACJ;AACA;IACWW,eAAe,WAAAC,iBAACC,GAAY,EAAQ;MACvC,IAAI,CAACC,WAAW,CAAC,OAAO,EAAED,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;MACtC,IAAI,CAACE,SAAS,CAAC,SAAS,EAAE;QAAEhB,KAAK,EAAEc;MAAI,CAAC,CAAC;IAC7C,CAAC;IAOD;AACJ;AACA;IACWG,aAAa,WAAAC,eAACC,EAAiB,EAAEC,OAA4B,EAAQ;MACxE;IAAA;EACH;EAAA,OAzCgB1B,mBAAmB;AAAA","ignoreList":[]}

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

@@ -50,7 +50,7 @@ declare module "nz/co/siliconst/ui5/metaui/controls/BaseHardwareControl" {
         /**
          * Updates the bound value and fires the capture event.
          */
-        protected setValueAndFire(val: unknown): void;
+        setValueAndFire(val: unknown): void;
         /**
          * Common renderer for all hardware controls
          */
@@ -61,7 +61,7 @@ declare module "nz/co/siliconst/ui5/metaui/controls/BaseHardwareControl" {
         /**
          * Abstract hook for subclasses to render their specific DOM/Controls.
          */
-        protected renderContent(rm: RenderManager, control: BaseHardwareControl): void;
+        renderContent(rm: RenderManager, control: BaseHardwareControl): void;
     }
 }
 //# sourceMappingURL=BaseHardwareControl.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BaseHardwareControl.d.ts","sourceRoot":"../../../../../../../..","sources":["src/nz/co/siliconst/ui5/metaui/controls/BaseHardwareControl.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,yDAAyD,CAAC;IACzE;;;;;OAKG;IAEH,OAAO,OAAO,MAAM,qBAAqB,CAAC;IAC1C,OAAO,aAAa,MAAM,2BAA2B,CAAC;IAItD;;OAEG;IACH,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,OAAO;QACpD,MAAM,CAAC,QAAQ,CAAC,QAAQ;;gBAEhB,sDAAsD;;;;;gBAEtD,6EAA6E;;;;;gBAE7E,8DAA8D;;;;;;;;;;;;;;gBAO9D,4DAA4D;;;;;;;;;UAOlE;QAEF;;WAEG;QACH,SAAS,CAAC,eAAe,CAAC,GAAG,EAAE,OAAO,GAAG,IAAI;QAK7C;;WAEG;QACH,MAAM,CAAC,QAAQ,CAAC,QAAQ;;;UAA+B;QAEvD;;WAEG;QACH,SAAS,CAAC,aAAa,CAAC,EAAE,EAAE,aAAa,EAAE,OAAO,EAAE,mBAAmB,GAAG,IAAI;KAGjF;CAEA"}
+{"version":3,"file":"BaseHardwareControl.d.ts","sourceRoot":"../../../../../../../..","sources":["src/nz/co/siliconst/ui5/metaui/controls/BaseHardwareControl.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,yDAAyD,CAAC;IACzE;;;;;OAKG;IAEH,OAAO,OAAO,MAAM,qBAAqB,CAAC;IAC1C,OAAO,aAAa,MAAM,2BAA2B,CAAC;IAItD;;OAEG;IACH,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,OAAO;QACpD,MAAM,CAAC,QAAQ,CAAC,QAAQ;;gBAEhB,sDAAsD;;;;;gBAEtD,6EAA6E;;;;;gBAE7E,8DAA8D;;;;;;;;;;;;;;gBAO9D,4DAA4D;;;;;;;;;UAOlE;QAEF;;WAEG;QACI,eAAe,CAAC,GAAG,EAAE,OAAO,GAAG,IAAI;QAK1C;;WAEG;QACH,MAAM,CAAC,QAAQ,CAAC,QAAQ;;;UAA+B;QAEvD;;WAEG;QACI,aAAa,CAAC,EAAE,EAAE,aAAa,EAAE,OAAO,EAAE,mBAAmB,GAAG,IAAI;KAG9E;CAEA"}

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

@@ -1 +1 @@
-{"version":3,"file":"BaseHardwareControl.js","names":["BaseHardwareControlRenderer","_interopRequireDefault","__BaseHardwareControlRenderer","BaseHardwareControl","Control","extend","renderer","metadata","properties","value","type","defaultValue","schemaMetadata","readOnly","aggregations","_content","multiple","visibility","events","capture","parameters","setValueAndFire","_setValueAndFire","val","this","setProperty","fireEvent","renderContent","_renderContent","rm","control"],"sources":["BaseHardwareControl.ts"],"sourcesContent":["/**\n * @file BaseHardwareControl.ts\n * @description Foundational UI5 Custom Control for hardware plugins.\n * Exposes a standard 'value' property for pure two-way data binding.\n * \n */\n\nimport Control from \"sap/ui/core/Control\";\nimport RenderManager from \"sap/ui/core/RenderManager\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport BaseHardwareControlRenderer from \"./BaseHardwareControlRenderer\";\n\n/**\n * @namespace nz.co.siliconst.ui5.metaui.controls\n */\nexport default class BaseHardwareControl extends Control {\n    static readonly metadata = {\n        properties: {\n            /** The raw data value. Two-way bound to the model. */\n            value: { type: \"any\", defaultValue: null },\n            /** The schema metadata for rendering dynamic hints (like labels/readOnly) */\n            schemaMetadata: { type: \"object\", defaultValue: null },\n            /** Indicates if the control should be in a read-only state */\n            readOnly: { type: \"boolean\", defaultValue: false }\n        },\n        aggregations: {\n            _content: { type: \"sap.m.VBox\", multiple: false, visibility: \"hidden\" }\n        },\n        events: {\n            /** Fired when the hardware successfully captures a value */\n            capture: {\n                parameters: {\n                    value: { type: \"any\" }\n                }\n            }\n        }\n    };\n\n    /**\n     * Updates the bound value and fires the capture event.\n     */\n    protected setValueAndFire(val: unknown): void {\n        this.setProperty(\"value\", val, true); // true to suppress re-rendering if desired, but we want the binding to update\n        this.fireEvent(\"capture\", { value: val });\n    }\n\n    /**\n     * Common renderer for all hardware controls\n     */\n    static readonly renderer = BaseHardwareControlRenderer;\n\n    /**\n     * Abstract hook for subclasses to render their specific DOM/Controls.\n     */\n    protected renderContent(rm: RenderManager, control: BaseHardwareControl): void {\n        // To be overridden by hardware implementations\n    }\n}\n"],"mappings":"wLAUOA,EAA2BC,EAAAC,GAElC,MAGqBC,EAA4BC,EAAOC,OAAA,2DAkCpCC,SAAWN,EAjCXO,SAAW,CACvBC,WAAY,CAERC,MAAO,CAAEC,KAAM,MAAOC,aAAc,MAEpCC,eAAgB,CAAEF,KAAM,SAAUC,aAAc,MAEhDE,SAAU,CAAEH,KAAM,UAAWC,aAAc,QAE/CG,aAAc,CACVC,SAAU,CAAEL,KAAM,aAAcM,SAAU,MAAOC,WAAY,WAEjEC,OAAQ,CAEJC,QAAS,CACLC,WAAY,CACRX,MAAO,CAAEC,KAAM,WASrBW,gBAAe,SAAAC,EAACC,GACtBC,KAAKC,YAAY,QAASF,EAAK,MAC/BC,KAAKE,UAAU,UAAW,CAAEjB,MAAOc,GACvC,EAUUI,cAAa,SAAAC,EAACC,EAAmBC,GACvC,IACH,OAzCgB3B,CAAmB","ignoreList":[]}
+{"version":3,"file":"BaseHardwareControl.js","names":["BaseHardwareControlRenderer","_interopRequireDefault","__BaseHardwareControlRenderer","BaseHardwareControl","Control","extend","renderer","metadata","properties","value","type","defaultValue","schemaMetadata","readOnly","aggregations","_content","multiple","visibility","events","capture","parameters","setValueAndFire","_setValueAndFire","val","this","setProperty","fireEvent","renderContent","_renderContent","rm","control"],"sources":["BaseHardwareControl.ts"],"sourcesContent":["/**\n * @file BaseHardwareControl.ts\n * @description Foundational UI5 Custom Control for hardware plugins.\n * Exposes a standard 'value' property for pure two-way data binding.\n * \n */\n\nimport Control from \"sap/ui/core/Control\";\nimport RenderManager from \"sap/ui/core/RenderManager\";\nimport { IPropertyMetadata } from \"../../interfaces/ISchema\";\nimport BaseHardwareControlRenderer from \"./BaseHardwareControlRenderer\";\n\n/**\n * @namespace nz.co.siliconst.ui5.metaui.controls\n */\nexport default class BaseHardwareControl extends Control {\n    static readonly metadata = {\n        properties: {\n            /** The raw data value. Two-way bound to the model. */\n            value: { type: \"any\", defaultValue: null },\n            /** The schema metadata for rendering dynamic hints (like labels/readOnly) */\n            schemaMetadata: { type: \"object\", defaultValue: null },\n            /** Indicates if the control should be in a read-only state */\n            readOnly: { type: \"boolean\", defaultValue: false }\n        },\n        aggregations: {\n            _content: { type: \"sap.m.VBox\", multiple: false, visibility: \"hidden\" }\n        },\n        events: {\n            /** Fired when the hardware successfully captures a value */\n            capture: {\n                parameters: {\n                    value: { type: \"any\" }\n                }\n            }\n        }\n    };\n\n    /**\n     * Updates the bound value and fires the capture event.\n     */\n    public setValueAndFire(val: unknown): void {\n        this.setProperty(\"value\", val, true); // true to suppress re-rendering if desired, but we want the binding to update\n        this.fireEvent(\"capture\", { value: val });\n    }\n\n    /**\n     * Common renderer for all hardware controls\n     */\n    static readonly renderer = BaseHardwareControlRenderer;\n\n    /**\n     * Abstract hook for subclasses to render their specific DOM/Controls.\n     */\n    public renderContent(rm: RenderManager, control: BaseHardwareControl): void {\n        // To be overridden by hardware implementations\n    }\n}\n"],"mappings":"wLAUOA,EAA2BC,EAAAC,GAElC,MAGqBC,EAA4BC,EAAOC,OAAA,2DAkCpCC,SAAWN,EAjCXO,SAAW,CACvBC,WAAY,CAERC,MAAO,CAAEC,KAAM,MAAOC,aAAc,MAEpCC,eAAgB,CAAEF,KAAM,SAAUC,aAAc,MAEhDE,SAAU,CAAEH,KAAM,UAAWC,aAAc,QAE/CG,aAAc,CACVC,SAAU,CAAEL,KAAM,aAAcM,SAAU,MAAOC,WAAY,WAEjEC,OAAQ,CAEJC,QAAS,CACLC,WAAY,CACRX,MAAO,CAAEC,KAAM,WASxBW,gBAAe,SAAAC,EAACC,GACnBC,KAAKC,YAAY,QAASF,EAAK,MAC/BC,KAAKE,UAAU,UAAW,CAAEjB,MAAOc,GACvC,EAUOI,cAAa,SAAAC,EAACC,EAAmBC,GACpC,IACH,OAzCgB3B,CAAmB","ignoreList":[]}

package/src/nz/co/siliconst/ui5/metaui/controls/BaseHardwareControl.ts

@@ -39,7 +39,7 @@ export default class BaseHardwareControl extends Control {
     /**
      * Updates the bound value and fires the capture event.
      */
-    protected setValueAndFire(val: unknown): void {
+    public setValueAndFire(val: unknown): void {
         this.setProperty("value", val, true); // true to suppress re-rendering if desired, but we want the binding to update
         this.fireEvent("capture", { value: val });
     }
@@ -52,7 +52,7 @@ export default class BaseHardwareControl extends Control {
     /**
      * Abstract hook for subclasses to render their specific DOM/Controls.
      */
-    protected renderContent(rm: RenderManager, control: BaseHardwareControl): void {
+    public renderContent(rm: RenderManager, control: BaseHardwareControl): void {
         // To be overridden by hardware implementations
     }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"BaseHardwareControlRenderer-dbg.js","names":["__exports","apiVersion","render","rm","control","openStart","class","openEnd","content","getAggregation","renderControl","renderContent","close"],"sources":["BaseHardwareControlRenderer.ts"],"sourcesContent":["/**\n * @file BaseHardwareControlRenderer.ts\n * @description Standard renderer for all MetaUI hardware controls.\n * \n * @namespace nz.co.siliconst.ui5.metaui.controls\n */\nimport RenderManager from \"sap/ui/core/RenderManager\";\nimport BaseHardwareControl from \"./BaseHardwareControl\";\n\nexport default {\n    apiVersion: 2,\n    render: function (rm: RenderManager, control: BaseHardwareControl) {\n        rm.openStart(\"div\", control);\n        rm.class(\"sapUiSmallMarginBottom\");\n        rm.openEnd();\n        \n        const content = control.getAggregation(\"_content\") as sap.ui.core.Control;\n        if (content) {\n            rm.renderControl(content);\n        }\n        \n        if (typeof (control as unknown).renderContent === \"function\") {\n            (control as unknown).renderContent(rm, control);\n        }\n        \n        rm.close(\"div\");\n    }\n};\n"],"mappings":";;;EAAA;AACA;AACA;AACA;AACA;AACA;EALA,IAAAA,SAAA,GASe;IACXC,UAAU,EAAE,CAAC;IACbC,MAAM,EAAE,SAAAA,CAAUC,EAAiB,EAAEC,OAA4B,EAAE;MAC/DD,EAAE,CAACE,SAAS,CAAC,KAAK,EAAED,OAAO,CAAC;MAC5BD,EAAE,CAACG,KAAK,CAAC,wBAAwB,CAAC;MAClCH,EAAE,CAACI,OAAO,CAAC,CAAC;MAEZ,MAAMC,OAAO,GAAGJ,OAAO,CAACK,cAAc,CAAC,UAAU,CAAwB;MACzE,IAAID,OAAO,EAAE;QACTL,EAAE,CAACO,aAAa,CAACF,OAAO,CAAC;MAC7B;MAEA,IAAI,OAAQJ,OAAO,CAAaO,aAAa,KAAK,UAAU,EAAE;QACzDP,OAAO,CAAaO,aAAa,CAACR,EAAE,EAAEC,OAAO,CAAC;MACnD;MAEAD,EAAE,CAACS,KAAK,CAAC,KAAK,CAAC;IACnB;EACJ,CAAC;EAAA,OAAAZ,SAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"BaseHardwareControlRenderer-dbg.js","names":["__exports","apiVersion","render","rm","control","openStart","class","openEnd","content","getAggregation","renderControl","renderContent","close"],"sources":["BaseHardwareControlRenderer.ts"],"sourcesContent":["/**\n * @file BaseHardwareControlRenderer.ts\n * @description Standard renderer for all MetaUI hardware controls.\n * \n * @namespace nz.co.siliconst.ui5.metaui.controls\n */\nimport RenderManager from \"sap/ui/core/RenderManager\";\nimport BaseHardwareControl from \"./BaseHardwareControl\";\n\nexport default {\n    apiVersion: 2,\n    render: function (rm: RenderManager, control: BaseHardwareControl) {\n        rm.openStart(\"div\", control);\n        rm.class(\"sapUiSmallMarginBottom\");\n        rm.openEnd();\n        \n        const content = control.getAggregation(\"_content\") as sap.ui.core.Control;\n        if (content) {\n            rm.renderControl(content);\n        }\n        \n        if (typeof control.renderContent === \"function\") {\n            control.renderContent(rm, control);\n        }\n        \n        rm.close(\"div\");\n    }\n};\n"],"mappings":";;;EAAA;AACA;AACA;AACA;AACA;AACA;EALA,IAAAA,SAAA,GASe;IACXC,UAAU,EAAE,CAAC;IACbC,MAAM,EAAE,SAAAA,CAAUC,EAAiB,EAAEC,OAA4B,EAAE;MAC/DD,EAAE,CAACE,SAAS,CAAC,KAAK,EAAED,OAAO,CAAC;MAC5BD,EAAE,CAACG,KAAK,CAAC,wBAAwB,CAAC;MAClCH,EAAE,CAACI,OAAO,CAAC,CAAC;MAEZ,MAAMC,OAAO,GAAGJ,OAAO,CAACK,cAAc,CAAC,UAAU,CAAwB;MACzE,IAAID,OAAO,EAAE;QACTL,EAAE,CAACO,aAAa,CAACF,OAAO,CAAC;MAC7B;MAEA,IAAI,OAAOJ,OAAO,CAACO,aAAa,KAAK,UAAU,EAAE;QAC7CP,OAAO,CAACO,aAAa,CAACR,EAAE,EAAEC,OAAO,CAAC;MACtC;MAEAD,EAAE,CAACS,KAAK,CAAC,KAAK,CAAC;IACnB;EACJ,CAAC;EAAA,OAAAZ,SAAA;AAAA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"BaseHardwareControlRenderer.js","names":["__exports","apiVersion","render","rm","control","openStart","class","openEnd","content","getAggregation","renderControl","renderContent","close"],"sources":["BaseHardwareControlRenderer.ts"],"sourcesContent":["/**\n * @file BaseHardwareControlRenderer.ts\n * @description Standard renderer for all MetaUI hardware controls.\n * \n * @namespace nz.co.siliconst.ui5.metaui.controls\n */\nimport RenderManager from \"sap/ui/core/RenderManager\";\nimport BaseHardwareControl from \"./BaseHardwareControl\";\n\nexport default {\n    apiVersion: 2,\n    render: function (rm: RenderManager, control: BaseHardwareControl) {\n        rm.openStart(\"div\", control);\n        rm.class(\"sapUiSmallMarginBottom\");\n        rm.openEnd();\n        \n        const content = control.getAggregation(\"_content\") as sap.ui.core.Control;\n        if (content) {\n            rm.renderControl(content);\n        }\n        \n        if (typeof (control as unknown).renderContent === \"function\") {\n            (control as unknown).renderContent(rm, control);\n        }\n        \n        rm.close(\"div\");\n    }\n};\n"],"mappings":"yCAAA,IAAAA,EASe,CACXC,WAAY,EACZC,OAAQ,SAAUC,EAAmBC,GACjCD,EAAGE,UAAU,MAAOD,GACpBD,EAAGG,MAAM,0BACTH,EAAGI,UAEH,MAAMC,EAAUJ,EAAQK,eAAe,YACvC,GAAID,EAAS,CACTL,EAAGO,cAAcF,EACrB,CAEA,UAAYJ,EAAoBO,gBAAkB,WAAY,CACzDP,EAAoBO,cAAcR,EAAIC,EAC3C,CAEAD,EAAGS,MAAM,MACb,GACH,OAAAZ,CAAA","ignoreList":[]}
+{"version":3,"file":"BaseHardwareControlRenderer.js","names":["__exports","apiVersion","render","rm","control","openStart","class","openEnd","content","getAggregation","renderControl","renderContent","close"],"sources":["BaseHardwareControlRenderer.ts"],"sourcesContent":["/**\n * @file BaseHardwareControlRenderer.ts\n * @description Standard renderer for all MetaUI hardware controls.\n * \n * @namespace nz.co.siliconst.ui5.metaui.controls\n */\nimport RenderManager from \"sap/ui/core/RenderManager\";\nimport BaseHardwareControl from \"./BaseHardwareControl\";\n\nexport default {\n    apiVersion: 2,\n    render: function (rm: RenderManager, control: BaseHardwareControl) {\n        rm.openStart(\"div\", control);\n        rm.class(\"sapUiSmallMarginBottom\");\n        rm.openEnd();\n        \n        const content = control.getAggregation(\"_content\") as sap.ui.core.Control;\n        if (content) {\n            rm.renderControl(content);\n        }\n        \n        if (typeof control.renderContent === \"function\") {\n            control.renderContent(rm, control);\n        }\n        \n        rm.close(\"div\");\n    }\n};\n"],"mappings":"yCAAA,IAAAA,EASe,CACXC,WAAY,EACZC,OAAQ,SAAUC,EAAmBC,GACjCD,EAAGE,UAAU,MAAOD,GACpBD,EAAGG,MAAM,0BACTH,EAAGI,UAEH,MAAMC,EAAUJ,EAAQK,eAAe,YACvC,GAAID,EAAS,CACTL,EAAGO,cAAcF,EACrB,CAEA,UAAWJ,EAAQO,gBAAkB,WAAY,CAC7CP,EAAQO,cAAcR,EAAIC,EAC9B,CAEAD,EAAGS,MAAM,MACb,GACH,OAAAZ,CAAA","ignoreList":[]}

package/src/nz/co/siliconst/ui5/metaui/controls/BaseHardwareControlRenderer.ts

@@ -19,8 +19,8 @@ export default {
             rm.renderControl(content);
         }
         
-        if (typeof (control as unknown).renderContent === "function") {
-            (control as unknown).renderContent(rm, control);
+        if (typeof control.renderContent === "function") {
+            control.renderContent(rm, control);
         }
         
         rm.close("div");

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

@@ -18,6 +18,10 @@ sap.ui.define(["./BaseHardwareControl", "sap/m/Button", "sap/m/VBox", "sap/ui/co
     };
     videoEl = null;
     mediaStream = null;
+
+    /**
+     * Initializes the control and builds the internal camera UI.
+     */
     init() {
       super.init();
       this.videoHtml = new HTML({
@@ -57,6 +61,8 @@ sap.ui.define(["./BaseHardwareControl", "sap/m/Button", "sap/m/VBox", "sap/ui/co
       const val = this.getValue();
       if (val && typeof val === "string" && val.startsWith("data:image")) {
         this.showPreview(val);
+      } else if (this.captureBtn.getVisible() && this.videoHtml.getVisible()) {
+        this.startCamera();
       }
     }
     handleStartCameraPress() {
@@ -109,8 +115,7 @@ sap.ui.define(["./BaseHardwareControl", "sap/m/Button", "sap/m/VBox", "sap/ui/co
       this.captureBtn.setVisible(true);
       this.retakeBtn.setVisible(false);
 
-      // Use a slight timeout to ensure DOM is ready before accessing stream again
-      setTimeout(() => this.startCamera(), 100);
+      // startCamera is now handled safely by onVideoRendered hook
     }
     showPreview(dataUrl) {
       this.stopCamera();
@@ -120,6 +125,11 @@ sap.ui.define(["./BaseHardwareControl", "sap/m/Button", "sap/m/VBox", "sap/ui/co
       this.captureBtn.setVisible(false);
       this.retakeBtn.setVisible(true);
     }
+
+    /**
+     * Sets the value of the control programmatically.
+     * @param value The base64 data URL string representing the image.
+     */
     setValue(value) {
       super.setValue(value);
       if (value && typeof value === "string" && value.startsWith("data:image")) {
@@ -132,6 +142,10 @@ sap.ui.define(["./BaseHardwareControl", "sap/m/Button", "sap/m/VBox", "sap/ui/co
       }
       return this;
     }
+
+    /**
+     * Cleans up the hardware streams when the control is destroyed.
+     */
     exit() {
       this.stopCamera();
       super.exit();

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

@@ -1 +1 @@
-{"version":3,"file":"CameraControl-dbg.js","names":["BaseHardwareControl","_interopRequireDefault","__BaseHardwareControl","Logger","___utils_Logger","CameraControl","renderer","metadata","properties","events","videoEl","mediaStream","init","videoHtml","HTML","content","afterRendering","onVideoRendered","bind","addStyleClass","previewImage","Image","width","visible","startBtn","Button","icon","text","press","handleStartCameraPress","captureBtn","captureImage","retakeBtn","retakeImage","vBox","VBox","items","setAggregation","domRef","getDomRef","val","getValue","startsWith","showPreview","startCamera","setVisible","style","display","navigator","mediaDevices","getUserMedia","video","facingMode","srcObject","err","error","message","MessageToast","show","stopCamera","getTracks","forEach","track","stop","canvas","document","createElement","videoWidth","height","videoHeight","ctx","getContext","drawImage","dataUrl","toDataURL","setValueAndFire","setTimeout","setSrc","setValue","value","getVisible","exit"],"sources":["CameraControl.ts"],"sourcesContent":["import BaseHardwareControl from \"./BaseHardwareControl\";\nimport Button from \"sap/m/Button\";\nimport VBox from \"sap/m/VBox\";\nimport HTML from \"sap/ui/core/HTML\";\nimport MessageToast from \"sap/m/MessageToast\";\nimport Image from \"sap/m/Image\";\nimport { Logger } from \"../utils/Logger\";\n\n/**\n * CameraControl\n * Provides a live video feed to capture photos.\n */\nexport default class CameraControl extends BaseHardwareControl {\n    static readonly renderer = \"nz.co.siliconst.ui5.metaui.controls.BaseHardwareControlRenderer\";\n    static readonly metadata = {\n        properties: {},\n        events: {}\n    };\n\n    private startBtn!: Button;\n    private vBox!: VBox;\n    private captureBtn!: Button;\n    private retakeBtn!: Button;\n    private videoHtml!: HTML;\n    private previewImage!: Image;\n    \n    private videoEl: HTMLVideoElement | null = null;\n    private mediaStream: MediaStream | null = null;\n\n    public init(): void {\n        super.init();\n\n        this.videoHtml = new HTML({\n            content: \"<video width='400' height='300' autoplay playsinline style='background-color: #000; display: none;'></video>\",\n            afterRendering: this.onVideoRendered.bind(this)\n        }).addStyleClass(\"sapUiSmallMarginBottom\");\n\n        this.previewImage = new Image({\n            width: \"400px\",\n            visible: false\n        }).addStyleClass(\"sapUiSmallMarginBottom\");\n\n        this.startBtn = new Button({\n            icon: \"sap-icon://video\",\n            text: \"Start Camera\",\n            press: this.handleStartCameraPress.bind(this)\n        });\n\n        this.captureBtn = new Button({\n            icon: \"sap-icon://camera\",\n            text: \"Capture\",\n            visible: false,\n            press: this.captureImage.bind(this)\n        });\n\n        this.retakeBtn = new Button({\n            icon: \"sap-icon://undo\",\n            text: \"Retake\",\n            visible: false,\n            press: this.retakeImage.bind(this)\n        });\n\n        this.vBox = new VBox({\n            items: [this.videoHtml, this.previewImage, this.startBtn, this.captureBtn, this.retakeBtn]\n        });\n\n        this.setAggregation(\"_content\", this.vBox);\n    }\n\n    private async onVideoRendered(): void {\n        const domRef = this.videoHtml.getDomRef() as HTMLElement;\n        if (!domRef) return;\n        \n        this.videoEl = domRef as HTMLVideoElement;\n        \n        const val = this.getValue();\n        if (val && typeof val === \"string\" && val.startsWith(\"data:image\")) {\n            this.showPreview(val);\n        }\n    }\n\n    private handleStartCameraPress(): void {\n        this.startCamera();\n        this.startBtn.setVisible(false);\n        this.captureBtn.setVisible(true);\n        if (this.videoEl) {\n            this.videoEl.style.display = \"block\";\n        }\n    }\n\n    private async startCamera(): Promise<void> {\n        try {\n            this.mediaStream = await navigator.mediaDevices.getUserMedia({ video: { facingMode: \"environment\" } });\n            if (this.videoEl) {\n                this.videoEl.srcObject = this.mediaStream;\n            }\n        } catch (err) {\n            Logger.error(\"Camera access denied or unavailable\", (err as Error).message, \"CameraControl\");\n            MessageToast.show(\"Camera access denied or unavailable.\");\n        }\n    }\n\n    private stopCamera(): void {\n        if (this.mediaStream) {\n            this.mediaStream.getTracks().forEach(track => track.stop());\n            this.mediaStream = null;\n        }\n    }\n\n    private captureImage(): void {\n        if (!this.videoEl) return;\n        \n        const canvas = document.createElement(\"canvas\");\n        canvas.width = this.videoEl.videoWidth || 400;\n        canvas.height = this.videoEl.videoHeight || 300;\n        \n        const ctx = canvas.getContext(\"2d\");\n        if (ctx) {\n            ctx.drawImage(this.videoEl, 0, 0, canvas.width, canvas.height);\n            const dataUrl = canvas.toDataURL(\"image/jpeg\", 0.8);\n            this.setValueAndFire(dataUrl);\n            this.showPreview(dataUrl);\n            MessageToast.show(\"Image captured successfully.\");\n        }\n    }\n\n    private retakeImage(): void {\n        this.setValueAndFire(null);\n        this.previewImage.setVisible(false);\n        this.videoHtml.setVisible(true);\n        this.captureBtn.setVisible(true);\n        this.retakeBtn.setVisible(false);\n        \n        // Use a slight timeout to ensure DOM is ready before accessing stream again\n        setTimeout(() => this.startCamera(), 100);\n    }\n\n    private showPreview(dataUrl: string): void {\n        this.stopCamera();\n        this.videoHtml.setVisible(false);\n        this.previewImage.setSrc(dataUrl);\n        this.previewImage.setVisible(true);\n        this.captureBtn.setVisible(false);\n        this.retakeBtn.setVisible(true);\n    }\n\n    public setValue(value: any): this {\n        super.setValue(value);\n        if (value && typeof value === \"string\" && value.startsWith(\"data:image\")) {\n            this.showPreview(value);\n        } else if (!value) {\n            // Only retake if we were showing a preview\n            if (this.previewImage.getVisible()) {\n                this.retakeImage();\n            }\n        }\n        return this;\n    }\n\n    public exit(): void {\n        this.stopCamera();\n        super.exit();\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CameraControl-dbg.js","names":["BaseHardwareControl","_interopRequireDefault","__BaseHardwareControl","Logger","___utils_Logger","CameraControl","renderer","metadata","properties","events","videoEl","mediaStream","init","videoHtml","HTML","content","afterRendering","onVideoRendered","bind","addStyleClass","previewImage","Image","width","visible","startBtn","Button","icon","text","press","handleStartCameraPress","captureBtn","captureImage","retakeBtn","retakeImage","vBox","VBox","items","setAggregation","domRef","getDomRef","val","getValue","startsWith","showPreview","getVisible","startCamera","setVisible","style","display","navigator","mediaDevices","getUserMedia","video","facingMode","srcObject","err","error","message","MessageToast","show","stopCamera","getTracks","forEach","track","stop","canvas","document","createElement","videoWidth","height","videoHeight","ctx","getContext","drawImage","dataUrl","toDataURL","setValueAndFire","setSrc","setValue","value","exit"],"sources":["CameraControl.ts"],"sourcesContent":["import BaseHardwareControl from \"./BaseHardwareControl\";\nimport Button from \"sap/m/Button\";\nimport VBox from \"sap/m/VBox\";\nimport HTML from \"sap/ui/core/HTML\";\nimport MessageToast from \"sap/m/MessageToast\";\nimport Image from \"sap/m/Image\";\nimport { Logger } from \"../utils/Logger\";\n\n/**\n * CameraControl\n * Provides a live video feed to capture photos.\n */\nexport default class CameraControl extends BaseHardwareControl {\n    static readonly renderer = \"nz.co.siliconst.ui5.metaui.controls.BaseHardwareControlRenderer\";\n    static readonly metadata = {\n        properties: {},\n        events: {}\n    };\n\n    private startBtn!: Button;\n    private vBox!: VBox;\n    private captureBtn!: Button;\n    private retakeBtn!: Button;\n    private videoHtml!: HTML;\n    private previewImage!: Image;\n    \n    private videoEl: HTMLVideoElement | null = null;\n    private mediaStream: MediaStream | null = null;\n\n    /**\n     * Initializes the control and builds the internal camera UI.\n     */\n    public init(): void {\n        super.init();\n\n        this.videoHtml = new HTML({\n            content: \"<video width='400' height='300' autoplay playsinline style='background-color: #000; display: none;'></video>\",\n            afterRendering: this.onVideoRendered.bind(this)\n        }).addStyleClass(\"sapUiSmallMarginBottom\");\n\n        this.previewImage = new Image({\n            width: \"400px\",\n            visible: false\n        }).addStyleClass(\"sapUiSmallMarginBottom\");\n\n        this.startBtn = new Button({\n            icon: \"sap-icon://video\",\n            text: \"Start Camera\",\n            press: this.handleStartCameraPress.bind(this)\n        });\n\n        this.captureBtn = new Button({\n            icon: \"sap-icon://camera\",\n            text: \"Capture\",\n            visible: false,\n            press: this.captureImage.bind(this)\n        });\n\n        this.retakeBtn = new Button({\n            icon: \"sap-icon://undo\",\n            text: \"Retake\",\n            visible: false,\n            press: this.retakeImage.bind(this)\n        });\n\n        this.vBox = new VBox({\n            items: [this.videoHtml, this.previewImage, this.startBtn, this.captureBtn, this.retakeBtn]\n        });\n\n        this.setAggregation(\"_content\", this.vBox);\n    }\n\n    private async onVideoRendered(): void {\n        const domRef = this.videoHtml.getDomRef() as HTMLElement;\n        if (!domRef) return;\n        \n        this.videoEl = domRef as HTMLVideoElement;\n        \n        const val = this.getValue();\n        if (val && typeof val === \"string\" && val.startsWith(\"data:image\")) {\n            this.showPreview(val);\n        } else if (this.captureBtn.getVisible() && this.videoHtml.getVisible()) {\n            this.startCamera();\n        }\n    }\n\n    private handleStartCameraPress(): void {\n        this.startCamera();\n        this.startBtn.setVisible(false);\n        this.captureBtn.setVisible(true);\n        if (this.videoEl) {\n            this.videoEl.style.display = \"block\";\n        }\n    }\n\n    private async startCamera(): Promise<void> {\n        try {\n            this.mediaStream = await navigator.mediaDevices.getUserMedia({ video: { facingMode: \"environment\" } });\n            if (this.videoEl) {\n                this.videoEl.srcObject = this.mediaStream;\n            }\n        } catch (err) {\n            Logger.error(\"Camera access denied or unavailable\", (err as Error).message, \"CameraControl\");\n            MessageToast.show(\"Camera access denied or unavailable.\");\n        }\n    }\n\n    private stopCamera(): void {\n        if (this.mediaStream) {\n            this.mediaStream.getTracks().forEach(track => track.stop());\n            this.mediaStream = null;\n        }\n    }\n\n    private captureImage(): void {\n        if (!this.videoEl) return;\n        \n        const canvas = document.createElement(\"canvas\");\n        canvas.width = this.videoEl.videoWidth || 400;\n        canvas.height = this.videoEl.videoHeight || 300;\n        \n        const ctx = canvas.getContext(\"2d\");\n        if (ctx) {\n            ctx.drawImage(this.videoEl, 0, 0, canvas.width, canvas.height);\n            const dataUrl = canvas.toDataURL(\"image/jpeg\", 0.8);\n            this.setValueAndFire(dataUrl);\n            this.showPreview(dataUrl);\n            MessageToast.show(\"Image captured successfully.\");\n        }\n    }\n\n    private retakeImage(): void {\n        this.setValueAndFire(null);\n        this.previewImage.setVisible(false);\n        this.videoHtml.setVisible(true);\n        this.captureBtn.setVisible(true);\n        this.retakeBtn.setVisible(false);\n        \n        // startCamera is now handled safely by onVideoRendered hook\n    }\n\n    private showPreview(dataUrl: string): void {\n        this.stopCamera();\n        this.videoHtml.setVisible(false);\n        this.previewImage.setSrc(dataUrl);\n        this.previewImage.setVisible(true);\n        this.captureBtn.setVisible(false);\n        this.retakeBtn.setVisible(true);\n    }\n\n    /**\n     * Sets the value of the control programmatically.\n     * @param value The base64 data URL string representing the image.\n     */\n     public setValue(value: unknown): this {\n        super.setValue(value);\n        if (value && typeof value === \"string\" && value.startsWith(\"data:image\")) {\n            this.showPreview(value);\n        } else if (!value) {\n            // Only retake if we were showing a preview\n            if (this.previewImage.getVisible()) {\n                this.retakeImage();\n            }\n        }\n        return this;\n    }\n\n    /**\n     * Cleans up the hardware streams when the control is destroyed.\n     */\n    public exit(): void {\n        this.stopCamera();\n        super.exit();\n    }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -18,6 +18,9 @@ declare module "nz/co/siliconst/ui5/metaui/controls/CameraControl" {
         private previewImage;
         private videoEl;
         private mediaStream;
+        /**
+         * Initializes the control and builds the internal camera UI.
+         */
         init(): void;
         private onVideoRendered;
         private handleStartCameraPress;
@@ -26,7 +29,14 @@ declare module "nz/co/siliconst/ui5/metaui/controls/CameraControl" {
         private captureImage;
         private retakeImage;
         private showPreview;
-        setValue(value: any): this;
+        /**
+         * Sets the value of the control programmatically.
+         * @param value The base64 data URL string representing the image.
+         */
+        setValue(value: unknown): this;
+        /**
+         * Cleans up the hardware streams when the control is destroyed.
+         */
         exit(): void;
     }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"CameraControl.d.ts","sourceRoot":"../../../../../../../..","sources":["src/nz/co/siliconst/ui5/metaui/controls/CameraControl.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,mDAAmD,CAAC;IACnE,OAAO,mBAAmB,MAAM,yDAAyD,CAAC;IAQ1F;;;OAGG;IACH,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,mBAAmB;QAC1D,MAAM,CAAC,QAAQ,CAAC,QAAQ,qEAAqE;QAC7F,MAAM,CAAC,QAAQ,CAAC,QAAQ;;;UAGtB;QAEF,OAAO,CAAC,QAAQ,CAAU;QAC1B,OAAO,CAAC,IAAI,CAAQ;QACpB,OAAO,CAAC,UAAU,CAAU;QAC5B,OAAO,CAAC,SAAS,CAAU;QAC3B,OAAO,CAAC,SAAS,CAAQ;QACzB,OAAO,CAAC,YAAY,CAAS;QAE7B,OAAO,CAAC,OAAO,CAAiC;QAChD,OAAO,CAAC,WAAW,CAA4B;QAExC,IAAI,IAAI,IAAI;gBAwCL,eAAe;QAY7B,OAAO,CAAC,sBAAsB;gBAShB,WAAW;QAYzB,OAAO,CAAC,UAAU;QAOlB,OAAO,CAAC,YAAY;QAiBpB,OAAO,CAAC,WAAW;QAWnB,OAAO,CAAC,WAAW;QASZ,QAAQ,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;QAa1B,IAAI,IAAI,IAAI;KAItB;CAEA"}
+{"version":3,"file":"CameraControl.d.ts","sourceRoot":"../../../../../../../..","sources":["src/nz/co/siliconst/ui5/metaui/controls/CameraControl.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,mDAAmD,CAAC;IACnE,OAAO,mBAAmB,MAAM,yDAAyD,CAAC;IAQ1F;;;OAGG;IACH,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,mBAAmB;QAC1D,MAAM,CAAC,QAAQ,CAAC,QAAQ,qEAAqE;QAC7F,MAAM,CAAC,QAAQ,CAAC,QAAQ;;;UAGtB;QAEF,OAAO,CAAC,QAAQ,CAAU;QAC1B,OAAO,CAAC,IAAI,CAAQ;QACpB,OAAO,CAAC,UAAU,CAAU;QAC5B,OAAO,CAAC,SAAS,CAAU;QAC3B,OAAO,CAAC,SAAS,CAAQ;QACzB,OAAO,CAAC,YAAY,CAAS;QAE7B,OAAO,CAAC,OAAO,CAAiC;QAChD,OAAO,CAAC,WAAW,CAA4B;QAE/C;;WAEG;QACI,IAAI,IAAI,IAAI;gBAwCL,eAAe;QAc7B,OAAO,CAAC,sBAAsB;gBAShB,WAAW;QAYzB,OAAO,CAAC,UAAU;QAOlB,OAAO,CAAC,YAAY;QAiBpB,OAAO,CAAC,WAAW;QAUnB,OAAO,CAAC,WAAW;QASnB;;;WAGG;QACK,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;QAatC;;WAEG;QACI,IAAI,IAAI,IAAI;KAItB;CAEA"}

package/src/nz/co/siliconst/ui5/metaui/controls/CameraControl.js

@@ -1,2 +1,2 @@
-sap.ui.define(["./BaseHardwareControl","sap/m/Button","sap/m/VBox","sap/ui/core/HTML","sap/m/MessageToast","sap/m/Image","../utils/Logger"],function(e,t,i,s,a,r,n){"use strict";function o(e){return e&&e.__esModule&&typeof e.default!=="undefined"?e.default:e}const l=o(e);const h=n["Logger"];class d extends l{static renderer="nz.co.siliconst.ui5.metaui.controls.BaseHardwareControlRenderer";static metadata={properties:{},events:{}};videoEl=null;mediaStream=null;init(){super.init();this.videoHtml=new s({content:"<video width='400' height='300' autoplay playsinline style='background-color: #000; display: none;'></video>",afterRendering:this.onVideoRendered.bind(this)}).addStyleClass("sapUiSmallMarginBottom");this.previewImage=new r({width:"400px",visible:false}).addStyleClass("sapUiSmallMarginBottom");this.startBtn=new t({icon:"sap-icon://video",text:"Start Camera",press:this.handleStartCameraPress.bind(this)});this.captureBtn=new t({icon:"sap-icon://camera",text:"Capture",visible:false,press:this.captureImage.bind(this)});this.retakeBtn=new t({icon:"sap-icon://undo",text:"Retake",visible:false,press:this.retakeImage.bind(this)});this.vBox=new i({items:[this.videoHtml,this.previewImage,this.startBtn,this.captureBtn,this.retakeBtn]});this.setAggregation("_content",this.vBox)}async onVideoRendered(){const e=this.videoHtml.getDomRef();if(!e)return;this.videoEl=e;const t=this.getValue();if(t&&typeof t==="string"&&t.startsWith("data:image")){this.showPreview(t)}}handleStartCameraPress(){this.startCamera();this.startBtn.setVisible(false);this.captureBtn.setVisible(true);if(this.videoEl){this.videoEl.style.display="block"}}async startCamera(){try{this.mediaStream=await navigator.mediaDevices.getUserMedia({video:{facingMode:"environment"}});if(this.videoEl){this.videoEl.srcObject=this.mediaStream}}catch(e){h.error("Camera access denied or unavailable",e.message,"CameraControl");a.show("Camera access denied or unavailable.")}}stopCamera(){if(this.mediaStream){this.mediaStream.getTracks().forEach(e=>e.stop());this.mediaStream=null}}captureImage(){if(!this.videoEl)return;const e=document.createElement("canvas");e.width=this.videoEl.videoWidth||400;e.height=this.videoEl.videoHeight||300;const t=e.getContext("2d");if(t){t.drawImage(this.videoEl,0,0,e.width,e.height);const i=e.toDataURL("image/jpeg",.8);this.setValueAndFire(i);this.showPreview(i);a.show("Image captured successfully.")}}retakeImage(){this.setValueAndFire(null);this.previewImage.setVisible(false);this.videoHtml.setVisible(true);this.captureBtn.setVisible(true);this.retakeBtn.setVisible(false);setTimeout(()=>this.startCamera(),100)}showPreview(e){this.stopCamera();this.videoHtml.setVisible(false);this.previewImage.setSrc(e);this.previewImage.setVisible(true);this.captureBtn.setVisible(false);this.retakeBtn.setVisible(true)}setValue(e){super.setValue(e);if(e&&typeof e==="string"&&e.startsWith("data:image")){this.showPreview(e)}else if(!e){if(this.previewImage.getVisible()){this.retakeImage()}}return this}exit(){this.stopCamera();super.exit()}}return d});
+sap.ui.define(["./BaseHardwareControl","sap/m/Button","sap/m/VBox","sap/ui/core/HTML","sap/m/MessageToast","sap/m/Image","../utils/Logger"],function(e,t,i,s,a,r,n){"use strict";function o(e){return e&&e.__esModule&&typeof e.default!=="undefined"?e.default:e}const l=o(e);const h=n["Logger"];class d extends l{static renderer="nz.co.siliconst.ui5.metaui.controls.BaseHardwareControlRenderer";static metadata={properties:{},events:{}};videoEl=null;mediaStream=null;init(){super.init();this.videoHtml=new s({content:"<video width='400' height='300' autoplay playsinline style='background-color: #000; display: none;'></video>",afterRendering:this.onVideoRendered.bind(this)}).addStyleClass("sapUiSmallMarginBottom");this.previewImage=new r({width:"400px",visible:false}).addStyleClass("sapUiSmallMarginBottom");this.startBtn=new t({icon:"sap-icon://video",text:"Start Camera",press:this.handleStartCameraPress.bind(this)});this.captureBtn=new t({icon:"sap-icon://camera",text:"Capture",visible:false,press:this.captureImage.bind(this)});this.retakeBtn=new t({icon:"sap-icon://undo",text:"Retake",visible:false,press:this.retakeImage.bind(this)});this.vBox=new i({items:[this.videoHtml,this.previewImage,this.startBtn,this.captureBtn,this.retakeBtn]});this.setAggregation("_content",this.vBox)}async onVideoRendered(){const e=this.videoHtml.getDomRef();if(!e)return;this.videoEl=e;const t=this.getValue();if(t&&typeof t==="string"&&t.startsWith("data:image")){this.showPreview(t)}else if(this.captureBtn.getVisible()&&this.videoHtml.getVisible()){this.startCamera()}}handleStartCameraPress(){this.startCamera();this.startBtn.setVisible(false);this.captureBtn.setVisible(true);if(this.videoEl){this.videoEl.style.display="block"}}async startCamera(){try{this.mediaStream=await navigator.mediaDevices.getUserMedia({video:{facingMode:"environment"}});if(this.videoEl){this.videoEl.srcObject=this.mediaStream}}catch(e){h.error("Camera access denied or unavailable",e.message,"CameraControl");a.show("Camera access denied or unavailable.")}}stopCamera(){if(this.mediaStream){this.mediaStream.getTracks().forEach(e=>e.stop());this.mediaStream=null}}captureImage(){if(!this.videoEl)return;const e=document.createElement("canvas");e.width=this.videoEl.videoWidth||400;e.height=this.videoEl.videoHeight||300;const t=e.getContext("2d");if(t){t.drawImage(this.videoEl,0,0,e.width,e.height);const i=e.toDataURL("image/jpeg",.8);this.setValueAndFire(i);this.showPreview(i);a.show("Image captured successfully.")}}retakeImage(){this.setValueAndFire(null);this.previewImage.setVisible(false);this.videoHtml.setVisible(true);this.captureBtn.setVisible(true);this.retakeBtn.setVisible(false)}showPreview(e){this.stopCamera();this.videoHtml.setVisible(false);this.previewImage.setSrc(e);this.previewImage.setVisible(true);this.captureBtn.setVisible(false);this.retakeBtn.setVisible(true)}setValue(e){super.setValue(e);if(e&&typeof e==="string"&&e.startsWith("data:image")){this.showPreview(e)}else if(!e){if(this.previewImage.getVisible()){this.retakeImage()}}return this}exit(){this.stopCamera();super.exit()}}return d});
 //# sourceMappingURL=CameraControl.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CameraControl.js","names":["BaseHardwareControl","_interopRequireDefault","__BaseHardwareControl","Logger","___utils_Logger","CameraControl","static","properties","events","videoEl","mediaStream","init","super","this","videoHtml","HTML","content","afterRendering","onVideoRendered","bind","addStyleClass","previewImage","Image","width","visible","startBtn","Button","icon","text","press","handleStartCameraPress","captureBtn","captureImage","retakeBtn","retakeImage","vBox","VBox","items","setAggregation","domRef","getDomRef","val","getValue","startsWith","showPreview","startCamera","setVisible","style","display","navigator","mediaDevices","getUserMedia","video","facingMode","srcObject","err","error","message","MessageToast","show","stopCamera","getTracks","forEach","track","stop","canvas","document","createElement","videoWidth","height","videoHeight","ctx","getContext","drawImage","dataUrl","toDataURL","setValueAndFire","setTimeout","setSrc","setValue","value","getVisible","exit"],"sources":["CameraControl.ts"],"sourcesContent":["import BaseHardwareControl from \"./BaseHardwareControl\";\nimport Button from \"sap/m/Button\";\nimport VBox from \"sap/m/VBox\";\nimport HTML from \"sap/ui/core/HTML\";\nimport MessageToast from \"sap/m/MessageToast\";\nimport Image from \"sap/m/Image\";\nimport { Logger } from \"../utils/Logger\";\n\n/**\n * CameraControl\n * Provides a live video feed to capture photos.\n */\nexport default class CameraControl extends BaseHardwareControl {\n    static readonly renderer = \"nz.co.siliconst.ui5.metaui.controls.BaseHardwareControlRenderer\";\n    static readonly metadata = {\n        properties: {},\n        events: {}\n    };\n\n    private startBtn!: Button;\n    private vBox!: VBox;\n    private captureBtn!: Button;\n    private retakeBtn!: Button;\n    private videoHtml!: HTML;\n    private previewImage!: Image;\n    \n    private videoEl: HTMLVideoElement | null = null;\n    private mediaStream: MediaStream | null = null;\n\n    public init(): void {\n        super.init();\n\n        this.videoHtml = new HTML({\n            content: \"<video width='400' height='300' autoplay playsinline style='background-color: #000; display: none;'></video>\",\n            afterRendering: this.onVideoRendered.bind(this)\n        }).addStyleClass(\"sapUiSmallMarginBottom\");\n\n        this.previewImage = new Image({\n            width: \"400px\",\n            visible: false\n        }).addStyleClass(\"sapUiSmallMarginBottom\");\n\n        this.startBtn = new Button({\n            icon: \"sap-icon://video\",\n            text: \"Start Camera\",\n            press: this.handleStartCameraPress.bind(this)\n        });\n\n        this.captureBtn = new Button({\n            icon: \"sap-icon://camera\",\n            text: \"Capture\",\n            visible: false,\n            press: this.captureImage.bind(this)\n        });\n\n        this.retakeBtn = new Button({\n            icon: \"sap-icon://undo\",\n            text: \"Retake\",\n            visible: false,\n            press: this.retakeImage.bind(this)\n        });\n\n        this.vBox = new VBox({\n            items: [this.videoHtml, this.previewImage, this.startBtn, this.captureBtn, this.retakeBtn]\n        });\n\n        this.setAggregation(\"_content\", this.vBox);\n    }\n\n    private async onVideoRendered(): void {\n        const domRef = this.videoHtml.getDomRef() as HTMLElement;\n        if (!domRef) return;\n        \n        this.videoEl = domRef as HTMLVideoElement;\n        \n        const val = this.getValue();\n        if (val && typeof val === \"string\" && val.startsWith(\"data:image\")) {\n            this.showPreview(val);\n        }\n    }\n\n    private handleStartCameraPress(): void {\n        this.startCamera();\n        this.startBtn.setVisible(false);\n        this.captureBtn.setVisible(true);\n        if (this.videoEl) {\n            this.videoEl.style.display = \"block\";\n        }\n    }\n\n    private async startCamera(): Promise<void> {\n        try {\n            this.mediaStream = await navigator.mediaDevices.getUserMedia({ video: { facingMode: \"environment\" } });\n            if (this.videoEl) {\n                this.videoEl.srcObject = this.mediaStream;\n            }\n        } catch (err) {\n            Logger.error(\"Camera access denied or unavailable\", (err as Error).message, \"CameraControl\");\n            MessageToast.show(\"Camera access denied or unavailable.\");\n        }\n    }\n\n    private stopCamera(): void {\n        if (this.mediaStream) {\n            this.mediaStream.getTracks().forEach(track => track.stop());\n            this.mediaStream = null;\n        }\n    }\n\n    private captureImage(): void {\n        if (!this.videoEl) return;\n        \n        const canvas = document.createElement(\"canvas\");\n        canvas.width = this.videoEl.videoWidth || 400;\n        canvas.height = this.videoEl.videoHeight || 300;\n        \n        const ctx = canvas.getContext(\"2d\");\n        if (ctx) {\n            ctx.drawImage(this.videoEl, 0, 0, canvas.width, canvas.height);\n            const dataUrl = canvas.toDataURL(\"image/jpeg\", 0.8);\n            this.setValueAndFire(dataUrl);\n            this.showPreview(dataUrl);\n            MessageToast.show(\"Image captured successfully.\");\n        }\n    }\n\n    private retakeImage(): void {\n        this.setValueAndFire(null);\n        this.previewImage.setVisible(false);\n        this.videoHtml.setVisible(true);\n        this.captureBtn.setVisible(true);\n        this.retakeBtn.setVisible(false);\n        \n        // Use a slight timeout to ensure DOM is ready before accessing stream again\n        setTimeout(() => this.startCamera(), 100);\n    }\n\n    private showPreview(dataUrl: string): void {\n        this.stopCamera();\n        this.videoHtml.setVisible(false);\n        this.previewImage.setSrc(dataUrl);\n        this.previewImage.setVisible(true);\n        this.captureBtn.setVisible(false);\n        this.retakeBtn.setVisible(true);\n    }\n\n    public setValue(value: any): this {\n        super.setValue(value);\n        if (value && typeof value === \"string\" && value.startsWith(\"data:image\")) {\n            this.showPreview(value);\n        } else if (!value) {\n            // Only retake if we were showing a preview\n            if (this.previewImage.getVisible()) {\n                this.retakeImage();\n            }\n        }\n        return this;\n    }\n\n    public exit(): void {\n        this.stopCamera();\n        super.exit();\n    }\n}\n"],"mappings":"wQAAOA,EAAmBC,EAAAC,GAAA,MAMjBC,EAAMC,EAAA,UAMA,MAAMC,UAAsBL,EACvCM,gBAA2B,kEAC3BA,gBAA2B,CACvBC,WAAY,CAAC,EACbC,OAAQ,CAAC,GAULC,QAAmC,KACnCC,YAAkC,KAEnCC,OACHC,MAAMD,OAENE,KAAKC,UAAY,IAAIC,EAAK,CACtBC,QAAS,+GACTC,eAAgBJ,KAAKK,gBAAgBC,KAAKN,QAC3CO,cAAc,0BAEjBP,KAAKQ,aAAe,IAAIC,EAAM,CAC1BC,MAAO,QACPC,QAAS,QACVJ,cAAc,0BAEjBP,KAAKY,SAAW,IAAIC,EAAO,CACvBC,KAAM,mBACNC,KAAM,eACNC,MAAOhB,KAAKiB,uBAAuBX,KAAKN,QAG5CA,KAAKkB,WAAa,IAAIL,EAAO,CACzBC,KAAM,oBACNC,KAAM,UACNJ,QAAS,MACTK,MAAOhB,KAAKmB,aAAab,KAAKN,QAGlCA,KAAKoB,UAAY,IAAIP,EAAO,CACxBC,KAAM,kBACNC,KAAM,SACNJ,QAAS,MACTK,MAAOhB,KAAKqB,YAAYf,KAAKN,QAGjCA,KAAKsB,KAAO,IAAIC,EAAK,CACjBC,MAAO,CAACxB,KAAKC,UAAWD,KAAKQ,aAAcR,KAAKY,SAAUZ,KAAKkB,WAAYlB,KAAKoB,aAGpFpB,KAAKyB,eAAe,WAAYzB,KAAKsB,KACzC,CAEA,qBAAcjB,GACV,MAAMqB,EAAS1B,KAAKC,UAAU0B,YAC9B,IAAKD,EAAQ,OAEb1B,KAAKJ,QAAU8B,EAEf,MAAME,EAAM5B,KAAK6B,WACjB,GAAID,UAAcA,IAAQ,UAAYA,EAAIE,WAAW,cAAe,CAChE9B,KAAK+B,YAAYH,EACrB,CACJ,CAEQX,yBACJjB,KAAKgC,cACLhC,KAAKY,SAASqB,WAAW,OACzBjC,KAAKkB,WAAWe,WAAW,MAC3B,GAAIjC,KAAKJ,QAAS,CACdI,KAAKJ,QAAQsC,MAAMC,QAAU,OACjC,CACJ,CAEA,iBAAcH,GACV,IACIhC,KAAKH,kBAAoBuC,UAAUC,aAAaC,aAAa,CAAEC,MAAO,CAAEC,WAAY,iBACpF,GAAIxC,KAAKJ,QAAS,CACdI,KAAKJ,QAAQ6C,UAAYzC,KAAKH,WAClC,CACJ,CAAE,MAAO6C,GACLpD,EAAOqD,MAAM,sCAAwCD,EAAcE,QAAS,iBAC5EC,EAAaC,KAAK,uCACtB,CACJ,CAEQC,aACJ,GAAI/C,KAAKH,YAAa,CAClBG,KAAKH,YAAYmD,YAAYC,QAAQC,GAASA,EAAMC,QACpDnD,KAAKH,YAAc,IACvB,CACJ,CAEQsB,eACJ,IAAKnB,KAAKJ,QAAS,OAEnB,MAAMwD,EAASC,SAASC,cAAc,UACtCF,EAAO1C,MAAQV,KAAKJ,QAAQ2D,YAAc,IAC1CH,EAAOI,OAASxD,KAAKJ,QAAQ6D,aAAe,IAE5C,MAAMC,EAAMN,EAAOO,WAAW,MAC9B,GAAID,EAAK,CACLA,EAAIE,UAAU5D,KAAKJ,QAAS,EAAG,EAAGwD,EAAO1C,MAAO0C,EAAOI,QACvD,MAAMK,EAAUT,EAAOU,UAAU,aAAc,IAC/C9D,KAAK+D,gBAAgBF,GACrB7D,KAAK+B,YAAY8B,GACjBhB,EAAaC,KAAK,+BACtB,CACJ,CAEQzB,cACJrB,KAAK+D,gBAAgB,MACrB/D,KAAKQ,aAAayB,WAAW,OAC7BjC,KAAKC,UAAUgC,WAAW,MAC1BjC,KAAKkB,WAAWe,WAAW,MAC3BjC,KAAKoB,UAAUa,WAAW,OAG1B+B,WAAW,IAAMhE,KAAKgC,cAAe,IACzC,CAEQD,YAAY8B,GAChB7D,KAAK+C,aACL/C,KAAKC,UAAUgC,WAAW,OAC1BjC,KAAKQ,aAAayD,OAAOJ,GACzB7D,KAAKQ,aAAayB,WAAW,MAC7BjC,KAAKkB,WAAWe,WAAW,OAC3BjC,KAAKoB,UAAUa,WAAW,KAC9B,CAEOiC,SAASC,GACZpE,MAAMmE,SAASC,GACf,GAAIA,UAAgBA,IAAU,UAAYA,EAAMrC,WAAW,cAAe,CACtE9B,KAAK+B,YAAYoC,EACrB,MAAO,IAAKA,EAAO,CAEf,GAAInE,KAAKQ,aAAa4D,aAAc,CAChCpE,KAAKqB,aACT,CACJ,CACA,OAAOrB,IACX,CAEOqE,OACHrE,KAAK+C,aACLhD,MAAMsE,MACV,EACH,OAAA7E,CAAA","ignoreList":[]}
+{"version":3,"file":"CameraControl.js","names":["BaseHardwareControl","_interopRequireDefault","__BaseHardwareControl","Logger","___utils_Logger","CameraControl","static","properties","events","videoEl","mediaStream","init","super","this","videoHtml","HTML","content","afterRendering","onVideoRendered","bind","addStyleClass","previewImage","Image","width","visible","startBtn","Button","icon","text","press","handleStartCameraPress","captureBtn","captureImage","retakeBtn","retakeImage","vBox","VBox","items","setAggregation","domRef","getDomRef","val","getValue","startsWith","showPreview","getVisible","startCamera","setVisible","style","display","navigator","mediaDevices","getUserMedia","video","facingMode","srcObject","err","error","message","MessageToast","show","stopCamera","getTracks","forEach","track","stop","canvas","document","createElement","videoWidth","height","videoHeight","ctx","getContext","drawImage","dataUrl","toDataURL","setValueAndFire","setSrc","setValue","value","exit"],"sources":["CameraControl.ts"],"sourcesContent":["import BaseHardwareControl from \"./BaseHardwareControl\";\nimport Button from \"sap/m/Button\";\nimport VBox from \"sap/m/VBox\";\nimport HTML from \"sap/ui/core/HTML\";\nimport MessageToast from \"sap/m/MessageToast\";\nimport Image from \"sap/m/Image\";\nimport { Logger } from \"../utils/Logger\";\n\n/**\n * CameraControl\n * Provides a live video feed to capture photos.\n */\nexport default class CameraControl extends BaseHardwareControl {\n    static readonly renderer = \"nz.co.siliconst.ui5.metaui.controls.BaseHardwareControlRenderer\";\n    static readonly metadata = {\n        properties: {},\n        events: {}\n    };\n\n    private startBtn!: Button;\n    private vBox!: VBox;\n    private captureBtn!: Button;\n    private retakeBtn!: Button;\n    private videoHtml!: HTML;\n    private previewImage!: Image;\n    \n    private videoEl: HTMLVideoElement | null = null;\n    private mediaStream: MediaStream | null = null;\n\n    /**\n     * Initializes the control and builds the internal camera UI.\n     */\n    public init(): void {\n        super.init();\n\n        this.videoHtml = new HTML({\n            content: \"<video width='400' height='300' autoplay playsinline style='background-color: #000; display: none;'></video>\",\n            afterRendering: this.onVideoRendered.bind(this)\n        }).addStyleClass(\"sapUiSmallMarginBottom\");\n\n        this.previewImage = new Image({\n            width: \"400px\",\n            visible: false\n        }).addStyleClass(\"sapUiSmallMarginBottom\");\n\n        this.startBtn = new Button({\n            icon: \"sap-icon://video\",\n            text: \"Start Camera\",\n            press: this.handleStartCameraPress.bind(this)\n        });\n\n        this.captureBtn = new Button({\n            icon: \"sap-icon://camera\",\n            text: \"Capture\",\n            visible: false,\n            press: this.captureImage.bind(this)\n        });\n\n        this.retakeBtn = new Button({\n            icon: \"sap-icon://undo\",\n            text: \"Retake\",\n            visible: false,\n            press: this.retakeImage.bind(this)\n        });\n\n        this.vBox = new VBox({\n            items: [this.videoHtml, this.previewImage, this.startBtn, this.captureBtn, this.retakeBtn]\n        });\n\n        this.setAggregation(\"_content\", this.vBox);\n    }\n\n    private async onVideoRendered(): void {\n        const domRef = this.videoHtml.getDomRef() as HTMLElement;\n        if (!domRef) return;\n        \n        this.videoEl = domRef as HTMLVideoElement;\n        \n        const val = this.getValue();\n        if (val && typeof val === \"string\" && val.startsWith(\"data:image\")) {\n            this.showPreview(val);\n        } else if (this.captureBtn.getVisible() && this.videoHtml.getVisible()) {\n            this.startCamera();\n        }\n    }\n\n    private handleStartCameraPress(): void {\n        this.startCamera();\n        this.startBtn.setVisible(false);\n        this.captureBtn.setVisible(true);\n        if (this.videoEl) {\n            this.videoEl.style.display = \"block\";\n        }\n    }\n\n    private async startCamera(): Promise<void> {\n        try {\n            this.mediaStream = await navigator.mediaDevices.getUserMedia({ video: { facingMode: \"environment\" } });\n            if (this.videoEl) {\n                this.videoEl.srcObject = this.mediaStream;\n            }\n        } catch (err) {\n            Logger.error(\"Camera access denied or unavailable\", (err as Error).message, \"CameraControl\");\n            MessageToast.show(\"Camera access denied or unavailable.\");\n        }\n    }\n\n    private stopCamera(): void {\n        if (this.mediaStream) {\n            this.mediaStream.getTracks().forEach(track => track.stop());\n            this.mediaStream = null;\n        }\n    }\n\n    private captureImage(): void {\n        if (!this.videoEl) return;\n        \n        const canvas = document.createElement(\"canvas\");\n        canvas.width = this.videoEl.videoWidth || 400;\n        canvas.height = this.videoEl.videoHeight || 300;\n        \n        const ctx = canvas.getContext(\"2d\");\n        if (ctx) {\n            ctx.drawImage(this.videoEl, 0, 0, canvas.width, canvas.height);\n            const dataUrl = canvas.toDataURL(\"image/jpeg\", 0.8);\n            this.setValueAndFire(dataUrl);\n            this.showPreview(dataUrl);\n            MessageToast.show(\"Image captured successfully.\");\n        }\n    }\n\n    private retakeImage(): void {\n        this.setValueAndFire(null);\n        this.previewImage.setVisible(false);\n        this.videoHtml.setVisible(true);\n        this.captureBtn.setVisible(true);\n        this.retakeBtn.setVisible(false);\n        \n        // startCamera is now handled safely by onVideoRendered hook\n    }\n\n    private showPreview(dataUrl: string): void {\n        this.stopCamera();\n        this.videoHtml.setVisible(false);\n        this.previewImage.setSrc(dataUrl);\n        this.previewImage.setVisible(true);\n        this.captureBtn.setVisible(false);\n        this.retakeBtn.setVisible(true);\n    }\n\n    /**\n     * Sets the value of the control programmatically.\n     * @param value The base64 data URL string representing the image.\n     */\n     public setValue(value: unknown): this {\n        super.setValue(value);\n        if (value && typeof value === \"string\" && value.startsWith(\"data:image\")) {\n            this.showPreview(value);\n        } else if (!value) {\n            // Only retake if we were showing a preview\n            if (this.previewImage.getVisible()) {\n                this.retakeImage();\n            }\n        }\n        return this;\n    }\n\n    /**\n     * Cleans up the hardware streams when the control is destroyed.\n     */\n    public exit(): void {\n        this.stopCamera();\n        super.exit();\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/src/nz/co/siliconst/ui5/metaui/controls/CameraControl.ts

@@ -27,6 +27,9 @@ export default class CameraControl extends BaseHardwareControl {
     private videoEl: HTMLVideoElement | null = null;
     private mediaStream: MediaStream | null = null;
 
+    /**
+     * Initializes the control and builds the internal camera UI.
+     */
     public init(): void {
         super.init();
 
@@ -76,6 +79,8 @@ export default class CameraControl extends BaseHardwareControl {
         const val = this.getValue();
         if (val && typeof val === "string" && val.startsWith("data:image")) {
             this.showPreview(val);
+        } else if (this.captureBtn.getVisible() && this.videoHtml.getVisible()) {
+            this.startCamera();
         }
     }
 
@@ -131,8 +136,7 @@ export default class CameraControl extends BaseHardwareControl {
         this.captureBtn.setVisible(true);
         this.retakeBtn.setVisible(false);
         
-        // Use a slight timeout to ensure DOM is ready before accessing stream again
-        setTimeout(() => this.startCamera(), 100);
+        // startCamera is now handled safely by onVideoRendered hook
     }
 
     private showPreview(dataUrl: string): void {
@@ -144,7 +148,11 @@ export default class CameraControl extends BaseHardwareControl {
         this.retakeBtn.setVisible(true);
     }
 
-    public setValue(value: any): this {
+    /**
+     * Sets the value of the control programmatically.
+     * @param value The base64 data URL string representing the image.
+     */
+     public setValue(value: unknown): this {
         super.setValue(value);
         if (value && typeof value === "string" && value.startsWith("data:image")) {
             this.showPreview(value);
@@ -157,6 +165,9 @@ export default class CameraControl extends BaseHardwareControl {
         return this;
     }
 
+    /**
+     * Cleans up the hardware streams when the control is destroyed.
+     */
     public exit(): void {
         this.stopCamera();
         super.exit();

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

@@ -22,7 +22,15 @@ sap.ui.define(["sap/ui/core/Control", "./host/GeneratorHost", "../utils/Logger",
       this._innerHost = null;
       this.odataDelegate = null;
       this._initializedInner = false;
+      /**
+       * Internal reference to the generated inner host instance.
+       * @private
+       */
       this._innerHost = null;
+      /**
+       * Flag indicating if the inner host has been initialized.
+       * @private
+       */
       this._initializedInner = false;
     },
     renderer: {
@@ -155,17 +163,16 @@ sap.ui.define(["sap/ui/core/Control", "./host/GeneratorHost", "../utils/Logger",
       }
     },
     /**
-     * Standard UI5 Lifecycle Hook.
-     * Evaluates the initial properties and spawns the appropriate inner host strategy via the HostFactory.
-     * It handles the complex lifecycle task of copying all bindings, raw properties, and event listeners 
-     * down to the inner host perfectly transparently.
+     * Initializes the OData Delegate if an OData context is detected.
+     * This allows DynamicHost to seamlessly synchronize metadata and properties from an OData model.
+     * @private
      */
     initODataDelegate: function _initODataDelegate() {
       if (!this.odataDelegate) {
         const oContext = this.getBindingContext("odata") || this.getBindingContext();
         if (oContext) {
           Logger.debug("[MetaUI DynamicHost]", `Context found for delegate initialization: ${oContext.getPath()}`, "DynamicHost");
-          if (typeof oContext.requestObject === "function" || typeof oContext.getObject === "function") {
+          if (oContext && oContext.requestObject && typeof oContext.requestObject === "function") {
             Logger.debug("[MetaUI DynamicHost]", `Context supports requestObject/getObject. Instantiating ODataDelegate.`, "DynamicHost");
             this.odataDelegate = new ODataDelegate(this, oContext);
             this.odataDelegate.syncToEngine();
@@ -175,11 +182,29 @@ sap.ui.define(["sap/ui/core/Control", "./host/GeneratorHost", "../utils/Logger",
         }
       }
     },
+    /**
+     * Standard UI5 method override.
+     * Sets the binding context for the control and attempts to initialize the OData delegate
+     * if the context points to an OData model.
+     * 
+     * @param {sap.ui.model.Context | null | undefined} oContext The binding context object
+     * @param {string} [sModelName] Optional model name
+     * @returns {this} The control instance for chaining
+     */
     setBindingContext: function _setBindingContext(oContext, sModelName) {
       Control.prototype.setBindingContext.call(this, oContext, sModelName);
       this.initODataDelegate();
       return this;
     },
+    /**
+     * Standard UI5 method override.
+     * Binds the element to the given path and attaches a change listener to re-evaluate
+     * the OData delegate when the element binding resolves.
+     * 
+     * @param {string | Record<string, unknown>} vPath The binding path or configuration object
+     * @param {object} [mParameters] Optional mapping parameters
+     * @returns {this} Reference to this instance for chaining
+     */
     bindElement: function _bindElement(vPath, mParameters) {
       Control.prototype.bindElement.call(this, vPath, mParameters);
       const sModelName = typeof vPath === "object" ? vPath.model : undefined;
@@ -191,6 +216,12 @@ sap.ui.define(["sap/ui/core/Control", "./host/GeneratorHost", "../utils/Logger",
       }
       return this;
     },
+    /**
+     * Standard UI5 Lifecycle Hook.
+     * Evaluates the initial properties and spawns the GeneratorHost.
+     * It handles the complex lifecycle task of copying all bindings, raw properties, and event listeners 
+     * down to the inner host perfectly transparently.
+     */
     onBeforeRendering: function _onBeforeRendering() {
       Logger.debug("[MetaUI DynamicHost]", `onBeforeRendering called. _initializedInner: ${this._initializedInner}`, "DynamicHost");
       this.initODataDelegate();
@@ -274,6 +305,11 @@ sap.ui.define(["sap/ui/core/Control", "./host/GeneratorHost", "../utils/Logger",
     },
     /**
      * Programmatic API support. Routes dialog commands down to the spawned inner host.
+     * If the inner host has not booted yet, it forces initialization immediately.
+     * 
+     * @param {string} [title="Form"] The title of the dialog
+     * @param {string} [submitButtonText="OK"] The text for the primary action button
+     * @param {string} [cancelButtonText="Cancel"] The text for the cancel button
      */
     openInDialog: function _openInDialog(title, submitButtonText, cancelButtonText) {
       if (!this._innerHost) {
@@ -283,6 +319,9 @@ sap.ui.define(["sap/ui/core/Control", "./host/GeneratorHost", "../utils/Logger",
     },
     /**
      * Proxies submission triggering down to the instantiated generator host.
+     * Evaluates the internal Engine validation suite and returns true if structurally sound.
+     * 
+     * @returns {boolean} True if the internal payload passes schema validation, false otherwise.
      */
     triggerSubmit: function _triggerSubmit() {
       if (!this._innerHost) {
@@ -292,6 +331,10 @@ sap.ui.define(["sap/ui/core/Control", "./host/GeneratorHost", "../utils/Logger",
     },
     /**
      * Overrides standard UI5 getProperty to transparently pull extracted data from the inner host.
+     * Ensures that querying the DynamicHost facade for `data` always yields the freshest payload.
+     * 
+     * @param {string} propertyName The name of the property to retrieve
+     * @returns {unknown} The property value
      */
     getProperty: function _getProperty(propertyName) {
       if (this._innerHost && (propertyName === "data" || propertyName === "dataJson")) {