@siliconst/metaui 1.0.0 → 1.2.0

package/src/nz/co/siliconst/ui5/metaui/plugins/SwitchPlugin.d.ts

@@ -0,0 +1,18 @@
+declare module "nz/co/siliconst/ui5/metaui/plugins/SwitchPlugin" {
+    /**
+     * @file SwitchPlugin.ts
+     * @description Renders a sap.m.Switch for boolean data specifically marked with the switch widget.
+     */
+    import { BasePlugin } from "nz/co/siliconst/ui5/metaui/plugins/BasePlugin";
+    import { IPropertyMetadata } from "nz/co/siliconst/ui5/metaui/interfaces/ISchema";
+    import Control from "sap/ui/core/Control";
+    /**
+     * Handles rendering logic for toggleable boolean switches.
+     */
+    export class SwitchPlugin extends BasePlugin {
+        render(fieldMetadata: IPropertyMetadata, bindingPath: string, modelName?: string): Control;
+        validate(): boolean;
+        protected applyState(): void;
+    }
+}
+//# sourceMappingURL=SwitchPlugin.d.ts.map

package/src/nz/co/siliconst/ui5/metaui/plugins/SwitchPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchPlugin.d.ts","sourceRoot":"../../../../../../../..","sources":["src/nz/co/siliconst/ui5/metaui/plugins/SwitchPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,iDAAiD,CAAC;IACjE;;;OAGG;IAEH,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;IAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;IAElF,OAAO,OAAO,MAAM,qBAAqB,CAAC;IAE1C;;OAEG;IACH,MAAa,YAAa,SAAQ,UAAU;QACjC,MAAM,CAAC,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,GAAE,MAAe,GAAG,OAAO;QAgBlG,QAAQ,IAAI,OAAO;QAK1B,SAAS,CAAC,UAAU,IAAI,IAAI;KAM/B;CAEA"}

package/src/nz/co/siliconst/ui5/metaui/plugins/SwitchPlugin.js

@@ -0,0 +1,2 @@
+sap.ui.define(["./BasePlugin","sap/m/Switch"],function(t,e){"use strict";const a=t["BasePlugin"];class s extends a{render(t,a,s="meta"){this.metadata=t;this.control=new e({state:`{${s}>${a}}`,enabled:!t.ui?.readOnly,change:t=>{const e=t.getParameter("state");this.publishChange(e);this.validate()}});return this.control}validate(){return true}applyState(){if(this.control&&this.metadata){const t=this.control;t.setEnabled(!this.metadata.ui?.readOnly)}}}var n={__esModule:true};n.SwitchPlugin=s;return n});
+//# sourceMappingURL=SwitchPlugin.js.map

package/src/nz/co/siliconst/ui5/metaui/plugins/SwitchPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchPlugin.js","names":["BasePlugin","___BasePlugin","SwitchPlugin","render","fieldMetadata","bindingPath","modelName","this","metadata","control","Switch","state","enabled","ui","readOnly","change","oEvent","val","getParameter","publishChange","validate","applyState","sw","setEnabled","__exports","__esModule"],"sources":["SwitchPlugin.ts"],"sourcesContent":["/**\n * @file SwitchPlugin.ts\n * @description Renders a sap.m.Switch for boolean data specifically marked with the switch widget.\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { IPropertyMetadata } from \"../interfaces/ISchema\";\nimport Switch from \"sap/m/Switch\";\nimport Control from \"sap/ui/core/Control\";\n\n/**\n * Handles rendering logic for toggleable boolean switches.\n */\nexport class SwitchPlugin extends BasePlugin {\n    public render(fieldMetadata: IPropertyMetadata, bindingPath: string, modelName: string = \"meta\"): Control {\n        this.metadata = fieldMetadata;\n\n        this.control = new Switch({\n            state: `{${modelName}>${bindingPath}}`,\n            enabled: !fieldMetadata.ui?.readOnly,\n            change: (oEvent: any) => {\n                const val = oEvent.getParameter(\"state\");\n                this.publishChange(val);\n                this.validate();\n            }\n        });\n\n        return this.control;\n    }\n\n    public validate(): boolean {\n        // Boolean states rarely fail validation.\n        return true;\n    }\n\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            const sw = this.control as Switch;\n            sw.setEnabled(!this.metadata.ui?.readOnly);\n        }\n    }\n}\n"],"mappings":"yEAAA,MAKSA,EAAUC,EAAA,cAQZ,MAAMC,UAAqBF,EACvBG,OAAOC,EAAkCC,EAAqBC,EAAoB,QACrFC,KAAKC,SAAWJ,EAEhBG,KAAKE,QAAU,IAAIC,EAAO,CACtBC,MAAO,IAAIL,KAAaD,KACxBO,SAAUR,EAAcS,IAAIC,SAC5BC,OAASC,IACL,MAAMC,EAAMD,EAAOE,aAAa,SAChCX,KAAKY,cAAcF,GACnBV,KAAKa,cAIb,OAAOb,KAAKE,OAChB,CAEOW,WAEH,OAAO,IACX,CAEUC,aACN,GAAId,KAAKE,SAAWF,KAAKC,SAAU,CAC/B,MAAMc,EAAKf,KAAKE,QAChBa,EAAGC,YAAYhB,KAAKC,SAASK,IAAIC,SACrC,CACJ,EACH,IAAAU,EAAA,CAAAC,WAAA,MAAAD,EAAAtB,eAAA,OAAAsB,CAAA","ignoreList":[]}

package/src/nz/co/siliconst/ui5/metaui/plugins/SwitchPlugin.ts

@@ -0,0 +1,42 @@
+/**
+ * @file SwitchPlugin.ts
+ * @description Renders a sap.m.Switch for boolean data specifically marked with the switch widget.
+ */
+
+import { BasePlugin } from "./BasePlugin";
+import { IPropertyMetadata } from "../interfaces/ISchema";
+import Switch from "sap/m/Switch";
+import Control from "sap/ui/core/Control";
+
+/**
+ * Handles rendering logic for toggleable boolean switches.
+ */
+export class SwitchPlugin extends BasePlugin {
+    public render(fieldMetadata: IPropertyMetadata, bindingPath: string, modelName: string = "meta"): Control {
+        this.metadata = fieldMetadata;
+
+        this.control = new Switch({
+            state: `{${modelName}>${bindingPath}}`,
+            enabled: !fieldMetadata.ui?.readOnly,
+            change: (oEvent: any) => {
+                const val = oEvent.getParameter("state");
+                this.publishChange(val);
+                this.validate();
+            }
+        });
+
+        return this.control;
+    }
+
+    public validate(): boolean {
+        // Boolean states rarely fail validation.
+        return true;
+    }
+
+    protected applyState(): void {
+        if (this.control && this.metadata) {
+            const sw = this.control as Switch;
+            sw.setEnabled(!this.metadata.ui?.readOnly);
+        }
+    }
+}

package/src/nz/co/siliconst/ui5/metaui/plugins/TextAreaPlugin-dbg.js

@@ -0,0 +1,58 @@
+sap.ui.define(["./BasePlugin", "sap/m/TextArea"], function (___BasePlugin, TextArea) {
+  "use strict";
+
+  /**
+   * @file TextAreaPlugin.ts
+   * @description Renders a sap.m.TextArea for string data specifically marked with the textArea widget.
+   */
+  const BasePlugin = ___BasePlugin["BasePlugin"];
+  /**
+   * Handles rendering and logic for multi-line text areas.
+   */
+  class TextAreaPlugin extends BasePlugin {
+    render(fieldMetadata, bindingPath, modelName = "meta") {
+      this.metadata = fieldMetadata;
+      this.fieldKey = bindingPath.replace("/", ""); // For EventBus
+
+      this.control = new TextArea({
+        value: `{${modelName}>${bindingPath}}`,
+        maxLength: fieldMetadata.maxLength || 0,
+        required: !!fieldMetadata.required,
+        rows: fieldMetadata.ui?.rows || 4,
+        // Default to 4 rows for text areas
+        change: oEvent => {
+          const val = oEvent.getParameter("value");
+          this.publishChange(val);
+          this.validate();
+        }
+      });
+      this.applyCommonDirectives(this.control, fieldMetadata, modelName);
+      return this.control;
+    }
+    validate() {
+      if (!this.control || !this.metadata) return true;
+      const input = this.control;
+      const val = input.getValue();
+      if (this.metadata.required && (!val || typeof val !== 'string' || val.trim() === "")) {
+        input.setValueState("Error");
+        input.setValueStateText("This field is required.");
+        return false;
+      }
+      input.setValueState("None");
+      return true;
+    }
+    applyState() {
+      if (this.control && this.metadata) {
+        const input = this.control;
+        input.setEditable(!this.metadata.ui?.readOnly);
+        input.setRequired(this.metadata.required);
+      }
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.TextAreaPlugin = TextAreaPlugin;
+  return __exports;
+});
+//# sourceMappingURL=TextAreaPlugin-dbg.js.map

package/src/nz/co/siliconst/ui5/metaui/plugins/TextAreaPlugin-dbg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaPlugin-dbg.js","names":["BasePlugin","___BasePlugin","TextAreaPlugin","render","fieldMetadata","bindingPath","modelName","metadata","fieldKey","replace","control","TextArea","value","maxLength","required","rows","ui","change","oEvent","val","getParameter","publishChange","validate","applyCommonDirectives","input","getValue","trim","setValueState","setValueStateText","applyState","setEditable","readOnly","setRequired","__exports","__esModule"],"sources":["TextAreaPlugin.ts"],"sourcesContent":["/**\n * @file TextAreaPlugin.ts\n * @description Renders a sap.m.TextArea for string data specifically marked with the textArea widget.\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { IPropertyMetadata } from \"../interfaces/ISchema\";\nimport TextArea from \"sap/m/TextArea\";\nimport Control from \"sap/ui/core/Control\";\n\n/**\n * Handles rendering and logic for multi-line text areas.\n */\nexport class TextAreaPlugin extends BasePlugin {\n    public render(fieldMetadata: IPropertyMetadata, bindingPath: string, modelName: string = \"meta\"): Control {\n        this.metadata = fieldMetadata;\n        this.fieldKey = bindingPath.replace(\"/\", \"\"); // For EventBus\n        \n        this.control = new TextArea({\n            value: `{${modelName}>${bindingPath}}`,\n            maxLength: fieldMetadata.maxLength || 0,\n            required: !!fieldMetadata.required,\n            rows: fieldMetadata.ui?.rows || 4, // Default to 4 rows for text areas\n            change: (oEvent: any) => {\n                const val = oEvent.getParameter(\"value\");\n                this.publishChange(val);\n                this.validate();\n            }\n        });\n\n        this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n\n        return this.control;\n    }\n\n    public validate(): boolean {\n        if (!this.control || !this.metadata) return true;\n        const input = this.control as TextArea;\n        const val = input.getValue();\n\n        if (this.metadata.required && (!val || typeof val !== 'string' || val.trim() === \"\")) {\n            input.setValueState(\"Error\" as any);\n            input.setValueStateText(\"This field is required.\");\n            return false;\n        }\n\n        input.setValueState(\"None\" as any);\n        return true;\n    }\n\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            const input = this.control as TextArea;\n            input.setEditable(!this.metadata.ui?.readOnly);\n            input.setRequired(this.metadata.required);\n        }\n    }\n}\n"],"mappings":";;;EAAA;AACA;AACA;AACA;EAHA,MAKSA,UAAU,GAAAC,aAAA;EAKnB;AACA;AACA;EACO,MAAMC,cAAc,SAASF,UAAU,CAAC;IACpCG,MAAMA,CAACC,aAAgC,EAAEC,WAAmB,EAAEC,SAAiB,GAAG,MAAM,EAAW;MACtG,IAAI,CAACC,QAAQ,GAAGH,aAAa;MAC7B,IAAI,CAACI,QAAQ,GAAGH,WAAW,CAACI,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;;MAE9C,IAAI,CAACC,OAAO,GAAG,IAAIC,QAAQ,CAAC;QACxBC,KAAK,EAAE,IAAIN,SAAS,IAAID,WAAW,GAAG;QACtCQ,SAAS,EAAET,aAAa,CAACS,SAAS,IAAI,CAAC;QACvCC,QAAQ,EAAE,CAAC,CAACV,aAAa,CAACU,QAAQ;QAClCC,IAAI,EAAEX,aAAa,CAACY,EAAE,EAAED,IAAI,IAAI,CAAC;QAAE;QACnCE,MAAM,EAAGC,MAAW,IAAK;UACrB,MAAMC,GAAG,GAAGD,MAAM,CAACE,YAAY,CAAC,OAAO,CAAC;UACxC,IAAI,CAACC,aAAa,CAACF,GAAG,CAAC;UACvB,IAAI,CAACG,QAAQ,CAAC,CAAC;QACnB;MACJ,CAAC,CAAC;MAEF,IAAI,CAACC,qBAAqB,CAAC,IAAI,CAACb,OAAO,EAAEN,aAAa,EAAEE,SAAS,CAAC;MAElE,OAAO,IAAI,CAACI,OAAO;IACvB;IAEOY,QAAQA,CAAA,EAAY;MACvB,IAAI,CAAC,IAAI,CAACZ,OAAO,IAAI,CAAC,IAAI,CAACH,QAAQ,EAAE,OAAO,IAAI;MAChD,MAAMiB,KAAK,GAAG,IAAI,CAACd,OAAmB;MACtC,MAAMS,GAAG,GAAGK,KAAK,CAACC,QAAQ,CAAC,CAAC;MAE5B,IAAI,IAAI,CAAClB,QAAQ,CAACO,QAAQ,KAAK,CAACK,GAAG,IAAI,OAAOA,GAAG,KAAK,QAAQ,IAAIA,GAAG,CAACO,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE;QAClFF,KAAK,CAACG,aAAa,CAAC,OAAc,CAAC;QACnCH,KAAK,CAACI,iBAAiB,CAAC,yBAAyB,CAAC;QAClD,OAAO,KAAK;MAChB;MAEAJ,KAAK,CAACG,aAAa,CAAC,MAAa,CAAC;MAClC,OAAO,IAAI;IACf;IAEUE,UAAUA,CAAA,EAAS;MACzB,IAAI,IAAI,CAACnB,OAAO,IAAI,IAAI,CAACH,QAAQ,EAAE;QAC/B,MAAMiB,KAAK,GAAG,IAAI,CAACd,OAAmB;QACtCc,KAAK,CAACM,WAAW,CAAC,CAAC,IAAI,CAACvB,QAAQ,CAACS,EAAE,EAAEe,QAAQ,CAAC;QAC9CP,KAAK,CAACQ,WAAW,CAAC,IAAI,CAACzB,QAAQ,CAACO,QAAQ,CAAC;MAC7C;IACJ;EACJ;EAAC,IAAAmB,SAAA;IAAAC,UAAA;EAAA;EAAAD,SAAA,CAAA/B,cAAA,GAAAA,cAAA;EAAA,OAAA+B,SAAA;AAAA","ignoreList":[]}

package/src/nz/co/siliconst/ui5/metaui/plugins/TextAreaPlugin.d.ts

@@ -0,0 +1,18 @@
+declare module "nz/co/siliconst/ui5/metaui/plugins/TextAreaPlugin" {
+    /**
+     * @file TextAreaPlugin.ts
+     * @description Renders a sap.m.TextArea for string data specifically marked with the textArea widget.
+     */
+    import { BasePlugin } from "nz/co/siliconst/ui5/metaui/plugins/BasePlugin";
+    import { IPropertyMetadata } from "nz/co/siliconst/ui5/metaui/interfaces/ISchema";
+    import Control from "sap/ui/core/Control";
+    /**
+     * Handles rendering and logic for multi-line text areas.
+     */
+    export class TextAreaPlugin extends BasePlugin {
+        render(fieldMetadata: IPropertyMetadata, bindingPath: string, modelName?: string): Control;
+        validate(): boolean;
+        protected applyState(): void;
+    }
+}
+//# sourceMappingURL=TextAreaPlugin.d.ts.map

package/src/nz/co/siliconst/ui5/metaui/plugins/TextAreaPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaPlugin.d.ts","sourceRoot":"../../../../../../../..","sources":["src/nz/co/siliconst/ui5/metaui/plugins/TextAreaPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,mDAAmD,CAAC;IACnE;;;OAGG;IAEH,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;IAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;IAElF,OAAO,OAAO,MAAM,qBAAqB,CAAC;IAE1C;;OAEG;IACH,MAAa,cAAe,SAAQ,UAAU;QACnC,MAAM,CAAC,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,GAAE,MAAe,GAAG,OAAO;QAqBlG,QAAQ,IAAI,OAAO;QAe1B,SAAS,CAAC,UAAU,IAAI,IAAI;KAO/B;CAEA"}

package/src/nz/co/siliconst/ui5/metaui/plugins/TextAreaPlugin.js

@@ -0,0 +1,2 @@
+sap.ui.define(["./BasePlugin","sap/m/TextArea"],function(t,e){"use strict";const a=t["BasePlugin"];class r extends a{render(t,a,r="meta"){this.metadata=t;this.fieldKey=a.replace("/","");this.control=new e({value:`{${r}>${a}}`,maxLength:t.maxLength||0,required:!!t.required,rows:t.ui?.rows||4,change:t=>{const e=t.getParameter("value");this.publishChange(e);this.validate()}});this.applyCommonDirectives(this.control,t,r);return this.control}validate(){if(!this.control||!this.metadata)return true;const t=this.control;const e=t.getValue();if(this.metadata.required&&(!e||typeof e!=="string"||e.trim()==="")){t.setValueState("Error");t.setValueStateText("This field is required.");return false}t.setValueState("None");return true}applyState(){if(this.control&&this.metadata){const t=this.control;t.setEditable(!this.metadata.ui?.readOnly);t.setRequired(this.metadata.required)}}}var i={__esModule:true};i.TextAreaPlugin=r;return i});
+//# sourceMappingURL=TextAreaPlugin.js.map

package/src/nz/co/siliconst/ui5/metaui/plugins/TextAreaPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaPlugin.js","names":["BasePlugin","___BasePlugin","TextAreaPlugin","render","fieldMetadata","bindingPath","modelName","this","metadata","fieldKey","replace","control","TextArea","value","maxLength","required","rows","ui","change","oEvent","val","getParameter","publishChange","validate","applyCommonDirectives","input","getValue","trim","setValueState","setValueStateText","applyState","setEditable","readOnly","setRequired","__exports","__esModule"],"sources":["TextAreaPlugin.ts"],"sourcesContent":["/**\n * @file TextAreaPlugin.ts\n * @description Renders a sap.m.TextArea for string data specifically marked with the textArea widget.\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { IPropertyMetadata } from \"../interfaces/ISchema\";\nimport TextArea from \"sap/m/TextArea\";\nimport Control from \"sap/ui/core/Control\";\n\n/**\n * Handles rendering and logic for multi-line text areas.\n */\nexport class TextAreaPlugin extends BasePlugin {\n    public render(fieldMetadata: IPropertyMetadata, bindingPath: string, modelName: string = \"meta\"): Control {\n        this.metadata = fieldMetadata;\n        this.fieldKey = bindingPath.replace(\"/\", \"\"); // For EventBus\n        \n        this.control = new TextArea({\n            value: `{${modelName}>${bindingPath}}`,\n            maxLength: fieldMetadata.maxLength || 0,\n            required: !!fieldMetadata.required,\n            rows: fieldMetadata.ui?.rows || 4, // Default to 4 rows for text areas\n            change: (oEvent: any) => {\n                const val = oEvent.getParameter(\"value\");\n                this.publishChange(val);\n                this.validate();\n            }\n        });\n\n        this.applyCommonDirectives(this.control, fieldMetadata, modelName);\n\n        return this.control;\n    }\n\n    public validate(): boolean {\n        if (!this.control || !this.metadata) return true;\n        const input = this.control as TextArea;\n        const val = input.getValue();\n\n        if (this.metadata.required && (!val || typeof val !== 'string' || val.trim() === \"\")) {\n            input.setValueState(\"Error\" as any);\n            input.setValueStateText(\"This field is required.\");\n            return false;\n        }\n\n        input.setValueState(\"None\" as any);\n        return true;\n    }\n\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            const input = this.control as TextArea;\n            input.setEditable(!this.metadata.ui?.readOnly);\n            input.setRequired(this.metadata.required);\n        }\n    }\n}\n"],"mappings":"2EAAA,MAKSA,EAAUC,EAAA,cAQZ,MAAMC,UAAuBF,EACzBG,OAAOC,EAAkCC,EAAqBC,EAAoB,QACrFC,KAAKC,SAAWJ,EAChBG,KAAKE,SAAWJ,EAAYK,QAAQ,IAAK,IAEzCH,KAAKI,QAAU,IAAIC,EAAS,CACxBC,MAAO,IAAIP,KAAaD,KACxBS,UAAWV,EAAcU,WAAa,EACtCC,WAAYX,EAAcW,SAC1BC,KAAMZ,EAAca,IAAID,MAAQ,EAChCE,OAASC,IACL,MAAMC,EAAMD,EAAOE,aAAa,SAChCd,KAAKe,cAAcF,GACnBb,KAAKgB,cAIbhB,KAAKiB,sBAAsBjB,KAAKI,QAASP,EAAeE,GAExD,OAAOC,KAAKI,OAChB,CAEOY,WACH,IAAKhB,KAAKI,UAAYJ,KAAKC,SAAU,OAAO,KAC5C,MAAMiB,EAAQlB,KAAKI,QACnB,MAAMS,EAAMK,EAAMC,WAElB,GAAInB,KAAKC,SAASO,YAAcK,UAAcA,IAAQ,UAAYA,EAAIO,SAAW,IAAK,CAClFF,EAAMG,cAAc,SACpBH,EAAMI,kBAAkB,2BACxB,OAAO,KACX,CAEAJ,EAAMG,cAAc,QACpB,OAAO,IACX,CAEUE,aACN,GAAIvB,KAAKI,SAAWJ,KAAKC,SAAU,CAC/B,MAAMiB,EAAQlB,KAAKI,QACnBc,EAAMM,aAAaxB,KAAKC,SAASS,IAAIe,UACrCP,EAAMQ,YAAY1B,KAAKC,SAASO,SACpC,CACJ,EACH,IAAAmB,EAAA,CAAAC,WAAA,MAAAD,EAAAhC,iBAAA,OAAAgC,CAAA","ignoreList":[]}

package/src/nz/co/siliconst/ui5/metaui/plugins/TextAreaPlugin.ts

@@ -0,0 +1,58 @@
+/**
+ * @file TextAreaPlugin.ts
+ * @description Renders a sap.m.TextArea for string data specifically marked with the textArea widget.
+ */
+
+import { BasePlugin } from "./BasePlugin";
+import { IPropertyMetadata } from "../interfaces/ISchema";
+import TextArea from "sap/m/TextArea";
+import Control from "sap/ui/core/Control";
+
+/**
+ * Handles rendering and logic for multi-line text areas.
+ */
+export class TextAreaPlugin extends BasePlugin {
+    public render(fieldMetadata: IPropertyMetadata, bindingPath: string, modelName: string = "meta"): Control {
+        this.metadata = fieldMetadata;
+        this.fieldKey = bindingPath.replace("/", ""); // For EventBus
+        
+        this.control = new TextArea({
+            value: `{${modelName}>${bindingPath}}`,
+            maxLength: fieldMetadata.maxLength || 0,
+            required: !!fieldMetadata.required,
+            rows: fieldMetadata.ui?.rows || 4, // Default to 4 rows for text areas
+            change: (oEvent: any) => {
+                const val = oEvent.getParameter("value");
+                this.publishChange(val);
+                this.validate();
+            }
+        });
+
+        this.applyCommonDirectives(this.control, fieldMetadata, modelName);
+
+        return this.control;
+    }
+
+    public validate(): boolean {
+        if (!this.control || !this.metadata) return true;
+        const input = this.control as TextArea;
+        const val = input.getValue();
+
+        if (this.metadata.required && (!val || typeof val !== 'string' || val.trim() === "")) {
+            input.setValueState("Error" as any);
+            input.setValueStateText("This field is required.");
+            return false;
+        }
+
+        input.setValueState("None" as any);
+        return true;
+    }
+
+    protected applyState(): void {
+        if (this.control && this.metadata) {
+            const input = this.control as TextArea;
+            input.setEditable(!this.metadata.ui?.readOnly);
+            input.setRequired(this.metadata.required);
+        }
+    }
+}

package/src/nz/co/siliconst/ui5/metaui/plugins/TimePlugin-dbg.js

@@ -0,0 +1,74 @@
+sap.ui.define(["./BasePlugin", "sap/m/TimePicker"], function (___BasePlugin, TimePicker) {
+  "use strict";
+
+  /**
+   * @file TimePlugin.ts
+   * @description Handles rendering logic for Time strings.
+   */
+  const BasePlugin = ___BasePlugin["BasePlugin"];
+  /**
+   * Handles rendering and logic for time inputs.
+   */
+  class TimePlugin extends BasePlugin {
+    render(fieldMetadata, bindingPath, modelName = "meta") {
+      this.metadata = fieldMetadata;
+      this.control = new TimePicker({
+        value: {
+          path: `${modelName}>${bindingPath}`,
+          type: "sap.ui.model.type.Time",
+          formatOptions: {
+            source: {
+              pattern: "HH:mm:ss"
+            },
+            pattern: "HH:mm:ss"
+          }
+        },
+        displayFormat: "HH:mm:ss",
+        editable: !fieldMetadata.ui?.readOnly,
+        required: fieldMetadata.required,
+        change: oEvent => {
+          const val = oEvent.getParameter("value");
+          this.publishChange(val);
+          this.validate();
+        }
+      });
+      return this.control;
+    }
+    validate() {
+      if (!this.control || !this.metadata) return true;
+      const input = this.control;
+      const isValid = typeof input.isValidValue === "function" ? input.isValidValue() : true;
+      const val = input.getValue();
+      const coreLibrary = sap.ui.require("sap/ui/core/library");
+      const ValueState = coreLibrary ? coreLibrary.ValueState : {
+        Error: "Error",
+        None: "None"
+      };
+      if (this.metadata.required && (!val || typeof val !== 'string' || val.trim() === "")) {
+        input.setValueState(ValueState.Error);
+        input.setValueStateText("This field is required.");
+        return false;
+      }
+      if (val && !isValid) {
+        input.setValueState(ValueState.Error);
+        input.setValueStateText("Invalid time format.");
+        return false;
+      }
+      input.setValueState(ValueState.None);
+      return true;
+    }
+    applyState() {
+      if (this.control && this.metadata) {
+        const input = this.control;
+        input.setEditable(!this.metadata.ui?.readOnly);
+        input.setRequired(this.metadata.required);
+      }
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.TimePlugin = TimePlugin;
+  return __exports;
+});
+//# sourceMappingURL=TimePlugin-dbg.js.map

package/src/nz/co/siliconst/ui5/metaui/plugins/TimePlugin-dbg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePlugin-dbg.js","names":["BasePlugin","___BasePlugin","TimePlugin","render","fieldMetadata","bindingPath","modelName","metadata","control","TimePicker","value","path","type","formatOptions","source","pattern","displayFormat","editable","ui","readOnly","required","change","oEvent","val","getParameter","publishChange","validate","input","isValid","isValidValue","getValue","coreLibrary","sap","require","ValueState","Error","None","trim","setValueState","setValueStateText","applyState","setEditable","setRequired","__exports","__esModule"],"sources":["TimePlugin.ts"],"sourcesContent":["/**\n * @file TimePlugin.ts\n * @description Handles rendering logic for Time strings.\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { IPropertyMetadata } from \"../interfaces/ISchema\";\nimport TimePicker from \"sap/m/TimePicker\";\nimport Control from \"sap/ui/core/Control\";\n\n/**\n * Handles rendering and logic for time inputs.\n */\nexport class TimePlugin extends BasePlugin {\n    public render(fieldMetadata: IPropertyMetadata, bindingPath: string, modelName: string = \"meta\"): Control {\n        this.metadata = fieldMetadata;\n        \n        this.control = new TimePicker({\n            value: {\n                path: `${modelName}>${bindingPath}`,\n                type: \"sap.ui.model.type.Time\",\n                formatOptions: {\n                    source: { pattern: \"HH:mm:ss\" },\n                    pattern: \"HH:mm:ss\"\n                }\n            },\n            displayFormat: \"HH:mm:ss\",\n            editable: !fieldMetadata.ui?.readOnly,\n            required: fieldMetadata.required,\n            change: (oEvent: any) => {\n                const val = oEvent.getParameter(\"value\");\n                this.publishChange(val);\n                this.validate();\n            }\n        });\n\n        return this.control;\n    }\n\n    public validate(): boolean {\n        if (!this.control || !this.metadata) return true;\n        const input = this.control as TimePicker;\n        const isValid = typeof input.isValidValue === \"function\" ? input.isValidValue() : true;\n        const val = input.getValue();\n        const coreLibrary = sap.ui.require(\"sap/ui/core/library\");\n        const ValueState = coreLibrary ? coreLibrary.ValueState : { Error: \"Error\", None: \"None\" };\n\n        if (this.metadata.required && (!val || typeof val !== 'string' || val.trim() === \"\")) {\n            input.setValueState(ValueState.Error);\n            input.setValueStateText(\"This field is required.\");\n            return false;\n        }\n\n        if (val && !isValid) {\n            input.setValueState(ValueState.Error);\n            input.setValueStateText(\"Invalid time format.\");\n            return false;\n        }\n\n        input.setValueState(ValueState.None);\n        return true;\n    }\n\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            const input = this.control as TimePicker;\n            input.setEditable(!this.metadata.ui?.readOnly);\n            input.setRequired(this.metadata.required);\n        }\n    }\n}\n"],"mappings":";;;EAAA;AACA;AACA;AACA;EAHA,MAKSA,UAAU,GAAAC,aAAA;EAKnB;AACA;AACA;EACO,MAAMC,UAAU,SAASF,UAAU,CAAC;IAChCG,MAAMA,CAACC,aAAgC,EAAEC,WAAmB,EAAEC,SAAiB,GAAG,MAAM,EAAW;MACtG,IAAI,CAACC,QAAQ,GAAGH,aAAa;MAE7B,IAAI,CAACI,OAAO,GAAG,IAAIC,UAAU,CAAC;QAC1BC,KAAK,EAAE;UACHC,IAAI,EAAE,GAAGL,SAAS,IAAID,WAAW,EAAE;UACnCO,IAAI,EAAE,wBAAwB;UAC9BC,aAAa,EAAE;YACXC,MAAM,EAAE;cAAEC,OAAO,EAAE;YAAW,CAAC;YAC/BA,OAAO,EAAE;UACb;QACJ,CAAC;QACDC,aAAa,EAAE,UAAU;QACzBC,QAAQ,EAAE,CAACb,aAAa,CAACc,EAAE,EAAEC,QAAQ;QACrCC,QAAQ,EAAEhB,aAAa,CAACgB,QAAQ;QAChCC,MAAM,EAAGC,MAAW,IAAK;UACrB,MAAMC,GAAG,GAAGD,MAAM,CAACE,YAAY,CAAC,OAAO,CAAC;UACxC,IAAI,CAACC,aAAa,CAACF,GAAG,CAAC;UACvB,IAAI,CAACG,QAAQ,CAAC,CAAC;QACnB;MACJ,CAAC,CAAC;MAEF,OAAO,IAAI,CAAClB,OAAO;IACvB;IAEOkB,QAAQA,CAAA,EAAY;MACvB,IAAI,CAAC,IAAI,CAAClB,OAAO,IAAI,CAAC,IAAI,CAACD,QAAQ,EAAE,OAAO,IAAI;MAChD,MAAMoB,KAAK,GAAG,IAAI,CAACnB,OAAqB;MACxC,MAAMoB,OAAO,GAAG,OAAOD,KAAK,CAACE,YAAY,KAAK,UAAU,GAAGF,KAAK,CAACE,YAAY,CAAC,CAAC,GAAG,IAAI;MACtF,MAAMN,GAAG,GAAGI,KAAK,CAACG,QAAQ,CAAC,CAAC;MAC5B,MAAMC,WAAW,GAAGC,GAAG,CAACd,EAAE,CAACe,OAAO,CAAC,qBAAqB,CAAC;MACzD,MAAMC,UAAU,GAAGH,WAAW,GAAGA,WAAW,CAACG,UAAU,GAAG;QAAEC,KAAK,EAAE,OAAO;QAAEC,IAAI,EAAE;MAAO,CAAC;MAE1F,IAAI,IAAI,CAAC7B,QAAQ,CAACa,QAAQ,KAAK,CAACG,GAAG,IAAI,OAAOA,GAAG,KAAK,QAAQ,IAAIA,GAAG,CAACc,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE;QAClFV,KAAK,CAACW,aAAa,CAACJ,UAAU,CAACC,KAAK,CAAC;QACrCR,KAAK,CAACY,iBAAiB,CAAC,yBAAyB,CAAC;QAClD,OAAO,KAAK;MAChB;MAEA,IAAIhB,GAAG,IAAI,CAACK,OAAO,EAAE;QACjBD,KAAK,CAACW,aAAa,CAACJ,UAAU,CAACC,KAAK,CAAC;QACrCR,KAAK,CAACY,iBAAiB,CAAC,sBAAsB,CAAC;QAC/C,OAAO,KAAK;MAChB;MAEAZ,KAAK,CAACW,aAAa,CAACJ,UAAU,CAACE,IAAI,CAAC;MACpC,OAAO,IAAI;IACf;IAEUI,UAAUA,CAAA,EAAS;MACzB,IAAI,IAAI,CAAChC,OAAO,IAAI,IAAI,CAACD,QAAQ,EAAE;QAC/B,MAAMoB,KAAK,GAAG,IAAI,CAACnB,OAAqB;QACxCmB,KAAK,CAACc,WAAW,CAAC,CAAC,IAAI,CAAClC,QAAQ,CAACW,EAAE,EAAEC,QAAQ,CAAC;QAC9CQ,KAAK,CAACe,WAAW,CAAC,IAAI,CAACnC,QAAQ,CAACa,QAAQ,CAAC;MAC7C;IACJ;EACJ;EAAC,IAAAuB,SAAA;IAAAC,UAAA;EAAA;EAAAD,SAAA,CAAAzC,UAAA,GAAAA,UAAA;EAAA,OAAAyC,SAAA;AAAA","ignoreList":[]}

package/src/nz/co/siliconst/ui5/metaui/plugins/TimePlugin.d.ts

@@ -0,0 +1,18 @@
+declare module "nz/co/siliconst/ui5/metaui/plugins/TimePlugin" {
+    /**
+     * @file TimePlugin.ts
+     * @description Handles rendering logic for Time strings.
+     */
+    import { BasePlugin } from "nz/co/siliconst/ui5/metaui/plugins/BasePlugin";
+    import { IPropertyMetadata } from "nz/co/siliconst/ui5/metaui/interfaces/ISchema";
+    import Control from "sap/ui/core/Control";
+    /**
+     * Handles rendering and logic for time inputs.
+     */
+    export class TimePlugin extends BasePlugin {
+        render(fieldMetadata: IPropertyMetadata, bindingPath: string, modelName?: string): Control;
+        validate(): boolean;
+        protected applyState(): void;
+    }
+}
+//# sourceMappingURL=TimePlugin.d.ts.map

package/src/nz/co/siliconst/ui5/metaui/plugins/TimePlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePlugin.d.ts","sourceRoot":"../../../../../../../..","sources":["src/nz/co/siliconst/ui5/metaui/plugins/TimePlugin.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,+CAA+C,CAAC;IAC/D;;;OAGG;IAEH,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;IAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;IAElF,OAAO,OAAO,MAAM,qBAAqB,CAAC;IAE1C;;OAEG;IACH,MAAa,UAAW,SAAQ,UAAU;QAC/B,MAAM,CAAC,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,GAAE,MAAe,GAAG,OAAO;QAyBlG,QAAQ,IAAI,OAAO;QAwB1B,SAAS,CAAC,UAAU,IAAI,IAAI;KAO/B;CAEA"}

package/src/nz/co/siliconst/ui5/metaui/plugins/TimePlugin.js

@@ -0,0 +1,2 @@
+sap.ui.define(["./BasePlugin","sap/m/TimePicker"],function(e,t){"use strict";const a=e["BasePlugin"];class r extends a{render(e,a,r="meta"){this.metadata=e;this.control=new t({value:{path:`${r}>${a}`,type:"sap.ui.model.type.Time",formatOptions:{source:{pattern:"HH:mm:ss"},pattern:"HH:mm:ss"}},displayFormat:"HH:mm:ss",editable:!e.ui?.readOnly,required:e.required,change:e=>{const t=e.getParameter("value");this.publishChange(t);this.validate()}});return this.control}validate(){if(!this.control||!this.metadata)return true;const e=this.control;const t=typeof e.isValidValue==="function"?e.isValidValue():true;const a=e.getValue();const r=sap.ui.require("sap/ui/core/library");const i=r?r.ValueState:{Error:"Error",None:"None"};if(this.metadata.required&&(!a||typeof a!=="string"||a.trim()==="")){e.setValueState(i.Error);e.setValueStateText("This field is required.");return false}if(a&&!t){e.setValueState(i.Error);e.setValueStateText("Invalid time format.");return false}e.setValueState(i.None);return true}applyState(){if(this.control&&this.metadata){const e=this.control;e.setEditable(!this.metadata.ui?.readOnly);e.setRequired(this.metadata.required)}}}var i={__esModule:true};i.TimePlugin=r;return i});
+//# sourceMappingURL=TimePlugin.js.map

package/src/nz/co/siliconst/ui5/metaui/plugins/TimePlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePlugin.js","names":["BasePlugin","___BasePlugin","TimePlugin","render","fieldMetadata","bindingPath","modelName","this","metadata","control","TimePicker","value","path","type","formatOptions","source","pattern","displayFormat","editable","ui","readOnly","required","change","oEvent","val","getParameter","publishChange","validate","input","isValid","isValidValue","getValue","coreLibrary","sap","require","ValueState","Error","None","trim","setValueState","setValueStateText","applyState","setEditable","setRequired","__exports","__esModule"],"sources":["TimePlugin.ts"],"sourcesContent":["/**\n * @file TimePlugin.ts\n * @description Handles rendering logic for Time strings.\n */\n\nimport { BasePlugin } from \"./BasePlugin\";\nimport { IPropertyMetadata } from \"../interfaces/ISchema\";\nimport TimePicker from \"sap/m/TimePicker\";\nimport Control from \"sap/ui/core/Control\";\n\n/**\n * Handles rendering and logic for time inputs.\n */\nexport class TimePlugin extends BasePlugin {\n    public render(fieldMetadata: IPropertyMetadata, bindingPath: string, modelName: string = \"meta\"): Control {\n        this.metadata = fieldMetadata;\n        \n        this.control = new TimePicker({\n            value: {\n                path: `${modelName}>${bindingPath}`,\n                type: \"sap.ui.model.type.Time\",\n                formatOptions: {\n                    source: { pattern: \"HH:mm:ss\" },\n                    pattern: \"HH:mm:ss\"\n                }\n            },\n            displayFormat: \"HH:mm:ss\",\n            editable: !fieldMetadata.ui?.readOnly,\n            required: fieldMetadata.required,\n            change: (oEvent: any) => {\n                const val = oEvent.getParameter(\"value\");\n                this.publishChange(val);\n                this.validate();\n            }\n        });\n\n        return this.control;\n    }\n\n    public validate(): boolean {\n        if (!this.control || !this.metadata) return true;\n        const input = this.control as TimePicker;\n        const isValid = typeof input.isValidValue === \"function\" ? input.isValidValue() : true;\n        const val = input.getValue();\n        const coreLibrary = sap.ui.require(\"sap/ui/core/library\");\n        const ValueState = coreLibrary ? coreLibrary.ValueState : { Error: \"Error\", None: \"None\" };\n\n        if (this.metadata.required && (!val || typeof val !== 'string' || val.trim() === \"\")) {\n            input.setValueState(ValueState.Error);\n            input.setValueStateText(\"This field is required.\");\n            return false;\n        }\n\n        if (val && !isValid) {\n            input.setValueState(ValueState.Error);\n            input.setValueStateText(\"Invalid time format.\");\n            return false;\n        }\n\n        input.setValueState(ValueState.None);\n        return true;\n    }\n\n    protected applyState(): void {\n        if (this.control && this.metadata) {\n            const input = this.control as TimePicker;\n            input.setEditable(!this.metadata.ui?.readOnly);\n            input.setRequired(this.metadata.required);\n        }\n    }\n}\n"],"mappings":"6EAAA,MAKSA,EAAUC,EAAA,cAQZ,MAAMC,UAAmBF,EACrBG,OAAOC,EAAkCC,EAAqBC,EAAoB,QACrFC,KAAKC,SAAWJ,EAEhBG,KAAKE,QAAU,IAAIC,EAAW,CAC1BC,MAAO,CACHC,KAAM,GAAGN,KAAaD,IACtBQ,KAAM,yBACNC,cAAe,CACXC,OAAQ,CAAEC,QAAS,YACnBA,QAAS,aAGjBC,cAAe,WACfC,UAAWd,EAAce,IAAIC,SAC7BC,SAAUjB,EAAciB,SACxBC,OAASC,IACL,MAAMC,EAAMD,EAAOE,aAAa,SAChClB,KAAKmB,cAAcF,GACnBjB,KAAKoB,cAIb,OAAOpB,KAAKE,OAChB,CAEOkB,WACH,IAAKpB,KAAKE,UAAYF,KAAKC,SAAU,OAAO,KAC5C,MAAMoB,EAAQrB,KAAKE,QACnB,MAAMoB,SAAiBD,EAAME,eAAiB,WAAaF,EAAME,eAAiB,KAClF,MAAMN,EAAMI,EAAMG,WAClB,MAAMC,EAAcC,IAAId,GAAGe,QAAQ,uBACnC,MAAMC,EAAaH,EAAcA,EAAYG,WAAa,CAAEC,MAAO,QAASC,KAAM,QAElF,GAAI9B,KAAKC,SAASa,YAAcG,UAAcA,IAAQ,UAAYA,EAAIc,SAAW,IAAK,CAClFV,EAAMW,cAAcJ,EAAWC,OAC/BR,EAAMY,kBAAkB,2BACxB,OAAO,KACX,CAEA,GAAIhB,IAAQK,EAAS,CACjBD,EAAMW,cAAcJ,EAAWC,OAC/BR,EAAMY,kBAAkB,wBACxB,OAAO,KACX,CAEAZ,EAAMW,cAAcJ,EAAWE,MAC/B,OAAO,IACX,CAEUI,aACN,GAAIlC,KAAKE,SAAWF,KAAKC,SAAU,CAC/B,MAAMoB,EAAQrB,KAAKE,QACnBmB,EAAMc,aAAanC,KAAKC,SAASW,IAAIC,UACrCQ,EAAMe,YAAYpC,KAAKC,SAASa,SACpC,CACJ,EACH,IAAAuB,EAAA,CAAAC,WAAA,MAAAD,EAAA1C,aAAA,OAAA0C,CAAA","ignoreList":[]}

package/src/nz/co/siliconst/ui5/metaui/plugins/TimePlugin.ts

@@ -0,0 +1,71 @@
+/**
+ * @file TimePlugin.ts
+ * @description Handles rendering logic for Time strings.
+ */
+
+import { BasePlugin } from "./BasePlugin";
+import { IPropertyMetadata } from "../interfaces/ISchema";
+import TimePicker from "sap/m/TimePicker";
+import Control from "sap/ui/core/Control";
+
+/**
+ * Handles rendering and logic for time inputs.
+ */
+export class TimePlugin extends BasePlugin {
+    public render(fieldMetadata: IPropertyMetadata, bindingPath: string, modelName: string = "meta"): Control {
+        this.metadata = fieldMetadata;
+        
+        this.control = new TimePicker({
+            value: {
+                path: `${modelName}>${bindingPath}`,
+                type: "sap.ui.model.type.Time",
+                formatOptions: {
+                    source: { pattern: "HH:mm:ss" },
+                    pattern: "HH:mm:ss"
+                }
+            },
+            displayFormat: "HH:mm:ss",
+            editable: !fieldMetadata.ui?.readOnly,
+            required: fieldMetadata.required,
+            change: (oEvent: any) => {
+                const val = oEvent.getParameter("value");
+                this.publishChange(val);
+                this.validate();
+            }
+        });
+
+        return this.control;
+    }
+
+    public validate(): boolean {
+        if (!this.control || !this.metadata) return true;
+        const input = this.control as TimePicker;
+        const isValid = typeof input.isValidValue === "function" ? input.isValidValue() : true;
+        const val = input.getValue();
+        const coreLibrary = sap.ui.require("sap/ui/core/library");
+        const ValueState = coreLibrary ? coreLibrary.ValueState : { Error: "Error", None: "None" };
+
+        if (this.metadata.required && (!val || typeof val !== 'string' || val.trim() === "")) {
+            input.setValueState(ValueState.Error);
+            input.setValueStateText("This field is required.");
+            return false;
+        }
+
+        if (val && !isValid) {
+            input.setValueState(ValueState.Error);
+            input.setValueStateText("Invalid time format.");
+            return false;
+        }
+
+        input.setValueState(ValueState.None);
+        return true;
+    }
+
+    protected applyState(): void {
+        if (this.control && this.metadata) {
+            const input = this.control as TimePicker;
+            input.setEditable(!this.metadata.ui?.readOnly);
+            input.setRequired(this.metadata.required);
+        }
+    }
+}

package/ui5.yaml

@@ -1,12 +1,4 @@
-specVersion: "3.0"
-metadata:
-  name: nz.co.siliconst.ui5.metaui
-type: library
-builder:
-  customTasks:
-    - name: ui5-tooling-transpile-task
-      afterTask: replaceVersion
-      configuration:
-        debug: true
-        transformModulesToUI5:
-          overridesToOverride: true
+specVersion: "3.0"
+metadata:
+  name: nz.co.siliconst.ui5.metaui
+type: library