@siliconst/metaui 1.2.0 → 1.4.5

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

@@ -0,0 +1,61 @@
+import BaseHardwareControl from "./BaseHardwareControl";
+import BaseHardwareControlRenderer from "./BaseHardwareControlRenderer";
+import RenderManager from "sap/ui/core/RenderManager";
+import VBox from "sap/m/VBox";
+import RichTextEditor from "sap/ui/richtexteditor/RichTextEditor";
+
+/**
+ * @file RichTextControl.ts
+ * @description Native UI5 Control for rich text input.
+ * 
+ * @namespace nz.co.siliconst.ui5.metaui.controls
+ */
+export default class RichTextControl extends BaseHardwareControl {
+    private vBox!: VBox;
+    private richTextEditor!: RichTextEditor;
+
+    static readonly renderer = BaseHardwareControlRenderer;
+
+    static readonly metadata = {
+        properties: {},
+        events: {},
+        aggregations: {
+            _content: { type: "sap.m.VBox", multiple: false, visibility: "hidden" }
+        }
+    };
+
+    public init(): void {
+        super.init();
+
+        this.richTextEditor = new RichTextEditor({
+            width: "100%",
+            height: "300px",
+            showGroupFont: true,
+            showGroupInsert: true,
+            tooltip: "Rich Text Editor",
+            change: (oEvent: sap.ui.base.Event) => {
+                const val = oEvent.getParameter("newValue");
+                this.setValueAndFire(val);
+            }
+        });
+
+        this.vBox = new VBox({
+            items: [this.richTextEditor]
+        });
+
+        this.setAggregation("_content", this.vBox);
+    }
+
+    public onBeforeRendering(): void {
+        const readOnly = this.getProperty("readOnly");
+        this.richTextEditor.setEditable(!readOnly);
+
+        const currentVal = this.getProperty("value");
+        if (currentVal !== undefined && currentVal !== null) {
+            // Prevent recursive update if the value matches the editor's current value
+            if (this.richTextEditor.getValue() !== currentVal) {
+                this.richTextEditor.setValue(currentVal as string);
+            }
+        }
+    }
+}

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

@@ -0,0 +1,157 @@
+sap.ui.define(["./BaseHardwareControl", "sap/m/Button", "sap/m/VBox", "sap/ui/core/HTML", "sap/m/MessageToast"], function (__BaseHardwareControl, Button, VBox, HTML, MessageToast) {
+  "use strict";
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule && typeof obj.default !== "undefined" ? obj.default : obj;
+  }
+  const BaseHardwareControl = _interopRequireDefault(__BaseHardwareControl);
+  /**
+   * SignatureControl
+   * Provides an HTML5 Canvas for capturing signatures.
+   */
+  class SignatureControl extends BaseHardwareControl {
+    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 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);
+    }
+    onCanvasRendered() {
+      const domRef = this.canvasHtml.getDomRef();
+      if (!domRef) return;
+      this.canvasEl = domRef;
+      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);
+      }
+    }
+    loadImageOntoCanvas(dataUrl) {
+      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;
+    }
+    getCoordinates(e) {
+      if (!this.canvasEl) return {
+        x: 0,
+        y: 0
+      };
+      const rect = this.canvasEl.getBoundingClientRect();
+      let clientX, clientY;
+      if (e.type.startsWith("touch")) {
+        clientX = e.touches[0].clientX;
+        clientY = e.touches[0].clientY;
+      } else {
+        clientX = e.clientX;
+        clientY = e.clientY;
+      }
+      return {
+        x: clientX - rect.left,
+        y: clientY - rect.top
+      };
+    }
+    startDrawing(e) {
+      this.isDrawing = true;
+      this.draw(e);
+    }
+    startDrawingTouch(e) {
+      e.preventDefault(); // Prevent scrolling
+      this.isDrawing = true;
+      this.drawTouch(e);
+    }
+    draw(e) {
+      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);
+    }
+    drawTouch(e) {
+      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);
+    }
+    stopDrawing() {
+      if (!this.isDrawing) return;
+      this.isDrawing = false;
+      if (this.canvasCtx) {
+        this.canvasCtx.beginPath(); // Reset path
+        this.saveSignature();
+      }
+    }
+    clearSignature() {
+      if (this.canvasCtx && this.canvasEl) {
+        this.canvasCtx.clearRect(0, 0, this.canvasEl.width, this.canvasEl.height);
+      }
+      this.setValueAndFire(null);
+      MessageToast.show("Signature cleared.");
+    }
+    saveSignature() {
+      if (this.canvasEl) {
+        const dataUrl = this.canvasEl.toDataURL("image/png");
+        this.setValueAndFire(dataUrl);
+      }
+    }
+    setValue(value) {
+      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;
+    }
+  }
+  return SignatureControl;
+});
+//# sourceMappingURL=SignatureControl-dbg.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SignatureControl-dbg.js","names":["BaseHardwareControl","_interopRequireDefault","__BaseHardwareControl","SignatureControl","renderer","metadata","properties","events","isDrawing","canvasCtx","canvasEl","init","canvasHtml","HTML","content","afterRendering","onCanvasRendered","bind","addStyleClass","clearBtn","Button","icon","text","press","clearSignature","vBox","VBox","items","setAggregation","domRef","getDomRef","getContext","lineWidth","lineCap","strokeStyle","addEventListener","startDrawing","draw","stopDrawing","startDrawingTouch","passive","drawTouch","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"],"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    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\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.startDrawing.bind(this));\n        this.canvasEl.addEventListener(\"mousemove\", this.draw.bind(this));\n        this.canvasEl.addEventListener(\"mouseup\", this.stopDrawing.bind(this));\n        this.canvasEl.addEventListener(\"mouseout\", this.stopDrawing.bind(this));\n        \n        // Touch events\n        this.canvasEl.addEventListener(\"touchstart\", this.startDrawingTouch.bind(this), { passive: false });\n        this.canvasEl.addEventListener(\"touchmove\", this.drawTouch.bind(this), { passive: false });\n        this.canvasEl.addEventListener(\"touchend\", this.stopDrawing.bind(this));\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    public setValue(value: any): 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"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,33 @@
+declare module "nz/co/siliconst/ui5/metaui/controls/SignatureControl" {
+    import BaseHardwareControl from "nz/co/siliconst/ui5/metaui/controls/BaseHardwareControl";
+    /**
+     * 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;
+        private isDrawing;
+        private canvasCtx;
+        private canvasEl;
+        init(): void;
+        private onCanvasRendered;
+        private loadImageOntoCanvas;
+        private getCoordinates;
+        private startDrawing;
+        private startDrawingTouch;
+        private draw;
+        private drawTouch;
+        private stopDrawing;
+        private clearSignature;
+        private saveSignature;
+        setValue(value: any): this;
+    }
+}
+//# sourceMappingURL=SignatureControl.d.ts.map

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

@@ -0,0 +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;QAE3C,IAAI,IAAI,IAAI;QAqBnB,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;QAOd,QAAQ,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;KASpC;CAEA"}

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

@@ -0,0 +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)}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.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));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));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}}return r});
+//# sourceMappingURL=SignatureControl.js.map

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

@@ -0,0 +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","domRef","getDomRef","getContext","lineWidth","lineCap","strokeStyle","addEventListener","startDrawing","draw","stopDrawing","startDrawingTouch","passive","drawTouch","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"],"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    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\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.startDrawing.bind(this));\n        this.canvasEl.addEventListener(\"mousemove\", this.draw.bind(this));\n        this.canvasEl.addEventListener(\"mouseup\", this.stopDrawing.bind(this));\n        this.canvasEl.addEventListener(\"mouseout\", this.stopDrawing.bind(this));\n        \n        // Touch events\n        this.canvasEl.addEventListener(\"touchstart\", this.startDrawingTouch.bind(this), { passive: false });\n        this.canvasEl.addEventListener(\"touchmove\", this.drawTouch.bind(this), { passive: false });\n        this.canvasEl.addEventListener(\"touchend\", this.stopDrawing.bind(this));\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    public setValue(value: any): 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"],"mappings":"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","ignoreList":[]}

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