@agrotools1/at-components 0.5.5 → 0.5.7

package/dist/Select/Multiple/Select.multiple.vue2.js

@@ -1,12 +1,12 @@
-import { defineComponent as g, ref as r, computed as A, watch as S, onMounted as h, onUnmounted as w } from "vue";
-import C from "../Item/Item.vue.js";
-import _ from "../Select.core.vue.js";
-import b from "../imgs/indicator.svg.js";
-const T = g({
+import { defineComponent as g, ref as r, provide as A, computed as h, watch as S, onMounted as w, onUnmounted as C } from "vue";
+import _ from "../Item/Item.vue.js";
+import b from "../Select.core.vue.js";
+import k from "../imgs/indicator.svg.js";
+const j = g({
   name: "AtMultipleSelect",
   components: {
-    AtSingleCore: _,
-    AtItem: C
+    AtSingleCore: b,
+    AtItem: _
   },
   props: {
     label: {
@@ -38,11 +38,18 @@ const T = g({
     separator: {
       type: String,
       default: ","
+    },
+    error: {
+      type: Object,
+      default: () => {
+      }
     }
   },
   emits: ["update:items", "update:selectedItems", "update:modelValue"],
   setup(n, i) {
-    const c = r(!1), f = r(null), u = r(n.items), d = r(!1), o = r([]), I = A(
+    const c = r(!1), f = r(null), u = r(n.items), d = r(!1);
+    A("error", n.error);
+    const o = r([]), I = h(
       () => [...o.value].map((e) => e.value).join(n.separator)
     ), m = (e, a) => {
       const l = u.value.find(
@@ -94,9 +101,9 @@ const T = g({
     S(
       () => n.modelValue,
       (e) => y(e)
-    ), h(() => {
+    ), w(() => {
       y(n.modelValue), window.addEventListener("click", p);
-    }), w(() => {
+    }), C(() => {
       window.removeEventListener("click", p), u.value.map((e) => e.isSelected = !1);
     });
     const v = () => {
@@ -120,11 +127,11 @@ const T = g({
       isOpen: c,
       containerRef: f,
       icons: {
-        indicatorSvg: b
+        indicatorSvg: k
       }
     };
   }
 });
 export {
-  T as default
+  j as default
 };

package/dist/Select/Select.core.d.ts

@@ -48,6 +48,10 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     id: string;
     handleValue: () => string;
+    getError: import("vue").ComputedRef<{
+        message: string;
+        value: boolean;
+    } | undefined>;
     atInput: import("vue").Ref<null>;
     inputModelValue: import("vue").Ref<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/dist/Select/Select.core.vue.js

@@ -2,11 +2,11 @@ import t from "./Select.core.vue2.js";
 import { resolveComponent as a, openBlock as n, createBlock as i, mergeProps as s } from "vue";
 import p from "../_virtual/_plugin-vue_export-helper.js";
 function d(e, o, u, m, c, b) {
-  const l = a("AtInput");
-  return n(), i(l, s(e.$props, {
+  const r = a("AtInput");
+  return n(), i(r, s(e.$props, {
     ref: "atInput",
     modelValue: e.inputModelValue,
-    "onUpdate:modelValue": o[0] || (o[0] = (r) => e.inputModelValue = r),
+    "onUpdate:modelValue": o[0] || (o[0] = (l) => e.inputModelValue = l),
     type: "button",
     role: "combobox",
     cursor: "pointer",
@@ -19,10 +19,11 @@ function d(e, o, u, m, c, b) {
     separator: e.separator,
     required: e.required,
     disabled: e.disabled,
+    error: e.getError,
     icon: { name: "AtAngleDownSolidIcon" },
     "aria-autocomplete": "none",
     class: "AT-SELECT_container"
-  }), null, 16, ["modelValue", "on-selected-item-click", "selected-items", "label", "aria-controls", "aria-label", "separator", "required", "disabled"]);
+  }), null, 16, ["modelValue", "on-selected-item-click", "selected-items", "label", "aria-controls", "aria-label", "separator", "required", "disabled", "error"]);
 }
 const k = /* @__PURE__ */ p(t, [["render", d]]);
 export {

package/dist/Select/Select.core.vue2.js

@@ -1,11 +1,11 @@
-import { defineComponent as d, ref as r, computed as s, watch as f } from "vue";
-import { AtInput as c } from "../Input/index.js";
+import { defineComponent as f, ref as r, computed as i, watch as c, inject as p } from "vue";
+import { AtInput as m } from "../Input/index.js";
 import "./Item/Item.vue2.js";
 import "./Item/Item.vue3.js";
-const I = d({
+const S = f({
   name: "AtSelect",
   components: {
-    AtInput: c.Text
+    AtInput: m.Text
   },
   props: {
     value: {
@@ -46,7 +46,7 @@ const I = d({
     }
   },
   setup(e) {
-    const i = r(null), l = r(""), u = s(() => {
+    const o = r(null), l = r(""), u = i(() => {
       var t;
       return typeof e.value == "string" ? e.value : (t = e.value) == null ? void 0 : t.value;
     }), a = () => {
@@ -54,25 +54,28 @@ const I = d({
       if (e.isMultiple)
         return "";
       const t = (n = e.items) == null ? void 0 : n.find(
-        (o) => o.value === u.value
+        (d) => d.value === u.value
       );
       return t ? t.text : (console.warn(
         `The default value "${u.value}" is not included in the items array.`
       ), "");
     };
-    return f(
+    c(
       () => e.value,
       () => {
         l.value = a() || "";
       }
-    ), l.value = a() || "", {
+    ), l.value = a() || "";
+    const s = i(() => p("error"));
+    return {
       id: `at-select-${Math.random().toString(36).substr(2, 9)}`,
       handleValue: a,
-      atInput: i,
+      getError: s,
+      atInput: o,
       inputModelValue: l
     };
   }
 });
 export {
-  I as default
+  S as default
 };

package/dist/Select/Single/Select.single.d.ts

@@ -27,6 +27,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    error: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
 }, {
     onSelectedValueChange: (item: SelectItemProps) => void;
     selectedValue: import("vue").Ref<string | {
@@ -68,11 +72,16 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    error: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     required: boolean;
     label: string;
+    error: Record<string, any>;
     modelValue: string | SelectItemProps;
     items: SelectItemProps[];
     emitValue: boolean;

package/dist/Select/Single/Select.single.vue.js

@@ -1,5 +1,5 @@
-import u from "./Select.single.vue2.js";
-import { resolveComponent as l, openBlock as t, createElementBlock as r, createVNode as d, withModifiers as c, Fragment as f, renderList as v, createBlock as C, createCommentVNode as k } from "vue";
+import p from "./Select.single.vue2.js";
+import { resolveComponent as l, openBlock as t, createElementBlock as r, createVNode as u, withModifiers as c, Fragment as v, renderList as f, createBlock as C, createCommentVNode as k } from "vue";
 import "./Select.single.vue3.js";
 import m from "../../_virtual/_plugin-vue_export-helper.js";
 function g(e, o, A, I, S, y) {
@@ -11,7 +11,7 @@ function g(e, o, A, I, S, y) {
       e.open = !e.open, e.rotateIcon();
     })
   }, [
-    d(i, {
+    u(i, {
       value: e.selectedValue,
       required: e.required,
       label: e.label,
@@ -27,7 +27,7 @@ function g(e, o, A, I, S, y) {
         e.open = !1, e.rotateIcon();
       }, ["stop"]))
     }, [
-      (t(!0), r(f, null, v(e.items, (n) => (t(), C(s, {
+      (t(!0), r(v, null, f(e.items, (n) => (t(), C(s, {
         key: n.value,
         text: n.text,
         value: n.value,
@@ -35,15 +35,15 @@ function g(e, o, A, I, S, y) {
         icon: n.icon,
         "aria-selected": n.value === e.valueOfModel,
         "data-text": n.text,
-        "on-click": async (p) => {
+        "on-click": async (d) => {
           var a;
-          e.isInternalChange = !0, await e.onSelectedValueChange(n), (a = n.onClick) == null || a.call(n, p), e.isInternalChange = !1;
+          e.isInternalChange = !0, await e.onSelectedValueChange(n), (a = n.onClick) == null || a.call(n, d), e.isInternalChange = !1;
         }
       }, null, 8, ["text", "value", "type", "icon", "aria-selected", "data-text", "on-click"]))), 128))
     ])) : k("", !0)
   ], 512);
 }
-const V = /* @__PURE__ */ m(u, [["render", g], ["__scopeId", "data-v-82d45f07"]]);
+const V = /* @__PURE__ */ m(p, [["render", g], ["__scopeId", "data-v-95a0dded"]]);
 export {
   V as default
 };

package/dist/Select/Single/Select.single.vue2.js

@@ -1,11 +1,11 @@
-import { defineComponent as m, ref as n, computed as v, watch as p } from "vue";
-import y from "../Item/Item.vue.js";
-import g from "../Select.core.vue.js";
-const q = m({
+import { defineComponent as y, ref as r, provide as c, watch as d, computed as p } from "vue";
+import g from "../Item/Item.vue.js";
+import A from "../Select.core.vue.js";
+const q = y({
   name: "AtSingleSelect",
   components: {
-    AtSingleCore: g,
-    AtItem: y
+    AtSingleCore: A,
+    AtItem: g
   },
   props: {
     modelValue: {
@@ -25,52 +25,59 @@ const q = m({
     items: {
       type: Array,
       default: () => [],
-      validator: (a) => Array.isArray(a) && a.every((u) => typeof u == "object")
+      validator: (t) => Array.isArray(t) && t.every((n) => typeof n == "object")
     },
     emitValue: {
       type: Boolean,
       default: !1
+    },
+    error: {
+      type: Object,
+      default: () => {
+      }
     }
   },
   emits: ["update:modelValue"],
-  setup(a, { emit: u }) {
-    const s = n(null), r = n(!1), t = n(a.modelValue), o = n(!1), i = (e) => {
-      t.value = e, r.value = !1, f(), u(
+  setup(t, { emit: n }) {
+    const i = r(null), u = r(!1), a = r(t.modelValue), o = r(!1);
+    c("error", t.error), d(t.error, () => c("error", t.error));
+    const s = (e) => {
+      a.value = e, u.value = !1, f(), n(
         "update:modelValue",
-        a.emitValue ? t.value.value : t.value
+        t.emitValue ? a.value.value : a.value
       );
-    }, c = v(() => {
+    }, m = p(() => {
       var e;
-      return typeof t.value == "string" ? t.value : (e = t.value) == null ? void 0 : e.value;
+      return typeof a.value == "string" ? a.value : (e = a.value) == null ? void 0 : e.value;
     });
-    p(
-      () => a.modelValue,
+    d(
+      () => t.modelValue,
       async (e) => {
         if (o.value)
           return;
-        const l = a.items.find(
-          (d) => d.value === (typeof e == "string" ? e : e.value)
+        const l = t.items.find(
+          (v) => v.value === (typeof e == "string" ? e : e.value)
         );
         if (!l) {
           console.warn(
             "O valor ao qual você alterou o v-model não está contida nos itens disponíveis"
-          ), t.value = "";
+          ), a.value = "";
           return;
         }
-        o.value = !0, await i(l), o.value = !1;
+        o.value = !0, await s(l), o.value = !1;
       }
     );
     const f = () => {
       var l;
-      const e = (l = s.value) == null ? void 0 : l.querySelector(".AT_INPUT_icon_slot");
-      e instanceof HTMLElement && e.setAttribute("data-rotate", r.value.toString());
+      const e = (l = i.value) == null ? void 0 : l.querySelector(".AT_INPUT_icon_slot");
+      e instanceof HTMLElement && e.setAttribute("data-rotate", u.value.toString());
     };
     return {
-      onSelectedValueChange: i,
-      selectedValue: t,
-      open: r,
-      valueOfModel: c,
-      containerRef: s,
+      onSelectedValueChange: s,
+      selectedValue: a,
+      open: u,
+      valueOfModel: m,
+      containerRef: i,
       isInternalChange: o,
       rotateIcon: f
     };

package/dist/Select/index.d.ts

@@ -27,6 +27,10 @@ export declare const AtSelect: {
             type: BooleanConstructor;
             default: boolean;
         };
+        error: {
+            type: ObjectConstructor;
+            default: () => void;
+        };
     }, {
         onSelectedValueChange: (item: ISelectItemProps) => void;
         selectedValue: import("vue").Ref<string | {
@@ -68,11 +72,16 @@ export declare const AtSelect: {
             type: BooleanConstructor;
             default: boolean;
         };
+        error: {
+            type: ObjectConstructor;
+            default: () => void;
+        };
     }>> & {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }, {
         required: boolean;
         label: string;
+        error: Record<string, any>;
         modelValue: string | ISelectItemProps;
         items: ISelectItemProps[];
         emitValue: boolean;
@@ -108,6 +117,10 @@ export declare const AtSelect: {
             type: StringConstructor;
             default: string;
         };
+        error: {
+            type: ObjectConstructor;
+            default: () => void;
+        };
     }, {
         onSelectedValueChange: (item: ISelectItemProps, isChecked: boolean) => void;
         onSelectedItemClick: (selectedValue: string, isOpen?: boolean) => void;
@@ -170,6 +183,10 @@ export declare const AtSelect: {
             type: StringConstructor;
             default: string;
         };
+        error: {
+            type: ObjectConstructor;
+            default: () => void;
+        };
     }>> & {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         "onUpdate:items"?: ((...args: any[]) => any) | undefined;
@@ -177,6 +194,7 @@ export declare const AtSelect: {
     }, {
         required: boolean;
         label: string;
+        error: Record<string, any>;
         disabled: boolean;
         modelValue: string[] | ISelectItemProps[];
         items: ISelectItemProps[];

package/dist/Tabs/Tabs.vue.js

@@ -1,7 +1,7 @@
 import m from "./Tabs.vue2.js";
-import { resolveComponent as p, openBlock as n, createElementBlock as c, createElementVNode as a, Fragment as f, renderList as _, createBlock as l, normalizeStyle as u, resolveDynamicComponent as T } from "vue";
+import { resolveComponent as p, openBlock as n, createElementBlock as c, createElementVNode as a, Fragment as _, renderList as f, createBlock as l, normalizeStyle as u, resolveDynamicComponent as b } from "vue";
 import "./Tabs.vue3.js";
-import b from "../_virtual/_plugin-vue_export-helper.js";
+import T from "../_virtual/_plugin-vue_export-helper.js";
 const k = { class: "Tabs_container" }, y = {
   class: "Tabs_tablist",
   role: "tablist",
@@ -13,7 +13,7 @@ function B(t, h, v, $, C, I) {
   const r = p("TabButton");
   return n(), c("section", k, [
     a("div", y, [
-      (n(!0), c(f, null, _(t.tabsList, (e, o) => (n(), l(r, {
+      (n(!0), c(_, null, f(t.tabsList, (e, o) => (n(), l(r, {
         key: o,
         "is-selected": o === t.selectedTabIndexRef,
         title: e.title,
@@ -31,11 +31,11 @@ function B(t, h, v, $, C, I) {
       class: "Tabs_content",
       style: u(t.contentStyle)
     }, [
-      (n(), l(T((i = t.selectedTab) == null ? void 0 : i.slot)))
+      (n(), l(b((i = t.selectedTab) == null ? void 0 : i.slot)))
     ], 4)
   ]);
 }
-const S = /* @__PURE__ */ b(m, [["render", B], ["__scopeId", "data-v-77dd465f"]]);
+const S = /* @__PURE__ */ T(m, [["render", B], ["__scopeId", "data-v-b1a4c1bd"]]);
 export {
   S as default
 };

package/dist/Upload/MultipleUpload/MultipleUpload.vue.js

@@ -2,7 +2,7 @@ import c from "./MultipleUpload.vue2.js";
 import { resolveComponent as p, openBlock as t, createElementBlock as o, createVNode as r, createElementVNode as n, normalizeStyle as l, Fragment as m, renderList as v, createCommentVNode as f, pushScopeId as h, popScopeId as y } from "vue";
 import "./MultipleUpload.vue3.js";
 import $ from "../../_virtual/_plugin-vue_export-helper.js";
-const g = (e) => (h("data-v-337d9c20"), e = e(), y(), e), w = { class: "at-uploader-multiple-input-container" }, U = {
+const g = (e) => (h("data-v-70553588"), e = e(), y(), e), w = { class: "at-uploader-multiple-input-container" }, U = {
   key: 0,
   class: "at-uploader-file-container"
 }, I = /* @__PURE__ */ g(() => /* @__PURE__ */ n("span", null, "Arquivos", -1)), T = { class: "at-uploader-files" };
@@ -52,7 +52,7 @@ function S(e, P, B, _, k, N) {
     ], 4)
   ]);
 }
-const b = /* @__PURE__ */ $(c, [["render", S], ["__scopeId", "data-v-337d9c20"]]);
+const b = /* @__PURE__ */ $(c, [["render", S], ["__scopeId", "data-v-70553588"]]);
 export {
   b as default
 };

package/dist/Upload/SingleUpload/SingleUpload.vue.js

@@ -44,7 +44,7 @@ function g(e, v, h, $, U, w) {
     ])
   ]);
 }
-const x = /* @__PURE__ */ u(i, [["render", g], ["__scopeId", "data-v-12861bd0"]]);
+const x = /* @__PURE__ */ u(i, [["render", g], ["__scopeId", "data-v-6037f873"]]);
 export {
   x as default
 };

package/dist/Upload/UploaderInput/UploaderInput.d.ts

@@ -34,7 +34,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {
+    dropAreaElem: import("vue").Ref<HTMLDivElement | null | undefined>;
+    dropAreaClasses: import("vue").Ref<string[]>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     uploadText: {
         type: StringConstructor;
         required: false;

package/dist/Upload/UploaderInput/UploaderInput.vue.js

@@ -1,40 +1,39 @@
 import m from "./UploaderInput.vue2.js";
-import { resolveComponent as n, openBlock as c, createElementBlock as f, withModifiers as a, createVNode as p, createElementVNode as l, withCtx as i, createTextVNode as s, toDisplayString as d } from "vue";
+import { resolveComponent as a, openBlock as f, createElementBlock as c, normalizeClass as $, withModifiers as n, createVNode as p, createElementVNode as l, withCtx as s, createTextVNode as i, toDisplayString as d } from "vue";
 import "./UploaderInput.vue3.js";
-import $ from "../../_virtual/_plugin-vue_export-helper.js";
-const g = ["multiple", "accept"], v = {
-  for: "inputFile",
-  class: "at-uploader-input-file-label pointer"
-};
-function I(e, t, _, b, D, h) {
-  const u = n("AtIllustration"), r = n("AtParagraph");
-  return c(), f("div", {
-    class: "at-uploader-input-container",
-    onDragover: t[1] || (t[1] = a(() => {
+import g from "../../_virtual/_plugin-vue_export-helper.js";
+const v = ["multiple", "accept"], A = { class: "at-uploader-input-file-label pointer" };
+function I(t, e, b, C, D, _) {
+  const u = a("AtIllustration"), r = a("AtParagraph");
+  return f(), c("label", {
+    ref: "dropAreaElem",
+    for: "inputFile",
+    class: $(t.dropAreaClasses),
+    onDragover: e[1] || (e[1] = n(() => {
     }, ["prevent"])),
-    onDragenter: t[2] || (t[2] = a(() => {
+    onDragenter: e[2] || (e[2] = n(() => {
     }, ["prevent"])),
-    onDrop: t[3] || (t[3] = (o) => e.$props.handleDrop(o))
+    onDrop: e[3] || (e[3] = (o) => t.$props.handleDrop(o))
   }, [
     p(u, { illustration: "cloudUpload" }),
     l("input", {
       id: "inputFile",
       class: "w-100 h-100 at-uploader-input",
-      multiple: e.$props.multipleSelect,
+      multiple: t.$props.multipleSelect,
       type: "file",
       label: "",
-      accept: e.$props.acceptTypesInput,
-      onChange: t[0] || (t[0] = (o) => e.$props.handleFileUpload(o))
-    }, null, 40, g),
+      accept: t.$props.acceptTypesInput,
+      onChange: e[0] || (e[0] = (o) => t.$props.handleFileUpload(o))
+    }, null, 40, v),
     l("div", null, [
-      l("label", v, [
+      l("span", A, [
         p(r, {
           size: "p1",
           weight: "bold",
           class: "at-uploader-text"
         }, {
-          default: i(() => [
-            s(d(e.$props.uploadText), 1)
+          default: s(() => [
+            i(d(t.$props.uploadText), 1)
           ]),
           _: 1
         }),
@@ -42,16 +41,16 @@ function I(e, t, _, b, D, h) {
           size: "p2",
           class: "at-uploader-interaction-text"
         }, {
-          default: i(() => [
-            s(d(e.$props.uploadInteractionText), 1)
+          default: s(() => [
+            i(d(t.$props.uploadInteractionText), 1)
           ]),
           _: 1
         })
       ])
     ])
-  ], 32);
+  ], 34);
 }
-const y = /* @__PURE__ */ $(m, [["render", I], ["__scopeId", "data-v-319bd605"]]);
+const z = /* @__PURE__ */ g(m, [["render", I], ["__scopeId", "data-v-040328b9"]]);
 export {
-  y as default
+  z as default
 };

package/dist/Upload/UploaderInput/UploaderInput.vue2.js

@@ -1,15 +1,15 @@
-import { defineComponent as t } from "vue";
-import r from "../../Illustration/Illustration.vue.js";
-import { AtTipograph as a } from "../../Tipograph/index.js";
-const i = t({
+import { defineComponent as a, ref as r, onMounted as o } from "vue";
+import p from "../../Illustration/Illustration.vue.js";
+import { AtTipograph as n } from "../../Tipograph/index.js";
+const d = a({
   test: {
     globals: !0,
     environment: "jsdom"
   },
   name: "UploaderInput",
   components: {
-    AtIllustration: r,
-    AtParagraph: a.Paragraph
+    AtIllustration: p,
+    AtParagraph: n.Paragraph
   },
   props: {
     uploadText: {
@@ -48,9 +48,12 @@ const i = t({
     }
   },
   setup() {
-    return {};
+    const e = r(), t = r(["at-uploader-input-container"]);
+    return o(() => {
+      e.value.ondragover = () => t.value = ["at-uploader-input-container", "dragging"], e.value.ondrop = () => t.value = ["at-uploader-input-container"];
+    }), { dropAreaElem: e, dropAreaClasses: t };
   }
 });
 export {
-  i as default
+  d as default
 };