@agrotools1/at-components 2.0.29 → 2.0.31

package/dist/document-input/DocumentInput.vue.js

@@ -1,15 +1,15 @@
-import { defineComponent as te, useId as ae, ref as C, computed as A, watch as le, createElementBlock as v, openBlock as f, normalizeClass as E, unref as p, createBlock as k, createCommentVNode as m, createElementVNode as R, withCtx as re, createTextVNode as ne, toDisplayString as x, createVNode as U, mergeProps as ce } from "vue";
-import { cn as b } from "../lib/utils.js";
-import { AtCheckCircleRegularIcon as oe } from "../packages/at-icons/dist/AtCheckCircleRegularIcon/index.js";
+import { defineComponent as te, useId as ae, ref as k, computed as x, watch as le, createElementBlock as h, openBlock as d, normalizeClass as b, unref as p, createBlock as j, createCommentVNode as m, createElementVNode as U, withCtx as re, createTextVNode as ne, toDisplayString as V, createVNode as R, mergeProps as oe } from "vue";
+import { cn as T } from "../lib/utils.js";
+import { AtCheckCircleRegularIcon as ce } from "../packages/at-icons/dist/AtCheckCircleRegularIcon/index.js";
 import { AtCircleXMarkRegularIcon as se } from "../packages/at-icons/dist/AtCircleXMarkRegularIcon/index.js";
 import { AtCircleXMarkSolidIcon as ie } from "../packages/at-icons/dist/AtCircleXMarkSolidIcon/index.js";
 import ue from "../input/Input.vue.js";
 import pe from "../label/Label.vue.js";
-import { isValidCpf as j, isValidCnpj as T, applyCpfMask as N, applyCnpjMask as P } from "./utils.js";
+import { isValidCpf as v, isValidCnpj as g, applyCnpjMask as E, applyCpfMask as P } from "./utils.js";
 const fe = { key: 0 }, de = { class: "relative flex items-center" }, me = {
   key: 0,
-  class: "absolute right-2.5 flex items-center justify-center pointer-events-none"
-}, be = /* @__PURE__ */ te({
+  class: "absolute right-2.5 flex items-center justify-center"
+}, Te = /* @__PURE__ */ te({
   inheritAttrs: !1,
   __name: "DocumentInput",
   props: {
@@ -23,6 +23,7 @@ const fe = { key: 0 }, de = { class: "relative flex items-center" }, me = {
     error: { type: [Boolean, String], default: !1 },
     success: { type: Boolean, default: !1 },
     allowAlpha: { type: Boolean, default: !1 },
+    withInternalValidation: { type: Boolean, default: !1 },
     placeholder: {},
     maxLength: {},
     toUpperCase: { type: Boolean, default: !1 },
@@ -31,9 +32,11 @@ const fe = { key: 0 }, de = { class: "relative flex items-center" }, me = {
     class: {},
     inputClass: {}
   },
-  emits: ["update:modelValue", "change", "blur", "focus", "validate"],
-  setup($, { expose: L, emit: D }) {
-    const e = $, u = D, h = e.id || ae(), _ = `error-${h}`, V = `desc-${h}`, n = C(e.modelValue || ""), g = C(!1), B = A(() => e.documentType === "cnpj" || e.documentType === "cpf"), F = A(() => {
+  emits: ["update:modelValue", "change", "blur", "focus", "validate", "clear"],
+  setup($, { expose: N, emit: D }) {
+    const e = $, s = D, y = e.id || ae(), w = `error-${y}`, _ = `desc-${y}`, n = k(e.modelValue || ""), A = k(!1), B = k(!1), I = x(
+      () => e.documentType === "cnpj" || e.documentType === "cpf" || e.documentType === "cpf-cnpj"
+    ), F = x(() => {
       switch (e.documentType) {
         case "cnpj":
           return e.allowAlpha ? "AA.AAA.AAA/AAAA-DV" : "00.000.000/0000-00";
@@ -44,76 +47,90 @@ const fe = { key: 0 }, de = { class: "relative flex items-center" }, me = {
         default:
           return;
       }
-    }), d = A(() => !!e.error && !g.value), M = { cnpj: 18, cpf: 14 }, w = A(() => {
-      if (!e.success || d.value || !n.value) return !1;
-      switch (e.documentType) {
-        case "cnpj":
-          return n.value.length === M.cnpj && T(n.value);
-        case "cpf":
-          return n.value.length === M.cpf && j(n.value);
-        case "cpf-cnpj":
-          return I(n.value);
-        default:
+    }), f = x(() => {
+      if (e.error) return !0;
+      if (e.withInternalValidation) {
+        if (!n.value || A.value) return !1;
+        const t = n.value.replace(/[^A-Z0-9]/gi, "");
+        if (!t) return !1;
+        if (t.length === 11 && !v(t) || t.length === 14 && !g(t) || B.value && (e.documentType === "cpf" && t.length !== 11 || e.documentType === "cnpj" && t.length !== 14 || e.documentType === "cpf-cnpj" && t.length !== 11 && t.length !== 14))
           return !0;
       }
+      return !1;
+    }), M = x(() => {
+      if (f.value) return !1;
+      if (e.success) return !0;
+      if (e.withInternalValidation) {
+        if (!n.value) return !1;
+        const t = n.value.replace(/[^A-Z0-9]/gi, "");
+        if (e.documentType === "cpf") return v(t);
+        if (e.documentType === "cnpj") return g(t);
+        if (e.documentType === "cpf-cnpj")
+          return t.length === 11 ? v(t) : g(t);
+      }
+      return !1;
     });
-    function X(t) {
+    function L(t) {
       return t.replace(/[^A-Z0-9]/gi, "");
     }
-    function I(t) {
-      const a = t.replace(/[^0-9]/g, "");
-      return a.length === 11 ? j(a) : a.length === 14 ? T(a) : !1;
+    function X(t) {
+      const a = t.replace(e.allowAlpha ? /[^A-Z0-9]/gi : /[^0-9]/g, "");
+      return a.length === 11 ? v(a) : a.length === 14 ? g(a) : !1;
     }
     function q(t, a) {
       if (!a) return t;
-      let l = t.replace(/[^0-9A-Za-z]/g, "");
-      if (!l) return "";
-      let o = "", r = 0;
-      for (let s = 0; s < a.length && r < l.length; s++) {
-        const c = a[s], i = l[r];
-        c === "9" ? /[0-9]/.test(i) ? (o += i, r++) : (r++, s--) : c === "A" ? /[A-Za-z]/.test(i) ? (o += e.toUpperCase ? i.toUpperCase() : i, r++) : (r++, s--) : c === "X" ? /[0-9A-Za-z]/.test(i) ? (o += e.toUpperCase ? i.toUpperCase() : i, r++) : (r++, s--) : o += c;
+      let r = t.replace(/[^0-9A-Za-z]/g, "");
+      if (!r) return "";
+      let c = "", l = 0;
+      for (let i = 0; i < a.length && l < r.length; i++) {
+        const o = a[i], u = r[l];
+        o === "9" ? /[0-9]/.test(u) ? (c += u, l++) : (l++, i--) : o === "A" ? /[A-Za-z]/.test(u) ? (c += e.toUpperCase ? u.toUpperCase() : u, l++) : (l++, i--) : o === "X" ? /[0-9A-Za-z]/.test(u) ? (c += e.toUpperCase ? u.toUpperCase() : u, l++) : (l++, i--) : c += o;
       }
-      return o;
+      return c;
     }
-    function G(t) {
+    function O(t) {
       let a = t;
       return e.customMask && e.documentType === "generic" ? a = q(a, e.customMask) : (e.toUpperCase && (a = a.toUpperCase()), e.maxLength !== void 0 && a.length > e.maxLength && (a = a.slice(0, e.maxLength))), a;
     }
-    function S(t) {
+    function Z(t) {
       switch (e.documentType) {
         case "cnpj":
-          return P(t, e.allowAlpha);
+          return E(t, e.allowAlpha);
         case "cpf":
-          return N(t);
-        case "cpf-cnpj":
-          return t.replace(/[^0-9]/g, "").slice(0, 14);
+          return P(t);
+        case "cpf-cnpj": {
+          const a = t.replace(e.allowAlpha ? /[^A-Z0-9]/gi : /[^0-9]/g, "").slice(0, 14);
+          if (!a) return "";
+          const r = /[A-Z]/i.test(a);
+          return e.allowAlpha && r || a.length > 11 ? E(a, e.allowAlpha) : P(a);
+        }
         default:
-          return G(t);
+          return O(t);
       }
     }
-    function H(t) {
+    function G(t) {
       if (e.unmask) {
-        if (B.value)
-          return X(t);
+        if (I.value)
+          return L(t);
         if (e.documentType === "generic" || e.documentType === "cpf-cnpj")
-          return e.customMask && e.documentType === "generic" ? t.replace(/[^0-9A-Za-z]/g, "") : t.replace(/[^0-9]/g, "");
+          return e.customMask && e.documentType === "generic" || e.documentType === "cpf-cnpj" && e.allowAlpha ? t.replace(/[^0-9A-Za-z]/g, "") : t.replace(/[^0-9]/g, "");
       }
       return t;
     }
-    function O(t) {
-      const a = H(t);
-      u("update:modelValue", a), u("change", a);
+    function H(t) {
+      const a = G(t);
+      s("update:modelValue", a), s("change", a);
     }
     function z(t) {
       switch (e.documentType) {
         case "cnpj":
-          u("validate", T(t));
+          s("validate", g(t));
           break;
         case "cpf":
-          u("validate", j(t));
+          s("validate", v(t));
           break;
         case "cpf-cnpj":
-          u("validate", I(t));
+          s("validate", X(t));
           break;
       }
     }
@@ -122,114 +139,114 @@ const fe = { key: 0 }, de = { class: "relative flex items-center" }, me = {
       (t) => {
         if (t === void 0 || e.unmask && (e.documentType === "generic" || e.documentType === "cpf-cnpj"))
           return;
-        const a = S(t);
+        const a = Z(t);
         a !== n.value && (n.value = a);
       }
     );
-    function J(t, a, l, o) {
-      const r = e.allowAlpha ? /[A-Z0-9]/gi : /[0-9]/g, s = (a.slice(0, o).match(r) || []).length;
-      let c = 0, i = 0;
-      if (s > 0) {
-        for (let y = 0; y < l.length && (/[A-Z0-9]/i.test(l[y]) && i++, c = y + 1, !(i >= s)); y++)
+    function J(t, a, r, c) {
+      const l = e.allowAlpha ? /[A-Z0-9]/gi : /[0-9]/g, i = (a.slice(0, c).match(l) || []).length;
+      let o = 0, u = 0;
+      if (i > 0) {
+        for (let C = 0; C < r.length && (/[A-Z0-9]/i.test(r[C]) && u++, o = C + 1, !(u >= i)); C++)
           ;
-        for (; c < l.length && !/[A-Z0-9]/i.test(l[c]); )
-          c++;
+        for (; o < r.length && !/[A-Z0-9]/i.test(r[o]); )
+          o++;
       }
-      t.value !== l && (t.value = l, t.setSelectionRange(c, c));
+      t.value !== r && (t.value = r, t.setSelectionRange(o, o));
     }
-    function K(t, a, l, o) {
-      const r = e.allowAlpha ? /[A-Za-z0-9]/g : /[0-9]/g, s = (a.slice(0, o).match(r) || []).length, c = Math.min(s, l.length);
-      t.value !== l && (t.value = l, t.setSelectionRange(c, c));
+    function K(t, a, r, c) {
+      const l = e.allowAlpha ? /[A-Za-z0-9]/g : /[0-9]/g, i = (a.slice(0, c).match(l) || []).length, o = Math.min(i, r.length);
+      t.value !== r && (t.value = r, t.setSelectionRange(o, o));
     }
     const Q = (t) => {
-      g.value = !1;
-      const a = t.target, l = a.value, o = a.selectionStart || 0, r = S(l);
-      B.value ? J(a, l, r, o) : e.documentType === "cpf-cnpj" ? K(a, l, r, o) : a.value !== r && (a.value = r), n.value !== r && (n.value = r, O(r), z(r));
+      A.value = !1;
+      const a = t.target, r = a.value, c = a.selectionStart || 0, l = Z(r);
+      I.value ? J(a, r, l, c) : e.documentType === "cpf-cnpj" ? K(a, r, l, c) : a.value !== l && (a.value = l), n.value !== l && (n.value = l, H(l), z(l));
     }, W = (t) => {
-      u("focus", t);
+      s("focus", t);
     }, Y = (t) => {
-      if (e.documentType === "cpf-cnpj" && n.value) {
-        const a = n.value.replace(/[^0-9]/g, "");
-        let l = n.value;
-        a.length === 11 ? l = N(a) : a.length === 14 && (l = P(a)), l !== n.value && (n.value = l);
-      }
-      u("blur", t), z(n.value);
+      B.value = !0, s("blur", t), z(n.value);
     }, ee = () => {
-      n.value = "", g.value = !0, u("update:modelValue", ""), u("change", ""), e.documentType !== "generic" && u("validate", !1);
-    }, Z = C(null);
-    return L({
-      input: Z,
+      n.value = "", A.value = !0, s("update:modelValue", ""), s("change", ""), s("clear"), e.documentType !== "generic" && s("validate", !1);
+    }, S = k(null);
+    return N({
+      input: S,
       localValue: n
-    }), (t, a) => (f(), v("div", {
-      class: E(p(b)("space-y-1.5 w-full", e.class))
+    }), (t, a) => (d(), h("div", {
+      class: b(p(T)("space-y-1.5 w-full", e.class))
     }, [
-      e.label ? (f(), k(p(pe), {
+      e.label ? (d(), j(p(pe), {
         key: 0,
-        for: p(h),
-        class: E(
-          p(b)(
+        for: p(y),
+        class: b(
+          p(T)(
             "text-[#101011] font-normal text-[10px] leading-[10px]",
-            d.value ? "text-[var(--alert-red-dark,#831511)]" : ""
+            f.value ? "text-[var(--alert-red-dark,#831511)]" : ""
           )
         )
       }, {
         default: re(() => [
-          ne(x(e.label), 1),
-          e.required ? (f(), v("span", fe, " (Obrigatório)")) : m("", !0)
+          ne(V(e.label), 1),
+          e.required ? (d(), h("span", fe, " (Obrigatório)")) : m("", !0)
         ]),
         _: 1
       }, 8, ["for", "class"])) : m("", !0),
-      R("div", de, [
-        U(p(ue), ce({
-          id: p(h),
+      U("div", de, [
+        R(p(ue), oe({
+          id: p(y),
           ref_key: "inputRef",
-          ref: Z,
+          ref: S,
           "model-value": n.value,
           disabled: e.disabled,
-          class: p(b)("pr-10", d.value || e.success ? "border-[#3E2E46]" : "", e.inputClass),
+          class: p(T)("pr-10", f.value || e.success ? "border-[#3E2E46]" : "", e.inputClass),
           placeholder: e.placeholder ?? F.value,
-          "aria-invalid": d.value,
+          "aria-invalid": f.value,
           "aria-describedby": [
-            e.error && !g.value ? _ : void 0,
-            e.description ? V : void 0
+            e.error && !A.value ? w : void 0,
+            e.description ? _ : void 0
           ].filter(Boolean).join(" ") || void 0
         }, t.$attrs, {
           onInput: Q,
           onBlur: Y,
           onFocus: W
         }), null, 16, ["id", "model-value", "disabled", "class", "placeholder", "aria-invalid", "aria-describedby"]),
-        w.value || d.value ? (f(), v("div", me, [
-          w.value ? (f(), k(p(oe), {
+        M.value || f.value || n.value ? (d(), h("div", me, [
+          M.value ? (d(), j(p(ce), {
             key: 0,
             size: "20",
-            class: "text-[#4b715c]"
-          })) : d.value ? (f(), k(p(se), {
+            class: "text-[#4b715c] pointer-events-none"
+          })) : f.value || n.value ? (d(), j(p(se), {
             key: 1,
             size: "20",
-            class: "text-[var(--alert-red-dark,#831511)] cursor-pointer pointer-events-auto",
+            class: b(
+              p(T)(
+                "cursor-pointer transition-opacity hover:opacity-80",
+                f.value ? "text-[var(--alert-red-dark,#831511)]" : "text-gray-400"
+              )
+            ),
             onClick: ee
-          })) : m("", !0)
+          }, null, 8, ["class"])) : m("", !0)
         ])) : m("", !0)
       ]),
-      e.description && !e.error ? (f(), v("div", {
+      e.description && !e.error ? (d(), h("div", {
         key: 1,
-        id: V,
+        id: _,
         class: "text-gray-500 text-[11px] leading-tight"
-      }, x(e.description), 1)) : m("", !0),
-      typeof e.error == "string" && d.value ? (f(), v("div", {
+      }, V(e.description), 1)) : m("", !0),
+      (typeof e.error == "string" || e.withInternalValidation && f.value) && f.value ? (d(), h("div", {
         key: 2,
-        id: _,
+        id: w,
         class: "text-[var(--alert-red-dark,#831511)] flex items-center gap-1 text-[11px] font-medium leading-tight pt-0.5"
       }, [
-        U(p(ie), {
+        R(p(ie), {
           size: "14",
           class: "text-[var(--alert-red-dark,#831511)] shrink-0"
         }),
-        R("span", null, x(e.error), 1)
+        U("span", null, V(typeof e.error == "string" ? e.error : "Documento inválido"), 1)
       ])) : m("", !0)
     ], 2));
   }
 });
 export {
-  be as default
+  Te as default
 };

package/dist/document-input/index.d.ts

@@ -1,2 +1,4 @@
 export { default as AgtDocumentInput } from './DocumentInput.vue';
+export { default as AgtDocumentAutoComplete } from './DocumentAutoComplete.vue';
+export { AgtComboboxItem as AgtDocumentAutoCompleteItem, AgtComboboxItemIndicator as AgtDocumentAutoCompleteItemIndicator } from '../combobox';
 //# sourceMappingURL=index.d.ts.map

package/dist/document-input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/document-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/document-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,4BAA4B,CAAA;AAC/E,OAAO,EACL,eAAe,IAAI,2BAA2B,EAC9C,wBAAwB,IAAI,oCAAoC,EACjE,MAAM,aAAa,CAAA"}

package/dist/document-input/index.js

@@ -1,4 +1,11 @@
-import { default as o } from "./DocumentInput.vue.js";
+import { default as m } from "./DocumentInput.vue.js";
+import { default as r } from "./DocumentAutoComplete.vue.js";
+import { default as p } from "../combobox/ComboboxItem.vue.js";
+import { default as l } from "../combobox/ComboboxItemIndicator.vue.js";
+import "reka-ui";
 export {
-  o as AgtDocumentInput
+  r as AgtDocumentAutoComplete,
+  p as AgtDocumentAutoCompleteItem,
+  l as AgtDocumentAutoCompleteItemIndicator,
+  m as AgtDocumentInput
 };