@agrotools1/at-components 2.0.28 → 2.0.30

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

@@ -0,0 +1,372 @@
+import { defineComponent as se, useId as ie, ref as b, watch as ue, computed as U, createElementBlock as h, openBlock as n, normalizeClass as S, unref as o, createBlock as k, createCommentVNode as v, createVNode as f, withCtx as m, createTextVNode as z, toDisplayString as w, mergeProps as ce, createElementVNode as _, renderSlot as x, withModifiers as N, withDirectives as pe, Fragment as de, renderList as fe, vShow as me, nextTick as E } from "vue";
+import { cn as F } from "../lib/utils.js";
+import { AtCheckCircleRegularIcon as ge } from "../packages/at-icons/dist/AtCheckCircleRegularIcon/index.js";
+import { AtCheckSolidIcon as he } from "../packages/at-icons/dist/AtCheckSolidIcon/index.js";
+import { AtCircleXMarkRegularIcon as ve } from "../packages/at-icons/dist/AtCircleXMarkRegularIcon/index.js";
+import { AtCircleXMarkSolidIcon as q } from "../packages/at-icons/dist/AtCircleXMarkSolidIcon/index.js";
+import { reactiveOmit as ye } from "@vueuse/core";
+import { useForwardPropsEmits as Ae } from "reka-ui";
+import ke from "../combobox/Combobox.vue.js";
+import we from "../combobox/ComboboxAnchor.vue.js";
+import xe from "../combobox/ComboboxEmpty.vue.js";
+import Te from "../combobox/ComboboxGroup.vue.js";
+import Ce from "../combobox/ComboboxInput.vue.js";
+import Ve from "../combobox/ComboboxItem.vue.js";
+import be from "../combobox/ComboboxItemIndicator.vue.js";
+import _e from "../combobox/ComboboxList.vue.js";
+import Ie from "../combobox/ComboboxViewport.vue.js";
+import $e from "../label/Label.vue.js";
+import { isValidCpf as y, isValidCnpj as A, applyCpfMask as R, applyCnpjMask as O } from "./utils.js";
+import Me from "../node_modules/.pnpm/lucide-vue-next@0.542.0_vue@3.5.19_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/loader-circle.js";
+const je = { key: 0 }, Be = { class: "relative flex items-center" }, Ue = {
+  key: 0,
+  class: "py-6 flex items-center justify-center text-sm text-gray-500"
+}, Se = { class: "flex items-center gap-2" }, lt = /* @__PURE__ */ se({
+  __name: "DocumentAutoComplete",
+  props: {
+    id: {},
+    modelValue: {},
+    documentType: { default: "cpf-cnpj" },
+    label: {},
+    description: {},
+    required: { type: Boolean },
+    disabled: { type: Boolean, default: !1 },
+    error: { type: [Boolean, String], default: !1 },
+    success: { type: Boolean, default: !1 },
+    allowAlpha: { type: Boolean, default: !1 },
+    placeholder: {},
+    maxLength: {},
+    toUpperCase: { type: Boolean, default: !1 },
+    unmask: { type: Boolean, default: !0 },
+    customMask: {},
+    class: {},
+    inputClass: {},
+    withIcon: { type: Boolean, default: !0 },
+    withInternalValidation: { type: Boolean, default: !1 },
+    options: {},
+    loading: { type: Boolean },
+    notFoundText: {},
+    loadingText: {},
+    optionId: { default: "identifier" }
+  },
+  emits: ["update:modelValue", "select", "validate", "blur", "focus", "clear"],
+  setup(X, { emit: H }) {
+    const e = X, s = H, T = e.id || ie(), J = `error-${T}`, G = `desc-${T}`, K = ye(
+      e,
+      "modelValue",
+      "documentType",
+      "unmask",
+      "allowAlpha",
+      "placeholder",
+      "label",
+      "description",
+      "error",
+      "success",
+      "required",
+      "class",
+      "inputClass",
+      "toUpperCase",
+      "maxLength",
+      "customMask",
+      "withInternalValidation",
+      "options",
+      "loading",
+      "notFoundText",
+      "loadingText",
+      "optionId",
+      "modelValue"
+    ), Q = Ae(K, s), i = b(""), C = b(!1), I = b(!1), $ = b(null), M = b(e.modelValue);
+    function W(t, a) {
+      if (!a) return t;
+      const l = t.replace(/[^0-9A-Za-z]/g, "");
+      if (!l) return "";
+      let c = "", r = 0;
+      for (let p = 0; p < a.length && r < l.length; p++) {
+        const u = a[p], d = l[r];
+        u === "9" ? /[0-9]/.test(d) ? (c += d, r++) : (r++, p--) : u === "A" ? /[A-Za-z]/.test(d) ? (c += e.toUpperCase ? d.toUpperCase() : d, r++) : (r++, p--) : u === "X" ? /[0-9A-Za-z]/.test(d) ? (c += e.toUpperCase ? d.toUpperCase() : d, r++) : (r++, p--) : (c += u, d === u && r++);
+      }
+      return c;
+    }
+    function j(t) {
+      if (e.customMask && e.documentType === "generic")
+        return W(t, e.customMask);
+      const a = /[A-Z]/i.test(t);
+      return e.documentType === "cpf" ? R(t) : e.documentType === "cnpj" ? O(t, e.allowAlpha) : e.documentType === "cpf-cnpj" ? e.allowAlpha && a || t.length > 11 ? O(t, e.allowAlpha) : R(t) : t;
+    }
+    const L = (t) => {
+      if (!t) return i.value || "";
+      if (typeof t == "string") {
+        const c = t.replace(
+          e.documentType === "generic" && e.customMask || e.allowAlpha ? /[^A-Z0-9]/gi : /[^0-9]/g,
+          ""
+        );
+        return j(c);
+      }
+      const l = (t.identifier || t.value || t.text || "").replace(
+        e.documentType === "generic" && e.customMask || e.allowAlpha ? /[^A-Z0-9]/gi : /[^0-9]/g,
+        ""
+      );
+      return j(l);
+    };
+    ue(
+      () => e.modelValue,
+      (t) => {
+        if (M.value = t, t == null || t === "") {
+          i.value !== "" && (i.value = ""), M.value = void 0;
+          return;
+        }
+        const a = L(t);
+        i.value !== a && (i.value = a);
+      },
+      { immediate: !0 }
+    );
+    const Y = U(() => e.maxLength ? e.maxLength : e.customMask && e.documentType === "generic" ? e.customMask.length : e.documentType === "cpf" ? 14 : 18), ee = U(() => {
+      switch (e.documentType) {
+        case "cnpj":
+          return e.allowAlpha ? "AA.AAA.AAA/AAAA-DV" : "00.000.000/0000-00";
+        case "cpf":
+          return "000.000.000-00";
+        case "cpf-cnpj":
+          return "CPF ou CNPJ";
+        default:
+          return;
+      }
+    }), g = U(() => {
+      if (e.error) return !0;
+      if (e.withInternalValidation) {
+        const t = e.modelValue;
+        if (!t || I.value) return !1;
+        const l = (typeof t == "string" ? t : t.identifier || t.value || "").replace(/[^A-Z0-9]/gi, "");
+        if (!l) return !1;
+        if (e.documentType === "cpf") return !y(l);
+        if (e.documentType === "cnpj") return !A(l);
+        if (e.documentType === "cpf-cnpj")
+          return l.length === 11 ? !y(l) : l.length === 14 ? !A(l) : l.length > 0 && l.length !== 11 && l.length !== 14;
+      }
+      return !1;
+    }), B = U(() => {
+      if (g.value) return !1;
+      if (e.success) return !0;
+      if (e.withInternalValidation) {
+        const t = e.modelValue;
+        if (!t) return !1;
+        const l = (typeof t == "string" ? t : t.identifier || t.value || "").replace(/[^A-Z0-9]/gi, "");
+        if (e.documentType === "cpf") return y(l);
+        if (e.documentType === "cnpj") return A(l);
+        if (e.documentType === "cpf-cnpj")
+          return l.length === 11 ? y(l) : A(l);
+      }
+      return !1;
+    });
+    function P(t) {
+      let a = !1;
+      e.documentType === "cpf" ? a = y(t) : e.documentType === "cnpj" ? a = A(t) : e.documentType === "cpf-cnpj" && (a = t.length === 11 ? y(t) : A(t)), s("validate", a);
+    }
+    function te(t) {
+      const a = t.target;
+      let l = a.value;
+      const c = a.selectionStart || 0;
+      I.value = !1, e.toUpperCase && (l = l.toUpperCase());
+      let r = l.replace(
+        e.documentType === "generic" && e.customMask || e.allowAlpha ? /[^A-Z0-9]/gi : /[^0-9]/g,
+        ""
+      ), p = e.maxLength;
+      p || (e.customMask && e.documentType === "generic" ? p = e.customMask.length : p = e.documentType === "cpf" ? 11 : 14), r = r.slice(0, p);
+      const u = j(r), d = e.allowAlpha ? /[A-Z0-9]/gi : /[0-9]/g, re = (l.slice(0, c).match(d) || []).length, ne = (e.unmask ? r : u) || void 0;
+      s("update:modelValue", ne), P(r), i.value = u, E(() => {
+        a.value = u;
+        let Z = 0, D = 0;
+        for (let V = 0; V < u.length && ((e.documentType === "generic" && e.customMask || e.allowAlpha ? /[A-Z0-9]/i.test(u[V]) : /[0-9]/.test(u[V])) && D++, Z = V + 1, !(D >= re)); V++)
+          ;
+        a.setSelectionRange(Z, Z);
+      });
+    }
+    function le(t) {
+      i.value = "", M.value = null, s("update:modelValue", null), E(() => {
+        if (!$.value) return;
+        const a = $.value.querySelector(`[id="${T}"]`) || $.value.querySelector("input"), l = (a == null ? void 0 : a.tagName) === "INPUT" ? a : a == null ? void 0 : a.querySelector("input");
+        l && (l.value = "", l.dispatchEvent(new Event("input", { bubbles: !0 }))), E(() => {
+          C.value = !1;
+        });
+      }), I.value = !0, s("validate", !1), s("clear"), C.value = !1;
+    }
+    function ae(t) {
+      if (!t) {
+        i.value = "", I.value = !0, s("update:modelValue", null);
+        return;
+      }
+      s("update:modelValue", t), s("select", t);
+      const l = (t.identifier || t.value || t.text || "").replace(/[^A-Z0-9]/gi, "");
+      i.value = j(l), P(l), C.value = !1;
+    }
+    function oe(t) {
+      s("blur", t);
+      const a = i.value.replace(e.allowAlpha ? /[^A-Z0-9]/gi : /[^0-9]/g, "");
+      let l = !1;
+      a.length === 11 ? l = y(a) : a.length === 14 && (l = A(a)), l && s("update:modelValue", e.toUpperCase ? a.toUpperCase() : a);
+    }
+    return (t, a) => (n(), h("div", {
+      class: S(o(F)("space-y-1.5 w-full", e.class)),
+      ref_key: "wrapperRef",
+      ref: $
+    }, [
+      e.label ? (n(), k(o($e), {
+        key: 0,
+        for: o(T),
+        class: S(
+          o(F)(
+            "text-[#101011] font-normal text-[10px] leading-[10px]",
+            g.value ? "text-[var(--alert-red-dark,#831511)]" : ""
+          )
+        )
+      }, {
+        default: m(() => [
+          z(w(e.label), 1),
+          e.required && !e.label.includes("(Obrigatório)") ? (n(), h("span", je, " (Obrigatório)")) : v("", !0)
+        ]),
+        _: 1
+      }, 8, ["for", "class"])) : v("", !0),
+      f(o(ke), ce(o(Q), {
+        "model-value": M.value,
+        searchTerm: i.value,
+        "onUpdate:searchTerm": a[3] || (a[3] = (l) => i.value = l),
+        open: C.value,
+        "onUpdate:open": a[4] || (a[4] = (l) => C.value = l),
+        "reset-search-term-on-select": !1,
+        "filter-function": () => !0,
+        "onUpdate:modelValue": ae
+      }), {
+        default: m(() => [
+          _("div", Be, [
+            f(o(we), { class: "w-full h-full" }, {
+              default: m(() => [
+                x(t.$slots, "input", {}, () => [
+                  f(o(Ce), {
+                    id: o(T),
+                    "display-value": L,
+                    placeholder: e.placeholder || ee.value,
+                    "with-icon": e.withIcon,
+                    "with-clear-button": !1,
+                    disabled: e.disabled,
+                    error: g.value,
+                    success: B.value,
+                    class: S(
+                      o(F)(
+                        "pr-20",
+                        g.value || B.value ? "border-[#3E2E46]" : "",
+                        e.inputClass
+                      )
+                    ),
+                    maxlength: Y.value,
+                    onInput: te,
+                    onBlur: oe,
+                    onFocus: a[0] || (a[0] = (l) => s("focus", l))
+                  }, null, 8, ["id", "placeholder", "with-icon", "disabled", "error", "success", "class", "maxlength"])
+                ])
+              ]),
+              _: 3
+            }),
+            _("div", {
+              class: S(["absolute right-9 flex items-center justify-center z-10 h-10 w-6", e.disabled ? "pointer-events-none opacity-40" : ""])
+            }, [
+              g.value || e.modelValue && !B.value ? (n(), h("div", {
+                key: 0,
+                class: "flex items-center justify-center w-full h-full cursor-pointer",
+                onMousedown: a[1] || (a[1] = N((l) => !e.disabled && le(), ["stop", "prevent"])),
+                onClick: a[2] || (a[2] = N(() => {
+                }, ["stop", "prevent"]))
+              }, [
+                g.value ? (n(), k(o(q), {
+                  key: 0,
+                  size: "20",
+                  class: "text-[var(--alert-red-dark,#831511)] transition-opacity hover:opacity-80"
+                })) : (n(), k(o(ve), {
+                  key: 1,
+                  size: "20",
+                  class: "text-gray-400 transition-colors hover:text-[#831511]"
+                }))
+              ], 32)) : B.value ? (n(), k(o(ge), {
+                key: 1,
+                size: "20",
+                class: "text-[#4b715c] pointer-events-none"
+              })) : v("", !0)
+            ], 2)
+          ]),
+          x(t.$slots, "list", {}, () => [
+            f(o(_e), null, {
+              default: m(() => [
+                e.loading && (e.loadingText || t.$slots.loading) ? (n(), h("div", Ue, [
+                  x(t.$slots, "loading", {}, () => [
+                    _("div", Se, [
+                      f(o(Me), { class: "size-4 animate-spin" }),
+                      _("span", null, w(e.loadingText), 1)
+                    ])
+                  ])
+                ])) : !e.loading && (e.notFoundText || t.$slots.empty) ? (n(), k(o(xe), { key: 1 }, {
+                  default: m(() => [
+                    x(t.$slots, "empty", {}, () => [
+                      z(w(e.notFoundText), 1)
+                    ])
+                  ]),
+                  _: 3
+                })) : v("", !0),
+                pe(f(o(Ie), null, {
+                  default: m(() => [
+                    f(o(Te), null, {
+                      default: m(() => [
+                        x(t.$slots, "default", {}, () => [
+                          e.options && e.options.length ? (n(!0), h(de, { key: 0 }, fe(e.options, (l, c) => (n(), k(o(Ve), {
+                            key: l[e.optionId] || c,
+                            value: l
+                          }, {
+                            default: m(() => [
+                              x(t.$slots, "option", { item: l }, () => [
+                                z(w(l.text || l.label || l), 1)
+                              ]),
+                              f(o(be), { class: "ml-auto" }, {
+                                default: m(() => [
+                                  f(o(he), { size: "16" })
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 2
+                          }, 1032, ["value"]))), 128)) : v("", !0)
+                        ])
+                      ]),
+                      _: 3
+                    })
+                  ]),
+                  _: 3
+                }, 512), [
+                  [me, !e.loading]
+                ])
+              ]),
+              _: 3
+            })
+          ])
+        ]),
+        _: 3
+      }, 16, ["model-value", "searchTerm", "open"]),
+      e.description && !g.value ? (n(), h("div", {
+        key: 1,
+        id: G,
+        class: "text-gray-500 text-[11px] leading-tight"
+      }, w(e.description), 1)) : v("", !0),
+      typeof e.error == "string" && g.value ? (n(), h("div", {
+        key: 2,
+        id: J,
+        class: "text-[var(--alert-red-dark,#831511)] flex items-center gap-1 text-[11px] font-medium leading-tight pt-0.5"
+      }, [
+        f(o(q), {
+          size: "14",
+          class: "text-[var(--alert-red-dark,#831511)] shrink-0"
+        }),
+        _("span", null, w(e.error), 1)
+      ])) : v("", !0)
+    ], 2));
+  }
+});
+export {
+  lt as default
+};

package/dist/document-input/DocumentAutoComplete.vue2.js

@@ -0,0 +1,4 @@
+import f from "./DocumentAutoComplete.vue.js";
+export {
+  f as default
+};

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

@@ -22,12 +22,14 @@ declare const _default: import('vue').DefineComponent<DocumentInputProps, {
     input: import('vue').Ref<any, any>;
     localValue: import('vue').Ref<string, string>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    clear: () => any;
     "update:modelValue": (payload: string) => any;
     change: (payload: string) => any;
     blur: (payload: FocusEvent) => any;
     focus: (payload: FocusEvent) => any;
     validate: (isValid: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<DocumentInputProps> & Readonly<{
+    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((payload: string) => any) | undefined;
     onChange?: ((payload: string) => any) | undefined;
     onBlur?: ((payload: FocusEvent) => any) | undefined;

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":"AA0bA,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,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;;;;;;;;;;;;;;;;;cAXY,OAAO;iBAMJ,OAAO;aAJX,OAAO;WADT,OAAO,GAAG,MAAM;gBAEX,OAAO;kBAPL,YAAY;YAWlB,OAAO;;;;;;;;;;;;;;;;;;;;;AA0iBlB,wBAUG"}
+{"version":3,"file":"DocumentInput.vue.d.ts","sourceRoot":"","sources":["../../src/document-input/DocumentInput.vue"],"names":[],"mappings":"AA8bA,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,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;;;;;;;;;;;;;;;;;;;cAXY,OAAO;iBAMJ,OAAO;aAJX,OAAO;WADT,OAAO,GAAG,MAAM;gBAEX,OAAO;kBAPL,YAAY;YAWlB,OAAO;;;;;;;;;;;;;;;;;;;;;AA0jBlB,wBAUG"}