@siliconst/metaui 1.2.0 → 1.4.4

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

@@ -0,0 +1,86 @@
+/**
+ * @file GeolocationControl.ts
+ * @description Native UI5 Control for GPS capture.
+ * 
+ * @namespace nz.co.siliconst.ui5.metaui.controls
+ */
+import BaseHardwareControl from "./BaseHardwareControl";
+import BaseHardwareControlRenderer from "./BaseHardwareControlRenderer";
+import RenderManager from "sap/ui/core/RenderManager";
+import Button from "sap/m/Button";
+import Input from "sap/m/Input";
+import VBox from "sap/m/VBox";
+import MessageToast from "sap/m/MessageToast";
+
+export default class GeolocationControl extends BaseHardwareControl {
+    private vBox: VBox;
+    private locationBtn: Button;
+    private resultInput: Input;
+
+    static readonly renderer = BaseHardwareControlRenderer;
+
+    static readonly metadata = {
+        aggregations: {
+            _content: { type: "sap.m.VBox", multiple: false, visibility: "hidden" }
+        }
+    };
+
+    public init(): void {
+        super.init();
+
+        this.locationBtn = new Button({
+            icon: "sap-icon://map",
+            text: "Get Location",
+            press: this.getLocation.bind(this)
+        });
+
+        this.resultInput = new Input({
+            editable: false,
+            visible: false
+        });
+
+        this.vBox = new VBox({
+            items: [this.locationBtn, this.resultInput]
+        });
+
+        this.setAggregation("_content", this.vBox);
+    }
+
+    public onBeforeRendering(): void {
+        const metadata = this.getProperty("schemaMetadata");
+        if (metadata && metadata.ui && metadata.ui.label) {
+            this.locationBtn.setText(metadata.ui.label);
+        }
+
+        const readOnly = this.getProperty("readOnly");
+        this.locationBtn.setEnabled(!readOnly);
+
+        const currentVal = this.getProperty("value");
+        if (currentVal) {
+            this.resultInput.setValue(currentVal as string);
+            this.resultInput.setVisible(true);
+        }
+    }
+
+    private getLocation(): void {
+        if (!navigator.geolocation) {
+            MessageToast.show("Geolocation is not supported by your browser");
+            return;
+        }
+
+        navigator.geolocation.getCurrentPosition(
+            (position) => {
+                const locStr = `${position.coords.latitude}, ${position.coords.longitude}`;
+                this.resultInput.setValue(locStr);
+                this.resultInput.setVisible(true);
+                this.setValueAndFire(locStr);
+                MessageToast.show("Location acquired.");
+            },
+            () => {
+                MessageToast.show("Unable to retrieve your location");
+            }
+        );
+    }
+
+
+}

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

@@ -0,0 +1,60 @@
+sap.ui.define(["./BaseHardwareControl", "./BaseHardwareControlRenderer", "sap/m/VBox", "sap/ui/richtexteditor/RichTextEditor"], function (__BaseHardwareControl, __BaseHardwareControlRenderer, VBox, RichTextEditor) {
+  "use strict";
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule && typeof obj.default !== "undefined" ? obj.default : obj;
+  }
+  const BaseHardwareControl = _interopRequireDefault(__BaseHardwareControl);
+  const BaseHardwareControlRenderer = _interopRequireDefault(__BaseHardwareControlRenderer);
+  /**
+   * @file RichTextControl.ts
+   * @description Native UI5 Control for rich text input.
+   * 
+   * @namespace nz.co.siliconst.ui5.metaui.controls
+   */
+  const RichTextControl = BaseHardwareControl.extend("nz.co.siliconst.ui5.metaui.controls.RichTextControl", {
+    metadata: {
+      properties: {},
+      events: {},
+      aggregations: {
+        _content: {
+          type: "sap.m.VBox",
+          multiple: false,
+          visibility: "hidden"
+        }
+      }
+    },
+    renderer: BaseHardwareControlRenderer,
+    init: function _init() {
+      BaseHardwareControl.prototype.init.call(this);
+      this.richTextEditor = new RichTextEditor({
+        width: "100%",
+        height: "300px",
+        showGroupFont: true,
+        showGroupInsert: true,
+        tooltip: "Rich Text Editor",
+        change: oEvent => {
+          const val = oEvent.getParameter("newValue");
+          this.setValueAndFire(val);
+        }
+      });
+      this.vBox = new VBox({
+        items: [this.richTextEditor]
+      });
+      this.setAggregation("_content", this.vBox);
+    },
+    onBeforeRendering: function _onBeforeRendering() {
+      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);
+        }
+      }
+    }
+  });
+  return RichTextControl;
+});
+//# sourceMappingURL=RichTextControl-dbg.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextControl-dbg.js","names":["BaseHardwareControl","_interopRequireDefault","__BaseHardwareControl","BaseHardwareControlRenderer","__BaseHardwareControlRenderer","RichTextControl","extend","metadata","properties","events","aggregations","_content","type","multiple","visibility","renderer","init","_init","BaseHardwareControl.prototype.init.call","richTextEditor","RichTextEditor","width","height","showGroupFont","showGroupInsert","tooltip","change","oEvent","val","getParameter","setValueAndFire","vBox","VBox","items","setAggregation","onBeforeRendering","_onBeforeRendering","readOnly","getProperty","setEditable","currentVal","undefined","getValue","setValue"],"sources":["RichTextControl.ts"],"sourcesContent":["import BaseHardwareControl from \"./BaseHardwareControl\";\nimport BaseHardwareControlRenderer from \"./BaseHardwareControlRenderer\";\nimport RenderManager from \"sap/ui/core/RenderManager\";\nimport VBox from \"sap/m/VBox\";\nimport RichTextEditor from \"sap/ui/richtexteditor/RichTextEditor\";\n\n/**\n * @file RichTextControl.ts\n * @description Native UI5 Control for rich text input.\n * \n * @namespace nz.co.siliconst.ui5.metaui.controls\n */\nexport default class RichTextControl extends BaseHardwareControl {\n    private vBox!: VBox;\n    private richTextEditor!: RichTextEditor;\n\n    static readonly renderer = BaseHardwareControlRenderer;\n\n    static readonly metadata = {\n        properties: {},\n        events: {},\n        aggregations: {\n            _content: { type: \"sap.m.VBox\", multiple: false, visibility: \"hidden\" }\n        }\n    };\n\n    public init(): void {\n        super.init();\n\n        this.richTextEditor = new RichTextEditor({\n            width: \"100%\",\n            height: \"300px\",\n            showGroupFont: true,\n            showGroupInsert: true,\n            tooltip: \"Rich Text Editor\",\n            change: (oEvent: sap.ui.base.Event) => {\n                const val = oEvent.getParameter(\"newValue\");\n                this.setValueAndFire(val);\n            }\n        });\n\n        this.vBox = new VBox({\n            items: [this.richTextEditor]\n        });\n\n        this.setAggregation(\"_content\", this.vBox);\n    }\n\n    public onBeforeRendering(): void {\n        const readOnly = this.getProperty(\"readOnly\");\n        this.richTextEditor.setEditable(!readOnly);\n\n        const currentVal = this.getProperty(\"value\");\n        if (currentVal !== undefined && currentVal !== null) {\n            // Prevent recursive update if the value matches the editor's current value\n            if (this.richTextEditor.getValue() !== currentVal) {\n                this.richTextEditor.setValue(currentVal as string);\n            }\n        }\n    }\n}\n"],"mappings":";;;;;;QAAOA,mBAAmB,GAAAC,sBAAA,CAAAC,qBAAA;EAAA,MACnBC,2BAA2B,GAAAF,sBAAA,CAAAG,6BAAA;EAKlC;AACA;AACA;AACA;AACA;AACA;EALA,MAMqBC,eAAe,GAASL,mBAAmB,CAAAM,MAAA;IAM5CC,QAAQ,EAAG;MACvBC,UAAU,EAAE,CAAC,CAAC;MACdC,MAAM,EAAE,CAAC,CAAC;MACVC,YAAY,EAAE;QACVC,QAAQ,EAAE;UAAEC,IAAI,EAAE,YAAY;UAAEC,QAAQ,EAAE,KAAK;UAAEC,UAAU,EAAE;QAAS;MAC1E;IACJ,CAAC;IAReC,QAAQ,EAAGZ,2BAA2B;IAU/Ca,IAAI,WAAAC,MAAA,EAAS;MAChBC,uCAAA;MAEA,IAAI,CAACC,cAAc,GAAG,IAAIC,cAAc,CAAC;QACrCC,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,OAAO;QACfC,aAAa,EAAE,IAAI;QACnBC,eAAe,EAAE,IAAI;QACrBC,OAAO,EAAE,kBAAkB;QAC3BC,MAAM,EAAGC,MAAyB,IAAK;UACnC,MAAMC,GAAG,GAAGD,MAAM,CAACE,YAAY,CAAC,UAAU,CAAC;UAC3C,IAAI,CAACC,eAAe,CAACF,GAAG,CAAC;QAC7B;MACJ,CAAC,CAAC;MAEF,IAAI,CAACG,IAAI,GAAG,IAAIC,IAAI,CAAC;QACjBC,KAAK,EAAE,CAAC,IAAI,CAACd,cAAc;MAC/B,CAAC,CAAC;MAEF,IAAI,CAACe,cAAc,CAAC,UAAU,EAAE,IAAI,CAACH,IAAI,CAAC;IAC9C,CAAC;IAEMI,iBAAiB,WAAAC,mBAAA,EAAS;MAC7B,MAAMC,QAAQ,GAAG,IAAI,CAACC,WAAW,CAAC,UAAU,CAAC;MAC7C,IAAI,CAACnB,cAAc,CAACoB,WAAW,CAAC,CAACF,QAAQ,CAAC;MAE1C,MAAMG,UAAU,GAAG,IAAI,CAACF,WAAW,CAAC,OAAO,CAAC;MAC5C,IAAIE,UAAU,KAAKC,SAAS,IAAID,UAAU,KAAK,IAAI,EAAE;QACjD;QACA,IAAI,IAAI,CAACrB,cAAc,CAACuB,QAAQ,CAAC,CAAC,KAAKF,UAAU,EAAE;UAC/C,IAAI,CAACrB,cAAc,CAACwB,QAAQ,CAACH,UAAoB,CAAC;QACtD;MACJ;IACJ;EAAC;EAAA,OA/CgBnC,eAAe;AAAA","ignoreList":[]}

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

@@ -0,0 +1,32 @@
+declare module "nz/co/siliconst/ui5/metaui/controls/RichTextControl" {
+    import BaseHardwareControl from "nz/co/siliconst/ui5/metaui/controls/BaseHardwareControl";
+    import RenderManager from "sap/ui/core/RenderManager";
+    /**
+     * @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;
+        private richTextEditor;
+        static readonly renderer: {
+            apiVersion: number;
+            render: (rm: RenderManager, control: BaseHardwareControl) => void;
+        };
+        static readonly metadata: {
+            properties: {};
+            events: {};
+            aggregations: {
+                _content: {
+                    type: string;
+                    multiple: boolean;
+                    visibility: string;
+                };
+            };
+        };
+        init(): void;
+        onBeforeRendering(): void;
+    }
+}
+//# sourceMappingURL=RichTextControl.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextControl.d.ts","sourceRoot":"../../../../../../../..","sources":["src/nz/co/siliconst/ui5/metaui/controls/RichTextControl.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,qDAAqD,CAAC;IACrE,OAAO,mBAAmB,MAAM,yDAAyD,CAAC;IAE1F,OAAO,aAAa,MAAM,2BAA2B,CAAC;IAItD;;;;;OAKG;IACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,mBAAmB;QAC5D,OAAO,CAAC,IAAI,CAAQ;QACpB,OAAO,CAAC,cAAc,CAAkB;QAExC,MAAM,CAAC,QAAQ,CAAC,QAAQ;;;UAA+B;QAEvD,MAAM,CAAC,QAAQ,CAAC,QAAQ;;;;;;;;;;UAMtB;QAEK,IAAI,IAAI,IAAI;QAsBZ,iBAAiB,IAAI,IAAI;KAYnC;CAEA"}

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

@@ -0,0 +1,2 @@
+sap.ui.define(["./BaseHardwareControl","./BaseHardwareControlRenderer","sap/m/VBox","sap/ui/richtexteditor/RichTextEditor"],function(t,e,i,n){"use strict";function o(t){return t&&t.__esModule&&typeof t.default!=="undefined"?t.default:t}const r=o(t);const s=o(e);const a=r.extend("nz.co.siliconst.ui5.metaui.controls.RichTextControl",{metadata:{properties:{},events:{},aggregations:{_content:{type:"sap.m.VBox",multiple:false,visibility:"hidden"}}},renderer:s,init:function t(){r.prototype.init.call(this);this.richTextEditor=new n({width:"100%",height:"300px",showGroupFont:true,showGroupInsert:true,tooltip:"Rich Text Editor",change:t=>{const e=t.getParameter("newValue");this.setValueAndFire(e)}});this.vBox=new i({items:[this.richTextEditor]});this.setAggregation("_content",this.vBox)},onBeforeRendering:function t(){const e=this.getProperty("readOnly");this.richTextEditor.setEditable(!e);const i=this.getProperty("value");if(i!==undefined&&i!==null){if(this.richTextEditor.getValue()!==i){this.richTextEditor.setValue(i)}}}});return a});
+//# sourceMappingURL=RichTextControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextControl.js","names":["BaseHardwareControl","_interopRequireDefault","__BaseHardwareControl","BaseHardwareControlRenderer","__BaseHardwareControlRenderer","RichTextControl","extend","metadata","properties","events","aggregations","_content","type","multiple","visibility","renderer","init","_init","BaseHardwareControl.prototype.init.call","this","richTextEditor","RichTextEditor","width","height","showGroupFont","showGroupInsert","tooltip","change","oEvent","val","getParameter","setValueAndFire","vBox","VBox","items","setAggregation","onBeforeRendering","_onBeforeRendering","readOnly","getProperty","setEditable","currentVal","undefined","getValue","setValue"],"sources":["RichTextControl.ts"],"sourcesContent":["import BaseHardwareControl from \"./BaseHardwareControl\";\nimport BaseHardwareControlRenderer from \"./BaseHardwareControlRenderer\";\nimport RenderManager from \"sap/ui/core/RenderManager\";\nimport VBox from \"sap/m/VBox\";\nimport RichTextEditor from \"sap/ui/richtexteditor/RichTextEditor\";\n\n/**\n * @file RichTextControl.ts\n * @description Native UI5 Control for rich text input.\n * \n * @namespace nz.co.siliconst.ui5.metaui.controls\n */\nexport default class RichTextControl extends BaseHardwareControl {\n    private vBox!: VBox;\n    private richTextEditor!: RichTextEditor;\n\n    static readonly renderer = BaseHardwareControlRenderer;\n\n    static readonly metadata = {\n        properties: {},\n        events: {},\n        aggregations: {\n            _content: { type: \"sap.m.VBox\", multiple: false, visibility: \"hidden\" }\n        }\n    };\n\n    public init(): void {\n        super.init();\n\n        this.richTextEditor = new RichTextEditor({\n            width: \"100%\",\n            height: \"300px\",\n            showGroupFont: true,\n            showGroupInsert: true,\n            tooltip: \"Rich Text Editor\",\n            change: (oEvent: sap.ui.base.Event) => {\n                const val = oEvent.getParameter(\"newValue\");\n                this.setValueAndFire(val);\n            }\n        });\n\n        this.vBox = new VBox({\n            items: [this.richTextEditor]\n        });\n\n        this.setAggregation(\"_content\", this.vBox);\n    }\n\n    public onBeforeRendering(): void {\n        const readOnly = this.getProperty(\"readOnly\");\n        this.richTextEditor.setEditable(!readOnly);\n\n        const currentVal = this.getProperty(\"value\");\n        if (currentVal !== undefined && currentVal !== null) {\n            // Prevent recursive update if the value matches the editor's current value\n            if (this.richTextEditor.getValue() !== currentVal) {\n                this.richTextEditor.setValue(currentVal as string);\n            }\n        }\n    }\n}\n"],"mappings":"kPAAOA,EAAmBC,EAAAC,GAAA,MACnBC,EAA2BF,EAAAG,GAKlC,MAMqBC,EAAwBL,EAAmBM,OAAA,uDAM5CC,SAAW,CACvBC,WAAY,CAAC,EACbC,OAAQ,CAAC,EACTC,aAAc,CACVC,SAAU,CAAEC,KAAM,aAAcC,SAAU,MAAOC,WAAY,YANrDC,SAAWZ,EAUpBa,KAAI,SAAAC,IACPC,sBAAAC,MAEAA,KAAKC,eAAiB,IAAIC,EAAe,CACrCC,MAAO,OACPC,OAAQ,QACRC,cAAe,KACfC,gBAAiB,KACjBC,QAAS,mBACTC,OAASC,IACL,MAAMC,EAAMD,EAAOE,aAAa,YAChCX,KAAKY,gBAAgBF,MAI7BV,KAAKa,KAAO,IAAIC,EAAK,CACjBC,MAAO,CAACf,KAAKC,kBAGjBD,KAAKgB,eAAe,WAAYhB,KAAKa,KACzC,EAEOI,kBAAiB,SAAAC,IACpB,MAAMC,EAAWnB,KAAKoB,YAAY,YAClCpB,KAAKC,eAAeoB,aAAaF,GAEjC,MAAMG,EAAatB,KAAKoB,YAAY,SACpC,GAAIE,IAAeC,WAAaD,IAAe,KAAM,CAEjD,GAAItB,KAAKC,eAAeuB,aAAeF,EAAY,CAC/CtB,KAAKC,eAAewB,SAASH,EACjC,CACJ,CACJ,IAAC,OA/CgBpC,CAAe","ignoreList":[]}

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":[]}