tsv2-library 0.2.97 → 0.2.99

package/dist/src/components/v2/InputText/InputText.vue.d.ts

@@ -90,6 +90,10 @@ export interface InputTextProps {
    * Specify classes for label.
    */
   labelClass?: string;
+  /**
+   * Auto blur while input value has reached the max length.
+   */
+  blurOnReachMax?: boolean;
 }
 
 /**

package/dist/tsv2-library.es.js

@@ -63146,7 +63146,7 @@ const Hg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI1IiBoZWlnaHQ9IjEyNSIgdm
             { label: "RFID", value: "RFID" },
             { label: "QR", value: "QR" },
             { label: "RFID & QR", value: "RFID & QR" },
-            { label: "Non-TAG", value: "Non-TAG" }
+            { label: "Non TAG", value: "Non TAG" }
           ];
           break;
       }
@@ -74974,41 +74974,46 @@ const s2e = uu, l2e = {
     fieldInfo: {},
     inputClass: {},
     inputContainerClass: {},
-    labelClass: {}
+    labelClass: {},
+    blurOnReachMax: { type: Boolean }
   },
   emits: ["blur", "input", "update:modelValue"],
   setup(e, { emit: t }) {
-    var l;
-    const n = e, r = t, i = Xt({
-      value: (l = n.modelValue) == null ? void 0 : l.trim()
-    }), a = he(() => n.invalid || !!i.errorMessage);
+    var d;
+    const n = e, r = t, i = ae(0), a = Xt({
+      value: (d = n.modelValue) == null ? void 0 : d.trim()
+    }), o = he(() => a.value), s = he(() => n.invalid || !!a.errorMessage);
     xt(() => {
-      var c;
+      var f;
       n.useValidator && (Object.assign(
-        i,
-        Hn(n.fieldName ?? "textInput", (u) => s(u == null ? void 0 : u.trim()))
-      ), n.value != null && (i.value = (c = n.value) == null ? void 0 : c.trim()));
+        a,
+        Hn(n.fieldName ?? "textInput", (h) => c(h == null ? void 0 : h.trim()))
+      ), n.value != null && (a.value = (f = n.value) == null ? void 0 : f.trim()));
     });
-    const o = he(
+    const l = he(
       () => n.placeholder ?? `Enter ${n.label ? n.label.toLowerCase() : n.type ?? "text"}`
-    ), s = async (c) => (await Ft(), n.validatorMessage && n.invalid ? n.validatorMessage : !c && n.mandatory ? `${n.label} must not be empty` : (c == null ? void 0 : c.length) > n.maxLength && n.type === "text" ? "Max. " + n.maxLength + " characters" : c && n.type === "email" ? /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/.test(c) ? !0 : "Email format is incorrect" : c && n.type === "url" ? new RegExp(
+    ), c = async (f) => (await Ft(), n.validatorMessage && n.invalid ? n.validatorMessage : !f && n.mandatory ? `${n.label} must not be empty` : (f == null ? void 0 : f.length) > n.maxLength && n.type === "text" ? "Max. " + n.maxLength + " characters" : f && n.type === "email" ? /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/.test(f) ? !0 : "Email format is incorrect" : f && n.type === "url" ? new RegExp(
       "^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[-a-z\\d_]*)?$",
       "i"
       // Fragment locator
-    ).test(c) ? !0 : "URL format is incorrect" : !0);
+    ).test(f) ? !0 : "URL format is incorrect" : !0), u = (f) => {
+      a.value = String(f).slice(0, n.maxLength), r("update:modelValue", a.value), i.value++;
+    };
     return et(
       () => n.value,
-      (c) => {
-        i.value = c == null ? void 0 : c.trim();
+      (f) => {
+        a.value = f == null ? void 0 : f.trim();
       },
       { once: !0 }
     ), et(
       () => n.modelValue,
-      (c) => {
-        i.value = c == null ? void 0 : c.trim();
+      (f) => {
+        a.value = f == null ? void 0 : f.trim();
       }
-    ), (c, u) => (g(), C(lr, {
-      info: c.fieldInfo,
+    ), et(o, (f) => {
+      f && (f == null ? void 0 : f.length) > n.maxLength && n.blurOnReachMax && u(f);
+    }), (f, h) => (g(), C(lr, {
+      info: f.fieldInfo,
       label: n.label,
       "label-class": n.labelClass,
       mandatory: n.mandatory
@@ -75019,46 +75024,47 @@ const s2e = uu, l2e = {
             n.inputContainerClass ?? [
               "grid ",
               {
-                "grid-cols-[max-content,1fr,max-content]": c.$slots["addon-left"] && c.$slots["addon-right"],
-                "grid-cols-[1fr,max-content]": !c.$slots["addon-left"] && c.$slots["addon-right"],
-                "grid-cols-[max-content,1fr]": c.$slots["addon-left"] && !c.$slots["addon-right"]
+                "grid-cols-[max-content,1fr,max-content]": f.$slots["addon-left"] && f.$slots["addon-right"],
+                "grid-cols-[1fr,max-content]": !f.$slots["addon-left"] && f.$slots["addon-right"],
+                "grid-cols-[max-content,1fr]": f.$slots["addon-left"] && !f.$slots["addon-right"]
               }
             ]
           ),
           disabled: n.disabled,
-          invalid: a.value && !n.manualInvalidContainer
+          invalid: s.value && !n.manualInvalidContainer
         }, {
           default: z(() => [
-            c.$slots["addon-left"] ? (g(), C(M(hi), {
+            f.$slots["addon-left"] ? (g(), C(M(hi), {
               key: 0,
               disabled: n.disabled
             }, {
               default: z(() => [
-                ne(c.$slots, "addon-left")
+                ne(f.$slots, "addon-left")
               ]),
               _: 3
             }, 8, ["disabled"])) : P("", !0),
-            A(M(na), {
-              modelValue: i.value,
+            (g(), C(M(na), {
+              key: i.value,
+              modelValue: a.value,
               "onUpdate:modelValue": [
-                u[0] || (u[0] = (d) => i.value = d),
-                u[3] || (u[3] = (d) => r("update:modelValue", d))
+                h[0] || (h[0] = (m) => a.value = m),
+                h[3] || (h[3] = (m) => r("update:modelValue", m))
               ],
-              class: q(["ts-inputtext", c.inputClass]),
-              disabled: c.disabled,
-              invalid: a.value,
-              placeholder: o.value,
-              onBlur: u[1] || (u[1] = (d) => r("blur", d.target.value)),
-              onInput: u[2] || (u[2] = (d) => r("input", d.target.value))
-            }, null, 8, ["modelValue", "class", "disabled", "invalid", "placeholder"]),
-            c.$slots["addon-right"] ? (g(), C(M(hi), {
+              class: q(["ts-inputtext", f.inputClass]),
+              disabled: f.disabled,
+              invalid: s.value,
+              placeholder: l.value,
+              onBlur: h[1] || (h[1] = (m) => r("blur", m.target.value)),
+              onInput: h[2] || (h[2] = (m) => r("input", m.target.value))
+            }, null, 8, ["modelValue", "class", "disabled", "invalid", "placeholder"])),
+            f.$slots["addon-right"] ? (g(), C(M(hi), {
               key: 1,
               class: q({
                 "!text-general-200 !dark:text-general-200": n.disabled
               })
             }, {
               default: z(() => [
-                ne(c.$slots, "addon-right")
+                ne(f.$slots, "addon-right")
               ]),
               _: 3
             }, 8, ["class"])) : P("", !0)
@@ -75067,7 +75073,7 @@ const s2e = uu, l2e = {
         }, 8, ["class", "disabled", "invalid"]),
         A(tr, {
           class: q(n.validatorMessageClass),
-          message: i.errorMessage ?? n.validatorMessage
+          message: a.errorMessage ?? n.validatorMessage
         }, null, 8, ["class", "message"])
       ]),
       _: 3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tsv2-library",
-  "version": "0.2.97",
+  "version": "0.2.99",
   "author": "fixedassetv2-fe",
   "license": "ISC",
   "homepage": "https://github.com/fixedassetv2-fe/tsv2-library#readme",

package/src/components/v2/InputText/InputText.vue.d.ts

@@ -90,6 +90,10 @@ export interface InputTextProps {
    * Specify classes for label.
    */
   labelClass?: string;
+  /**
+   * Auto blur while input value has reached the max length.
+   */
+  blurOnReachMax?: boolean;
 }
 
 /**