@agrotools1/at-components 2.0.28 → 2.0.30

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

@@ -1,14 +1,14 @@
-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 { defineComponent as te, useId as ae, ref as k, computed as A, watch as le, createElementBlock as v, openBlock as f, normalizeClass as x, unref as p, createBlock as b, createCommentVNode as m, createElementVNode as E, withCtx as re, createTextVNode as ne, toDisplayString as j, createVNode as R, mergeProps as ce } from "vue";
+import { cn as C } from "../lib/utils.js";
 import { AtCheckCircleRegularIcon as oe } 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";
-const fe = { key: 0 }, de = { class: "relative flex items-center" }, me = {
+import { isValidCpf as T, isValidCnpj as _, applyCnpjMask as N, applyCpfMask as P } from "./utils.js";
+const de = { key: 0 }, fe = { class: "relative flex items-center" }, me = {
   key: 0,
-  class: "absolute right-2.5 flex items-center justify-center pointer-events-none"
+  class: "absolute right-2.5 flex items-center justify-center"
 }, be = /* @__PURE__ */ te({
   inheritAttrs: !1,
   __name: "DocumentInput",
@@ -31,9 +31,11 @@ const fe = { key: 0 }, de = { class: "relative flex items-center" }, me = {
     class: {},
     inputClass: {}
   },
-  emits: ["update:modelValue", "change", "blur", "focus", "validate"],
+  emits: ["update:modelValue", "change", "blur", "focus", "validate", "clear"],
   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(() => {
+    const e = $, s = D, h = e.id || ae(), w = `error-${h}`, V = `desc-${h}`, n = k(e.modelValue || ""), g = k(!1), B = A(
+      () => e.documentType === "cnpj" || e.documentType === "cpf" || e.documentType === "cpf-cnpj"
+    ), F = A(() => {
       switch (e.documentType) {
         case "cnpj":
           return e.allowAlpha ? "AA.AAA.AAA/AAAA-DV" : "00.000.000/0000-00";
@@ -44,13 +46,13 @@ 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(() => {
+    }), d = A(() => !!e.error && !g.value), M = { cnpj: 18, cpf: 14 }, Z = A(() => {
       if (!e.success || d.value || !n.value) return !1;
       switch (e.documentType) {
         case "cnpj":
-          return n.value.length === M.cnpj && T(n.value);
+          return n.value.length === M.cnpj && _(n.value);
         case "cpf":
-          return n.value.length === M.cpf && j(n.value);
+          return n.value.length === M.cpf && T(n.value);
         case "cpf-cnpj":
           return I(n.value);
         default:
@@ -61,17 +63,17 @@ const fe = { key: 0 }, de = { class: "relative flex items-center" }, me = {
       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;
+      const a = t.replace(e.allowAlpha ? /[^A-Z0-9]/gi : /[^0-9]/g, "");
+      return a.length === 11 ? T(a) : a.length === 14 ? _(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 o = "", l = 0;
+      for (let i = 0; i < a.length && l < r.length; i++) {
+        const c = a[i], u = r[l];
+        c === "9" ? /[0-9]/.test(u) ? (o += u, l++) : (l++, i--) : c === "A" ? /[A-Za-z]/.test(u) ? (o += e.toUpperCase ? u.toUpperCase() : u, l++) : (l++, i--) : c === "X" ? /[0-9A-Za-z]/.test(u) ? (o += e.toUpperCase ? u.toUpperCase() : u, l++) : (l++, i--) : o += c;
       }
       return o;
     }
@@ -82,11 +84,15 @@ const fe = { key: 0 }, de = { class: "relative flex items-center" }, me = {
     function S(t) {
       switch (e.documentType) {
         case "cnpj":
-          return P(t, e.allowAlpha);
+          return N(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 ? N(a, e.allowAlpha) : P(a);
+        }
         default:
           return G(t);
       }
@@ -96,24 +102,24 @@ const fe = { key: 0 }, de = { class: "relative flex items-center" }, me = {
         if (B.value)
           return X(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);
+      s("update:modelValue", a), s("change", a);
     }
     function z(t) {
       switch (e.documentType) {
         case "cnpj":
-          u("validate", T(t));
+          s("validate", _(t));
           break;
         case "cpf":
-          u("validate", j(t));
+          s("validate", T(t));
           break;
         case "cpf-cnpj":
-          u("validate", I(t));
+          s("validate", I(t));
           break;
       }
     }
@@ -126,71 +132,66 @@ const fe = { key: 0 }, de = { class: "relative flex items-center" }, me = {
         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, o) {
+      const l = e.allowAlpha ? /[A-Z0-9]/gi : /[0-9]/g, i = (a.slice(0, o).match(l) || []).length;
+      let c = 0, u = 0;
+      if (i > 0) {
+        for (let y = 0; y < r.length && (/[A-Z0-9]/i.test(r[y]) && u++, c = y + 1, !(u >= i)); y++)
           ;
-        for (; c < l.length && !/[A-Z0-9]/i.test(l[c]); )
+        for (; c < r.length && !/[A-Z0-9]/i.test(r[c]); )
           c++;
       }
-      t.value !== l && (t.value = l, t.setSelectionRange(c, c));
+      t.value !== r && (t.value = r, t.setSelectionRange(c, c));
     }
-    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, o) {
+      const l = e.allowAlpha ? /[A-Za-z0-9]/g : /[0-9]/g, i = (a.slice(0, o).match(l) || []).length, c = Math.min(i, r.length);
+      t.value !== r && (t.value = r, t.setSelectionRange(c, c));
     }
     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));
+      const a = t.target, r = a.value, o = a.selectionStart || 0, l = S(r);
+      B.value ? J(a, r, l, o) : e.documentType === "cpf-cnpj" ? K(a, r, l, o) : a.value !== l && (a.value = l), n.value !== l && (n.value = l, O(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);
+      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);
+      n.value = "", g.value = !0, s("update:modelValue", ""), s("change", ""), s("clear"), e.documentType !== "generic" && s("validate", !1);
+    }, U = k(null);
     return L({
-      input: Z,
+      input: U,
       localValue: n
     }), (t, a) => (f(), v("div", {
-      class: E(p(b)("space-y-1.5 w-full", e.class))
+      class: x(p(C)("space-y-1.5 w-full", e.class))
     }, [
-      e.label ? (f(), k(p(pe), {
+      e.label ? (f(), b(p(pe), {
         key: 0,
         for: p(h),
-        class: E(
-          p(b)(
+        class: x(
+          p(C)(
             "text-[#101011] font-normal text-[10px] leading-[10px]",
             d.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(j(e.label), 1),
+          e.required ? (f(), v("span", de, " (Obrigatório)")) : m("", !0)
         ]),
         _: 1
       }, 8, ["for", "class"])) : m("", !0),
-      R("div", de, [
-        U(p(ue), ce({
+      E("div", fe, [
+        R(p(ue), ce({
           id: p(h),
           ref_key: "inputRef",
-          ref: Z,
+          ref: U,
           "model-value": n.value,
           disabled: e.disabled,
-          class: p(b)("pr-10", d.value || e.success ? "border-[#3E2E46]" : "", e.inputClass),
+          class: p(C)("pr-10", d.value || e.success ? "border-[#3E2E46]" : "", e.inputClass),
           placeholder: e.placeholder ?? F.value,
           "aria-invalid": d.value,
           "aria-describedby": [
-            e.error && !g.value ? _ : void 0,
+            e.error && !g.value ? w : void 0,
             e.description ? V : void 0
           ].filter(Boolean).join(" ") || void 0
         }, t.$attrs, {
@@ -198,34 +199,39 @@ const fe = { key: 0 }, de = { class: "relative flex items-center" }, me = {
           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), {
+        Z.value || d.value || n.value ? (f(), v("div", me, [
+          Z.value ? (f(), b(p(oe), {
             key: 0,
             size: "20",
-            class: "text-[#4b715c]"
-          })) : d.value ? (f(), k(p(se), {
+            class: "text-[#4b715c] pointer-events-none"
+          })) : d.value || n.value ? (f(), b(p(se), {
             key: 1,
             size: "20",
-            class: "text-[var(--alert-red-dark,#831511)] cursor-pointer pointer-events-auto",
+            class: x(
+              p(C)(
+                "cursor-pointer transition-opacity hover:opacity-80",
+                d.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", {
         key: 1,
         id: V,
         class: "text-gray-500 text-[11px] leading-tight"
-      }, x(e.description), 1)) : m("", !0),
+      }, j(e.description), 1)) : m("", !0),
       typeof e.error == "string" && d.value ? (f(), v("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)
+        E("span", null, j(e.error), 1)
       ])) : m("", !0)
     ], 2));
   }

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
 };