@siliconst/metaui 1.2.0 → 1.4.4

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

@@ -0,0 +1,169 @@
+import BaseHardwareControl from "./BaseHardwareControl";
+import Button from "sap/m/Button";
+import VBox from "sap/m/VBox";
+import HTML from "sap/ui/core/HTML";
+import MessageToast from "sap/m/MessageToast";
+
+/**
+ * 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!: VBox;
+    private clearBtn!: Button;
+    private canvasHtml!: HTML;
+    private isDrawing = false;
+    private canvasCtx: CanvasRenderingContext2D | null = null;
+    private canvasEl: HTMLCanvasElement | null = null;
+
+    public init(): void {
+        super.init();
+
+        this.canvasHtml = new HTML({
+            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 Button({
+            icon: "sap-icon://sys-cancel",
+            text: "Clear Signature",
+            press: this.clearSignature.bind(this)
+        });
+
+        this.vBox = new VBox({
+            items: [this.canvasHtml, this.clearBtn]
+        });
+
+        this.setAggregation("_content", this.vBox);
+    }
+
+    private onCanvasRendered(): void {
+        const domRef = this.canvasHtml.getDomRef() as HTMLElement;
+        if (!domRef) return;
+        
+        this.canvasEl = domRef as HTMLCanvasElement;
+        this.canvasCtx = this.canvasEl.getContext("2d");
+        if (this.canvasCtx) {
+            this.canvasCtx.lineWidth = 2;
+            this.canvasCtx.lineCap = "round";
+            this.canvasCtx.strokeStyle = "#000";
+        }
+
+        // Mouse events
+        this.canvasEl.addEventListener("mousedown", this.startDrawing.bind(this));
+        this.canvasEl.addEventListener("mousemove", this.draw.bind(this));
+        this.canvasEl.addEventListener("mouseup", this.stopDrawing.bind(this));
+        this.canvasEl.addEventListener("mouseout", this.stopDrawing.bind(this));
+        
+        // Touch events
+        this.canvasEl.addEventListener("touchstart", this.startDrawingTouch.bind(this), { passive: false });
+        this.canvasEl.addEventListener("touchmove", this.drawTouch.bind(this), { passive: false });
+        this.canvasEl.addEventListener("touchend", this.stopDrawing.bind(this));
+
+        // Restore existing signature if any
+        const val = this.getValue();
+        if (val && typeof val === "string" && val.startsWith("data:image")) {
+            this.loadImageOntoCanvas(val);
+        }
+    }
+
+    private loadImageOntoCanvas(dataUrl: string): void {
+        const img = new window.Image();
+        img.onload = () => {
+            if (this.canvasCtx && this.canvasEl) {
+                this.canvasCtx.clearRect(0, 0, this.canvasEl.width, this.canvasEl.height);
+                this.canvasCtx.drawImage(img, 0, 0, this.canvasEl.width, this.canvasEl.height);
+            }
+        };
+        img.src = dataUrl;
+    }
+
+    private getCoordinates(e: MouseEvent | TouchEvent): { x: number, y: number } {
+        if (!this.canvasEl) return { x: 0, y: 0 };
+        const rect = this.canvasEl.getBoundingClientRect();
+        
+        let clientX, clientY;
+        if (e.type.startsWith("touch")) {
+            clientX = (e as TouchEvent).touches[0].clientX;
+            clientY = (e as TouchEvent).touches[0].clientY;
+        } else {
+            clientX = (e as MouseEvent).clientX;
+            clientY = (e as MouseEvent).clientY;
+        }
+        
+        return {
+            x: clientX - rect.left,
+            y: clientY - rect.top
+        };
+    }
+
+    private startDrawing(e: MouseEvent): void {
+        this.isDrawing = true;
+        this.draw(e);
+    }
+
+    private startDrawingTouch(e: TouchEvent): void {
+        e.preventDefault(); // Prevent scrolling
+        this.isDrawing = true;
+        this.drawTouch(e);
+    }
+
+    private draw(e: MouseEvent): void {
+        if (!this.isDrawing || !this.canvasCtx) return;
+        const pos = this.getCoordinates(e);
+        this.canvasCtx.lineTo(pos.x, pos.y);
+        this.canvasCtx.stroke();
+        this.canvasCtx.beginPath();
+        this.canvasCtx.moveTo(pos.x, pos.y);
+    }
+
+    private drawTouch(e: TouchEvent): void {
+        if (!this.isDrawing || !this.canvasCtx) return;
+        e.preventDefault(); // Prevent scrolling
+        const pos = this.getCoordinates(e);
+        this.canvasCtx.lineTo(pos.x, pos.y);
+        this.canvasCtx.stroke();
+        this.canvasCtx.beginPath();
+        this.canvasCtx.moveTo(pos.x, pos.y);
+    }
+
+    private stopDrawing(): void {
+        if (!this.isDrawing) return;
+        this.isDrawing = false;
+        if (this.canvasCtx) {
+            this.canvasCtx.beginPath(); // Reset path
+            this.saveSignature();
+        }
+    }
+
+    private clearSignature(): void {
+        if (this.canvasCtx && this.canvasEl) {
+            this.canvasCtx.clearRect(0, 0, this.canvasEl.width, this.canvasEl.height);
+        }
+        this.setValueAndFire(null);
+        MessageToast.show("Signature cleared.");
+    }
+
+    private saveSignature(): void {
+        if (this.canvasEl) {
+            const dataUrl = this.canvasEl.toDataURL("image/png");
+            this.setValueAndFire(dataUrl);
+        }
+    }
+
+    public setValue(value: any): this {
+        super.setValue(value);
+        if (value && typeof value === "string" && value.startsWith("data:image")) {
+            this.loadImageOntoCanvas(value);
+        } else if (!value && this.canvasCtx && this.canvasEl) {
+            this.canvasCtx.clearRect(0, 0, this.canvasEl.width, this.canvasEl.height);
+        }
+        return this;
+    }
+}

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

@@ -0,0 +1,160 @@
+sap.ui.define(["./BaseHardwareControl", "sap/m/Button", "sap/m/VBox", "sap/m/TextArea", "sap/m/MessageToast", "sap/m/HBox", "../utils/Logger"], function (__BaseHardwareControl, Button, VBox, TextArea, MessageToast, HBox, ___utils_Logger) {
+  "use strict";
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule && typeof obj.default !== "undefined" ? obj.default : obj;
+  }
+  const BaseHardwareControl = _interopRequireDefault(__BaseHardwareControl);
+  const Logger = ___utils_Logger["Logger"];
+  /**
+   * VoiceInputControl
+   * 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;
+    init() {
+      super.init();
+      this.textArea = new TextArea({
+        rows: 3,
+        width: "100%",
+        placeholder: "Dictated text will appear here...",
+        liveChange: oEvent => {
+          this.setValueAndFire(oEvent.getParameter("value"));
+        }
+      });
+      this.startBtn = new Button({
+        icon: "sap-icon://microphone",
+        text: "Start Dictation",
+        type: "Emphasized",
+        press: this.toggleDictation.bind(this)
+      });
+      const hBox = new HBox({
+        items: [this.startBtn]
+      }).addStyleClass("sapUiSmallMarginTop");
+      this.vBox = new VBox({
+        items: [this.textArea, hBox]
+      });
+      this.setAggregation("_content", this.vBox);
+      this.initSpeechRecognition();
+    }
+    toggleDictation() {
+      if (this.isRecording) {
+        this.stopDictation();
+      } else {
+        this.startDictation();
+      }
+    }
+    initSpeechRecognition() {
+      const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
+      if (SpeechRecognition) {
+        this.recognition = new SpeechRecognition();
+        this.recognition.continuous = true;
+        this.recognition.interimResults = true;
+        this.recognition.onresult = event => {
+          let finalTranscript = "";
+          let interimTranscript = "";
+          for (let i = event.resultIndex; i < event.results.length; ++i) {
+            if (event.results[i].isFinal) {
+              finalTranscript += event.results[i][0].transcript;
+            } else {
+              interimTranscript += event.results[i][0].transcript;
+            }
+          }
+
+          // Append the new final transcript to whatever was already in the textarea
+          const currentVal = this.getValue() || "";
+          const newVal = currentVal ? currentVal + " " + finalTranscript : finalTranscript;
+          if (finalTranscript) {
+            this.textArea.setValue(newVal);
+            this.setValueAndFire(newVal);
+          } else if (interimTranscript) {
+            // Just show interim temporarily in textarea without saving to model
+            this.textArea.setValue(currentVal ? currentVal + " " + interimTranscript : interimTranscript);
+          }
+        };
+        this.recognition.onstart = () => {
+          this.isRecording = true;
+          this.startBtn.setIcon("sap-icon://stop");
+          this.startBtn.setText("Stop Recording");
+          this.startBtn.setType("Reject");
+          MessageToast.show("Listening... Please speak now.");
+        };
+        this.recognition.onerror = event => {
+          Logger.error("Speech recognition error", event.error, "VoiceInputControl");
+          sap.ui.require(["sap/m/MessageBox"], MessageBox => {
+            MessageBox.error("Microphone Error: " + event.error + "\n\nPlease ensure you have a working microphone attached and have not blocked access in your browser settings.");
+          });
+          this.stopDictation();
+        };
+        this.recognition.onend = () => {
+          // If it ends natively (e.g. timeout), update UI
+          this.stopDictation();
+        };
+      } else {
+        Logger.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();
+        MessageToast.show("Requesting microphone access...");
+        // Provide immediate UI feedback in case browser delays the onstart event
+        this.startBtn.setIcon("sap-icon://stop");
+        this.startBtn.setText("Requesting mic...");
+        this.startBtn.setType("Reject");
+      } catch (err) {
+        Logger.error("Failed to start speech recognition", err.message || err, "VoiceInputControl");
+        sap.ui.require(["sap/m/MessageBox"], MessageBox => {
+          MessageBox.error("Failed to start dictation. Please ensure you have a working microphone and have granted browser permissions.\n\nDetails: " + (err.message || err));
+        });
+        this.stopDictation();
+      }
+    }
+    stopDictation() {
+      if (!this.recognition) return;
+      try {
+        this.recognition.stop();
+      } catch (e) {}
+      this.isRecording = false;
+      this.startBtn.setIcon("sap-icon://microphone");
+      this.startBtn.setText("Start Dictation");
+      this.startBtn.setType("Emphasized");
+    }
+    onBeforeRendering() {
+      const readOnly = this.getProperty("readOnly");
+      this.textArea.setEditable(!readOnly);
+
+      // Only enable if it's not readonly AND the browser supports speech recognition
+      this.startBtn.setEnabled(!readOnly && !!this.recognition);
+      const currentVal = this.getProperty("value");
+      if (currentVal !== undefined && currentVal !== null) {
+        // Only update text area if we aren't currently dictating interim results
+        if (!this.isRecording) {
+          this.textArea.setValue(currentVal);
+        }
+      }
+    }
+    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 VoiceInputControl;
+});
+//# sourceMappingURL=VoiceInputControl-dbg.js.map

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

@@ -0,0 +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","SpeechRecognition","window","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","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\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: any = null;\n    private isRecording: boolean = false;\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 SpeechRecognition = (window as unknown).SpeechRecognition || (window as unknown).webkitSpeechRecognition;\n        if (SpeechRecognition) {\n            this.recognition = new SpeechRecognition();\n            this.recognition.continuous = true;\n            this.recognition.interimResults = true;\n\n            this.recognition.onresult = (event: any) => {\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: any) => {\n                Logger.error(\"Speech recognition error\", event.error, \"VoiceInputControl\");\n                sap.ui.require([\"sap/m/MessageBox\"], (MessageBox: unknown) => {\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: any) {\n            Logger.error(\"Failed to start speech recognition\", err.message || err, \"VoiceInputControl\");\n            sap.ui.require([\"sap/m/MessageBox\"], (MessageBox: unknown) => {\n                MessageBox.error(\"Failed to start dictation. Please ensure you have a working microphone and have granted browser permissions.\\n\\nDetails: \" + (err.message || err));\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        \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    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    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":[]}

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

@@ -0,0 +1,28 @@
+declare module "nz/co/siliconst/ui5/metaui/controls/VoiceInputControl" {
+    import BaseHardwareControl from "nz/co/siliconst/ui5/metaui/controls/BaseHardwareControl";
+    /**
+     * 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;
+        private stopBtn;
+        private recognition;
+        private isRecording;
+        init(): void;
+        private toggleDictation;
+        private initSpeechRecognition;
+        private startDictation;
+        private stopDictation;
+        onBeforeRendering(): void;
+        exit(): void;
+    }
+}
+//# sourceMappingURL=VoiceInputControl.d.ts.map

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

@@ -0,0 +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;IAQ1F;;;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,CAAa;QAChC,OAAO,CAAC,WAAW,CAAkB;QAE9B,IAAI,IAAI,IAAI;QA+BnB,OAAO,CAAC,eAAe;QAQvB,OAAO,CAAC,qBAAqB;QA2D7B,OAAO,CAAC,cAAc;QAmBtB,OAAO,CAAC,aAAa;QAad,iBAAiB,IAAI,IAAI;QAgBzB,IAAI,IAAI,IAAI;KAWtB;CAEA"}

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

@@ -0,0 +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){h.error("Failed to start speech recognition",t.message||t,"VoiceInputControl");sap.ui.require(["sap/m/MessageBox"],e=>{e.error("Failed to start dictation. Please ensure you have a working microphone and have granted browser permissions.\n\nDetails: "+(t.message||t))});this.stopDictation()}}stopDictation(){if(!this.recognition)return;try{this.recognition.stop()}catch(t){}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

@@ -0,0 +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","SpeechRecognition","window","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","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\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: any = null;\n    private isRecording: boolean = false;\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 SpeechRecognition = (window as unknown).SpeechRecognition || (window as unknown).webkitSpeechRecognition;\n        if (SpeechRecognition) {\n            this.recognition = new SpeechRecognition();\n            this.recognition.continuous = true;\n            this.recognition.interimResults = true;\n\n            this.recognition.onresult = (event: any) => {\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: any) => {\n                Logger.error(\"Speech recognition error\", event.error, \"VoiceInputControl\");\n                sap.ui.require([\"sap/m/MessageBox\"], (MessageBox: unknown) => {\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: any) {\n            Logger.error(\"Failed to start speech recognition\", err.message || err, \"VoiceInputControl\");\n            sap.ui.require([\"sap/m/MessageBox\"], (MessageBox: unknown) => {\n                MessageBox.error(\"Failed to start dictation. Please ensure you have a working microphone and have granted browser permissions.\\n\\nDetails: \" + (err.message || err));\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        \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    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    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":[]}

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

@@ -0,0 +1,185 @@
+import BaseHardwareControl from "./BaseHardwareControl";
+import Button from "sap/m/Button";
+import VBox from "sap/m/VBox";
+import TextArea from "sap/m/TextArea";
+import MessageToast from "sap/m/MessageToast";
+import HBox from "sap/m/HBox";
+import { Logger } from "../utils/Logger";
+
+/**
+ * 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!: VBox;
+    private textArea!: TextArea;
+    private startBtn!: Button;
+    private stopBtn!: Button;
+    
+    private recognition: any = null;
+    private isRecording: boolean = false;
+
+    public init(): void {
+        super.init();
+
+        this.textArea = new TextArea({
+            rows: 3,
+            width: "100%",
+            placeholder: "Dictated text will appear here...",
+            liveChange: (oEvent: sap.ui.base.Event) => {
+                this.setValueAndFire(oEvent.getParameter("value"));
+            }
+        });
+
+        this.startBtn = new Button({
+            icon: "sap-icon://microphone",
+            text: "Start Dictation",
+            type: "Emphasized",
+            press: this.toggleDictation.bind(this)
+        });
+
+        const hBox = new HBox({
+            items: [this.startBtn]
+        }).addStyleClass("sapUiSmallMarginTop");
+
+        this.vBox = new VBox({
+            items: [this.textArea, hBox]
+        });
+
+        this.setAggregation("_content", this.vBox);
+        this.initSpeechRecognition();
+    }
+
+    private toggleDictation(): void {
+        if (this.isRecording) {
+            this.stopDictation();
+        } else {
+            this.startDictation();
+        }
+    }
+
+    private initSpeechRecognition(): void {
+        const SpeechRecognition = (window as unknown).SpeechRecognition || (window as unknown).webkitSpeechRecognition;
+        if (SpeechRecognition) {
+            this.recognition = new SpeechRecognition();
+            this.recognition.continuous = true;
+            this.recognition.interimResults = true;
+
+            this.recognition.onresult = (event: any) => {
+                let finalTranscript = "";
+                let interimTranscript = "";
+
+                for (let i = event.resultIndex; i < event.results.length; ++i) {
+                    if (event.results[i].isFinal) {
+                        finalTranscript += event.results[i][0].transcript;
+                    } else {
+                        interimTranscript += event.results[i][0].transcript;
+                    }
+                }
+
+                // Append the new final transcript to whatever was already in the textarea
+                const currentVal = this.getValue() || "";
+                const newVal = currentVal ? currentVal + " " + finalTranscript : finalTranscript;
+                
+                if (finalTranscript) {
+                    this.textArea.setValue(newVal);
+                    this.setValueAndFire(newVal);
+                } else if (interimTranscript) {
+                    // Just show interim temporarily in textarea without saving to model
+                    this.textArea.setValue(currentVal ? currentVal + " " + interimTranscript : interimTranscript);
+                }
+            };
+
+            this.recognition.onstart = () => {
+                this.isRecording = true;
+                this.startBtn.setIcon("sap-icon://stop");
+                this.startBtn.setText("Stop Recording");
+                this.startBtn.setType("Reject");
+                MessageToast.show("Listening... Please speak now.");
+            };
+
+            this.recognition.onerror = (event: any) => {
+                Logger.error("Speech recognition error", event.error, "VoiceInputControl");
+                sap.ui.require(["sap/m/MessageBox"], (MessageBox: unknown) => {
+                    MessageBox.error("Microphone Error: " + event.error + "\n\nPlease ensure you have a working microphone attached and have not blocked access in your browser settings.");
+                });
+                this.stopDictation();
+            };
+            
+            this.recognition.onend = () => {
+                // If it ends natively (e.g. timeout), update UI
+                this.stopDictation();
+            };
+        } else {
+            Logger.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.");
+        }
+    }
+
+    private startDictation(): void {
+        if (!this.recognition) return;
+        
+        try {
+            this.recognition.start();
+            MessageToast.show("Requesting microphone access...");
+            // Provide immediate UI feedback in case browser delays the onstart event
+            this.startBtn.setIcon("sap-icon://stop");
+            this.startBtn.setText("Requesting mic...");
+            this.startBtn.setType("Reject");
+        } catch (err: any) {
+            Logger.error("Failed to start speech recognition", err.message || err, "VoiceInputControl");
+            sap.ui.require(["sap/m/MessageBox"], (MessageBox: unknown) => {
+                MessageBox.error("Failed to start dictation. Please ensure you have a working microphone and have granted browser permissions.\n\nDetails: " + (err.message || err));
+            });
+            this.stopDictation();
+        }
+    }
+
+    private stopDictation(): void {
+        if (!this.recognition) return;
+        
+        try {
+            this.recognition.stop();
+        } catch(e) {}
+        
+        this.isRecording = false;
+        this.startBtn.setIcon("sap-icon://microphone");
+        this.startBtn.setText("Start Dictation");
+        this.startBtn.setType("Emphasized");
+    }
+
+    public onBeforeRendering(): void {
+        const readOnly = this.getProperty("readOnly");
+        this.textArea.setEditable(!readOnly);
+        
+        // Only enable if it's not readonly AND the browser supports speech recognition
+        this.startBtn.setEnabled(!readOnly && !!this.recognition);
+
+        const currentVal = this.getProperty("value");
+        if (currentVal !== undefined && currentVal !== null) {
+            // Only update text area if we aren't currently dictating interim results
+            if (!this.isRecording) {
+                this.textArea.setValue(currentVal as string);
+            }
+        }
+    }
+
+    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 = null;
+        }
+        super.exit();
+    }
+}