@siliconst/metaui 1.4.6 → 1.4.8

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

@@ -1 +1 @@
-{"version":3,"file":"GeolocationControl.js","names":["BaseHardwareControl","_interopRequireDefault","__BaseHardwareControl","BaseHardwareControlRenderer","__BaseHardwareControlRenderer","GeolocationControl","static","aggregations","_content","type","multiple","visibility","init","super","this","locationBtn","Button","icon","text","press","getLocation","bind","resultInput","Input","editable","visible","vBox","VBox","items","setAggregation","onBeforeRendering","metadata","getProperty","ui","label","setText","readOnly","setEnabled","currentVal","setValue","setVisible","navigator","geolocation","MessageToast","show","getCurrentPosition","position","locStr","coords","latitude","longitude","setValueAndFire"],"sources":["GeolocationControl.ts"],"sourcesContent":["/**\n * @file GeolocationControl.ts\n * @description Native UI5 Control for GPS capture.\n * \n * @namespace nz.co.siliconst.ui5.metaui.controls\n */\nimport BaseHardwareControl from \"./BaseHardwareControl\";\nimport BaseHardwareControlRenderer from \"./BaseHardwareControlRenderer\";\nimport RenderManager from \"sap/ui/core/RenderManager\";\nimport Button from \"sap/m/Button\";\nimport Input from \"sap/m/Input\";\nimport VBox from \"sap/m/VBox\";\nimport MessageToast from \"sap/m/MessageToast\";\n\nexport default class GeolocationControl extends BaseHardwareControl {\n    private vBox: VBox;\n    private locationBtn: Button;\n    private resultInput: Input;\n\n    static readonly renderer = BaseHardwareControlRenderer;\n\n    static readonly metadata = {\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.locationBtn = new Button({\n            icon: \"sap-icon://map\",\n            text: \"Get Location\",\n            press: this.getLocation.bind(this)\n        });\n\n        this.resultInput = new Input({\n            editable: false,\n            visible: false\n        });\n\n        this.vBox = new VBox({\n            items: [this.locationBtn, this.resultInput]\n        });\n\n        this.setAggregation(\"_content\", this.vBox);\n    }\n\n    public onBeforeRendering(): void {\n        const metadata = this.getProperty(\"schemaMetadata\");\n        if (metadata && metadata.ui && metadata.ui.label) {\n            this.locationBtn.setText(metadata.ui.label);\n        }\n\n        const readOnly = this.getProperty(\"readOnly\");\n        this.locationBtn.setEnabled(!readOnly);\n\n        const currentVal = this.getProperty(\"value\");\n        if (currentVal) {\n            this.resultInput.setValue(currentVal as string);\n            this.resultInput.setVisible(true);\n        }\n    }\n\n    private getLocation(): void {\n        if (!navigator.geolocation) {\n            MessageToast.show(\"Geolocation is not supported by your browser\");\n            return;\n        }\n\n        navigator.geolocation.getCurrentPosition(\n            (position) => {\n                const locStr = `${position.coords.latitude}, ${position.coords.longitude}`;\n                this.resultInput.setValue(locStr);\n                this.resultInput.setVisible(true);\n                this.setValueAndFire(locStr);\n                MessageToast.show(\"Location acquired.\");\n            },\n            () => {\n                MessageToast.show(\"Unable to retrieve your location\");\n            }\n        );\n    }\n\n\n}\n"],"mappings":"2PAAA,MAMOA,EAAmBC,EAAAC,GAAA,MACnBC,EAA2BF,EAAAG,GAOnB,MAAMC,UAA2BL,EAK5CM,gBAA2BH,EAE3BG,gBAA2B,CACvBC,aAAc,CACVC,SAAU,CAAEC,KAAM,aAAcC,SAAU,MAAOC,WAAY,YAI9DC,OACHC,MAAMD,OAENE,KAAKC,YAAc,IAAIC,EAAO,CAC1BC,KAAM,iBACNC,KAAM,eACNC,MAAOL,KAAKM,YAAYC,KAAKP,QAGjCA,KAAKQ,YAAc,IAAIC,EAAM,CACzBC,SAAU,MACVC,QAAS,QAGbX,KAAKY,KAAO,IAAIC,EAAK,CACjBC,MAAO,CAACd,KAAKC,YAAaD,KAAKQ,eAGnCR,KAAKe,eAAe,WAAYf,KAAKY,KACzC,CAEOI,oBACH,MAAMC,EAAWjB,KAAKkB,YAAY,kBAClC,GAAID,GAAYA,EAASE,IAAMF,EAASE,GAAGC,MAAO,CAC9CpB,KAAKC,YAAYoB,QAAQJ,EAASE,GAAGC,MACzC,CAEA,MAAME,EAAWtB,KAAKkB,YAAY,YAClClB,KAAKC,YAAYsB,YAAYD,GAE7B,MAAME,EAAaxB,KAAKkB,YAAY,SACpC,GAAIM,EAAY,CACZxB,KAAKQ,YAAYiB,SAASD,GAC1BxB,KAAKQ,YAAYkB,WAAW,KAChC,CACJ,CAEQpB,cACJ,IAAKqB,UAAUC,YAAa,CACxBC,EAAaC,KAAK,gDAClB,MACJ,CAEAH,UAAUC,YAAYG,mBACjBC,IACG,MAAMC,EAAS,GAAGD,EAASE,OAAOC,aAAaH,EAASE,OAAOE,YAC/DpC,KAAKQ,YAAYiB,SAASQ,GAC1BjC,KAAKQ,YAAYkB,WAAW,MAC5B1B,KAAKqC,gBAAgBJ,GACrBJ,EAAaC,KAAK,uBAEtB,KACID,EAAaC,KAAK,qCAG9B,EAGH,OAAAvC,CAAA","ignoreList":[]}
+{"version":3,"file":"GeolocationControl.js","names":["BaseHardwareControl","_interopRequireDefault","__BaseHardwareControl","BaseHardwareControlRenderer","__BaseHardwareControlRenderer","GeolocationControl","static","aggregations","_content","type","multiple","visibility","init","super","this","locationBtn","Button","icon","text","press","getLocation","bind","resultInput","Input","editable","visible","vBox","VBox","items","setAggregation","onBeforeRendering","metadata","getProperty","ui","label","setText","readOnly","setEnabled","currentVal","setValue","setVisible","navigator","geolocation","MessageToast","show","getCurrentPosition","position","locStr","coords","latitude","longitude","setValueAndFire","error","__ui5_require_async","then","Logger","message"],"sources":["GeolocationControl.ts"],"sourcesContent":["/**\n * @file GeolocationControl.ts\n * @description Native UI5 Control for GPS capture.\n * \n * @namespace nz.co.siliconst.ui5.metaui.controls\n */\nimport BaseHardwareControl from \"./BaseHardwareControl\";\nimport BaseHardwareControlRenderer from \"./BaseHardwareControlRenderer\";\nimport RenderManager from \"sap/ui/core/RenderManager\";\nimport Button from \"sap/m/Button\";\nimport Input from \"sap/m/Input\";\nimport VBox from \"sap/m/VBox\";\nimport MessageToast from \"sap/m/MessageToast\";\n\nexport default class GeolocationControl extends BaseHardwareControl {\n    private vBox: VBox;\n    private locationBtn: Button;\n    private resultInput: Input;\n\n    static readonly renderer = BaseHardwareControlRenderer;\n\n    static readonly metadata = {\n        aggregations: {\n            _content: { type: \"sap.m.VBox\", multiple: false, visibility: \"hidden\" }\n        }\n    };\n\n    /**\n     * Initializes the control and builds the internal UI components.\n     */\n    public init(): void {\n        super.init();\n\n        this.locationBtn = new Button({\n            icon: \"sap-icon://map\",\n            text: \"Get Location\",\n            press: this.getLocation.bind(this)\n        });\n\n        this.resultInput = new Input({\n            editable: false,\n            visible: false\n        });\n\n        this.vBox = new VBox({\n            items: [this.locationBtn, this.resultInput]\n        });\n\n        this.setAggregation(\"_content\", this.vBox);\n    }\n\n    /**\n     * Lifecycle hook called before the control is rendered to the DOM.\n     * Updates button state and sets any existing values.\n     */\n    public onBeforeRendering(): void {\n        const metadata = this.getProperty(\"schemaMetadata\");\n        if (metadata && metadata.ui && metadata.ui.label) {\n            this.locationBtn.setText(metadata.ui.label);\n        }\n\n        const readOnly = this.getProperty(\"readOnly\");\n        this.locationBtn.setEnabled(!readOnly);\n\n        const currentVal = this.getProperty(\"value\");\n        if (currentVal) {\n            this.resultInput.setValue(currentVal as string);\n            this.resultInput.setVisible(true);\n        }\n    }\n\n    private getLocation(): void {\n        if (!navigator.geolocation) {\n            MessageToast.show(\"Geolocation is not supported by your browser\");\n            return;\n        }\n\n        navigator.geolocation.getCurrentPosition(\n            (position) => {\n                const locStr = `${position.coords.latitude}, ${position.coords.longitude}`;\n                this.resultInput.setValue(locStr);\n                this.resultInput.setVisible(true);\n                this.setValueAndFire(locStr);\n                MessageToast.show(\"Location acquired.\");\n            },\n            (error) => {\n                import(\"../utils/Logger\").then(({ Logger }) => {\n                    Logger.error(\"[MetaUI] Geolocation failed or denied\", error.message, \"GeolocationControl\");\n                });\n                MessageToast.show(\"Unable to retrieve your location\");\n            }\n        );\n    }\n\n\n}\n"],"mappings":"ufAAA,MAMOA,EAAmBC,EAAAC,GAAA,MACnBC,EAA2BF,EAAAG,GAOnB,MAAMC,UAA2BL,EAK5CM,gBAA2BH,EAE3BG,gBAA2B,CACvBC,aAAc,CACVC,SAAU,CAAEC,KAAM,aAAcC,SAAU,MAAOC,WAAY,YAO9DC,OACHC,MAAMD,OAENE,KAAKC,YAAc,IAAIC,EAAO,CAC1BC,KAAM,iBACNC,KAAM,eACNC,MAAOL,KAAKM,YAAYC,KAAKP,QAGjCA,KAAKQ,YAAc,IAAIC,EAAM,CACzBC,SAAU,MACVC,QAAS,QAGbX,KAAKY,KAAO,IAAIC,EAAK,CACjBC,MAAO,CAACd,KAAKC,YAAaD,KAAKQ,eAGnCR,KAAKe,eAAe,WAAYf,KAAKY,KACzC,CAMOI,oBACH,MAAMC,EAAWjB,KAAKkB,YAAY,kBAClC,GAAID,GAAYA,EAASE,IAAMF,EAASE,GAAGC,MAAO,CAC9CpB,KAAKC,YAAYoB,QAAQJ,EAASE,GAAGC,MACzC,CAEA,MAAME,EAAWtB,KAAKkB,YAAY,YAClClB,KAAKC,YAAYsB,YAAYD,GAE7B,MAAME,EAAaxB,KAAKkB,YAAY,SACpC,GAAIM,EAAY,CACZxB,KAAKQ,YAAYiB,SAASD,GAC1BxB,KAAKQ,YAAYkB,WAAW,KAChC,CACJ,CAEQpB,cACJ,IAAKqB,UAAUC,YAAa,CACxBC,EAAaC,KAAK,gDAClB,MACJ,CAEAH,UAAUC,YAAYG,mBACjBC,IACG,MAAMC,EAAS,GAAGD,EAASE,OAAOC,aAAaH,EAASE,OAAOE,YAC/DpC,KAAKQ,YAAYiB,SAASQ,GAC1BjC,KAAKQ,YAAYkB,WAAW,MAC5B1B,KAAKqC,gBAAgBJ,GACrBJ,EAAaC,KAAK,uBAErBQ,IACGC,EAAO,mBAAmBC,KAAK,EAAGC,aAC9BA,EAAOH,MAAM,wCAAyCA,EAAMI,QAAS,wBAEzEb,EAAaC,KAAK,qCAG9B,EAGH,OAAAvC,CAAA","ignoreList":[]}

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

@@ -25,6 +25,9 @@ export default class GeolocationControl extends BaseHardwareControl {
         }
     };
 
+    /**
+     * Initializes the control and builds the internal UI components.
+     */
     public init(): void {
         super.init();
 
@@ -46,6 +49,10 @@ export default class GeolocationControl extends BaseHardwareControl {
         this.setAggregation("_content", this.vBox);
     }
 
+    /**
+     * Lifecycle hook called before the control is rendered to the DOM.
+     * Updates button state and sets any existing values.
+     */
     public onBeforeRendering(): void {
         const metadata = this.getProperty("schemaMetadata");
         if (metadata && metadata.ui && metadata.ui.label) {
@@ -76,7 +83,10 @@ export default class GeolocationControl extends BaseHardwareControl {
                 this.setValueAndFire(locStr);
                 MessageToast.show("Location acquired.");
             },
-            () => {
+            (error) => {
+                import("../utils/Logger").then(({ Logger }) => {
+                    Logger.error("[MetaUI] Geolocation failed or denied", error.message, "GeolocationControl");
+                });
                 MessageToast.show("Unable to retrieve your location");
             }
         );

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

@@ -53,6 +53,26 @@ sap.ui.define(["./BaseHardwareControl", "./BaseHardwareControlRenderer", "sap/m/
           this.richTextEditor.setValue(currentVal);
         }
       }
+    },
+    /**
+     * Overrides the default property setter to prevent full DOM invalidation.
+     * When dataJson pushes updates down to the UI5 models, UI5 typically destroys 
+     * and recreates the custom control if the property changes. 
+     * By suppressing re-rendering (true flag) and manually passing the value 
+     * to the inner RichTextEditor, we prevent TinyMCE from tearing down its iframe
+     * and triggering expensive, redundant plugin boot sequences.
+     *
+     * @param {unknown} val The new string value to bind
+     * @returns {this} The control instance for chaining
+     */
+    setValue: function _setValue(val) {
+      this.setProperty("value", val, true); // suppress re-rendering
+      if (this.richTextEditor && val !== undefined && val !== null) {
+        if (this.richTextEditor.getValue() !== val) {
+          this.richTextEditor.setValue(val);
+        }
+      }
+      return this;
     }
   });
   return RichTextControl;

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

@@ -1 +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":[]}
+{"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","_setValue","setProperty"],"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    /**\n     * Overrides the default property setter to prevent full DOM invalidation.\n     * When dataJson pushes updates down to the UI5 models, UI5 typically destroys \n     * and recreates the custom control if the property changes. \n     * By suppressing re-rendering (true flag) and manually passing the value \n     * to the inner RichTextEditor, we prevent TinyMCE from tearing down its iframe\n     * and triggering expensive, redundant plugin boot sequences.\n     *\n     * @param {unknown} val The new string value to bind\n     * @returns {this} The control instance for chaining\n     */\n    public setValue(val: unknown): this {\n        this.setProperty(\"value\", val, true); // suppress re-rendering\n        if (this.richTextEditor && val !== undefined && val !== null) {\n            if (this.richTextEditor.getValue() !== val) {\n                this.richTextEditor.setValue(val as string);\n            }\n        }\n        return this;\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,CAAC;IAED;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACWG,QAAQ,WAAAC,UAAChB,GAAY,EAAQ;MAChC,IAAI,CAACiB,WAAW,CAAC,OAAO,EAAEjB,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;MACtC,IAAI,IAAI,CAACT,cAAc,IAAIS,GAAG,KAAKa,SAAS,IAAIb,GAAG,KAAK,IAAI,EAAE;QAC1D,IAAI,IAAI,CAACT,cAAc,CAACuB,QAAQ,CAAC,CAAC,KAAKd,GAAG,EAAE;UACxC,IAAI,CAACT,cAAc,CAACwB,QAAQ,CAACf,GAAa,CAAC;QAC/C;MACJ;MACA,OAAO,IAAI;IACf;EAAC;EAAA,OApEgBvB,eAAe;AAAA","ignoreList":[]}

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

@@ -27,6 +27,18 @@ declare module "nz/co/siliconst/ui5/metaui/controls/RichTextControl" {
         };
         init(): void;
         onBeforeRendering(): void;
+        /**
+         * Overrides the default property setter to prevent full DOM invalidation.
+         * When dataJson pushes updates down to the UI5 models, UI5 typically destroys
+         * and recreates the custom control if the property changes.
+         * By suppressing re-rendering (true flag) and manually passing the value
+         * to the inner RichTextEditor, we prevent TinyMCE from tearing down its iframe
+         * and triggering expensive, redundant plugin boot sequences.
+         *
+         * @param {unknown} val The new string value to bind
+         * @returns {this} The control instance for chaining
+         */
+        setValue(val: unknown): this;
     }
 }
 //# sourceMappingURL=RichTextControl.d.ts.map

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

@@ -1 +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"}
+{"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;QAahC;;;;;;;;;;WAUG;QACI,QAAQ,CAAC,GAAG,EAAE,OAAO,GAAG,IAAI;KAStC;CAEA"}

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

@@ -1,2 +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});
+sap.ui.define(["./BaseHardwareControl","./BaseHardwareControlRenderer","sap/m/VBox","sap/ui/richtexteditor/RichTextEditor"],function(t,e,i,r){"use strict";function n(t){return t&&t.__esModule&&typeof t.default!=="undefined"?t.default:t}const o=n(t);const s=n(e);const h=o.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(){o.prototype.init.call(this);this.richTextEditor=new r({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)}}},setValue:function t(e){this.setProperty("value",e,true);if(this.richTextEditor&&e!==undefined&&e!==null){if(this.richTextEditor.getValue()!==e){this.richTextEditor.setValue(e)}}return this}});return h});
 //# sourceMappingURL=RichTextControl.js.map

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

@@ -1 +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":[]}
+{"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","_setValue","setProperty"],"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    /**\n     * Overrides the default property setter to prevent full DOM invalidation.\n     * When dataJson pushes updates down to the UI5 models, UI5 typically destroys \n     * and recreates the custom control if the property changes. \n     * By suppressing re-rendering (true flag) and manually passing the value \n     * to the inner RichTextEditor, we prevent TinyMCE from tearing down its iframe\n     * and triggering expensive, redundant plugin boot sequences.\n     *\n     * @param {unknown} val The new string value to bind\n     * @returns {this} The control instance for chaining\n     */\n    public setValue(val: unknown): this {\n        this.setProperty(\"value\", val, true); // suppress re-rendering\n        if (this.richTextEditor && val !== undefined && val !== null) {\n            if (this.richTextEditor.getValue() !== val) {\n                this.richTextEditor.setValue(val as string);\n            }\n        }\n        return this;\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,EAaOG,SAAQ,SAAAC,EAAChB,GACZV,KAAK2B,YAAY,QAASjB,EAAK,MAC/B,GAAIV,KAAKC,gBAAkBS,IAAQa,WAAab,IAAQ,KAAM,CAC1D,GAAIV,KAAKC,eAAeuB,aAAed,EAAK,CACxCV,KAAKC,eAAewB,SAASf,EACjC,CACJ,CACA,OAAOV,IACX,IAAC,OApEgBd,CAAe","ignoreList":[]}

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

@@ -58,4 +58,25 @@ export default class RichTextControl extends BaseHardwareControl {
             }
         }
     }
+
+    /**
+     * Overrides the default property setter to prevent full DOM invalidation.
+     * When dataJson pushes updates down to the UI5 models, UI5 typically destroys 
+     * and recreates the custom control if the property changes. 
+     * By suppressing re-rendering (true flag) and manually passing the value 
+     * to the inner RichTextEditor, we prevent TinyMCE from tearing down its iframe
+     * and triggering expensive, redundant plugin boot sequences.
+     *
+     * @param {unknown} val The new string value to bind
+     * @returns {this} The control instance for chaining
+     */
+    public setValue(val: unknown): this {
+        this.setProperty("value", val, true); // suppress re-rendering
+        if (this.richTextEditor && val !== undefined && val !== null) {
+            if (this.richTextEditor.getValue() !== val) {
+                this.richTextEditor.setValue(val as string);
+            }
+        }
+        return this;
+    }
 }

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

@@ -18,6 +18,9 @@ sap.ui.define(["./BaseHardwareControl", "sap/m/Button", "sap/m/VBox", "sap/ui/co
     isDrawing = false;
     canvasCtx = null;
     canvasEl = null;
+    /**
+     * Initializes the control and builds the canvas drawing surface.
+     */
     init() {
       super.init();
       this.canvasHtml = new HTML({
@@ -33,6 +36,11 @@ sap.ui.define(["./BaseHardwareControl", "sap/m/Button", "sap/m/VBox", "sap/ui/co
         items: [this.canvasHtml, this.clearBtn]
       });
       this.setAggregation("_content", this.vBox);
+      this.boundStartDrawing = this.startDrawing.bind(this);
+      this.boundDraw = this.draw.bind(this);
+      this.boundStopDrawing = this.stopDrawing.bind(this);
+      this.boundStartDrawingTouch = this.startDrawingTouch.bind(this);
+      this.boundDrawTouch = this.drawTouch.bind(this);
     }
     onCanvasRendered() {
       const domRef = this.canvasHtml.getDomRef();
@@ -46,19 +54,19 @@ sap.ui.define(["./BaseHardwareControl", "sap/m/Button", "sap/m/VBox", "sap/ui/co
       }
 
       // 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));
+      this.canvasEl.addEventListener("mousedown", this.boundStartDrawing);
+      this.canvasEl.addEventListener("mousemove", this.boundDraw);
+      this.canvasEl.addEventListener("mouseup", this.boundStopDrawing);
+      this.canvasEl.addEventListener("mouseout", this.boundStopDrawing);
 
       // Touch events
-      this.canvasEl.addEventListener("touchstart", this.startDrawingTouch.bind(this), {
+      this.canvasEl.addEventListener("touchstart", this.boundStartDrawingTouch, {
         passive: false
       });
-      this.canvasEl.addEventListener("touchmove", this.drawTouch.bind(this), {
+      this.canvasEl.addEventListener("touchmove", this.boundDrawTouch, {
         passive: false
       });
-      this.canvasEl.addEventListener("touchend", this.stopDrawing.bind(this));
+      this.canvasEl.addEventListener("touchend", this.boundStopDrawing);
 
       // Restore existing signature if any
       const val = this.getValue();
@@ -142,6 +150,11 @@ sap.ui.define(["./BaseHardwareControl", "sap/m/Button", "sap/m/VBox", "sap/ui/co
         this.setValueAndFire(dataUrl);
       }
     }
+
+    /**
+     * Sets the value of the control programmatically and re-draws the canvas.
+     * @param value The base64 data URL string representing the signature image.
+     */
     setValue(value) {
       super.setValue(value);
       if (value && typeof value === "string" && value.startsWith("data:image")) {
@@ -151,6 +164,24 @@ sap.ui.define(["./BaseHardwareControl", "sap/m/Button", "sap/m/VBox", "sap/ui/co
       }
       return this;
     }
+
+    /**
+     * Cleans up event listeners to prevent memory leaks when the control is destroyed.
+     */
+    exit() {
+      if (this.canvasEl) {
+        this.canvasEl.removeEventListener("mousedown", this.boundStartDrawing);
+        this.canvasEl.removeEventListener("mousemove", this.boundDraw);
+        this.canvasEl.removeEventListener("mouseup", this.boundStopDrawing);
+        this.canvasEl.removeEventListener("mouseout", this.boundStopDrawing);
+        this.canvasEl.removeEventListener("touchstart", this.boundStartDrawingTouch);
+        this.canvasEl.removeEventListener("touchmove", this.boundDrawTouch);
+        this.canvasEl.removeEventListener("touchend", this.boundStopDrawing);
+      }
+      this.canvasEl = null;
+      this.canvasCtx = null;
+      super.exit();
+    }
   }
   return SignatureControl;
 });

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

@@ -1 +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":[]}
+{"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","boundStartDrawing","startDrawing","boundDraw","draw","boundStopDrawing","stopDrawing","boundStartDrawingTouch","startDrawingTouch","boundDrawTouch","drawTouch","domRef","getDomRef","getContext","lineWidth","lineCap","strokeStyle","addEventListener","passive","val","getValue","startsWith","loadImageOntoCanvas","dataUrl","img","window","Image","onload","clearRect","width","height","drawImage","src","getCoordinates","e","x","y","rect","getBoundingClientRect","clientX","clientY","type","touches","left","top","preventDefault","pos","lineTo","stroke","beginPath","moveTo","saveSignature","setValueAndFire","MessageToast","show","toDataURL","setValue","value","exit","removeEventListener"],"sources":["SignatureControl.ts"],"sourcesContent":["import BaseHardwareControl from \"./BaseHardwareControl\";\nimport Button from \"sap/m/Button\";\nimport VBox from \"sap/m/VBox\";\nimport HTML from \"sap/ui/core/HTML\";\nimport MessageToast from \"sap/m/MessageToast\";\n\n/**\n * SignatureControl\n * Provides an HTML5 Canvas for capturing signatures.\n */\nexport default class SignatureControl extends BaseHardwareControl {\n    static readonly renderer = \"nz.co.siliconst.ui5.metaui.controls.BaseHardwareControlRenderer\";\n    static readonly metadata = {\n        properties: {},\n        events: {}\n    };\n\n    private vBox!: VBox;\n    private clearBtn!: Button;\n    private canvasHtml!: HTML;\n    private isDrawing = false;\n    private canvasCtx: CanvasRenderingContext2D | null = null;\n    private canvasEl: HTMLCanvasElement | null = null;\n\n    private boundStartDrawing!: (e: MouseEvent) => void;\n    private boundDraw!: (e: MouseEvent) => void;\n    private boundStopDrawing!: (e: MouseEvent | TouchEvent) => void;\n    private boundStartDrawingTouch!: (e: TouchEvent) => void;\n    private boundDrawTouch!: (e: TouchEvent) => void;\n\n    /**\n     * Initializes the control and builds the canvas drawing surface.\n     */\n    public init(): void {\n        super.init();\n\n        this.canvasHtml = new HTML({\n            content: \"<canvas width='400' height='200' style='border: 1px solid #ccc; background-color: #fff; touch-action: none; cursor: crosshair;'></canvas>\",\n            afterRendering: this.onCanvasRendered.bind(this)\n        }).addStyleClass(\"sapUiSmallMarginBottom\");\n\n        this.clearBtn = new Button({\n            icon: \"sap-icon://sys-cancel\",\n            text: \"Clear Signature\",\n            press: this.clearSignature.bind(this)\n        });\n\n        this.vBox = new VBox({\n            items: [this.canvasHtml, this.clearBtn]\n        });\n\n        this.setAggregation(\"_content\", this.vBox);\n\n        this.boundStartDrawing = this.startDrawing.bind(this);\n        this.boundDraw = this.draw.bind(this);\n        this.boundStopDrawing = this.stopDrawing.bind(this);\n        this.boundStartDrawingTouch = this.startDrawingTouch.bind(this);\n        this.boundDrawTouch = this.drawTouch.bind(this);\n    }\n\n    private onCanvasRendered(): void {\n        const domRef = this.canvasHtml.getDomRef() as HTMLElement;\n        if (!domRef) return;\n        \n        this.canvasEl = domRef as HTMLCanvasElement;\n        this.canvasCtx = this.canvasEl.getContext(\"2d\");\n        if (this.canvasCtx) {\n            this.canvasCtx.lineWidth = 2;\n            this.canvasCtx.lineCap = \"round\";\n            this.canvasCtx.strokeStyle = \"#000\";\n        }\n\n        // Mouse events\n        this.canvasEl.addEventListener(\"mousedown\", this.boundStartDrawing);\n        this.canvasEl.addEventListener(\"mousemove\", this.boundDraw);\n        this.canvasEl.addEventListener(\"mouseup\", this.boundStopDrawing);\n        this.canvasEl.addEventListener(\"mouseout\", this.boundStopDrawing);\n        \n        // Touch events\n        this.canvasEl.addEventListener(\"touchstart\", this.boundStartDrawingTouch, { passive: false });\n        this.canvasEl.addEventListener(\"touchmove\", this.boundDrawTouch, { passive: false });\n        this.canvasEl.addEventListener(\"touchend\", this.boundStopDrawing);\n\n        // Restore existing signature if any\n        const val = this.getValue();\n        if (val && typeof val === \"string\" && val.startsWith(\"data:image\")) {\n            this.loadImageOntoCanvas(val);\n        }\n    }\n\n    private loadImageOntoCanvas(dataUrl: string): void {\n        const img = new window.Image();\n        img.onload = () => {\n            if (this.canvasCtx && this.canvasEl) {\n                this.canvasCtx.clearRect(0, 0, this.canvasEl.width, this.canvasEl.height);\n                this.canvasCtx.drawImage(img, 0, 0, this.canvasEl.width, this.canvasEl.height);\n            }\n        };\n        img.src = dataUrl;\n    }\n\n    private getCoordinates(e: MouseEvent | TouchEvent): { x: number, y: number } {\n        if (!this.canvasEl) return { x: 0, y: 0 };\n        const rect = this.canvasEl.getBoundingClientRect();\n        \n        let clientX, clientY;\n        if (e.type.startsWith(\"touch\")) {\n            clientX = (e as TouchEvent).touches[0].clientX;\n            clientY = (e as TouchEvent).touches[0].clientY;\n        } else {\n            clientX = (e as MouseEvent).clientX;\n            clientY = (e as MouseEvent).clientY;\n        }\n        \n        return {\n            x: clientX - rect.left,\n            y: clientY - rect.top\n        };\n    }\n\n    private startDrawing(e: MouseEvent): void {\n        this.isDrawing = true;\n        this.draw(e);\n    }\n\n    private startDrawingTouch(e: TouchEvent): void {\n        e.preventDefault(); // Prevent scrolling\n        this.isDrawing = true;\n        this.drawTouch(e);\n    }\n\n    private draw(e: MouseEvent): void {\n        if (!this.isDrawing || !this.canvasCtx) return;\n        const pos = this.getCoordinates(e);\n        this.canvasCtx.lineTo(pos.x, pos.y);\n        this.canvasCtx.stroke();\n        this.canvasCtx.beginPath();\n        this.canvasCtx.moveTo(pos.x, pos.y);\n    }\n\n    private drawTouch(e: TouchEvent): void {\n        if (!this.isDrawing || !this.canvasCtx) return;\n        e.preventDefault(); // Prevent scrolling\n        const pos = this.getCoordinates(e);\n        this.canvasCtx.lineTo(pos.x, pos.y);\n        this.canvasCtx.stroke();\n        this.canvasCtx.beginPath();\n        this.canvasCtx.moveTo(pos.x, pos.y);\n    }\n\n    private stopDrawing(): void {\n        if (!this.isDrawing) return;\n        this.isDrawing = false;\n        if (this.canvasCtx) {\n            this.canvasCtx.beginPath(); // Reset path\n            this.saveSignature();\n        }\n    }\n\n    private clearSignature(): void {\n        if (this.canvasCtx && this.canvasEl) {\n            this.canvasCtx.clearRect(0, 0, this.canvasEl.width, this.canvasEl.height);\n        }\n        this.setValueAndFire(null);\n        MessageToast.show(\"Signature cleared.\");\n    }\n\n    private saveSignature(): void {\n        if (this.canvasEl) {\n            const dataUrl = this.canvasEl.toDataURL(\"image/png\");\n            this.setValueAndFire(dataUrl);\n        }\n    }\n\n    /**\n     * Sets the value of the control programmatically and re-draws the canvas.\n     * @param value The base64 data URL string representing the signature image.\n     */\n    public setValue(value: unknown): this {\n        super.setValue(value);\n        if (value && typeof value === \"string\" && value.startsWith(\"data:image\")) {\n            this.loadImageOntoCanvas(value);\n        } else if (!value && this.canvasCtx && this.canvasEl) {\n            this.canvasCtx.clearRect(0, 0, this.canvasEl.width, this.canvasEl.height);\n        }\n        return this;\n    }\n\n    /**\n     * Cleans up event listeners to prevent memory leaks when the control is destroyed.\n     */\n    public exit(): void {\n        if (this.canvasEl) {\n            this.canvasEl.removeEventListener(\"mousedown\", this.boundStartDrawing as EventListener);\n            this.canvasEl.removeEventListener(\"mousemove\", this.boundDraw as EventListener);\n            this.canvasEl.removeEventListener(\"mouseup\", this.boundStopDrawing as EventListener);\n            this.canvasEl.removeEventListener(\"mouseout\", this.boundStopDrawing as EventListener);\n            \n            this.canvasEl.removeEventListener(\"touchstart\", this.boundStartDrawingTouch as EventListener);\n            this.canvasEl.removeEventListener(\"touchmove\", this.boundDrawTouch as EventListener);\n            this.canvasEl.removeEventListener(\"touchend\", this.boundStopDrawing as EventListener);\n        }\n        this.canvasEl = null;\n        this.canvasCtx = null;\n        super.exit();\n    }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -16,6 +16,14 @@ declare module "nz/co/siliconst/ui5/metaui/controls/SignatureControl" {
         private isDrawing;
         private canvasCtx;
         private canvasEl;
+        private boundStartDrawing;
+        private boundDraw;
+        private boundStopDrawing;
+        private boundStartDrawingTouch;
+        private boundDrawTouch;
+        /**
+         * Initializes the control and builds the canvas drawing surface.
+         */
         init(): void;
         private onCanvasRendered;
         private loadImageOntoCanvas;
@@ -27,7 +35,15 @@ declare module "nz/co/siliconst/ui5/metaui/controls/SignatureControl" {
         private stopDrawing;
         private clearSignature;
         private saveSignature;
-        setValue(value: any): this;
+        /**
+         * Sets the value of the control programmatically and re-draws the canvas.
+         * @param value The base64 data URL string representing the signature image.
+         */
+        setValue(value: unknown): this;
+        /**
+         * Cleans up event listeners to prevent memory leaks when the control is destroyed.
+         */
+        exit(): void;
     }
 }
 //# sourceMappingURL=SignatureControl.d.ts.map

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SignatureControl.js","names":["BaseHardwareControl","_interopRequireDefault","__BaseHardwareControl","SignatureControl","static","properties","events","isDrawing","canvasCtx","canvasEl","init","super","this","canvasHtml","HTML","content","afterRendering","onCanvasRendered","bind","addStyleClass","clearBtn","Button","icon","text","press","clearSignature","vBox","VBox","items","setAggregation","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":[]}
+{"version":3,"file":"SignatureControl.js","names":["BaseHardwareControl","_interopRequireDefault","__BaseHardwareControl","SignatureControl","static","properties","events","isDrawing","canvasCtx","canvasEl","init","super","this","canvasHtml","HTML","content","afterRendering","onCanvasRendered","bind","addStyleClass","clearBtn","Button","icon","text","press","clearSignature","vBox","VBox","items","setAggregation","boundStartDrawing","startDrawing","boundDraw","draw","boundStopDrawing","stopDrawing","boundStartDrawingTouch","startDrawingTouch","boundDrawTouch","drawTouch","domRef","getDomRef","getContext","lineWidth","lineCap","strokeStyle","addEventListener","passive","val","getValue","startsWith","loadImageOntoCanvas","dataUrl","img","window","Image","onload","clearRect","width","height","drawImage","src","getCoordinates","e","x","y","rect","getBoundingClientRect","clientX","clientY","type","touches","left","top","preventDefault","pos","lineTo","stroke","beginPath","moveTo","saveSignature","setValueAndFire","MessageToast","show","toDataURL","setValue","value","exit","removeEventListener"],"sources":["SignatureControl.ts"],"sourcesContent":["import BaseHardwareControl from \"./BaseHardwareControl\";\nimport Button from \"sap/m/Button\";\nimport VBox from \"sap/m/VBox\";\nimport HTML from \"sap/ui/core/HTML\";\nimport MessageToast from \"sap/m/MessageToast\";\n\n/**\n * SignatureControl\n * Provides an HTML5 Canvas for capturing signatures.\n */\nexport default class SignatureControl extends BaseHardwareControl {\n    static readonly renderer = \"nz.co.siliconst.ui5.metaui.controls.BaseHardwareControlRenderer\";\n    static readonly metadata = {\n        properties: {},\n        events: {}\n    };\n\n    private vBox!: VBox;\n    private clearBtn!: Button;\n    private canvasHtml!: HTML;\n    private isDrawing = false;\n    private canvasCtx: CanvasRenderingContext2D | null = null;\n    private canvasEl: HTMLCanvasElement | null = null;\n\n    private boundStartDrawing!: (e: MouseEvent) => void;\n    private boundDraw!: (e: MouseEvent) => void;\n    private boundStopDrawing!: (e: MouseEvent | TouchEvent) => void;\n    private boundStartDrawingTouch!: (e: TouchEvent) => void;\n    private boundDrawTouch!: (e: TouchEvent) => void;\n\n    /**\n     * Initializes the control and builds the canvas drawing surface.\n     */\n    public init(): void {\n        super.init();\n\n        this.canvasHtml = new HTML({\n            content: \"<canvas width='400' height='200' style='border: 1px solid #ccc; background-color: #fff; touch-action: none; cursor: crosshair;'></canvas>\",\n            afterRendering: this.onCanvasRendered.bind(this)\n        }).addStyleClass(\"sapUiSmallMarginBottom\");\n\n        this.clearBtn = new Button({\n            icon: \"sap-icon://sys-cancel\",\n            text: \"Clear Signature\",\n            press: this.clearSignature.bind(this)\n        });\n\n        this.vBox = new VBox({\n            items: [this.canvasHtml, this.clearBtn]\n        });\n\n        this.setAggregation(\"_content\", this.vBox);\n\n        this.boundStartDrawing = this.startDrawing.bind(this);\n        this.boundDraw = this.draw.bind(this);\n        this.boundStopDrawing = this.stopDrawing.bind(this);\n        this.boundStartDrawingTouch = this.startDrawingTouch.bind(this);\n        this.boundDrawTouch = this.drawTouch.bind(this);\n    }\n\n    private onCanvasRendered(): void {\n        const domRef = this.canvasHtml.getDomRef() as HTMLElement;\n        if (!domRef) return;\n        \n        this.canvasEl = domRef as HTMLCanvasElement;\n        this.canvasCtx = this.canvasEl.getContext(\"2d\");\n        if (this.canvasCtx) {\n            this.canvasCtx.lineWidth = 2;\n            this.canvasCtx.lineCap = \"round\";\n            this.canvasCtx.strokeStyle = \"#000\";\n        }\n\n        // Mouse events\n        this.canvasEl.addEventListener(\"mousedown\", this.boundStartDrawing);\n        this.canvasEl.addEventListener(\"mousemove\", this.boundDraw);\n        this.canvasEl.addEventListener(\"mouseup\", this.boundStopDrawing);\n        this.canvasEl.addEventListener(\"mouseout\", this.boundStopDrawing);\n        \n        // Touch events\n        this.canvasEl.addEventListener(\"touchstart\", this.boundStartDrawingTouch, { passive: false });\n        this.canvasEl.addEventListener(\"touchmove\", this.boundDrawTouch, { passive: false });\n        this.canvasEl.addEventListener(\"touchend\", this.boundStopDrawing);\n\n        // Restore existing signature if any\n        const val = this.getValue();\n        if (val && typeof val === \"string\" && val.startsWith(\"data:image\")) {\n            this.loadImageOntoCanvas(val);\n        }\n    }\n\n    private loadImageOntoCanvas(dataUrl: string): void {\n        const img = new window.Image();\n        img.onload = () => {\n            if (this.canvasCtx && this.canvasEl) {\n                this.canvasCtx.clearRect(0, 0, this.canvasEl.width, this.canvasEl.height);\n                this.canvasCtx.drawImage(img, 0, 0, this.canvasEl.width, this.canvasEl.height);\n            }\n        };\n        img.src = dataUrl;\n    }\n\n    private getCoordinates(e: MouseEvent | TouchEvent): { x: number, y: number } {\n        if (!this.canvasEl) return { x: 0, y: 0 };\n        const rect = this.canvasEl.getBoundingClientRect();\n        \n        let clientX, clientY;\n        if (e.type.startsWith(\"touch\")) {\n            clientX = (e as TouchEvent).touches[0].clientX;\n            clientY = (e as TouchEvent).touches[0].clientY;\n        } else {\n            clientX = (e as MouseEvent).clientX;\n            clientY = (e as MouseEvent).clientY;\n        }\n        \n        return {\n            x: clientX - rect.left,\n            y: clientY - rect.top\n        };\n    }\n\n    private startDrawing(e: MouseEvent): void {\n        this.isDrawing = true;\n        this.draw(e);\n    }\n\n    private startDrawingTouch(e: TouchEvent): void {\n        e.preventDefault(); // Prevent scrolling\n        this.isDrawing = true;\n        this.drawTouch(e);\n    }\n\n    private draw(e: MouseEvent): void {\n        if (!this.isDrawing || !this.canvasCtx) return;\n        const pos = this.getCoordinates(e);\n        this.canvasCtx.lineTo(pos.x, pos.y);\n        this.canvasCtx.stroke();\n        this.canvasCtx.beginPath();\n        this.canvasCtx.moveTo(pos.x, pos.y);\n    }\n\n    private drawTouch(e: TouchEvent): void {\n        if (!this.isDrawing || !this.canvasCtx) return;\n        e.preventDefault(); // Prevent scrolling\n        const pos = this.getCoordinates(e);\n        this.canvasCtx.lineTo(pos.x, pos.y);\n        this.canvasCtx.stroke();\n        this.canvasCtx.beginPath();\n        this.canvasCtx.moveTo(pos.x, pos.y);\n    }\n\n    private stopDrawing(): void {\n        if (!this.isDrawing) return;\n        this.isDrawing = false;\n        if (this.canvasCtx) {\n            this.canvasCtx.beginPath(); // Reset path\n            this.saveSignature();\n        }\n    }\n\n    private clearSignature(): void {\n        if (this.canvasCtx && this.canvasEl) {\n            this.canvasCtx.clearRect(0, 0, this.canvasEl.width, this.canvasEl.height);\n        }\n        this.setValueAndFire(null);\n        MessageToast.show(\"Signature cleared.\");\n    }\n\n    private saveSignature(): void {\n        if (this.canvasEl) {\n            const dataUrl = this.canvasEl.toDataURL(\"image/png\");\n            this.setValueAndFire(dataUrl);\n        }\n    }\n\n    /**\n     * Sets the value of the control programmatically and re-draws the canvas.\n     * @param value The base64 data URL string representing the signature image.\n     */\n    public setValue(value: unknown): this {\n        super.setValue(value);\n        if (value && typeof value === \"string\" && value.startsWith(\"data:image\")) {\n            this.loadImageOntoCanvas(value);\n        } else if (!value && this.canvasCtx && this.canvasEl) {\n            this.canvasCtx.clearRect(0, 0, this.canvasEl.width, this.canvasEl.height);\n        }\n        return this;\n    }\n\n    /**\n     * Cleans up event listeners to prevent memory leaks when the control is destroyed.\n     */\n    public exit(): void {\n        if (this.canvasEl) {\n            this.canvasEl.removeEventListener(\"mousedown\", this.boundStartDrawing as EventListener);\n            this.canvasEl.removeEventListener(\"mousemove\", this.boundDraw as EventListener);\n            this.canvasEl.removeEventListener(\"mouseup\", this.boundStopDrawing as EventListener);\n            this.canvasEl.removeEventListener(\"mouseout\", this.boundStopDrawing as EventListener);\n            \n            this.canvasEl.removeEventListener(\"touchstart\", this.boundStartDrawingTouch as EventListener);\n            this.canvasEl.removeEventListener(\"touchmove\", this.boundDrawTouch as EventListener);\n            this.canvasEl.removeEventListener(\"touchend\", this.boundStopDrawing as EventListener);\n        }\n        this.canvasEl = null;\n        this.canvasCtx = null;\n        super.exit();\n    }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -22,6 +22,15 @@ export default class SignatureControl extends BaseHardwareControl {
     private canvasCtx: CanvasRenderingContext2D | null = null;
     private canvasEl: HTMLCanvasElement | null = null;
 
+    private boundStartDrawing!: (e: MouseEvent) => void;
+    private boundDraw!: (e: MouseEvent) => void;
+    private boundStopDrawing!: (e: MouseEvent | TouchEvent) => void;
+    private boundStartDrawingTouch!: (e: TouchEvent) => void;
+    private boundDrawTouch!: (e: TouchEvent) => void;
+
+    /**
+     * Initializes the control and builds the canvas drawing surface.
+     */
     public init(): void {
         super.init();
 
@@ -41,6 +50,12 @@ export default class SignatureControl extends BaseHardwareControl {
         });
 
         this.setAggregation("_content", this.vBox);
+
+        this.boundStartDrawing = this.startDrawing.bind(this);
+        this.boundDraw = this.draw.bind(this);
+        this.boundStopDrawing = this.stopDrawing.bind(this);
+        this.boundStartDrawingTouch = this.startDrawingTouch.bind(this);
+        this.boundDrawTouch = this.drawTouch.bind(this);
     }
 
     private onCanvasRendered(): void {
@@ -56,15 +71,15 @@ export default class SignatureControl extends BaseHardwareControl {
         }
 
         // 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));
+        this.canvasEl.addEventListener("mousedown", this.boundStartDrawing);
+        this.canvasEl.addEventListener("mousemove", this.boundDraw);
+        this.canvasEl.addEventListener("mouseup", this.boundStopDrawing);
+        this.canvasEl.addEventListener("mouseout", this.boundStopDrawing);
         
         // 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));
+        this.canvasEl.addEventListener("touchstart", this.boundStartDrawingTouch, { passive: false });
+        this.canvasEl.addEventListener("touchmove", this.boundDrawTouch, { passive: false });
+        this.canvasEl.addEventListener("touchend", this.boundStopDrawing);
 
         // Restore existing signature if any
         const val = this.getValue();
@@ -157,7 +172,11 @@ export default class SignatureControl extends BaseHardwareControl {
         }
     }
 
-    public setValue(value: any): this {
+    /**
+     * Sets the value of the control programmatically and re-draws the canvas.
+     * @param value The base64 data URL string representing the signature image.
+     */
+    public setValue(value: unknown): this {
         super.setValue(value);
         if (value && typeof value === "string" && value.startsWith("data:image")) {
             this.loadImageOntoCanvas(value);
@@ -166,4 +185,23 @@ export default class SignatureControl extends BaseHardwareControl {
         }
         return this;
     }
+
+    /**
+     * Cleans up event listeners to prevent memory leaks when the control is destroyed.
+     */
+    public exit(): void {
+        if (this.canvasEl) {
+            this.canvasEl.removeEventListener("mousedown", this.boundStartDrawing as EventListener);
+            this.canvasEl.removeEventListener("mousemove", this.boundDraw as EventListener);
+            this.canvasEl.removeEventListener("mouseup", this.boundStopDrawing as EventListener);
+            this.canvasEl.removeEventListener("mouseout", this.boundStopDrawing as EventListener);
+            
+            this.canvasEl.removeEventListener("touchstart", this.boundStartDrawingTouch as EventListener);
+            this.canvasEl.removeEventListener("touchmove", this.boundDrawTouch as EventListener);
+            this.canvasEl.removeEventListener("touchend", this.boundStopDrawing as EventListener);
+        }
+        this.canvasEl = null;
+        this.canvasCtx = null;
+        super.exit();
+    }
 }