@agrotools1/at-components 0.6.3 → 0.6.5-6.1

package/dist/Toggle/Toggle.vue.js

@@ -1,10 +1,10 @@
-import r from "./Toggle.vue2.js";
-import { openBlock as a, createElementBlock as t, normalizeClass as d, normalizeStyle as o, createElementVNode as l } from "vue";
+import a from "./Toggle.vue2.js";
+import { openBlock as r, createElementBlock as t, normalizeClass as d, normalizeStyle as o, createElementVNode as l } from "vue";
 import "./Toggle.vue3.js";
 import n from "../_virtual/_plugin-vue_export-helper.js";
 const p = ["data-state", "aria-pressed", "disabled"];
-function f(e, s, m, b, c, u) {
-  return a(), t("button", {
+function f(e, s, m, b, u, z) {
+  return r(), t("button", {
     ref: "buttonRef",
     type: "button",
     "data-state": e.isChecked ? "on" : "off",
@@ -24,7 +24,7 @@ function f(e, s, m, b, c, u) {
     }, null, 4)
   ], 14, p);
 }
-const y = /* @__PURE__ */ n(r, [["render", f], ["__scopeId", "data-v-4f146bc1"]]);
+const y = /* @__PURE__ */ n(a, [["render", f], ["__scopeId", "data-v-94b2a129"]]);
 export {
   y as default
 };

package/dist/Toggle/Toggle.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as d, ref as a, computed as n, watch as i } from "vue";
-const f = d({
+import { defineComponent as m, ref as t, computed as p, watch as s } from "vue";
+const c = m({
   name: "AtToggle",
   props: {
     modelValue: {
@@ -21,31 +21,33 @@ const f = d({
     }
   },
   emits: ["update:modelValue"],
-  setup(e, t) {
-    const o = a(null), u = n(() => e.disabled), l = a(e.modelValue);
-    return i(
+  setup(e, a) {
+    const u = t(null), o = p(() => e.disabled), l = t(e.modelValue), d = {
+      p: "9px",
+      m: "9px",
+      g: "13px"
+    }, n = {
+      p: "33px",
+      m: "66px",
+      g: "100px"
+    }, i = () => {
+      e.preventDefault || (l.value = !l.value, a.emit("update:modelValue", l.value));
+    };
+    return s(
       () => e.modelValue,
-      () => l.value = e.modelValue
+      () => {
+        l.value = e.modelValue, a.emit("update:modelValue", e.modelValue);
+      }
     ), {
       isChecked: l,
-      isDisabled: u,
-      onClick: () => {
-        e.preventDefault || (l.value = !l.value, t.emit("update:modelValue", l.value));
-      },
-      circleSizeMap: {
-        p: "9px",
-        m: "9px",
-        g: "13px"
-      },
-      borderSizeMap: {
-        p: "33px",
-        m: "66px",
-        g: "100px"
-      },
-      buttonRef: o
+      isDisabled: o,
+      onClick: i,
+      circleSizeMap: d,
+      borderSizeMap: n,
+      buttonRef: u
     };
   }
 });
 export {
-  f as default
+  c as default
 };

package/dist/Tooltip/Tooltip.vue.js

@@ -9,7 +9,7 @@ const k = {
   ref: "tooltipChildren",
   class: "at-slot-content"
 }, w = ["innerHTML"];
-function T(o, e, $, S, b, g) {
+function T(o, e, $, b, S, g) {
   const p = n("AtCopySolidIcon"), d = n("AtParagraph");
   return l(), s("div", {
     class: "at-tooltip-container",
@@ -57,7 +57,7 @@ function T(o, e, $, S, b, g) {
     ]))
   ], 32);
 }
-const F = /* @__PURE__ */ M(u, [["render", T], ["__scopeId", "data-v-5d74ca38"]]);
+const F = /* @__PURE__ */ M(u, [["render", T], ["__scopeId", "data-v-ffacb6ec"]]);
 export {
   F as default
 };

package/dist/Tooltip/Tooltip.vue2.js

@@ -1,5 +1,5 @@
 import { defineComponent as Z, ref as i, onMounted as tt, onBeforeUnmount as et, computed as ot } from "vue";
-import { AtCopySolidIcon as at } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtCopySolidIcon/index.js";
+import { AtCopySolidIcon as at } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtCopySolidIcon/index.js";
 import { AtTipograph as lt } from "../Tipograph/index.js";
 const st = Z({
   name: "AtTooltip",

package/dist/Tooltip/Tooltip.vue3.js

@@ -1,4 +1,4 @@
-const _ = "";
+const e = "";
 export {
-  _ as default
+  e as default
 };

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

@@ -1,8 +1,8 @@
 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 f, createCommentVNode as v, pushScopeId as h, popScopeId as y } from "vue";
+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-c87f1d79"), e = e(), y(), e), w = { class: "at-uploader-multiple-input-container" }, U = {
+const g = (e) => (h("data-v-0789c387"), 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" };
@@ -35,7 +35,7 @@ function S(e, P, B, _, k, N) {
       e.files && e.files.length ? (t(), o("div", U, [
         I,
         n("div", T, [
-          (t(!0), o(m, null, f(e.files, (a, u) => (t(), o("div", {
+          (t(!0), o(m, null, v(e.files, (a, u) => (t(), o("div", {
             key: a.name + u,
             class: "at-uploader-file"
           }, [
@@ -48,11 +48,11 @@ function S(e, P, B, _, k, N) {
             }, null, 8, ["file", "handle-remove-file", "interval", "onUpdateProgress"])
           ]))), 128))
         ])
-      ])) : v("", !0)
+      ])) : f("", !0)
     ], 4)
   ]);
 }
-const b = /* @__PURE__ */ $(c, [["render", S], ["__scopeId", "data-v-c87f1d79"]]);
+const b = /* @__PURE__ */ $(c, [["render", S], ["__scopeId", "data-v-0789c387"]]);
 export {
   b as default
 };

package/dist/Upload/MultipleUpload/MultipleUpload.vue2.js

@@ -1,13 +1,13 @@
-import { defineComponent as x, ref as y, computed as g } from "vue";
-import h from "../../ProgressBar/ProgressBar.vue.js";
-import T from "../UploaderHeader/UploaderHeader.vue.js";
-import q from "../UploaderInput/UploaderInput.vue.js";
-const P = x({
+import { defineComponent as q, ref as g, computed as v } from "vue";
+import S from "../../ProgressBar/ProgressBar.vue.js";
+import z from "../UploaderHeader/UploaderHeader.vue.js";
+import w from "../UploaderInput/UploaderInput.vue.js";
+const N = q({
   name: "MultipleUpload",
   components: {
-    AtProgressBar: h,
-    UploaderHeader: T,
-    UploaderInput: q
+    AtProgressBar: S,
+    UploaderHeader: z,
+    UploaderInput: w
   },
   props: {
     warningTextUpload: {
@@ -112,16 +112,19 @@ const P = x({
   },
   emits: ["updateFile", "updateProgress", "uploadError"],
   setup(e, { emit: n }) {
-    const o = y([]), d = y(e.uploadProgress), v = (t) => {
+    const i = g([]), u = g(e.uploadProgress), x = (t) => {
       if (t.preventDefault(), t.dataTransfer) {
-        const a = Array.from(t.dataTransfer.files), i = u(a);
-        i.length && (o.value.push(...i), n("updateFile", o.value));
+        const a = Array.from(t.dataTransfer.files), o = d(a);
+        if (o.length) {
+          const r = y(o);
+          r.length && (i.value.push(...r), n("updateFile", i.value));
+        }
       }
-    }, u = (t) => {
+    }, d = (t) => {
       const a = [];
       if (!f(t) || !m(t))
         return [];
-      const i = t.filter((r) => {
+      const o = t.filter((r) => {
         const l = c(r), s = p(r);
         return l || a.push({
           file: r,
@@ -134,7 +137,7 @@ const P = x({
         }), l && s;
       });
       return a.length && (console.warn(a.map((r) => r.message).join(`
-`)), n("uploadError", a)), i;
+`)), n("uploadError", a)), o;
     }, p = (t) => e.maxFileSize ? t.size < e.maxFileSize : !0, c = (t) => {
       if (!e.acceptTypes.length && (!e.acceptTypesInput || e.acceptTypesInput === "*"))
         return !0;
@@ -147,56 +150,61 @@ const P = x({
         (r) => r.includes(a || "")
       );
     }, f = (t) => {
-      const a = [], i = t.length + o.value.length;
-      return e.maxFiles && i > e.maxFiles ? (a.push({
+      const a = [], o = t.length + i.value.length;
+      return e.maxFiles && o > e.maxFiles ? (a.push({
         file: t[0],
         type: "exceeded_file_length",
         message: `O tamanho limite de arquivos foi excedido (${e.maxFiles})`
       }), console.warn(a.map((r) => r.message).join(`
 `)), n("uploadError", a), !1) : !0;
     }, m = (t) => {
-      const a = [], i = o.value.reduce(
+      const a = [], o = i.value.reduce(
         (l, s) => l + s.size,
         0
       ), r = t.reduce(
         (l, s) => l + s.size,
         0
       );
-      return e.maxTotalSize && r + i > e.maxTotalSize ? (a.push({
+      return e.maxTotalSize && r + o > e.maxTotalSize ? (a.push({
         file: t[0],
         type: "exceeded_total_size",
         message: `A soma de tamanho dos arquivos foi excedida, máximo permitido: ${e.maxTotalSize} B `
       }), console.warn(a.map((l) => l.message).join(`
 `)), n("uploadError", a), !1) : !0;
-    };
+    }, h = async (t) => {
+      const a = t.target.files;
+      if (!a)
+        return;
+      const o = d(Array.from(a));
+      if (o.length) {
+        const r = y(o);
+        r.length && (i.value.push(...r), n("updateFile", i.value));
+      }
+    }, T = (t) => {
+      const a = i.value.indexOf(t);
+      a !== -1 && (i.value.splice(a, 1), i.value.length === 0 && (u.value = 0, n("updateProgress", 0)), n("updateFile", i.value));
+    }, F = (t) => {
+      u.value = t, n("updateProgress", u.value);
+    }, y = (t) => t.filter(
+      (a) => !i.value.some((o) => o.name === a.name && o.size === a.size)
+    );
     return {
-      handleDrop: v,
-      handleFileUpload: async (t) => {
-        const a = t.target.files;
-        if (!a)
-          return;
-        const i = u(Array.from(a));
-        i.length && (o.value.push(...i), n("updateFile", o.value));
-      },
-      handleRemove: (t) => {
-        const a = o.value.indexOf(t);
-        a !== -1 && (o.value.splice(a, 1), o.value.length === 0 && (d.value = 0, n("updateProgress", 0)), n("updateFile", o.value));
-      },
-      handleUpdateProgressOnParent: (t) => {
-        d.value = t, n("updateProgress", d.value);
-      },
-      getAcceptedFiles: u,
+      handleDrop: x,
+      handleFileUpload: h,
+      handleRemove: T,
+      handleUpdateProgressOnParent: F,
+      getAcceptedFiles: d,
       isMaxTotalFilesSizeInRange: m,
       isMaxFilesInRange: f,
       isTypeAccepted: c,
       isSizeAccepted: p,
-      files: o,
-      progress: d,
-      inputStyle: g(() => o.value.length > 0 ? { height: "256px", width: "256px" } : { width: "100%" }),
-      uploaderContainerStyle: g(() => o.value.length <= 0 ? { width: "100%", padding: "0px" } : {})
+      files: i,
+      progress: u,
+      inputStyle: v(() => i.value.length > 0 ? { height: "256px", width: "256px" } : { width: "100%" }),
+      uploaderContainerStyle: v(() => i.value.length <= 0 ? { width: "100%", padding: "0px" } : {})
     };
   }
 });
 export {
-  P as default
+  N as default
 };

package/dist/Upload/UploaderHeader/UploaderHeader.vue.js

@@ -24,7 +24,7 @@ function g(e, t, h, w, x, _) {
     ])
   ]);
 }
-const y = /* @__PURE__ */ u(i, [["render", g], ["__scopeId", "data-v-b8922f99"]]);
+const y = /* @__PURE__ */ u(i, [["render", g], ["__scopeId", "data-v-3802562c"]]);
 export {
   y as default
 };

package/dist/Upload/UploaderHeader/UploaderHeader.vue2.js

@@ -1,5 +1,5 @@
 import { defineComponent as t } from "vue";
-import { AtCircleExclamationRegularIcon as r } from "../../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtCircleExclamationRegularIcon/index.js";
+import { AtCircleExclamationRegularIcon as r } from "../../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtCircleExclamationRegularIcon/index.js";
 const i = t({
   test: {
     globals: !0,

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

@@ -38,6 +38,8 @@ declare const _default: import('vue').DefineComponent<{
 }, {
     dropAreaElem: import('vue').Ref<HTMLDivElement | null | undefined>;
     dropAreaClasses: import('vue').Ref<string[]>;
+    resetFileInput: () => void;
+    fileInputRef: import('vue').Ref<HTMLInputElement | null>;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
     uploadText: {
         type: StringConstructor;

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

@@ -1,39 +1,42 @@
-import m from "./UploaderInput.vue2.js";
-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 f from "./UploaderInput.vue2.js";
+import { resolveComponent as a, openBlock as m, 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 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, _) {
+import I from "../../_virtual/_plugin-vue_export-helper.js";
+const g = ["multiple", "accept"], v = { class: "at-uploader-input-file-label pointer" };
+function A(e, t, w, C, D, b) {
   const u = a("AtIllustration"), r = a("AtParagraph");
-  return f(), c("label", {
+  return m(), c("label", {
     ref: "dropAreaElem",
     for: "inputFile",
-    class: $(t.dropAreaClasses),
-    onDragover: e[1] || (e[1] = n(() => {
+    class: $(e.dropAreaClasses),
+    onDragover: t[1] || (t[1] = n(() => {
     }, ["prevent"])),
-    onDragenter: e[2] || (e[2] = n(() => {
+    onDragenter: t[2] || (t[2] = n(() => {
     }, ["prevent"])),
-    onDrop: e[3] || (e[3] = (o) => t.$props.handleDrop(o))
+    onDrop: t[3] || (t[3] = (o) => e.$props.handleDrop(o))
   }, [
     p(u, { illustration: "cloudUpload" }),
     l("input", {
       id: "inputFile",
+      ref: "fileInputRef",
       class: "w-100 h-100 at-uploader-input",
-      multiple: t.$props.multipleSelect,
+      multiple: e.$props.multipleSelect,
       type: "file",
       label: "",
-      accept: t.$props.acceptTypesInput,
-      onChange: e[0] || (e[0] = (o) => t.$props.handleFileUpload(o))
-    }, null, 40, v),
+      accept: e.$props.acceptTypesInput,
+      onChange: t[0] || (t[0] = async (o) => {
+        await e.$props.handleFileUpload(o), e.resetFileInput();
+      })
+    }, null, 40, g),
     l("div", null, [
-      l("span", A, [
+      l("span", v, [
         p(r, {
           size: "p1",
           weight: "bold",
           class: "at-uploader-text"
         }, {
           default: s(() => [
-            i(d(t.$props.uploadText), 1)
+            i(d(e.$props.uploadText), 1)
           ]),
           _: 1
         }),
@@ -42,7 +45,7 @@ function I(t, e, b, C, D, _) {
           class: "at-uploader-interaction-text"
         }, {
           default: s(() => [
-            i(d(t.$props.uploadInteractionText), 1)
+            i(d(e.$props.uploadInteractionText), 1)
           ]),
           _: 1
         })
@@ -50,7 +53,7 @@ function I(t, e, b, C, D, _) {
     ])
   ], 34);
 }
-const z = /* @__PURE__ */ g(m, [["render", I], ["__scopeId", "data-v-746db2c1"]]);
+const _ = /* @__PURE__ */ I(f, [["render", A], ["__scopeId", "data-v-4f7a297e"]]);
 export {
-  z as default
+  _ as default
 };

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

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