@agrotools1/at-components 2.0.31 → 2.0.33

package/dist/document-input/DocumentInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentInput.vue.d.ts","sourceRoot":"","sources":["../../src/document-input/DocumentInput.vue"],"names":[],"mappings":"AA2dA,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,KAAK,GAAG,UAAU,CAAA;AAElE,MAAM,WAAW,kBAAkB;IACjC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,UAAU,CAAC,EAAE,GAAG,CAAA;CACjB;;;;;;;;;;;;;;;;;;;cAZY,OAAO;iBAOJ,OAAO;aALX,OAAO;WADT,OAAO,GAAG,MAAM;gBAEX,OAAO;kBAPL,YAAY;4BAQF,OAAO;YAIvB,OAAO;;;;;;;;;;;;;;;;;;;;;AAulBlB,wBAUG"}
+{"version":3,"file":"DocumentInput.vue.d.ts","sourceRoot":"","sources":["../../src/document-input/DocumentInput.vue"],"names":[],"mappings":"AAogBA,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,KAAK,GAAG,UAAU,CAAA;AAElE,MAAM,WAAW,kBAAkB;IACjC,6EAA6E;IAC7E,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,gCAAgC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,uFAAuF;IACvF,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,uEAAuE;IACvE,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,wFAAwF;IACxF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gGAAgG;IAChG,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,yDAAyD;IACzD,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,4DAA4D;IAC5D,UAAU,CAAC,EAAE,GAAG,CAAA;IAChB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;;;;;;;;;;;;;;;;;;;cAlCY,OAAO;iBAiBJ,OAAO;aAVX,OAAO;WAFT,OAAO,GAAG,MAAM;gBAIX,OAAO;kBAjBL,YAAY;4BAmBF,OAAO;YAWvB,OAAO;mBAWA,OAAO;;;;;;;;;;;;;;;;;;;;;AA8lBzB,wBAUG"}

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

@@ -1,11 +1,11 @@
-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 { defineComponent as te, useId as le, ref as k, computed as x, watch as ae, createElementBlock as h, openBlock as d, normalizeClass as b, unref as p, createBlock as w, createCommentVNode as m, createElementVNode as R, withCtx as ne, createTextVNode as re, toDisplayString as V, createVNode as E, 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 v, isValidCnpj as g, applyCnpjMask as E, applyCpfMask as P } from "./utils.js";
+import { isValidCpf as v, isValidCnpj as g, applyCnpjMask as P, applyCpfMask as $ } 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"
@@ -15,7 +15,7 @@ const fe = { key: 0 }, de = { class: "relative flex items-center" }, me = {
   props: {
     id: {},
     modelValue: {},
-    documentType: { default: "generic" },
+    documentType: { default: "cpf-cnpj" },
     label: {},
     description: {},
     required: { type: Boolean },
@@ -30,13 +30,14 @@ const fe = { key: 0 }, de = { class: "relative flex items-center" }, me = {
     unmask: { type: Boolean, default: !0 },
     customMask: {},
     class: {},
-    inputClass: {}
+    inputClass: {},
+    withClearIcon: { type: Boolean, default: !0 }
   },
   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(
+  setup(N, { expose: D, emit: F }) {
+    const e = N, s = F, y = e.id || le(), B = `error-${y}`, I = `desc-${y}`, r = k(e.modelValue || ""), A = k(!1), _ = k(!1), M = x(
       () => e.documentType === "cnpj" || e.documentType === "cpf" || e.documentType === "cpf-cnpj"
-    ), F = x(() => {
+    ), L = x(() => {
       switch (e.documentType) {
         case "cnpj":
           return e.allowAlpha ? "AA.AAA.AAA/AAAA-DV" : "00.000.000/0000-00";
@@ -50,19 +51,23 @@ const fe = { key: 0 }, de = { class: "relative flex items-center" }, me = {
     }), 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 (!r.value || A.value) return !1;
+        const t = r.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))
+        if (t.length === 11 && !v(t) || t.length === 14 && !g(t) || _.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(() => {
+    }), Z = x(() => {
       if (f.value) return !1;
-      if (e.success) return !0;
+      if (e.success) {
+        if (!r.value) return !1;
+        const t = j(r.value);
+        return !(e.documentType === "cpf" && t.length !== 11 || e.documentType === "cnpj" && t.length !== 14 || e.documentType === "cpf-cnpj" && t.length !== 11 && t.length !== 14);
+      }
       if (e.withInternalValidation) {
-        if (!n.value) return !1;
-        const t = n.value.replace(/[^A-Z0-9]/gi, "");
+        if (!r.value) return !1;
+        const t = j(r.value);
         if (e.documentType === "cpf") return v(t);
         if (e.documentType === "cnpj") return g(t);
         if (e.documentType === "cpf-cnpj")
@@ -70,39 +75,39 @@ const fe = { key: 0 }, de = { class: "relative flex items-center" }, me = {
       }
       return !1;
     });
-    function L(t) {
+    function j(t) {
       return t.replace(/[^A-Z0-9]/gi, "");
     }
     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;
+      const l = t.replace(e.allowAlpha ? /[^A-Z0-9]/gi : /[^0-9]/g, "");
+      return l.length === 11 ? v(l) : l.length === 14 ? g(l) : !1;
     }
-    function q(t, a) {
-      if (!a) return t;
-      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;
+    function q(t, l) {
+      if (!l) return t;
+      let n = t.replace(/[^0-9A-Za-z]/g, "");
+      if (!n) return "";
+      let c = "", a = 0;
+      for (let i = 0; i < l.length && a < n.length; i++) {
+        const o = l[i], u = n[a];
+        o === "9" ? /[0-9]/.test(u) ? (c += u, a++) : (a++, i--) : o === "A" ? /[A-Za-z]/.test(u) ? (c += e.toUpperCase ? u.toUpperCase() : u, a++) : (a++, i--) : o === "X" ? /[0-9A-Za-z]/.test(u) ? (c += e.toUpperCase ? u.toUpperCase() : u, a++) : (a++, i--) : c += o;
       }
       return c;
     }
     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;
+      let l = t;
+      return e.customMask && e.documentType === "generic" ? l = q(l, e.customMask) : (e.toUpperCase && (l = l.toUpperCase()), e.maxLength !== void 0 && l.length > e.maxLength && (l = l.slice(0, e.maxLength))), l;
     }
-    function Z(t) {
+    function z(t) {
       switch (e.documentType) {
         case "cnpj":
-          return E(t, e.allowAlpha);
+          return P(t, e.allowAlpha);
         case "cpf":
-          return P(t);
+          return $(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);
+          const l = t.replace(e.allowAlpha ? /[^A-Z0-9]/gi : /[^0-9]/g, "").slice(0, 14);
+          if (!l) return "";
+          const n = /[A-Z]/i.test(l);
+          return e.allowAlpha && n || l.length > 11 ? P(l, e.allowAlpha) : $(l);
         }
         default:
           return O(t);
@@ -110,18 +115,18 @@ const fe = { key: 0 }, de = { class: "relative flex items-center" }, me = {
     }
     function G(t) {
       if (e.unmask) {
-        if (I.value)
-          return L(t);
+        if (M.value)
+          return j(t);
         if (e.documentType === "generic" || e.documentType === "cpf-cnpj")
           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 H(t) {
-      const a = G(t);
-      s("update:modelValue", a), s("change", a);
+      const l = G(t);
+      s("update:modelValue", l), s("change", l);
     }
-    function z(t) {
+    function S(t) {
       switch (e.documentType) {
         case "cnpj":
           s("validate", g(t));
@@ -134,48 +139,48 @@ const fe = { key: 0 }, de = { class: "relative flex items-center" }, me = {
           break;
       }
     }
-    le(
+    ae(
       () => e.modelValue,
       (t) => {
         if (t === void 0 || e.unmask && (e.documentType === "generic" || e.documentType === "cpf-cnpj"))
           return;
-        const a = Z(t);
-        a !== n.value && (n.value = a);
+        const l = z(t);
+        l !== r.value && (r.value = l);
       }
     );
-    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;
+    function J(t, l, n, c) {
+      const a = e.allowAlpha ? /[A-Z0-9]/gi : /[0-9]/g, i = (l.slice(0, c).match(a) || []).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 (let C = 0; C < n.length && (/[A-Z0-9]/i.test(n[C]) && u++, o = C + 1, !(u >= i)); C++)
           ;
-        for (; o < r.length && !/[A-Z0-9]/i.test(r[o]); )
+        for (; o < n.length && !/[A-Z0-9]/i.test(n[o]); )
           o++;
       }
-      t.value !== r && (t.value = r, t.setSelectionRange(o, o));
+      t.value !== n && (t.value = n, t.setSelectionRange(o, o));
     }
-    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));
+    function K(t, l, n, c) {
+      const a = e.allowAlpha ? /[A-Za-z0-9]/g : /[0-9]/g, i = (l.slice(0, c).match(a) || []).length, o = Math.min(i, n.length);
+      t.value !== n && (t.value = n, t.setSelectionRange(o, o));
     }
     const Q = (t) => {
       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));
+      const l = t.target, n = l.value, c = l.selectionStart || 0, a = z(n);
+      M.value ? J(l, n, a, c) : e.documentType === "cpf-cnpj" ? K(l, n, a, c) : l.value !== a && (l.value = a), r.value !== a && (r.value = a, H(a), S(a));
     }, W = (t) => {
       s("focus", t);
     }, Y = (t) => {
-      B.value = !0, s("blur", t), z(n.value);
+      _.value = !0, s("blur", t), S(r.value);
     }, ee = () => {
-      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) => (d(), h("div", {
+      r.value = "", A.value = !0, s("update:modelValue", ""), s("change", ""), s("clear"), e.documentType !== "generic" && s("validate", !1);
+    }, U = k(null);
+    return D({
+      input: U,
+      localValue: r
+    }), (t, l) => (d(), h("div", {
       class: b(p(T)("space-y-1.5 w-full", e.class))
     }, [
-      e.label ? (d(), j(p(pe), {
+      e.label ? (d(), w(p(pe), {
         key: 0,
         for: p(y),
         class: b(
@@ -185,37 +190,37 @@ const fe = { key: 0 }, de = { class: "relative flex items-center" }, me = {
           )
         )
       }, {
-        default: re(() => [
-          ne(V(e.label), 1),
+        default: ne(() => [
+          re(V(e.label), 1),
           e.required ? (d(), h("span", fe, " (Obrigatório)")) : m("", !0)
         ]),
         _: 1
       }, 8, ["for", "class"])) : m("", !0),
-      U("div", de, [
-        R(p(ue), oe({
+      R("div", de, [
+        E(p(ue), oe({
           id: p(y),
           ref_key: "inputRef",
-          ref: S,
-          "model-value": n.value,
+          ref: U,
+          "model-value": r.value,
           disabled: e.disabled,
           class: p(T)("pr-10", f.value || e.success ? "border-[#3E2E46]" : "", e.inputClass),
-          placeholder: e.placeholder ?? F.value,
+          placeholder: e.placeholder ?? L.value,
           "aria-invalid": f.value,
           "aria-describedby": [
-            e.error && !A.value ? w : void 0,
-            e.description ? _ : void 0
+            e.error && !A.value ? B : void 0,
+            e.description ? I : 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"]),
-        M.value || f.value || n.value ? (d(), h("div", me, [
-          M.value ? (d(), j(p(ce), {
+        Z.value || f.value || r.value ? (d(), h("div", me, [
+          Z.value ? (d(), w(p(ce), {
             key: 0,
             size: "20",
             class: "text-[#4b715c] pointer-events-none"
-          })) : f.value || n.value ? (d(), j(p(se), {
+          })) : (f.value || r.value) && !e.disabled && e.withClearIcon ? (d(), w(p(se), {
             key: 1,
             size: "20",
             class: b(
@@ -230,19 +235,19 @@ const fe = { key: 0 }, de = { class: "relative flex items-center" }, me = {
       ]),
       e.description && !e.error ? (d(), h("div", {
         key: 1,
-        id: _,
+        id: I,
         class: "text-gray-500 text-[11px] leading-tight"
       }, V(e.description), 1)) : m("", !0),
       (typeof e.error == "string" || e.withInternalValidation && f.value) && f.value ? (d(), h("div", {
         key: 2,
-        id: w,
+        id: B,
         class: "text-[var(--alert-red-dark,#831511)] flex items-center gap-1 text-[11px] font-medium leading-tight pt-0.5"
       }, [
-        R(p(ie), {
+        E(p(ie), {
           size: "14",
           class: "text-[var(--alert-red-dark,#831511)] shrink-0"
         }),
-        U("span", null, V(typeof e.error == "string" ? e.error : "Documento inválido"), 1)
+        R("span", null, V(typeof e.error == "string" ? e.error : "Documento inválido"), 1)
       ])) : m("", !0)
     ], 2));
   }