@siliconst/metaui 1.4.21 → 1.4.37

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

@@ -5,11 +5,6 @@ declare module "nz/co/siliconst/ui5/metaui/controls/SignatureControl" {
      * Provides an HTML5 Canvas for capturing signatures.
      */
     export default class SignatureControl extends BaseHardwareControl {
-        static readonly renderer = "nz.co.siliconst.ui5.metaui.controls.BaseHardwareControlRenderer";
-        static readonly metadata: {
-            properties: {};
-            events: {};
-        };
         private vBox;
         private clearBtn;
         private canvasHtml;

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

@@ -1 +1 @@
-{"version":3,"file":"SignatureControl.d.ts","sourceRoot":"../../../../../../../..","sources":["src/nz/co/siliconst/ui5/metaui/controls/SignatureControl.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,sDAAsD,CAAC;IACtE,OAAO,mBAAmB,MAAM,yDAAyD,CAAC;IAM1F;;;OAGG;IACH,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,mBAAmB;QAC7D,MAAM,CAAC,QAAQ,CAAC,QAAQ,qEAAqE;QAC7F,MAAM,CAAC,QAAQ,CAAC,QAAQ;;;UAGtB;QAEF,OAAO,CAAC,IAAI,CAAQ;QACpB,OAAO,CAAC,QAAQ,CAAU;QAC1B,OAAO,CAAC,UAAU,CAAQ;QAC1B,OAAO,CAAC,SAAS,CAAS;QAC1B,OAAO,CAAC,SAAS,CAAyC;QAC1D,OAAO,CAAC,QAAQ,CAAkC;QAElD,OAAO,CAAC,iBAAiB,CAA2B;QACpD,OAAO,CAAC,SAAS,CAA2B;QAC5C,OAAO,CAAC,gBAAgB,CAAwC;QAChE,OAAO,CAAC,sBAAsB,CAA2B;QACzD,OAAO,CAAC,cAAc,CAA2B;QAEjD;;WAEG;QACI,IAAI,IAAI,IAAI;QA2BnB,OAAO,CAAC,gBAAgB;QA8BxB,OAAO,CAAC,mBAAmB;QAW3B,OAAO,CAAC,cAAc;QAmBtB,OAAO,CAAC,YAAY;QAKpB,OAAO,CAAC,iBAAiB;QAMzB,OAAO,CAAC,IAAI;QASZ,OAAO,CAAC,SAAS;QAUjB,OAAO,CAAC,WAAW;QASnB,OAAO,CAAC,cAAc;QAQtB,OAAO,CAAC,aAAa;QAOrB;;;WAGG;QACI,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;QAUrC;;WAEG;QACI,IAAI,IAAI,IAAI;KAetB;CAEA"}
+{"version":3,"file":"SignatureControl.d.ts","sourceRoot":"../../../../../../../..","sources":["src/nz/co/siliconst/ui5/metaui/controls/SignatureControl.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,sDAAsD,CAAC;IACtE,OAAO,mBAAmB,MAAM,yDAAyD,CAAC;IAM1F;;;OAGG;IACH,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,mBAAmB;QAG7D,OAAO,CAAC,IAAI,CAAQ;QACpB,OAAO,CAAC,QAAQ,CAAU;QAC1B,OAAO,CAAC,UAAU,CAAQ;QAC1B,OAAO,CAAC,SAAS,CAAS;QAC1B,OAAO,CAAC,SAAS,CAAyC;QAC1D,OAAO,CAAC,QAAQ,CAAkC;QAElD,OAAO,CAAC,iBAAiB,CAA2B;QACpD,OAAO,CAAC,SAAS,CAA2B;QAC5C,OAAO,CAAC,gBAAgB,CAAwC;QAChE,OAAO,CAAC,sBAAsB,CAA2B;QACzD,OAAO,CAAC,cAAc,CAA2B;QAEjD;;WAEG;QACI,IAAI,IAAI,IAAI;QA2BnB,OAAO,CAAC,gBAAgB;QA8BxB,OAAO,CAAC,mBAAmB;QAW3B,OAAO,CAAC,cAAc;QAmBtB,OAAO,CAAC,YAAY;QAKpB,OAAO,CAAC,iBAAiB;QAMzB,OAAO,CAAC,IAAI;QASZ,OAAO,CAAC,SAAS;QAUjB,OAAO,CAAC,WAAW;QASnB,OAAO,CAAC,cAAc;QAQtB,OAAO,CAAC,aAAa;QAOrB;;;WAGG;QACI,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;QAUrC;;WAEG;QACI,IAAI,IAAI,IAAI;KAetB;CAEA"}

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

@@ -1,2 +1,2 @@
-sap.ui.define(["./BaseHardwareControl","sap/m/Button","sap/m/VBox","sap/ui/core/HTML","sap/m/MessageToast"],function(t,s,a,i,n){"use strict";function e(t){return t&&t.__esModule&&typeof t.default!=="undefined"?t.default:t}const h=e(t);class r extends h{static renderer="nz.co.siliconst.ui5.metaui.controls.BaseHardwareControlRenderer";static metadata={properties:{},events:{}};isDrawing=false;canvasCtx=null;canvasEl=null;init(){super.init();this.canvasHtml=new i({content:"<canvas width='400' height='200' style='border: 1px solid #ccc; background-color: #fff; touch-action: none; cursor: crosshair;'></canvas>",afterRendering:this.onCanvasRendered.bind(this)}).addStyleClass("sapUiSmallMarginBottom");this.clearBtn=new s({icon:"sap-icon://sys-cancel",text:"Clear Signature",press:this.clearSignature.bind(this)});this.vBox=new a({items:[this.canvasHtml,this.clearBtn]});this.setAggregation("_content",this.vBox);this.boundStartDrawing=this.startDrawing.bind(this);this.boundDraw=this.draw.bind(this);this.boundStopDrawing=this.stopDrawing.bind(this);this.boundStartDrawingTouch=this.startDrawingTouch.bind(this);this.boundDrawTouch=this.drawTouch.bind(this)}onCanvasRendered(){const t=this.canvasHtml.getDomRef();if(!t)return;this.canvasEl=t;this.canvasCtx=this.canvasEl.getContext("2d");if(this.canvasCtx){this.canvasCtx.lineWidth=2;this.canvasCtx.lineCap="round";this.canvasCtx.strokeStyle="#000"}this.canvasEl.addEventListener("mousedown",this.boundStartDrawing);this.canvasEl.addEventListener("mousemove",this.boundDraw);this.canvasEl.addEventListener("mouseup",this.boundStopDrawing);this.canvasEl.addEventListener("mouseout",this.boundStopDrawing);this.canvasEl.addEventListener("touchstart",this.boundStartDrawingTouch,{passive:false});this.canvasEl.addEventListener("touchmove",this.boundDrawTouch,{passive:false});this.canvasEl.addEventListener("touchend",this.boundStopDrawing);const s=this.getValue();if(s&&typeof s==="string"&&s.startsWith("data:image")){this.loadImageOntoCanvas(s)}}loadImageOntoCanvas(t){const s=new window.Image;s.onload=()=>{if(this.canvasCtx&&this.canvasEl){this.canvasCtx.clearRect(0,0,this.canvasEl.width,this.canvasEl.height);this.canvasCtx.drawImage(s,0,0,this.canvasEl.width,this.canvasEl.height)}};s.src=t}getCoordinates(t){if(!this.canvasEl)return{x:0,y:0};const s=this.canvasEl.getBoundingClientRect();let a,i;if(t.type.startsWith("touch")){a=t.touches[0].clientX;i=t.touches[0].clientY}else{a=t.clientX;i=t.clientY}return{x:a-s.left,y:i-s.top}}startDrawing(t){this.isDrawing=true;this.draw(t)}startDrawingTouch(t){t.preventDefault();this.isDrawing=true;this.drawTouch(t)}draw(t){if(!this.isDrawing||!this.canvasCtx)return;const s=this.getCoordinates(t);this.canvasCtx.lineTo(s.x,s.y);this.canvasCtx.stroke();this.canvasCtx.beginPath();this.canvasCtx.moveTo(s.x,s.y)}drawTouch(t){if(!this.isDrawing||!this.canvasCtx)return;t.preventDefault();const s=this.getCoordinates(t);this.canvasCtx.lineTo(s.x,s.y);this.canvasCtx.stroke();this.canvasCtx.beginPath();this.canvasCtx.moveTo(s.x,s.y)}stopDrawing(){if(!this.isDrawing)return;this.isDrawing=false;if(this.canvasCtx){this.canvasCtx.beginPath();this.saveSignature()}}clearSignature(){if(this.canvasCtx&&this.canvasEl){this.canvasCtx.clearRect(0,0,this.canvasEl.width,this.canvasEl.height)}this.setValueAndFire(null);n.show("Signature cleared.")}saveSignature(){if(this.canvasEl){const t=this.canvasEl.toDataURL("image/png");this.setValueAndFire(t)}}setValue(t){super.setValue(t);if(t&&typeof t==="string"&&t.startsWith("data:image")){this.loadImageOntoCanvas(t)}else if(!t&&this.canvasCtx&&this.canvasEl){this.canvasCtx.clearRect(0,0,this.canvasEl.width,this.canvasEl.height)}return this}exit(){if(this.canvasEl){this.canvasEl.removeEventListener("mousedown",this.boundStartDrawing);this.canvasEl.removeEventListener("mousemove",this.boundDraw);this.canvasEl.removeEventListener("mouseup",this.boundStopDrawing);this.canvasEl.removeEventListener("mouseout",this.boundStopDrawing);this.canvasEl.removeEventListener("touchstart",this.boundStartDrawingTouch);this.canvasEl.removeEventListener("touchmove",this.boundDrawTouch);this.canvasEl.removeEventListener("touchend",this.boundStopDrawing)}this.canvasEl=null;this.canvasCtx=null;super.exit()}}return r});
+sap.ui.define(["./BaseHardwareControl","sap/m/Button","sap/m/VBox","sap/ui/core/HTML","sap/m/MessageToast"],function(t,s,a,i,n){"use strict";function e(t){return t&&t.__esModule&&typeof t.default!=="undefined"?t.default:t}const h=e(t);class r extends h{isDrawing=false;canvasCtx=null;canvasEl=null;init(){super.init();this.canvasHtml=new i({content:"<canvas width='400' height='200' style='border: 1px solid #ccc; background-color: #fff; touch-action: none; cursor: crosshair;'></canvas>",afterRendering:this.onCanvasRendered.bind(this)}).addStyleClass("sapUiSmallMarginBottom");this.clearBtn=new s({icon:"sap-icon://sys-cancel",text:"Clear Signature",press:this.clearSignature.bind(this)});this.vBox=new a({items:[this.canvasHtml,this.clearBtn]});this.setAggregation("_content",this.vBox);this.boundStartDrawing=this.startDrawing.bind(this);this.boundDraw=this.draw.bind(this);this.boundStopDrawing=this.stopDrawing.bind(this);this.boundStartDrawingTouch=this.startDrawingTouch.bind(this);this.boundDrawTouch=this.drawTouch.bind(this)}onCanvasRendered(){const t=this.canvasHtml.getDomRef();if(!t)return;this.canvasEl=t;this.canvasCtx=this.canvasEl.getContext("2d");if(this.canvasCtx){this.canvasCtx.lineWidth=2;this.canvasCtx.lineCap="round";this.canvasCtx.strokeStyle="#000"}this.canvasEl.addEventListener("mousedown",this.boundStartDrawing);this.canvasEl.addEventListener("mousemove",this.boundDraw);this.canvasEl.addEventListener("mouseup",this.boundStopDrawing);this.canvasEl.addEventListener("mouseout",this.boundStopDrawing);this.canvasEl.addEventListener("touchstart",this.boundStartDrawingTouch,{passive:false});this.canvasEl.addEventListener("touchmove",this.boundDrawTouch,{passive:false});this.canvasEl.addEventListener("touchend",this.boundStopDrawing);const s=this.getProperty("value");if(s&&typeof s==="string"&&s.startsWith("data:image")){this.loadImageOntoCanvas(s)}}loadImageOntoCanvas(t){const s=new window.Image;s.onload=()=>{if(this.canvasCtx&&this.canvasEl){this.canvasCtx.clearRect(0,0,this.canvasEl.width,this.canvasEl.height);this.canvasCtx.drawImage(s,0,0,this.canvasEl.width,this.canvasEl.height)}};s.src=t}getCoordinates(t){if(!this.canvasEl)return{x:0,y:0};const s=this.canvasEl.getBoundingClientRect();let a,i;if(t.type.startsWith("touch")){a=t.touches[0].clientX;i=t.touches[0].clientY}else{a=t.clientX;i=t.clientY}return{x:a-s.left,y:i-s.top}}startDrawing(t){this.isDrawing=true;this.draw(t)}startDrawingTouch(t){t.preventDefault();this.isDrawing=true;this.drawTouch(t)}draw(t){if(!this.isDrawing||!this.canvasCtx)return;const s=this.getCoordinates(t);this.canvasCtx.lineTo(s.x,s.y);this.canvasCtx.stroke();this.canvasCtx.beginPath();this.canvasCtx.moveTo(s.x,s.y)}drawTouch(t){if(!this.isDrawing||!this.canvasCtx)return;t.preventDefault();const s=this.getCoordinates(t);this.canvasCtx.lineTo(s.x,s.y);this.canvasCtx.stroke();this.canvasCtx.beginPath();this.canvasCtx.moveTo(s.x,s.y)}stopDrawing(){if(!this.isDrawing)return;this.isDrawing=false;if(this.canvasCtx){this.canvasCtx.beginPath();this.saveSignature()}}clearSignature(){if(this.canvasCtx&&this.canvasEl){this.canvasCtx.clearRect(0,0,this.canvasEl.width,this.canvasEl.height)}this.setValueAndFire(null);n.show("Signature cleared.")}saveSignature(){if(this.canvasEl){const t=this.canvasEl.toDataURL("image/png");this.setValueAndFire(t)}}setValue(t){super.setProperty("value",t);if(t&&typeof t==="string"&&t.startsWith("data:image")){this.loadImageOntoCanvas(t)}else if(!t&&this.canvasCtx&&this.canvasEl){this.canvasCtx.clearRect(0,0,this.canvasEl.width,this.canvasEl.height)}return this}exit(){if(this.canvasEl){this.canvasEl.removeEventListener("mousedown",this.boundStartDrawing);this.canvasEl.removeEventListener("mousemove",this.boundDraw);this.canvasEl.removeEventListener("mouseup",this.boundStopDrawing);this.canvasEl.removeEventListener("mouseout",this.boundStopDrawing);this.canvasEl.removeEventListener("touchstart",this.boundStartDrawingTouch);this.canvasEl.removeEventListener("touchmove",this.boundDrawTouch);this.canvasEl.removeEventListener("touchend",this.boundStopDrawing)}this.canvasEl=null;this.canvasCtx=null;super.exit()}}return r});
 //# sourceMappingURL=SignatureControl.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SignatureControl.js","names":["BaseHardwareControl","_interopRequireDefault","__BaseHardwareControl","SignatureControl","static","properties","events","isDrawing","canvasCtx","canvasEl","init","super","this","canvasHtml","HTML","content","afterRendering","onCanvasRendered","bind","addStyleClass","clearBtn","Button","icon","text","press","clearSignature","vBox","VBox","items","setAggregation","boundStartDrawing","startDrawing","boundDraw","draw","boundStopDrawing","stopDrawing","boundStartDrawingTouch","startDrawingTouch","boundDrawTouch","drawTouch","domRef","getDomRef","getContext","lineWidth","lineCap","strokeStyle","addEventListener","passive","val","getValue","startsWith","loadImageOntoCanvas","dataUrl","img","window","Image","onload","clearRect","width","height","drawImage","src","getCoordinates","e","x","y","rect","getBoundingClientRect","clientX","clientY","type","touches","left","top","preventDefault","pos","lineTo","stroke","beginPath","moveTo","saveSignature","setValueAndFire","MessageToast","show","toDataURL","setValue","value","exit","removeEventListener"],"sources":["SignatureControl.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\";\n\n/**\n * SignatureControl\n * Provides an HTML5 Canvas for capturing signatures.\n */\nexport default class SignatureControl 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 vBox!: VBox;\n    private clearBtn!: Button;\n    private canvasHtml!: HTML;\n    private isDrawing = false;\n    private canvasCtx: CanvasRenderingContext2D | null = null;\n    private canvasEl: HTMLCanvasElement | null = null;\n\n    private boundStartDrawing!: (e: MouseEvent) => void;\n    private boundDraw!: (e: MouseEvent) => void;\n    private boundStopDrawing!: (e: MouseEvent | TouchEvent) => void;\n    private boundStartDrawingTouch!: (e: TouchEvent) => void;\n    private boundDrawTouch!: (e: TouchEvent) => void;\n\n    /**\n     * Initializes the control and builds the canvas drawing surface.\n     */\n    public init(): void {\n        super.init();\n\n        this.canvasHtml = new HTML({\n            content: \"<canvas width='400' height='200' style='border: 1px solid #ccc; background-color: #fff; touch-action: none; cursor: crosshair;'></canvas>\",\n            afterRendering: this.onCanvasRendered.bind(this)\n        }).addStyleClass(\"sapUiSmallMarginBottom\");\n\n        this.clearBtn = new Button({\n            icon: \"sap-icon://sys-cancel\",\n            text: \"Clear Signature\",\n            press: this.clearSignature.bind(this)\n        });\n\n        this.vBox = new VBox({\n            items: [this.canvasHtml, this.clearBtn]\n        });\n\n        this.setAggregation(\"_content\", this.vBox);\n\n        this.boundStartDrawing = this.startDrawing.bind(this);\n        this.boundDraw = this.draw.bind(this);\n        this.boundStopDrawing = this.stopDrawing.bind(this);\n        this.boundStartDrawingTouch = this.startDrawingTouch.bind(this);\n        this.boundDrawTouch = this.drawTouch.bind(this);\n    }\n\n    private onCanvasRendered(): void {\n        const domRef = this.canvasHtml.getDomRef() as HTMLElement;\n        if (!domRef) return;\n        \n        this.canvasEl = domRef as HTMLCanvasElement;\n        this.canvasCtx = this.canvasEl.getContext(\"2d\");\n        if (this.canvasCtx) {\n            this.canvasCtx.lineWidth = 2;\n            this.canvasCtx.lineCap = \"round\";\n            this.canvasCtx.strokeStyle = \"#000\";\n        }\n\n        // Mouse events\n        this.canvasEl.addEventListener(\"mousedown\", this.boundStartDrawing);\n        this.canvasEl.addEventListener(\"mousemove\", this.boundDraw);\n        this.canvasEl.addEventListener(\"mouseup\", this.boundStopDrawing);\n        this.canvasEl.addEventListener(\"mouseout\", this.boundStopDrawing);\n        \n        // Touch events\n        this.canvasEl.addEventListener(\"touchstart\", this.boundStartDrawingTouch, { passive: false });\n        this.canvasEl.addEventListener(\"touchmove\", this.boundDrawTouch, { passive: false });\n        this.canvasEl.addEventListener(\"touchend\", this.boundStopDrawing);\n\n        // Restore existing signature if any\n        const val = this.getValue();\n        if (val && typeof val === \"string\" && val.startsWith(\"data:image\")) {\n            this.loadImageOntoCanvas(val);\n        }\n    }\n\n    private loadImageOntoCanvas(dataUrl: string): void {\n        const img = new window.Image();\n        img.onload = () => {\n            if (this.canvasCtx && this.canvasEl) {\n                this.canvasCtx.clearRect(0, 0, this.canvasEl.width, this.canvasEl.height);\n                this.canvasCtx.drawImage(img, 0, 0, this.canvasEl.width, this.canvasEl.height);\n            }\n        };\n        img.src = dataUrl;\n    }\n\n    private getCoordinates(e: MouseEvent | TouchEvent): { x: number, y: number } {\n        if (!this.canvasEl) return { x: 0, y: 0 };\n        const rect = this.canvasEl.getBoundingClientRect();\n        \n        let clientX, clientY;\n        if (e.type.startsWith(\"touch\")) {\n            clientX = (e as TouchEvent).touches[0].clientX;\n            clientY = (e as TouchEvent).touches[0].clientY;\n        } else {\n            clientX = (e as MouseEvent).clientX;\n            clientY = (e as MouseEvent).clientY;\n        }\n        \n        return {\n            x: clientX - rect.left,\n            y: clientY - rect.top\n        };\n    }\n\n    private startDrawing(e: MouseEvent): void {\n        this.isDrawing = true;\n        this.draw(e);\n    }\n\n    private startDrawingTouch(e: TouchEvent): void {\n        e.preventDefault(); // Prevent scrolling\n        this.isDrawing = true;\n        this.drawTouch(e);\n    }\n\n    private draw(e: MouseEvent): void {\n        if (!this.isDrawing || !this.canvasCtx) return;\n        const pos = this.getCoordinates(e);\n        this.canvasCtx.lineTo(pos.x, pos.y);\n        this.canvasCtx.stroke();\n        this.canvasCtx.beginPath();\n        this.canvasCtx.moveTo(pos.x, pos.y);\n    }\n\n    private drawTouch(e: TouchEvent): void {\n        if (!this.isDrawing || !this.canvasCtx) return;\n        e.preventDefault(); // Prevent scrolling\n        const pos = this.getCoordinates(e);\n        this.canvasCtx.lineTo(pos.x, pos.y);\n        this.canvasCtx.stroke();\n        this.canvasCtx.beginPath();\n        this.canvasCtx.moveTo(pos.x, pos.y);\n    }\n\n    private stopDrawing(): void {\n        if (!this.isDrawing) return;\n        this.isDrawing = false;\n        if (this.canvasCtx) {\n            this.canvasCtx.beginPath(); // Reset path\n            this.saveSignature();\n        }\n    }\n\n    private clearSignature(): void {\n        if (this.canvasCtx && this.canvasEl) {\n            this.canvasCtx.clearRect(0, 0, this.canvasEl.width, this.canvasEl.height);\n        }\n        this.setValueAndFire(null);\n        MessageToast.show(\"Signature cleared.\");\n    }\n\n    private saveSignature(): void {\n        if (this.canvasEl) {\n            const dataUrl = this.canvasEl.toDataURL(\"image/png\");\n            this.setValueAndFire(dataUrl);\n        }\n    }\n\n    /**\n     * Sets the value of the control programmatically and re-draws the canvas.\n     * @param value The base64 data URL string representing the signature image.\n     */\n    public setValue(value: unknown): this {\n        super.setValue(value);\n        if (value && typeof value === \"string\" && value.startsWith(\"data:image\")) {\n            this.loadImageOntoCanvas(value);\n        } else if (!value && this.canvasCtx && this.canvasEl) {\n            this.canvasCtx.clearRect(0, 0, this.canvasEl.width, this.canvasEl.height);\n        }\n        return this;\n    }\n\n    /**\n     * Cleans up event listeners to prevent memory leaks when the control is destroyed.\n     */\n    public exit(): void {\n        if (this.canvasEl) {\n            this.canvasEl.removeEventListener(\"mousedown\", this.boundStartDrawing as EventListener);\n            this.canvasEl.removeEventListener(\"mousemove\", this.boundDraw as EventListener);\n            this.canvasEl.removeEventListener(\"mouseup\", this.boundStopDrawing as EventListener);\n            this.canvasEl.removeEventListener(\"mouseout\", this.boundStopDrawing as EventListener);\n            \n            this.canvasEl.removeEventListener(\"touchstart\", this.boundStartDrawingTouch as EventListener);\n            this.canvasEl.removeEventListener(\"touchmove\", this.boundDrawTouch as EventListener);\n            this.canvasEl.removeEventListener(\"touchend\", this.boundStopDrawing as EventListener);\n        }\n        this.canvasEl = null;\n        this.canvasCtx = null;\n        super.exit();\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SignatureControl.js","names":["BaseHardwareControl","_interopRequireDefault","__BaseHardwareControl","SignatureControl","isDrawing","canvasCtx","canvasEl","init","super","this","canvasHtml","HTML","content","afterRendering","onCanvasRendered","bind","addStyleClass","clearBtn","Button","icon","text","press","clearSignature","vBox","VBox","items","setAggregation","boundStartDrawing","startDrawing","boundDraw","draw","boundStopDrawing","stopDrawing","boundStartDrawingTouch","startDrawingTouch","boundDrawTouch","drawTouch","domRef","getDomRef","getContext","lineWidth","lineCap","strokeStyle","addEventListener","passive","val","getProperty","startsWith","loadImageOntoCanvas","dataUrl","img","window","Image","onload","clearRect","width","height","drawImage","src","getCoordinates","e","x","y","rect","getBoundingClientRect","clientX","clientY","type","touches","left","top","preventDefault","pos","lineTo","stroke","beginPath","moveTo","saveSignature","setValueAndFire","MessageToast","show","toDataURL","setValue","value","setProperty","exit","removeEventListener"],"sources":["SignatureControl.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\";\n\n/**\n * SignatureControl\n * Provides an HTML5 Canvas for capturing signatures.\n */\nexport default class SignatureControl extends BaseHardwareControl {\n\n\n    private vBox!: VBox;\n    private clearBtn!: Button;\n    private canvasHtml!: HTML;\n    private isDrawing = false;\n    private canvasCtx: CanvasRenderingContext2D | null = null;\n    private canvasEl: HTMLCanvasElement | null = null;\n\n    private boundStartDrawing!: (e: MouseEvent) => void;\n    private boundDraw!: (e: MouseEvent) => void;\n    private boundStopDrawing!: (e: MouseEvent | TouchEvent) => void;\n    private boundStartDrawingTouch!: (e: TouchEvent) => void;\n    private boundDrawTouch!: (e: TouchEvent) => void;\n\n    /**\n     * Initializes the control and builds the canvas drawing surface.\n     */\n    public init(): void {\n        super.init();\n\n        this.canvasHtml = new HTML({\n            content: \"<canvas width='400' height='200' style='border: 1px solid #ccc; background-color: #fff; touch-action: none; cursor: crosshair;'></canvas>\",\n            afterRendering: this.onCanvasRendered.bind(this)\n        }).addStyleClass(\"sapUiSmallMarginBottom\");\n\n        this.clearBtn = new Button({\n            icon: \"sap-icon://sys-cancel\",\n            text: \"Clear Signature\",\n            press: this.clearSignature.bind(this)\n        });\n\n        this.vBox = new VBox({\n            items: [this.canvasHtml, this.clearBtn]\n        });\n\n        this.setAggregation(\"_content\", this.vBox);\n\n        this.boundStartDrawing = this.startDrawing.bind(this);\n        this.boundDraw = this.draw.bind(this);\n        this.boundStopDrawing = this.stopDrawing.bind(this);\n        this.boundStartDrawingTouch = this.startDrawingTouch.bind(this);\n        this.boundDrawTouch = this.drawTouch.bind(this);\n    }\n\n    private onCanvasRendered(): void {\n        const domRef = this.canvasHtml.getDomRef() as HTMLElement;\n        if (!domRef) return;\n        \n        this.canvasEl = domRef as HTMLCanvasElement;\n        this.canvasCtx = this.canvasEl.getContext(\"2d\");\n        if (this.canvasCtx) {\n            this.canvasCtx.lineWidth = 2;\n            this.canvasCtx.lineCap = \"round\";\n            this.canvasCtx.strokeStyle = \"#000\";\n        }\n\n        // Mouse events\n        this.canvasEl.addEventListener(\"mousedown\", this.boundStartDrawing);\n        this.canvasEl.addEventListener(\"mousemove\", this.boundDraw);\n        this.canvasEl.addEventListener(\"mouseup\", this.boundStopDrawing);\n        this.canvasEl.addEventListener(\"mouseout\", this.boundStopDrawing);\n        \n        // Touch events\n        this.canvasEl.addEventListener(\"touchstart\", this.boundStartDrawingTouch, { passive: false });\n        this.canvasEl.addEventListener(\"touchmove\", this.boundDrawTouch, { passive: false });\n        this.canvasEl.addEventListener(\"touchend\", this.boundStopDrawing);\n\n        // Restore existing signature if any\n        const val = this.getProperty(\"value\");\n        if (val && typeof val === \"string\" && val.startsWith(\"data:image\")) {\n            this.loadImageOntoCanvas(val);\n        }\n    }\n\n    private loadImageOntoCanvas(dataUrl: string): void {\n        const img = new window.Image();\n        img.onload = () => {\n            if (this.canvasCtx && this.canvasEl) {\n                this.canvasCtx.clearRect(0, 0, this.canvasEl.width, this.canvasEl.height);\n                this.canvasCtx.drawImage(img, 0, 0, this.canvasEl.width, this.canvasEl.height);\n            }\n        };\n        img.src = dataUrl;\n    }\n\n    private getCoordinates(e: MouseEvent | TouchEvent): { x: number, y: number } {\n        if (!this.canvasEl) return { x: 0, y: 0 };\n        const rect = this.canvasEl.getBoundingClientRect();\n        \n        let clientX, clientY;\n        if (e.type.startsWith(\"touch\")) {\n            clientX = (e as TouchEvent).touches[0].clientX;\n            clientY = (e as TouchEvent).touches[0].clientY;\n        } else {\n            clientX = (e as MouseEvent).clientX;\n            clientY = (e as MouseEvent).clientY;\n        }\n        \n        return {\n            x: clientX - rect.left,\n            y: clientY - rect.top\n        };\n    }\n\n    private startDrawing(e: MouseEvent): void {\n        this.isDrawing = true;\n        this.draw(e);\n    }\n\n    private startDrawingTouch(e: TouchEvent): void {\n        e.preventDefault(); // Prevent scrolling\n        this.isDrawing = true;\n        this.drawTouch(e);\n    }\n\n    private draw(e: MouseEvent): void {\n        if (!this.isDrawing || !this.canvasCtx) return;\n        const pos = this.getCoordinates(e);\n        this.canvasCtx.lineTo(pos.x, pos.y);\n        this.canvasCtx.stroke();\n        this.canvasCtx.beginPath();\n        this.canvasCtx.moveTo(pos.x, pos.y);\n    }\n\n    private drawTouch(e: TouchEvent): void {\n        if (!this.isDrawing || !this.canvasCtx) return;\n        e.preventDefault(); // Prevent scrolling\n        const pos = this.getCoordinates(e);\n        this.canvasCtx.lineTo(pos.x, pos.y);\n        this.canvasCtx.stroke();\n        this.canvasCtx.beginPath();\n        this.canvasCtx.moveTo(pos.x, pos.y);\n    }\n\n    private stopDrawing(): void {\n        if (!this.isDrawing) return;\n        this.isDrawing = false;\n        if (this.canvasCtx) {\n            this.canvasCtx.beginPath(); // Reset path\n            this.saveSignature();\n        }\n    }\n\n    private clearSignature(): void {\n        if (this.canvasCtx && this.canvasEl) {\n            this.canvasCtx.clearRect(0, 0, this.canvasEl.width, this.canvasEl.height);\n        }\n        this.setValueAndFire(null);\n        MessageToast.show(\"Signature cleared.\");\n    }\n\n    private saveSignature(): void {\n        if (this.canvasEl) {\n            const dataUrl = this.canvasEl.toDataURL(\"image/png\");\n            this.setValueAndFire(dataUrl);\n        }\n    }\n\n    /**\n     * Sets the value of the control programmatically and re-draws the canvas.\n     * @param value The base64 data URL string representing the signature image.\n     */\n    public setValue(value: unknown): this {\n        super.setProperty(\"value\", value);\n        if (value && typeof value === \"string\" && value.startsWith(\"data:image\")) {\n            this.loadImageOntoCanvas(value);\n        } else if (!value && this.canvasCtx && this.canvasEl) {\n            this.canvasCtx.clearRect(0, 0, this.canvasEl.width, this.canvasEl.height);\n        }\n        return this;\n    }\n\n    /**\n     * Cleans up event listeners to prevent memory leaks when the control is destroyed.\n     */\n    public exit(): void {\n        if (this.canvasEl) {\n            this.canvasEl.removeEventListener(\"mousedown\", this.boundStartDrawing as EventListener);\n            this.canvasEl.removeEventListener(\"mousemove\", this.boundDraw as EventListener);\n            this.canvasEl.removeEventListener(\"mouseup\", this.boundStopDrawing as EventListener);\n            this.canvasEl.removeEventListener(\"mouseout\", this.boundStopDrawing as EventListener);\n            \n            this.canvasEl.removeEventListener(\"touchstart\", this.boundStartDrawingTouch as EventListener);\n            this.canvasEl.removeEventListener(\"touchmove\", this.boundDrawTouch as EventListener);\n            this.canvasEl.removeEventListener(\"touchend\", this.boundStopDrawing as EventListener);\n        }\n        this.canvasEl = null;\n        this.canvasCtx = null;\n        super.exit();\n    }\n}\n"],"mappings":"oOAAOA,EAAmBC,EAAAC,GAUX,MAAMC,UAAyBH,EAMlCI,UAAY,MACZC,UAA6C,KAC7CC,SAAqC,KAWtCC,OACHC,MAAMD,OAENE,KAAKC,WAAa,IAAIC,EAAK,CACvBC,QAAS,4IACTC,eAAgBJ,KAAKK,iBAAiBC,KAAKN,QAC5CO,cAAc,0BAEjBP,KAAKQ,SAAW,IAAIC,EAAO,CACvBC,KAAM,wBACNC,KAAM,kBACNC,MAAOZ,KAAKa,eAAeP,KAAKN,QAGpCA,KAAKc,KAAO,IAAIC,EAAK,CACjBC,MAAO,CAAChB,KAAKC,WAAYD,KAAKQ,YAGlCR,KAAKiB,eAAe,WAAYjB,KAAKc,MAErCd,KAAKkB,kBAAoBlB,KAAKmB,aAAab,KAAKN,MAChDA,KAAKoB,UAAYpB,KAAKqB,KAAKf,KAAKN,MAChCA,KAAKsB,iBAAmBtB,KAAKuB,YAAYjB,KAAKN,MAC9CA,KAAKwB,uBAAyBxB,KAAKyB,kBAAkBnB,KAAKN,MAC1DA,KAAK0B,eAAiB1B,KAAK2B,UAAUrB,KAAKN,KAC9C,CAEQK,mBACJ,MAAMuB,EAAS5B,KAAKC,WAAW4B,YAC/B,IAAKD,EAAQ,OAEb5B,KAAKH,SAAW+B,EAChB5B,KAAKJ,UAAYI,KAAKH,SAASiC,WAAW,MAC1C,GAAI9B,KAAKJ,UAAW,CAChBI,KAAKJ,UAAUmC,UAAY,EAC3B/B,KAAKJ,UAAUoC,QAAU,QACzBhC,KAAKJ,UAAUqC,YAAc,MACjC,CAGAjC,KAAKH,SAASqC,iBAAiB,YAAalC,KAAKkB,mBACjDlB,KAAKH,SAASqC,iBAAiB,YAAalC,KAAKoB,WACjDpB,KAAKH,SAASqC,iBAAiB,UAAWlC,KAAKsB,kBAC/CtB,KAAKH,SAASqC,iBAAiB,WAAYlC,KAAKsB,kBAGhDtB,KAAKH,SAASqC,iBAAiB,aAAclC,KAAKwB,uBAAwB,CAAEW,QAAS,QACrFnC,KAAKH,SAASqC,iBAAiB,YAAalC,KAAK0B,eAAgB,CAAES,QAAS,QAC5EnC,KAAKH,SAASqC,iBAAiB,WAAYlC,KAAKsB,kBAGhD,MAAMc,EAAMpC,KAAKqC,YAAY,SAC7B,GAAID,UAAcA,IAAQ,UAAYA,EAAIE,WAAW,cAAe,CAChEtC,KAAKuC,oBAAoBH,EAC7B,CACJ,CAEQG,oBAAoBC,GACxB,MAAMC,EAAM,IAAIC,OAAOC,MACvBF,EAAIG,OAAS,KACT,GAAI5C,KAAKJ,WAAaI,KAAKH,SAAU,CACjCG,KAAKJ,UAAUiD,UAAU,EAAG,EAAG7C,KAAKH,SAASiD,MAAO9C,KAAKH,SAASkD,QAClE/C,KAAKJ,UAAUoD,UAAUP,EAAK,EAAG,EAAGzC,KAAKH,SAASiD,MAAO9C,KAAKH,SAASkD,OAC3E,GAEJN,EAAIQ,IAAMT,CACd,CAEQU,eAAeC,GACnB,IAAKnD,KAAKH,SAAU,MAAO,CAAEuD,EAAG,EAAGC,EAAG,GACtC,MAAMC,EAAOtD,KAAKH,SAAS0D,wBAE3B,IAAIC,EAASC,EACb,GAAIN,EAAEO,KAAKpB,WAAW,SAAU,CAC5BkB,EAAWL,EAAiBQ,QAAQ,GAAGH,QACvCC,EAAWN,EAAiBQ,QAAQ,GAAGF,OAC3C,KAAO,CACHD,EAAWL,EAAiBK,QAC5BC,EAAWN,EAAiBM,OAChC,CAEA,MAAO,CACHL,EAAGI,EAAUF,EAAKM,KAClBP,EAAGI,EAAUH,EAAKO,IAE1B,CAEQ1C,aAAagC,GACjBnD,KAAKL,UAAY,KACjBK,KAAKqB,KAAK8B,EACd,CAEQ1B,kBAAkB0B,GACtBA,EAAEW,iBACF9D,KAAKL,UAAY,KACjBK,KAAK2B,UAAUwB,EACnB,CAEQ9B,KAAK8B,GACT,IAAKnD,KAAKL,YAAcK,KAAKJ,UAAW,OACxC,MAAMmE,EAAM/D,KAAKkD,eAAeC,GAChCnD,KAAKJ,UAAUoE,OAAOD,EAAIX,EAAGW,EAAIV,GACjCrD,KAAKJ,UAAUqE,SACfjE,KAAKJ,UAAUsE,YACflE,KAAKJ,UAAUuE,OAAOJ,EAAIX,EAAGW,EAAIV,EACrC,CAEQ1B,UAAUwB,GACd,IAAKnD,KAAKL,YAAcK,KAAKJ,UAAW,OACxCuD,EAAEW,iBACF,MAAMC,EAAM/D,KAAKkD,eAAeC,GAChCnD,KAAKJ,UAAUoE,OAAOD,EAAIX,EAAGW,EAAIV,GACjCrD,KAAKJ,UAAUqE,SACfjE,KAAKJ,UAAUsE,YACflE,KAAKJ,UAAUuE,OAAOJ,EAAIX,EAAGW,EAAIV,EACrC,CAEQ9B,cACJ,IAAKvB,KAAKL,UAAW,OACrBK,KAAKL,UAAY,MACjB,GAAIK,KAAKJ,UAAW,CAChBI,KAAKJ,UAAUsE,YACflE,KAAKoE,eACT,CACJ,CAEQvD,iBACJ,GAAIb,KAAKJ,WAAaI,KAAKH,SAAU,CACjCG,KAAKJ,UAAUiD,UAAU,EAAG,EAAG7C,KAAKH,SAASiD,MAAO9C,KAAKH,SAASkD,OACtE,CACA/C,KAAKqE,gBAAgB,MACrBC,EAAaC,KAAK,qBACtB,CAEQH,gBACJ,GAAIpE,KAAKH,SAAU,CACf,MAAM2C,EAAUxC,KAAKH,SAAS2E,UAAU,aACxCxE,KAAKqE,gBAAgB7B,EACzB,CACJ,CAMOiC,SAASC,GACZ3E,MAAM4E,YAAY,QAASD,GAC3B,GAAIA,UAAgBA,IAAU,UAAYA,EAAMpC,WAAW,cAAe,CACtEtC,KAAKuC,oBAAoBmC,EAC7B,MAAO,IAAKA,GAAS1E,KAAKJ,WAAaI,KAAKH,SAAU,CAClDG,KAAKJ,UAAUiD,UAAU,EAAG,EAAG7C,KAAKH,SAASiD,MAAO9C,KAAKH,SAASkD,OACtE,CACA,OAAO/C,IACX,CAKO4E,OACH,GAAI5E,KAAKH,SAAU,CACfG,KAAKH,SAASgF,oBAAoB,YAAa7E,KAAKkB,mBACpDlB,KAAKH,SAASgF,oBAAoB,YAAa7E,KAAKoB,WACpDpB,KAAKH,SAASgF,oBAAoB,UAAW7E,KAAKsB,kBAClDtB,KAAKH,SAASgF,oBAAoB,WAAY7E,KAAKsB,kBAEnDtB,KAAKH,SAASgF,oBAAoB,aAAc7E,KAAKwB,wBACrDxB,KAAKH,SAASgF,oBAAoB,YAAa7E,KAAK0B,gBACpD1B,KAAKH,SAASgF,oBAAoB,WAAY7E,KAAKsB,iBACvD,CACAtB,KAAKH,SAAW,KAChBG,KAAKJ,UAAY,KACjBG,MAAM6E,MACV,EACH,OAAAlF,CAAA","ignoreList":[]}

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

@@ -9,11 +9,7 @@ import MessageToast from "sap/m/MessageToast";
  * Provides an HTML5 Canvas for capturing signatures.
  */
 export default class SignatureControl extends BaseHardwareControl {
-    static readonly renderer = "nz.co.siliconst.ui5.metaui.controls.BaseHardwareControlRenderer";
-    static readonly metadata = {
-        properties: {},
-        events: {}
-    };
+
 
     private vBox!: VBox;
     private clearBtn!: Button;
@@ -82,7 +78,7 @@ export default class SignatureControl extends BaseHardwareControl {
         this.canvasEl.addEventListener("touchend", this.boundStopDrawing);
 
         // Restore existing signature if any
-        const val = this.getValue();
+        const val = this.getProperty("value");
         if (val && typeof val === "string" && val.startsWith("data:image")) {
             this.loadImageOntoCanvas(val);
         }
@@ -177,7 +173,7 @@ export default class SignatureControl extends BaseHardwareControl {
      * @param value The base64 data URL string representing the signature image.
      */
     public setValue(value: unknown): this {
-        super.setValue(value);
+        super.setProperty("value", value);
         if (value && typeof value === "string" && value.startsWith("data:image")) {
             this.loadImageOntoCanvas(value);
         } else if (!value && this.canvasCtx && this.canvasEl) {

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

@@ -11,11 +11,6 @@ sap.ui.define(["./BaseHardwareControl", "sap/m/Button", "sap/m/VBox", "sap/m/Tex
    * Provides a UI to dictate text using the browser's native Web Speech API.
    */
   class VoiceInputControl extends BaseHardwareControl {
-    static renderer = "nz.co.siliconst.ui5.metaui.controls.BaseHardwareControlRenderer";
-    static metadata = {
-      properties: {},
-      events: {}
-    };
     recognition = null;
     isRecording = false;
 
@@ -72,7 +67,7 @@ sap.ui.define(["./BaseHardwareControl", "sap/m/Button", "sap/m/VBox", "sap/m/Tex
           }
 
           // Append the new final transcript to whatever was already in the textarea
-          const currentVal = this.getValue() || "";
+          const currentVal = this.getProperty("value") || "";
           const newVal = currentVal ? currentVal + " " + finalTranscript : finalTranscript;
           if (finalTranscript) {
             this.textArea.setValue(newVal);

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

@@ -1 +1 @@
-{"version":3,"file":"VoiceInputControl-dbg.js","names":["BaseHardwareControl","_interopRequireDefault","__BaseHardwareControl","Logger","___utils_Logger","VoiceInputControl","renderer","metadata","properties","events","recognition","isRecording","init","textArea","TextArea","rows","width","placeholder","liveChange","oEvent","setValueAndFire","getParameter","startBtn","Button","icon","text","type","press","toggleDictation","bind","hBox","HBox","items","addStyleClass","vBox","VBox","setAggregation","initSpeechRecognition","stopDictation","startDictation","SpeechRecognitionClass","window","SpeechRecognition","webkitSpeechRecognition","continuous","interimResults","onresult","event","finalTranscript","interimTranscript","i","resultIndex","results","length","isFinal","transcript","currentVal","getValue","newVal","setValue","onstart","setIcon","setText","setType","MessageToast","show","onerror","error","sap","ui","require","MessageBox","onend","warn","setEnabled","setTooltip","start","err","message","String","stop","e","onBeforeRendering","readOnly","getProperty","setEditable","undefined","exit"],"sources":["VoiceInputControl.ts"],"sourcesContent":["import BaseHardwareControl from \"./BaseHardwareControl\";\nimport Button from \"sap/m/Button\";\nimport VBox from \"sap/m/VBox\";\nimport TextArea from \"sap/m/TextArea\";\nimport MessageToast from \"sap/m/MessageToast\";\nimport HBox from \"sap/m/HBox\";\nimport { Logger } from \"../utils/Logger\";\n\ndeclare global {\n    interface Window {\n        SpeechRecognition: new () => SpeechRecognition;\n        webkitSpeechRecognition: new () => SpeechRecognition;\n    }\n    interface SpeechRecognition {\n        continuous: boolean;\n        interimResults: boolean;\n        onresult: (event: SpeechRecognitionEvent) => void;\n        onstart: () => void;\n        onerror: (event: SpeechRecognitionErrorEvent) => void;\n        onend: () => void;\n        start(): void;\n        stop(): void;\n    }\n    interface SpeechRecognitionEvent {\n        resultIndex: number;\n        results: {\n            length: number;\n            [index: number]: {\n                isFinal: boolean;\n                [index: number]: {\n                    transcript: string;\n                };\n            };\n        };\n    }\n    interface SpeechRecognitionErrorEvent {\n        error: string;\n    }\n}\n\n/**\n * VoiceInputControl\n * Provides a UI to dictate text using the browser's native Web Speech API.\n */\nexport default class VoiceInputControl 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 vBox!: VBox;\n    private textArea!: TextArea;\n    private startBtn!: Button;\n    private stopBtn!: Button;\n    \n    private recognition: SpeechRecognition | null = null;\n    private isRecording: boolean = false;\n\n    /**\n     * Initializes the dictation interface and requests Web Speech API setup.\n     */\n    public init(): void {\n        super.init();\n\n        this.textArea = new TextArea({\n            rows: 3,\n            width: \"100%\",\n            placeholder: \"Dictated text will appear here...\",\n            liveChange: (oEvent: sap.ui.base.Event) => {\n                this.setValueAndFire(oEvent.getParameter(\"value\"));\n            }\n        });\n\n        this.startBtn = new Button({\n            icon: \"sap-icon://microphone\",\n            text: \"Start Dictation\",\n            type: \"Emphasized\",\n            press: this.toggleDictation.bind(this)\n        });\n\n        const hBox = new HBox({\n            items: [this.startBtn]\n        }).addStyleClass(\"sapUiSmallMarginTop\");\n\n        this.vBox = new VBox({\n            items: [this.textArea, hBox]\n        });\n\n        this.setAggregation(\"_content\", this.vBox);\n        this.initSpeechRecognition();\n    }\n\n    private toggleDictation(): void {\n        if (this.isRecording) {\n            this.stopDictation();\n        } else {\n            this.startDictation();\n        }\n    }\n\n    private initSpeechRecognition(): void {\n        const SpeechRecognitionClass = window.SpeechRecognition || window.webkitSpeechRecognition;\n        if (SpeechRecognitionClass) {\n            this.recognition = new SpeechRecognitionClass();\n            this.recognition.continuous = true;\n            this.recognition.interimResults = true;\n\n            this.recognition.onresult = (event: SpeechRecognitionEvent) => {\n                let finalTranscript = \"\";\n                let interimTranscript = \"\";\n\n                for (let i = event.resultIndex; i < event.results.length; ++i) {\n                    if (event.results[i].isFinal) {\n                        finalTranscript += event.results[i][0].transcript;\n                    } else {\n                        interimTranscript += event.results[i][0].transcript;\n                    }\n                }\n\n                // Append the new final transcript to whatever was already in the textarea\n                const currentVal = this.getValue() || \"\";\n                const newVal = currentVal ? currentVal + \" \" + finalTranscript : finalTranscript;\n                \n                if (finalTranscript) {\n                    this.textArea.setValue(newVal);\n                    this.setValueAndFire(newVal);\n                } else if (interimTranscript) {\n                    // Just show interim temporarily in textarea without saving to model\n                    this.textArea.setValue(currentVal ? currentVal + \" \" + interimTranscript : interimTranscript);\n                }\n            };\n\n            this.recognition.onstart = () => {\n                this.isRecording = true;\n                this.startBtn.setIcon(\"sap-icon://stop\");\n                this.startBtn.setText(\"Stop Recording\");\n                this.startBtn.setType(\"Reject\");\n                MessageToast.show(\"Listening... Please speak now.\");\n            };\n\n            this.recognition.onerror = (event: SpeechRecognitionErrorEvent) => {\n                Logger.error(\"Speech recognition error\", event.error, \"VoiceInputControl\");\n                sap.ui.require([\"sap/m/MessageBox\"], (MessageBox: typeof import(\"sap/m/MessageBox\").default) => {\n                    MessageBox.error(\"Microphone Error: \" + event.error + \"\\n\\nPlease ensure you have a working microphone attached and have not blocked access in your browser settings.\");\n                });\n                this.stopDictation();\n            };\n            \n            this.recognition.onend = () => {\n                // If it ends natively (e.g. timeout), update UI\n                this.stopDictation();\n            };\n        } else {\n            Logger.warn(\"Web Speech API not supported in this browser.\", \"\", \"VoiceInputControl\");\n            this.startBtn.setEnabled(false);\n            this.startBtn.setTooltip(\"Speech Recognition is not supported in this browser.\");\n        }\n    }\n\n    private startDictation(): void {\n        if (!this.recognition) return;\n        \n        try {\n            this.recognition.start();\n            MessageToast.show(\"Requesting microphone access...\");\n            // Provide immediate UI feedback in case browser delays the onstart event\n            this.startBtn.setIcon(\"sap-icon://stop\");\n            this.startBtn.setText(\"Requesting mic...\");\n            this.startBtn.setType(\"Reject\");\n        } catch (err) {\n            const error = err as Error;\n            Logger.error(\"Failed to start speech recognition\", error.message || String(error), \"VoiceInputControl\");\n            sap.ui.require([\"sap/m/MessageBox\"], (MessageBox: typeof import(\"sap/m/MessageBox\").default) => {\n                MessageBox.error(\"Failed to start dictation. Please ensure you have a working microphone and have granted browser permissions.\\n\\nDetails: \" + (error.message || String(error)));\n            });\n            this.stopDictation();\n        }\n    }\n\n    private stopDictation(): void {\n        if (!this.recognition) return;\n        \n        try {\n            this.recognition.stop();\n        } catch(e) {\n            Logger.warn(\"Failed to gracefully stop speech recognition.\", String(e), \"VoiceInputControl\");\n        }\n        \n        this.isRecording = false;\n        this.startBtn.setIcon(\"sap-icon://microphone\");\n        this.startBtn.setText(\"Start Dictation\");\n        this.startBtn.setType(\"Emphasized\");\n    }\n\n    /**\n     * Lifecycle hook called before the control is rendered to the DOM.\n     * Handles browser support visual state.\n     */\n    public onBeforeRendering(): void {\n        const readOnly = this.getProperty(\"readOnly\");\n        this.textArea.setEditable(!readOnly);\n        \n        // Only enable if it's not readonly AND the browser supports speech recognition\n        this.startBtn.setEnabled(!readOnly && !!this.recognition);\n\n        const currentVal = this.getProperty(\"value\");\n        if (currentVal !== undefined && currentVal !== null) {\n            // Only update text area if we aren't currently dictating interim results\n            if (!this.isRecording) {\n                this.textArea.setValue(currentVal as string);\n            }\n        }\n    }\n\n    /**\n     * Cleans up hardware event listeners when the control is destroyed.\n     */\n    public exit(): void {\n        this.stopDictation();\n        if (this.recognition) {\n            this.recognition.onstart = null;\n            this.recognition.onresult = null;\n            this.recognition.onerror = null;\n            this.recognition.onend = null;\n            this.recognition = null;\n        }\n        super.exit();\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VoiceInputControl-dbg.js","names":["BaseHardwareControl","_interopRequireDefault","__BaseHardwareControl","Logger","___utils_Logger","VoiceInputControl","recognition","isRecording","init","textArea","TextArea","rows","width","placeholder","liveChange","oEvent","setValueAndFire","getParameter","startBtn","Button","icon","text","type","press","toggleDictation","bind","hBox","HBox","items","addStyleClass","vBox","VBox","setAggregation","initSpeechRecognition","stopDictation","startDictation","SpeechRecognitionClass","window","SpeechRecognition","webkitSpeechRecognition","continuous","interimResults","onresult","event","finalTranscript","interimTranscript","i","resultIndex","results","length","isFinal","transcript","currentVal","getProperty","newVal","setValue","onstart","setIcon","setText","setType","MessageToast","show","onerror","error","sap","ui","require","MessageBox","onend","warn","setEnabled","setTooltip","start","err","message","String","stop","e","onBeforeRendering","readOnly","setEditable","undefined","exit"],"sources":["VoiceInputControl.ts"],"sourcesContent":["import BaseHardwareControl from \"./BaseHardwareControl\";\nimport Button from \"sap/m/Button\";\nimport VBox from \"sap/m/VBox\";\nimport TextArea from \"sap/m/TextArea\";\nimport MessageToast from \"sap/m/MessageToast\";\nimport HBox from \"sap/m/HBox\";\nimport { Logger } from \"../utils/Logger\";\n\nimport Event from \"sap/ui/base/Event\";\ndeclare global {\n    interface Window {\n        SpeechRecognition: new () => SpeechRecognition;\n        webkitSpeechRecognition: new () => SpeechRecognition;\n    }\n    interface SpeechRecognition {\n        continuous: boolean;\n        interimResults: boolean;\n        onresult: (event: SpeechRecognitionEvent) => void;\n        onstart: () => void;\n        onerror: (event: SpeechRecognitionErrorEvent) => void;\n        onend: () => void;\n        start(): void;\n        stop(): void;\n    }\n    interface SpeechRecognitionEvent {\n        resultIndex: number;\n        results: {\n            length: number;\n            [index: number]: {\n                isFinal: boolean;\n                [index: number]: {\n                    transcript: string;\n                };\n            };\n        };\n    }\n    interface SpeechRecognitionErrorEvent {\n        error: string;\n    }\n}\n\n/**\n * VoiceInputControl\n * Provides a UI to dictate text using the browser's native Web Speech API.\n */\nexport default class VoiceInputControl extends BaseHardwareControl {\n\n\n    private vBox!: VBox;\n    private textArea!: TextArea;\n    private startBtn!: Button;\n    private stopBtn!: Button;\n    \n    private recognition: SpeechRecognition | null = null;\n    private isRecording: boolean = false;\n\n    /**\n     * Initializes the dictation interface and requests Web Speech API setup.\n     */\n    public init(): void {\n        super.init();\n\n        this.textArea = new TextArea({\n            rows: 3,\n            width: \"100%\",\n            placeholder: \"Dictated text will appear here...\",\n            liveChange: (oEvent: Event) => {\n                this.setValueAndFire((oEvent.getParameter(\"value\") as any));\n            }\n        });\n\n        this.startBtn = new Button({\n            icon: \"sap-icon://microphone\",\n            text: \"Start Dictation\",\n            type: \"Emphasized\",\n            press: this.toggleDictation.bind(this)\n        });\n\n        const hBox = new HBox({\n            items: [this.startBtn]\n        }).addStyleClass(\"sapUiSmallMarginTop\");\n\n        this.vBox = new VBox({\n            items: [this.textArea, hBox]\n        });\n\n        this.setAggregation(\"_content\", this.vBox);\n        this.initSpeechRecognition();\n    }\n\n    private toggleDictation(): void {\n        if (this.isRecording) {\n            this.stopDictation();\n        } else {\n            this.startDictation();\n        }\n    }\n\n    private initSpeechRecognition(): void {\n        const SpeechRecognitionClass = window.SpeechRecognition || window.webkitSpeechRecognition;\n        if (SpeechRecognitionClass) {\n            this.recognition = new SpeechRecognitionClass();\n            this.recognition.continuous = true;\n            this.recognition.interimResults = true;\n\n            this.recognition.onresult = (event: SpeechRecognitionEvent) => {\n                let finalTranscript = \"\";\n                let interimTranscript = \"\";\n\n                for (let i = event.resultIndex; i < event.results.length; ++i) {\n                    if (event.results[i].isFinal) {\n                        finalTranscript += event.results[i][0].transcript;\n                    } else {\n                        interimTranscript += event.results[i][0].transcript;\n                    }\n                }\n\n                // Append the new final transcript to whatever was already in the textarea\n                const currentVal = this.getProperty(\"value\") as string || \"\";\n                const newVal = currentVal ? currentVal + \" \" + finalTranscript : finalTranscript;\n                \n                if (finalTranscript) {\n                    this.textArea.setValue(newVal);\n                    this.setValueAndFire(newVal);\n                } else if (interimTranscript) {\n                    // Just show interim temporarily in textarea without saving to model\n                    this.textArea.setValue(currentVal ? currentVal + \" \" + interimTranscript : interimTranscript);\n                }\n            };\n\n            this.recognition.onstart = () => {\n                this.isRecording = true;\n                this.startBtn.setIcon(\"sap-icon://stop\");\n                this.startBtn.setText(\"Stop Recording\");\n                this.startBtn.setType(\"Reject\");\n                MessageToast.show(\"Listening... Please speak now.\");\n            };\n\n            this.recognition.onerror = (event: SpeechRecognitionErrorEvent) => {\n                Logger.error(\"Speech recognition error\", event.error, \"VoiceInputControl\");\n                sap.ui.require([\"sap/m/MessageBox\"], (MessageBox: typeof import(\"sap/m/MessageBox\").default) => {\n                    MessageBox.error(\"Microphone Error: \" + event.error + \"\\n\\nPlease ensure you have a working microphone attached and have not blocked access in your browser settings.\");\n                });\n                this.stopDictation();\n            };\n            \n            this.recognition.onend = () => {\n                // If it ends natively (e.g. timeout), update UI\n                this.stopDictation();\n            };\n        } else {\n            Logger.warn(\"Web Speech API not supported in this browser.\", \"\", \"VoiceInputControl\");\n            this.startBtn.setEnabled(false);\n            this.startBtn.setTooltip(\"Speech Recognition is not supported in this browser.\");\n        }\n    }\n\n    private startDictation(): void {\n        if (!this.recognition) return;\n        \n        try {\n            this.recognition.start();\n            MessageToast.show(\"Requesting microphone access...\");\n            // Provide immediate UI feedback in case browser delays the onstart event\n            this.startBtn.setIcon(\"sap-icon://stop\");\n            this.startBtn.setText(\"Requesting mic...\");\n            this.startBtn.setType(\"Reject\");\n        } catch (err) {\n            const error = err as Error;\n            Logger.error(\"Failed to start speech recognition\", error.message || String(error), \"VoiceInputControl\");\n            sap.ui.require([\"sap/m/MessageBox\"], (MessageBox: typeof import(\"sap/m/MessageBox\").default) => {\n                MessageBox.error(\"Failed to start dictation. Please ensure you have a working microphone and have granted browser permissions.\\n\\nDetails: \" + (error.message || String(error)));\n            });\n            this.stopDictation();\n        }\n    }\n\n    private stopDictation(): void {\n        if (!this.recognition) return;\n        \n        try {\n            this.recognition.stop();\n        } catch(e) {\n            Logger.warn(\"Failed to gracefully stop speech recognition.\", String(e), \"VoiceInputControl\");\n        }\n        \n        this.isRecording = false;\n        this.startBtn.setIcon(\"sap-icon://microphone\");\n        this.startBtn.setText(\"Start Dictation\");\n        this.startBtn.setType(\"Emphasized\");\n    }\n\n    /**\n     * Lifecycle hook called before the control is rendered to the DOM.\n     * Handles browser support visual state.\n     */\n    public onBeforeRendering(): void {\n        const readOnly = this.getProperty(\"readOnly\");\n        this.textArea.setEditable(!readOnly);\n        \n        // Only enable if it's not readonly AND the browser supports speech recognition\n        this.startBtn.setEnabled(!readOnly && !!this.recognition);\n\n        const currentVal = this.getProperty(\"value\");\n        if (currentVal !== undefined && currentVal !== null) {\n            // Only update text area if we aren't currently dictating interim results\n            if (!this.isRecording) {\n                this.textArea.setValue(currentVal as string);\n            }\n        }\n    }\n\n    /**\n     * Cleans up hardware event listeners when the control is destroyed.\n     */\n    public exit(): void {\n        this.stopDictation();\n        if (this.recognition) {\n            (this.recognition as any).onstart = null;\n            (this.recognition as any).onresult = null;\n            (this.recognition as any).onerror = null;\n            (this.recognition as any).onend = null;\n            this.recognition = null;\n        }\n        super.exit();\n    }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -36,11 +36,6 @@ declare module "nz/co/siliconst/ui5/metaui/controls/VoiceInputControl" {
      * Provides a UI to dictate text using the browser's native Web Speech API.
      */
     export default class VoiceInputControl extends BaseHardwareControl {
-        static readonly renderer = "nz.co.siliconst.ui5.metaui.controls.BaseHardwareControlRenderer";
-        static readonly metadata: {
-            properties: {};
-            events: {};
-        };
         private vBox;
         private textArea;
         private startBtn;

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

@@ -1 +1 @@
-{"version":3,"file":"VoiceInputControl.d.ts","sourceRoot":"../../../../../../../..","sources":["src/nz/co/siliconst/ui5/metaui/controls/VoiceInputControl.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,uDAAuD,CAAC;IACvE,OAAO,mBAAmB,MAAM,yDAAyD,CAAC;IAQlF,MAAM,CAAC;QACX,UAAU,MAAM;YACZ,iBAAiB,EAAE,UAAU,iBAAiB,CAAC;YAC/C,uBAAuB,EAAE,UAAU,iBAAiB,CAAC;SACxD;QACD,UAAU,iBAAiB;YACvB,UAAU,EAAE,OAAO,CAAC;YACpB,cAAc,EAAE,OAAO,CAAC;YACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,IAAI,CAAC;YAClD,OAAO,EAAE,MAAM,IAAI,CAAC;YACpB,OAAO,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,IAAI,CAAC;YACtD,KAAK,EAAE,MAAM,IAAI,CAAC;YAClB,KAAK,IAAI,IAAI,CAAC;YACd,IAAI,IAAI,IAAI,CAAC;SAChB;QACD,UAAU,sBAAsB;YAC5B,WAAW,EAAE,MAAM,CAAC;YACpB,OAAO,EAAE;gBACL,MAAM,EAAE,MAAM,CAAC;gBACf,CAAC,KAAK,EAAE,MAAM,GAAG;oBACb,OAAO,EAAE,OAAO,CAAC;oBACjB,CAAC,KAAK,EAAE,MAAM,GAAG;wBACb,UAAU,EAAE,MAAM,CAAC;qBACtB,CAAC;iBACL,CAAC;aACL,CAAC;SACL;QACD,UAAU,2BAA2B;YACjC,KAAK,EAAE,MAAM,CAAC;SACjB;KACJ;IAED;;;OAGG;IACH,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,mBAAmB;QAC9D,MAAM,CAAC,QAAQ,CAAC,QAAQ,qEAAqE;QAC7F,MAAM,CAAC,QAAQ,CAAC,QAAQ;;;UAGtB;QAEF,OAAO,CAAC,IAAI,CAAQ;QACpB,OAAO,CAAC,QAAQ,CAAY;QAC5B,OAAO,CAAC,QAAQ,CAAU;QAC1B,OAAO,CAAC,OAAO,CAAU;QAEzB,OAAO,CAAC,WAAW,CAAkC;QACrD,OAAO,CAAC,WAAW,CAAkB;QAErC;;WAEG;QACI,IAAI,IAAI,IAAI;QA+BnB,OAAO,CAAC,eAAe;QAQvB,OAAO,CAAC,qBAAqB;QA2D7B,OAAO,CAAC,cAAc;QAoBtB,OAAO,CAAC,aAAa;QAerB;;;WAGG;QACI,iBAAiB,IAAI,IAAI;QAgBhC;;WAEG;QACI,IAAI,IAAI,IAAI;KAWtB;CAEA"}
+{"version":3,"file":"VoiceInputControl.d.ts","sourceRoot":"../../../../../../../..","sources":["src/nz/co/siliconst/ui5/metaui/controls/VoiceInputControl.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,uDAAuD,CAAC;IACvE,OAAO,mBAAmB,MAAM,yDAAyD,CAAC;IASlF,MAAM,CAAC;QACX,UAAU,MAAM;YACZ,iBAAiB,EAAE,UAAU,iBAAiB,CAAC;YAC/C,uBAAuB,EAAE,UAAU,iBAAiB,CAAC;SACxD;QACD,UAAU,iBAAiB;YACvB,UAAU,EAAE,OAAO,CAAC;YACpB,cAAc,EAAE,OAAO,CAAC;YACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,IAAI,CAAC;YAClD,OAAO,EAAE,MAAM,IAAI,CAAC;YACpB,OAAO,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,IAAI,CAAC;YACtD,KAAK,EAAE,MAAM,IAAI,CAAC;YAClB,KAAK,IAAI,IAAI,CAAC;YACd,IAAI,IAAI,IAAI,CAAC;SAChB;QACD,UAAU,sBAAsB;YAC5B,WAAW,EAAE,MAAM,CAAC;YACpB,OAAO,EAAE;gBACL,MAAM,EAAE,MAAM,CAAC;gBACf,CAAC,KAAK,EAAE,MAAM,GAAG;oBACb,OAAO,EAAE,OAAO,CAAC;oBACjB,CAAC,KAAK,EAAE,MAAM,GAAG;wBACb,UAAU,EAAE,MAAM,CAAC;qBACtB,CAAC;iBACL,CAAC;aACL,CAAC;SACL;QACD,UAAU,2BAA2B;YACjC,KAAK,EAAE,MAAM,CAAC;SACjB;KACJ;IAED;;;OAGG;IACH,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,mBAAmB;QAG9D,OAAO,CAAC,IAAI,CAAQ;QACpB,OAAO,CAAC,QAAQ,CAAY;QAC5B,OAAO,CAAC,QAAQ,CAAU;QAC1B,OAAO,CAAC,OAAO,CAAU;QAEzB,OAAO,CAAC,WAAW,CAAkC;QACrD,OAAO,CAAC,WAAW,CAAkB;QAErC;;WAEG;QACI,IAAI,IAAI,IAAI;QA+BnB,OAAO,CAAC,eAAe;QAQvB,OAAO,CAAC,qBAAqB;QA2D7B,OAAO,CAAC,cAAc;QAoBtB,OAAO,CAAC,aAAa;QAerB;;;WAGG;QACI,iBAAiB,IAAI,IAAI;QAgBhC;;WAEG;QACI,IAAI,IAAI,IAAI;KAWtB;CAEA"}

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

@@ -1,2 +1,2 @@
-sap.ui.define(["./BaseHardwareControl","sap/m/Button","sap/m/VBox","sap/m/TextArea","sap/m/MessageToast","sap/m/HBox","../utils/Logger"],function(t,e,i,s,n,o,r){"use strict";function a(t){return t&&t.__esModule&&typeof t.default!=="undefined"?t.default:t}const c=a(t);const h=r["Logger"];class l extends c{static renderer="nz.co.siliconst.ui5.metaui.controls.BaseHardwareControlRenderer";static metadata={properties:{},events:{}};recognition=null;isRecording=false;init(){super.init();this.textArea=new s({rows:3,width:"100%",placeholder:"Dictated text will appear here...",liveChange:t=>{this.setValueAndFire(t.getParameter("value"))}});this.startBtn=new e({icon:"sap-icon://microphone",text:"Start Dictation",type:"Emphasized",press:this.toggleDictation.bind(this)});const t=new o({items:[this.startBtn]}).addStyleClass("sapUiSmallMarginTop");this.vBox=new i({items:[this.textArea,t]});this.setAggregation("_content",this.vBox);this.initSpeechRecognition()}toggleDictation(){if(this.isRecording){this.stopDictation()}else{this.startDictation()}}initSpeechRecognition(){const t=window.SpeechRecognition||window.webkitSpeechRecognition;if(t){this.recognition=new t;this.recognition.continuous=true;this.recognition.interimResults=true;this.recognition.onresult=t=>{let e="";let i="";for(let s=t.resultIndex;s<t.results.length;++s){if(t.results[s].isFinal){e+=t.results[s][0].transcript}else{i+=t.results[s][0].transcript}}const s=this.getValue()||"";const n=s?s+" "+e:e;if(e){this.textArea.setValue(n);this.setValueAndFire(n)}else if(i){this.textArea.setValue(s?s+" "+i:i)}};this.recognition.onstart=()=>{this.isRecording=true;this.startBtn.setIcon("sap-icon://stop");this.startBtn.setText("Stop Recording");this.startBtn.setType("Reject");n.show("Listening... Please speak now.")};this.recognition.onerror=t=>{h.error("Speech recognition error",t.error,"VoiceInputControl");sap.ui.require(["sap/m/MessageBox"],e=>{e.error("Microphone Error: "+t.error+"\n\nPlease ensure you have a working microphone attached and have not blocked access in your browser settings.")});this.stopDictation()};this.recognition.onend=()=>{this.stopDictation()}}else{h.warn("Web Speech API not supported in this browser.","","VoiceInputControl");this.startBtn.setEnabled(false);this.startBtn.setTooltip("Speech Recognition is not supported in this browser.")}}startDictation(){if(!this.recognition)return;try{this.recognition.start();n.show("Requesting microphone access...");this.startBtn.setIcon("sap-icon://stop");this.startBtn.setText("Requesting mic...");this.startBtn.setType("Reject")}catch(t){const e=t;h.error("Failed to start speech recognition",e.message||String(e),"VoiceInputControl");sap.ui.require(["sap/m/MessageBox"],t=>{t.error("Failed to start dictation. Please ensure you have a working microphone and have granted browser permissions.\n\nDetails: "+(e.message||String(e)))});this.stopDictation()}}stopDictation(){if(!this.recognition)return;try{this.recognition.stop()}catch(t){h.warn("Failed to gracefully stop speech recognition.",String(t),"VoiceInputControl")}this.isRecording=false;this.startBtn.setIcon("sap-icon://microphone");this.startBtn.setText("Start Dictation");this.startBtn.setType("Emphasized")}onBeforeRendering(){const t=this.getProperty("readOnly");this.textArea.setEditable(!t);this.startBtn.setEnabled(!t&&!!this.recognition);const e=this.getProperty("value");if(e!==undefined&&e!==null){if(!this.isRecording){this.textArea.setValue(e)}}}exit(){this.stopDictation();if(this.recognition){this.recognition.onstart=null;this.recognition.onresult=null;this.recognition.onerror=null;this.recognition.onend=null;this.recognition=null}super.exit()}}return l});
+sap.ui.define(["./BaseHardwareControl","sap/m/Button","sap/m/VBox","sap/m/TextArea","sap/m/MessageToast","sap/m/HBox","../utils/Logger"],function(t,e,i,s,n,o,r){"use strict";function a(t){return t&&t.__esModule&&typeof t.default!=="undefined"?t.default:t}const c=a(t);const h=r["Logger"];class l extends c{recognition=null;isRecording=false;init(){super.init();this.textArea=new s({rows:3,width:"100%",placeholder:"Dictated text will appear here...",liveChange:t=>{this.setValueAndFire(t.getParameter("value"))}});this.startBtn=new e({icon:"sap-icon://microphone",text:"Start Dictation",type:"Emphasized",press:this.toggleDictation.bind(this)});const t=new o({items:[this.startBtn]}).addStyleClass("sapUiSmallMarginTop");this.vBox=new i({items:[this.textArea,t]});this.setAggregation("_content",this.vBox);this.initSpeechRecognition()}toggleDictation(){if(this.isRecording){this.stopDictation()}else{this.startDictation()}}initSpeechRecognition(){const t=window.SpeechRecognition||window.webkitSpeechRecognition;if(t){this.recognition=new t;this.recognition.continuous=true;this.recognition.interimResults=true;this.recognition.onresult=t=>{let e="";let i="";for(let s=t.resultIndex;s<t.results.length;++s){if(t.results[s].isFinal){e+=t.results[s][0].transcript}else{i+=t.results[s][0].transcript}}const s=this.getProperty("value")||"";const n=s?s+" "+e:e;if(e){this.textArea.setValue(n);this.setValueAndFire(n)}else if(i){this.textArea.setValue(s?s+" "+i:i)}};this.recognition.onstart=()=>{this.isRecording=true;this.startBtn.setIcon("sap-icon://stop");this.startBtn.setText("Stop Recording");this.startBtn.setType("Reject");n.show("Listening... Please speak now.")};this.recognition.onerror=t=>{h.error("Speech recognition error",t.error,"VoiceInputControl");sap.ui.require(["sap/m/MessageBox"],e=>{e.error("Microphone Error: "+t.error+"\n\nPlease ensure you have a working microphone attached and have not blocked access in your browser settings.")});this.stopDictation()};this.recognition.onend=()=>{this.stopDictation()}}else{h.warn("Web Speech API not supported in this browser.","","VoiceInputControl");this.startBtn.setEnabled(false);this.startBtn.setTooltip("Speech Recognition is not supported in this browser.")}}startDictation(){if(!this.recognition)return;try{this.recognition.start();n.show("Requesting microphone access...");this.startBtn.setIcon("sap-icon://stop");this.startBtn.setText("Requesting mic...");this.startBtn.setType("Reject")}catch(t){const e=t;h.error("Failed to start speech recognition",e.message||String(e),"VoiceInputControl");sap.ui.require(["sap/m/MessageBox"],t=>{t.error("Failed to start dictation. Please ensure you have a working microphone and have granted browser permissions.\n\nDetails: "+(e.message||String(e)))});this.stopDictation()}}stopDictation(){if(!this.recognition)return;try{this.recognition.stop()}catch(t){h.warn("Failed to gracefully stop speech recognition.",String(t),"VoiceInputControl")}this.isRecording=false;this.startBtn.setIcon("sap-icon://microphone");this.startBtn.setText("Start Dictation");this.startBtn.setType("Emphasized")}onBeforeRendering(){const t=this.getProperty("readOnly");this.textArea.setEditable(!t);this.startBtn.setEnabled(!t&&!!this.recognition);const e=this.getProperty("value");if(e!==undefined&&e!==null){if(!this.isRecording){this.textArea.setValue(e)}}}exit(){this.stopDictation();if(this.recognition){this.recognition.onstart=null;this.recognition.onresult=null;this.recognition.onerror=null;this.recognition.onend=null;this.recognition=null}super.exit()}}return l});
 //# sourceMappingURL=VoiceInputControl.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"VoiceInputControl.js","names":["BaseHardwareControl","_interopRequireDefault","__BaseHardwareControl","Logger","___utils_Logger","VoiceInputControl","static","properties","events","recognition","isRecording","init","super","this","textArea","TextArea","rows","width","placeholder","liveChange","oEvent","setValueAndFire","getParameter","startBtn","Button","icon","text","type","press","toggleDictation","bind","hBox","HBox","items","addStyleClass","vBox","VBox","setAggregation","initSpeechRecognition","stopDictation","startDictation","SpeechRecognitionClass","window","SpeechRecognition","webkitSpeechRecognition","continuous","interimResults","onresult","event","finalTranscript","interimTranscript","i","resultIndex","results","length","isFinal","transcript","currentVal","getValue","newVal","setValue","onstart","setIcon","setText","setType","MessageToast","show","onerror","error","sap","ui","require","MessageBox","onend","warn","setEnabled","setTooltip","start","err","message","String","stop","e","onBeforeRendering","readOnly","getProperty","setEditable","undefined","exit"],"sources":["VoiceInputControl.ts"],"sourcesContent":["import BaseHardwareControl from \"./BaseHardwareControl\";\nimport Button from \"sap/m/Button\";\nimport VBox from \"sap/m/VBox\";\nimport TextArea from \"sap/m/TextArea\";\nimport MessageToast from \"sap/m/MessageToast\";\nimport HBox from \"sap/m/HBox\";\nimport { Logger } from \"../utils/Logger\";\n\ndeclare global {\n    interface Window {\n        SpeechRecognition: new () => SpeechRecognition;\n        webkitSpeechRecognition: new () => SpeechRecognition;\n    }\n    interface SpeechRecognition {\n        continuous: boolean;\n        interimResults: boolean;\n        onresult: (event: SpeechRecognitionEvent) => void;\n        onstart: () => void;\n        onerror: (event: SpeechRecognitionErrorEvent) => void;\n        onend: () => void;\n        start(): void;\n        stop(): void;\n    }\n    interface SpeechRecognitionEvent {\n        resultIndex: number;\n        results: {\n            length: number;\n            [index: number]: {\n                isFinal: boolean;\n                [index: number]: {\n                    transcript: string;\n                };\n            };\n        };\n    }\n    interface SpeechRecognitionErrorEvent {\n        error: string;\n    }\n}\n\n/**\n * VoiceInputControl\n * Provides a UI to dictate text using the browser's native Web Speech API.\n */\nexport default class VoiceInputControl 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 vBox!: VBox;\n    private textArea!: TextArea;\n    private startBtn!: Button;\n    private stopBtn!: Button;\n    \n    private recognition: SpeechRecognition | null = null;\n    private isRecording: boolean = false;\n\n    /**\n     * Initializes the dictation interface and requests Web Speech API setup.\n     */\n    public init(): void {\n        super.init();\n\n        this.textArea = new TextArea({\n            rows: 3,\n            width: \"100%\",\n            placeholder: \"Dictated text will appear here...\",\n            liveChange: (oEvent: sap.ui.base.Event) => {\n                this.setValueAndFire(oEvent.getParameter(\"value\"));\n            }\n        });\n\n        this.startBtn = new Button({\n            icon: \"sap-icon://microphone\",\n            text: \"Start Dictation\",\n            type: \"Emphasized\",\n            press: this.toggleDictation.bind(this)\n        });\n\n        const hBox = new HBox({\n            items: [this.startBtn]\n        }).addStyleClass(\"sapUiSmallMarginTop\");\n\n        this.vBox = new VBox({\n            items: [this.textArea, hBox]\n        });\n\n        this.setAggregation(\"_content\", this.vBox);\n        this.initSpeechRecognition();\n    }\n\n    private toggleDictation(): void {\n        if (this.isRecording) {\n            this.stopDictation();\n        } else {\n            this.startDictation();\n        }\n    }\n\n    private initSpeechRecognition(): void {\n        const SpeechRecognitionClass = window.SpeechRecognition || window.webkitSpeechRecognition;\n        if (SpeechRecognitionClass) {\n            this.recognition = new SpeechRecognitionClass();\n            this.recognition.continuous = true;\n            this.recognition.interimResults = true;\n\n            this.recognition.onresult = (event: SpeechRecognitionEvent) => {\n                let finalTranscript = \"\";\n                let interimTranscript = \"\";\n\n                for (let i = event.resultIndex; i < event.results.length; ++i) {\n                    if (event.results[i].isFinal) {\n                        finalTranscript += event.results[i][0].transcript;\n                    } else {\n                        interimTranscript += event.results[i][0].transcript;\n                    }\n                }\n\n                // Append the new final transcript to whatever was already in the textarea\n                const currentVal = this.getValue() || \"\";\n                const newVal = currentVal ? currentVal + \" \" + finalTranscript : finalTranscript;\n                \n                if (finalTranscript) {\n                    this.textArea.setValue(newVal);\n                    this.setValueAndFire(newVal);\n                } else if (interimTranscript) {\n                    // Just show interim temporarily in textarea without saving to model\n                    this.textArea.setValue(currentVal ? currentVal + \" \" + interimTranscript : interimTranscript);\n                }\n            };\n\n            this.recognition.onstart = () => {\n                this.isRecording = true;\n                this.startBtn.setIcon(\"sap-icon://stop\");\n                this.startBtn.setText(\"Stop Recording\");\n                this.startBtn.setType(\"Reject\");\n                MessageToast.show(\"Listening... Please speak now.\");\n            };\n\n            this.recognition.onerror = (event: SpeechRecognitionErrorEvent) => {\n                Logger.error(\"Speech recognition error\", event.error, \"VoiceInputControl\");\n                sap.ui.require([\"sap/m/MessageBox\"], (MessageBox: typeof import(\"sap/m/MessageBox\").default) => {\n                    MessageBox.error(\"Microphone Error: \" + event.error + \"\\n\\nPlease ensure you have a working microphone attached and have not blocked access in your browser settings.\");\n                });\n                this.stopDictation();\n            };\n            \n            this.recognition.onend = () => {\n                // If it ends natively (e.g. timeout), update UI\n                this.stopDictation();\n            };\n        } else {\n            Logger.warn(\"Web Speech API not supported in this browser.\", \"\", \"VoiceInputControl\");\n            this.startBtn.setEnabled(false);\n            this.startBtn.setTooltip(\"Speech Recognition is not supported in this browser.\");\n        }\n    }\n\n    private startDictation(): void {\n        if (!this.recognition) return;\n        \n        try {\n            this.recognition.start();\n            MessageToast.show(\"Requesting microphone access...\");\n            // Provide immediate UI feedback in case browser delays the onstart event\n            this.startBtn.setIcon(\"sap-icon://stop\");\n            this.startBtn.setText(\"Requesting mic...\");\n            this.startBtn.setType(\"Reject\");\n        } catch (err) {\n            const error = err as Error;\n            Logger.error(\"Failed to start speech recognition\", error.message || String(error), \"VoiceInputControl\");\n            sap.ui.require([\"sap/m/MessageBox\"], (MessageBox: typeof import(\"sap/m/MessageBox\").default) => {\n                MessageBox.error(\"Failed to start dictation. Please ensure you have a working microphone and have granted browser permissions.\\n\\nDetails: \" + (error.message || String(error)));\n            });\n            this.stopDictation();\n        }\n    }\n\n    private stopDictation(): void {\n        if (!this.recognition) return;\n        \n        try {\n            this.recognition.stop();\n        } catch(e) {\n            Logger.warn(\"Failed to gracefully stop speech recognition.\", String(e), \"VoiceInputControl\");\n        }\n        \n        this.isRecording = false;\n        this.startBtn.setIcon(\"sap-icon://microphone\");\n        this.startBtn.setText(\"Start Dictation\");\n        this.startBtn.setType(\"Emphasized\");\n    }\n\n    /**\n     * Lifecycle hook called before the control is rendered to the DOM.\n     * Handles browser support visual state.\n     */\n    public onBeforeRendering(): void {\n        const readOnly = this.getProperty(\"readOnly\");\n        this.textArea.setEditable(!readOnly);\n        \n        // Only enable if it's not readonly AND the browser supports speech recognition\n        this.startBtn.setEnabled(!readOnly && !!this.recognition);\n\n        const currentVal = this.getProperty(\"value\");\n        if (currentVal !== undefined && currentVal !== null) {\n            // Only update text area if we aren't currently dictating interim results\n            if (!this.isRecording) {\n                this.textArea.setValue(currentVal as string);\n            }\n        }\n    }\n\n    /**\n     * Cleans up hardware event listeners when the control is destroyed.\n     */\n    public exit(): void {\n        this.stopDictation();\n        if (this.recognition) {\n            this.recognition.onstart = null;\n            this.recognition.onresult = null;\n            this.recognition.onerror = null;\n            this.recognition.onend = null;\n            this.recognition = null;\n        }\n        super.exit();\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VoiceInputControl.js","names":["BaseHardwareControl","_interopRequireDefault","__BaseHardwareControl","Logger","___utils_Logger","VoiceInputControl","recognition","isRecording","init","super","this","textArea","TextArea","rows","width","placeholder","liveChange","oEvent","setValueAndFire","getParameter","startBtn","Button","icon","text","type","press","toggleDictation","bind","hBox","HBox","items","addStyleClass","vBox","VBox","setAggregation","initSpeechRecognition","stopDictation","startDictation","SpeechRecognitionClass","window","SpeechRecognition","webkitSpeechRecognition","continuous","interimResults","onresult","event","finalTranscript","interimTranscript","i","resultIndex","results","length","isFinal","transcript","currentVal","getProperty","newVal","setValue","onstart","setIcon","setText","setType","MessageToast","show","onerror","error","sap","ui","require","MessageBox","onend","warn","setEnabled","setTooltip","start","err","message","String","stop","e","onBeforeRendering","readOnly","setEditable","undefined","exit"],"sources":["VoiceInputControl.ts"],"sourcesContent":["import BaseHardwareControl from \"./BaseHardwareControl\";\nimport Button from \"sap/m/Button\";\nimport VBox from \"sap/m/VBox\";\nimport TextArea from \"sap/m/TextArea\";\nimport MessageToast from \"sap/m/MessageToast\";\nimport HBox from \"sap/m/HBox\";\nimport { Logger } from \"../utils/Logger\";\n\nimport Event from \"sap/ui/base/Event\";\ndeclare global {\n    interface Window {\n        SpeechRecognition: new () => SpeechRecognition;\n        webkitSpeechRecognition: new () => SpeechRecognition;\n    }\n    interface SpeechRecognition {\n        continuous: boolean;\n        interimResults: boolean;\n        onresult: (event: SpeechRecognitionEvent) => void;\n        onstart: () => void;\n        onerror: (event: SpeechRecognitionErrorEvent) => void;\n        onend: () => void;\n        start(): void;\n        stop(): void;\n    }\n    interface SpeechRecognitionEvent {\n        resultIndex: number;\n        results: {\n            length: number;\n            [index: number]: {\n                isFinal: boolean;\n                [index: number]: {\n                    transcript: string;\n                };\n            };\n        };\n    }\n    interface SpeechRecognitionErrorEvent {\n        error: string;\n    }\n}\n\n/**\n * VoiceInputControl\n * Provides a UI to dictate text using the browser's native Web Speech API.\n */\nexport default class VoiceInputControl extends BaseHardwareControl {\n\n\n    private vBox!: VBox;\n    private textArea!: TextArea;\n    private startBtn!: Button;\n    private stopBtn!: Button;\n    \n    private recognition: SpeechRecognition | null = null;\n    private isRecording: boolean = false;\n\n    /**\n     * Initializes the dictation interface and requests Web Speech API setup.\n     */\n    public init(): void {\n        super.init();\n\n        this.textArea = new TextArea({\n            rows: 3,\n            width: \"100%\",\n            placeholder: \"Dictated text will appear here...\",\n            liveChange: (oEvent: Event) => {\n                this.setValueAndFire((oEvent.getParameter(\"value\") as any));\n            }\n        });\n\n        this.startBtn = new Button({\n            icon: \"sap-icon://microphone\",\n            text: \"Start Dictation\",\n            type: \"Emphasized\",\n            press: this.toggleDictation.bind(this)\n        });\n\n        const hBox = new HBox({\n            items: [this.startBtn]\n        }).addStyleClass(\"sapUiSmallMarginTop\");\n\n        this.vBox = new VBox({\n            items: [this.textArea, hBox]\n        });\n\n        this.setAggregation(\"_content\", this.vBox);\n        this.initSpeechRecognition();\n    }\n\n    private toggleDictation(): void {\n        if (this.isRecording) {\n            this.stopDictation();\n        } else {\n            this.startDictation();\n        }\n    }\n\n    private initSpeechRecognition(): void {\n        const SpeechRecognitionClass = window.SpeechRecognition || window.webkitSpeechRecognition;\n        if (SpeechRecognitionClass) {\n            this.recognition = new SpeechRecognitionClass();\n            this.recognition.continuous = true;\n            this.recognition.interimResults = true;\n\n            this.recognition.onresult = (event: SpeechRecognitionEvent) => {\n                let finalTranscript = \"\";\n                let interimTranscript = \"\";\n\n                for (let i = event.resultIndex; i < event.results.length; ++i) {\n                    if (event.results[i].isFinal) {\n                        finalTranscript += event.results[i][0].transcript;\n                    } else {\n                        interimTranscript += event.results[i][0].transcript;\n                    }\n                }\n\n                // Append the new final transcript to whatever was already in the textarea\n                const currentVal = this.getProperty(\"value\") as string || \"\";\n                const newVal = currentVal ? currentVal + \" \" + finalTranscript : finalTranscript;\n                \n                if (finalTranscript) {\n                    this.textArea.setValue(newVal);\n                    this.setValueAndFire(newVal);\n                } else if (interimTranscript) {\n                    // Just show interim temporarily in textarea without saving to model\n                    this.textArea.setValue(currentVal ? currentVal + \" \" + interimTranscript : interimTranscript);\n                }\n            };\n\n            this.recognition.onstart = () => {\n                this.isRecording = true;\n                this.startBtn.setIcon(\"sap-icon://stop\");\n                this.startBtn.setText(\"Stop Recording\");\n                this.startBtn.setType(\"Reject\");\n                MessageToast.show(\"Listening... Please speak now.\");\n            };\n\n            this.recognition.onerror = (event: SpeechRecognitionErrorEvent) => {\n                Logger.error(\"Speech recognition error\", event.error, \"VoiceInputControl\");\n                sap.ui.require([\"sap/m/MessageBox\"], (MessageBox: typeof import(\"sap/m/MessageBox\").default) => {\n                    MessageBox.error(\"Microphone Error: \" + event.error + \"\\n\\nPlease ensure you have a working microphone attached and have not blocked access in your browser settings.\");\n                });\n                this.stopDictation();\n            };\n            \n            this.recognition.onend = () => {\n                // If it ends natively (e.g. timeout), update UI\n                this.stopDictation();\n            };\n        } else {\n            Logger.warn(\"Web Speech API not supported in this browser.\", \"\", \"VoiceInputControl\");\n            this.startBtn.setEnabled(false);\n            this.startBtn.setTooltip(\"Speech Recognition is not supported in this browser.\");\n        }\n    }\n\n    private startDictation(): void {\n        if (!this.recognition) return;\n        \n        try {\n            this.recognition.start();\n            MessageToast.show(\"Requesting microphone access...\");\n            // Provide immediate UI feedback in case browser delays the onstart event\n            this.startBtn.setIcon(\"sap-icon://stop\");\n            this.startBtn.setText(\"Requesting mic...\");\n            this.startBtn.setType(\"Reject\");\n        } catch (err) {\n            const error = err as Error;\n            Logger.error(\"Failed to start speech recognition\", error.message || String(error), \"VoiceInputControl\");\n            sap.ui.require([\"sap/m/MessageBox\"], (MessageBox: typeof import(\"sap/m/MessageBox\").default) => {\n                MessageBox.error(\"Failed to start dictation. Please ensure you have a working microphone and have granted browser permissions.\\n\\nDetails: \" + (error.message || String(error)));\n            });\n            this.stopDictation();\n        }\n    }\n\n    private stopDictation(): void {\n        if (!this.recognition) return;\n        \n        try {\n            this.recognition.stop();\n        } catch(e) {\n            Logger.warn(\"Failed to gracefully stop speech recognition.\", String(e), \"VoiceInputControl\");\n        }\n        \n        this.isRecording = false;\n        this.startBtn.setIcon(\"sap-icon://microphone\");\n        this.startBtn.setText(\"Start Dictation\");\n        this.startBtn.setType(\"Emphasized\");\n    }\n\n    /**\n     * Lifecycle hook called before the control is rendered to the DOM.\n     * Handles browser support visual state.\n     */\n    public onBeforeRendering(): void {\n        const readOnly = this.getProperty(\"readOnly\");\n        this.textArea.setEditable(!readOnly);\n        \n        // Only enable if it's not readonly AND the browser supports speech recognition\n        this.startBtn.setEnabled(!readOnly && !!this.recognition);\n\n        const currentVal = this.getProperty(\"value\");\n        if (currentVal !== undefined && currentVal !== null) {\n            // Only update text area if we aren't currently dictating interim results\n            if (!this.isRecording) {\n                this.textArea.setValue(currentVal as string);\n            }\n        }\n    }\n\n    /**\n     * Cleans up hardware event listeners when the control is destroyed.\n     */\n    public exit(): void {\n        this.stopDictation();\n        if (this.recognition) {\n            (this.recognition as any).onstart = null;\n            (this.recognition as any).onresult = null;\n            (this.recognition as any).onerror = null;\n            (this.recognition as any).onend = null;\n            this.recognition = null;\n        }\n        super.exit();\n    }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -6,6 +6,7 @@ import MessageToast from "sap/m/MessageToast";
 import HBox from "sap/m/HBox";
 import { Logger } from "../utils/Logger";
 
+import Event from "sap/ui/base/Event";
 declare global {
     interface Window {
         SpeechRecognition: new () => SpeechRecognition;
@@ -43,11 +44,7 @@ declare global {
  * Provides a UI to dictate text using the browser's native Web Speech API.
  */
 export default class VoiceInputControl extends BaseHardwareControl {
-    static readonly renderer = "nz.co.siliconst.ui5.metaui.controls.BaseHardwareControlRenderer";
-    static readonly metadata = {
-        properties: {},
-        events: {}
-    };
+
 
     private vBox!: VBox;
     private textArea!: TextArea;
@@ -67,8 +64,8 @@ export default class VoiceInputControl extends BaseHardwareControl {
             rows: 3,
             width: "100%",
             placeholder: "Dictated text will appear here...",
-            liveChange: (oEvent: sap.ui.base.Event) => {
-                this.setValueAndFire(oEvent.getParameter("value"));
+            liveChange: (oEvent: Event) => {
+                this.setValueAndFire((oEvent.getParameter("value") as any));
             }
         });
 
@@ -119,7 +116,7 @@ export default class VoiceInputControl extends BaseHardwareControl {
                 }
 
                 // Append the new final transcript to whatever was already in the textarea
-                const currentVal = this.getValue() || "";
+                const currentVal = this.getProperty("value") as string || "";
                 const newVal = currentVal ? currentVal + " " + finalTranscript : finalTranscript;
                 
                 if (finalTranscript) {
@@ -219,10 +216,10 @@ export default class VoiceInputControl extends BaseHardwareControl {
     public exit(): void {
         this.stopDictation();
         if (this.recognition) {
-            this.recognition.onstart = null;
-            this.recognition.onresult = null;
-            this.recognition.onerror = null;
-            this.recognition.onend = null;
+            (this.recognition as any).onstart = null;
+            (this.recognition as any).onresult = null;
+            (this.recognition as any).onerror = null;
+            (this.recognition as any).onend = null;
             this.recognition = null;
         }
         super.exit();