@agrotools1/at-components1 1.1.0 → 1.1.2-beta.0

package/dist/Toggle/Toggle.vue.js

@@ -0,0 +1,30 @@
+import r from "./Toggle.vue2.js";
+import { createElementBlock as a, openBlock as t, normalizeStyle as o, normalizeClass as d, createElementVNode as l } from "vue";
+/* empty css            */
+import n from "../_virtual/_plugin-vue_export-helper.js";
+const p = ["data-state", "aria-pressed", "disabled"];
+function f(e, s, m, c, u, z) {
+  return t(), a("button", {
+    ref: "buttonRef",
+    type: "button",
+    "data-state": e.isChecked ? "on" : "off",
+    "aria-pressed": e.isChecked,
+    class: d(e.size),
+    disabled: e.isDisabled,
+    style: o({
+      borderRadius: e.borderSizeMap[e.size]
+    }),
+    onClick: s[0] || (s[0] = (...i) => e.onClick && e.onClick(...i))
+  }, [
+    l("span", {
+      style: o({
+        width: e.circleSizeMap[e.size],
+        height: e.circleSizeMap[e.size]
+      })
+    }, null, 4)
+  ], 14, p);
+}
+const y = /* @__PURE__ */ n(r, [["render", f], ["__scopeId", "data-v-750c342e"]]);
+export {
+  y as default
+};

package/dist/Toggle/Toggle.vue2.js

@@ -0,0 +1,53 @@
+import { defineComponent as m, ref as t, computed as p, watch as s } from "vue";
+const c = m({
+  name: "AtToggle",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    size: {
+      type: String,
+      default: "g",
+      validator: (e) => ["p", "m", "g"].includes(e)
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    preventDefault: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  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, a.emit("update:modelValue", e.modelValue);
+      }
+    ), {
+      isChecked: l,
+      isDisabled: o,
+      onClick: i,
+      circleSizeMap: d,
+      borderSizeMap: n,
+      buttonRef: u
+    };
+  }
+});
+export {
+  c as default
+};

package/dist/Tooltip/Tooltip.vue.js

@@ -0,0 +1,66 @@
+import u from "./Tooltip.vue2.js";
+import { resolveComponent as a, createElementBlock as l, openBlock as s, createElementVNode as r, createBlock as m, createCommentVNode as n, renderSlot as f, Teleport as y, normalizeStyle as c, normalizeClass as v, createVNode as i, withCtx as k } from "vue";
+/* empty css             */
+import C from "../_virtual/_plugin-vue_export-helper.js";
+const M = {
+  ref: "wrapper",
+  class: "at-tooltip-wrapper"
+}, b = {
+  ref: "tooltipChildren",
+  class: "at-slot-content"
+}, h = ["innerHTML"];
+function w(o, e, $, T, A, S) {
+  const p = a("AtCopySolidIcon"), d = a("AtParagraph");
+  return s(), l("div", {
+    class: "at-tooltip-container",
+    onMouseenter: e[2] || (e[2] = (...t) => o.show && o.show(...t)),
+    onMouseleave: e[3] || (e[3] = (...t) => o.handleMouseOut && o.handleMouseOut(...t))
+  }, [
+    r("div", M, [
+      r("div", b, [
+        f(o.$slots, "default", {}, void 0, !0)
+      ], 512)
+    ], 512),
+    o.$props.disable ? n("", !0) : (s(), m(y, {
+      key: 0,
+      to: "body"
+    }, [
+      o.visible ? (s(), l("div", {
+        key: 0,
+        ref: "tooltip",
+        class: v(["at-tooltip", o.tooltipClass]),
+        style: c(o.tooltipStyle),
+        onMouseleave: e[1] || (e[1] = (...t) => o.handleMouseOut && o.handleMouseOut(...t))
+      }, [
+        i(d, {
+          size: "p3",
+          weight: "regular",
+          class: "m-0"
+        }, {
+          default: k(() => [
+            r("span", {
+              class: "at-tooltip-text",
+              style: { "word-break": "break-all" },
+              innerHTML: o.formatedText
+            }, null, 8, h),
+            o.copy ? (s(), l("span", {
+              key: 0,
+              class: "at-tooltip-copy-icon",
+              onClick: e[0] || (e[0] = (t) => o.copyText(o.text))
+            }, [
+              i(p, {
+                color: "#FFF",
+                size: "16"
+              })
+            ])) : n("", !0)
+          ]),
+          _: 1
+        })
+      ], 38)) : n("", !0)
+    ]))
+  ], 32);
+}
+const F = /* @__PURE__ */ C(u, [["render", w], ["__scopeId", "data-v-bbe2fccb"]]);
+export {
+  F as default
+};

package/dist/Tooltip/Tooltip.vue2.js

@@ -0,0 +1,234 @@
+import { AtCopySolidIcon as et } from "@agrotools1/at-icons";
+import { defineComponent as at, ref as i, onMounted as ot, onBeforeUnmount as lt, computed as nt } from "vue";
+import { AtTipograph as rt } from "../Tipograph/index.js";
+const pt = at({
+  name: "AtTooltip",
+  components: {
+    AtParagraph: rt.Paragraph,
+    AtCopySolidIcon: et
+  },
+  props: {
+    text: {
+      required: !0,
+      type: String,
+      default: "bottom-left"
+    },
+    maxTextLength: {
+      required: !1,
+      type: Number,
+      default: 0
+    },
+    copy: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    position: {
+      required: !1,
+      type: String,
+      default: "",
+      validator: (n) => [
+        "bottom-left",
+        "bottom-center",
+        "bottom-right",
+        "top-left",
+        "top-center",
+        "top-right",
+        "left-bottom",
+        "left-center",
+        "right-bottom",
+        "right-center"
+      ].includes(n)
+    },
+    disable: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    }
+  },
+  emits: ["copiedText"],
+  setup(n, { emit: Q }) {
+    const v = i(), f = i(), y = i(), e = i(), d = i(0), r = i(), l = i(), h = i(""), c = i(!1), s = () => {
+      var p, x, b, g, $, w, T, k, X, C, L, S, Y, q, z, A, P, B, E, j, F, I, M, N, R, _, O, U, D, G, H, J, K;
+      d.value = window.scrollY;
+      const a = 1 / (Number.parseFloat((p = window.getComputedStyle(document.body)) == null ? void 0 : p.zoom) || 1);
+      r.value = (b = (x = v.value) == null ? void 0 : x.getBoundingClientRect) == null ? void 0 : b.call(x);
+      const o = {
+        y: d.value * a
+      }, t = {
+        top: (((g = r.value) == null ? void 0 : g.top) ?? 0) * a,
+        right: ((($ = r.value) == null ? void 0 : $.right) ?? 0) * a,
+        bottom: (((w = r.value) == null ? void 0 : w.bottom) ?? 0) * a,
+        left: (((T = r.value) == null ? void 0 : T.left) ?? 0) * a,
+        x: (((k = r.value) == null ? void 0 : k.x) ?? 0) * a,
+        y: (((X = r.value) == null ? void 0 : X.y) ?? 0) * a,
+        width: (((C = r.value) == null ? void 0 : C.width) ?? 0) * a,
+        height: (((L = r.value) == null ? void 0 : L.height) ?? 0) * a
+      };
+      switch (n.position) {
+        case "bottom-left":
+          e.value = {
+            x: t.x + 32,
+            y: t.y + t.height + 16 + o.y
+          }, l.value = {
+            position: "absolute",
+            top: `${((S = e.value) == null ? void 0 : S.y) || 0}px`,
+            left: `${((Y = e.value) == null ? void 0 : Y.x) || 0}px`,
+            transform: "translateX(-100%)"
+          };
+          break;
+        case "bottom-center":
+          e.value = {
+            x: t.x + t.width / 2,
+            y: t.y + t.height + 16 + o.y
+          }, l.value = {
+            position: "absolute",
+            top: `${((q = e.value) == null ? void 0 : q.y) || 0}px`,
+            left: `${((z = e.value) == null ? void 0 : z.x) || 0}px`,
+            transform: "translateX(-50%)"
+          };
+          break;
+        case "bottom-right":
+          e.value = {
+            x: t.x - 32,
+            y: t.y + t.height + 16 + o.y
+          }, l.value = {
+            position: "absolute",
+            top: `${((A = e.value) == null ? void 0 : A.y) || 0}px`,
+            left: `${((P = e.value) == null ? void 0 : P.x) || 0}px`,
+            transform: `translateX(${t.width}px)`
+          };
+          break;
+        case "top-left":
+          e.value = {
+            x: t.x + 32,
+            y: t.y - t.height + 24 + o.y
+          }, l.value = {
+            position: "absolute",
+            top: `${((B = e.value) == null ? void 0 : B.y) || 0}px`,
+            left: `${((E = e.value) == null ? void 0 : E.x) || 0}px`,
+            transform: "translateX(-100%) translateY(-100%)"
+          };
+          break;
+        case "top-center":
+          e.value = {
+            x: t.x + t.width / 2,
+            y: t.y - t.height + 24 + o.y
+          }, l.value = {
+            position: "absolute",
+            top: `${((j = e.value) == null ? void 0 : j.y) || 0}px`,
+            left: `${((F = e.value) == null ? void 0 : F.x) || 0}px`,
+            transform: "translateX(-50%) translateY(-100%)"
+          };
+          break;
+        case "top-right":
+          e.value = {
+            x: t.x - 32,
+            y: t.y - t.height + 24 + o.y
+          }, l.value = {
+            position: "absolute",
+            top: `${((I = e.value) == null ? void 0 : I.y) || 0}px`,
+            left: `${((M = e.value) == null ? void 0 : M.x) || 0}px`,
+            transform: `translateX(${t.width}px) translateY(-100%)`
+          };
+          break;
+        case "left-bottom":
+          e.value = {
+            x: t.x - 16,
+            y: t.y + o.y
+          }, l.value = {
+            position: "absolute",
+            top: `${((N = e.value) == null ? void 0 : N.y) || 0}px`,
+            left: `${((R = e.value) == null ? void 0 : R.x) || 0}px`,
+            transform: "translateX(-100%)"
+          };
+          break;
+        case "left-center":
+          e.value = {
+            x: t.x - 16,
+            y: t.y + t.height / 2 + o.y
+          }, l.value = {
+            position: "absolute",
+            top: `${((_ = e.value) == null ? void 0 : _.y) || 0}px`,
+            left: `${((O = e.value) == null ? void 0 : O.x) || 0}px`,
+            transform: "translateX(-100%) translateY(-50%)"
+          };
+          break;
+        case "right-bottom":
+          e.value = {
+            x: t.x + 16,
+            y: t.y + o.y
+          }, l.value = {
+            position: "absolute",
+            top: `${((U = e.value) == null ? void 0 : U.y) || 0}px`,
+            left: `${((D = e.value) == null ? void 0 : D.x) || 0}px`,
+            transform: `translateX(${t.width}px)`
+          };
+          break;
+        case "right-center":
+          e.value = {
+            x: t.x + 16,
+            y: t.y + t.height / 2 + o.y
+          }, l.value = {
+            position: "absolute",
+            top: `${((G = e.value) == null ? void 0 : G.y) || 0}px`,
+            left: `${((H = e.value) == null ? void 0 : H.x) || 0}px`,
+            transform: `translateX(${t.width}px) translateY(-50%)`
+          };
+          break;
+        default:
+          e.value = {
+            x: t.x + 32,
+            y: t.y + t.height + 16
+          }, l.value = {
+            position: "absolute",
+            top: `${((J = e.value) == null ? void 0 : J.y) || 0}px`,
+            left: `${((K = e.value) == null ? void 0 : K.x) || 0}px`,
+            transform: "translateX(-100%)"
+          };
+          break;
+      }
+      h.value = `at-tooltip-${n.position}`;
+    };
+    ot(() => {
+      window.addEventListener("resize", s), window.addEventListener("scroll", s);
+    }), lt(() => {
+      window.removeEventListener("resize", s), window.removeEventListener("scroll", s);
+    });
+    const V = () => {
+      c.value = !0, s();
+    }, m = () => {
+      c.value = !1;
+    }, W = (u) => {
+      var o, t, p;
+      const { relatedTarget: a } = u;
+      a && ((o = f.value) != null && o.contains(a) || (t = v.value) != null && t.contains(a) || (p = y.value) != null && p.contains(a)) || m();
+    }, Z = async (u) => {
+      if (navigator && navigator.clipboard)
+        try {
+          await navigator.clipboard.writeText(u), Q("copiedText", u);
+        } catch (a) {
+          console.error("Failed to copy: ", a);
+        }
+      else
+        console.warn("Clipboard API not supported");
+    }, tt = nt(() => !n.maxTextLength || n.text.length <= n.maxTextLength ? n.text : `${n.text.substring(0, n.maxTextLength)}...`);
+    return {
+      tooltipChildren: v,
+      contentPosition: e,
+      tooltipStyle: l,
+      tooltipClass: h,
+      visible: c,
+      wrapper: f,
+      tooltip: y,
+      formatedText: tt,
+      show: V,
+      hide: m,
+      handleMouseOut: W,
+      copyText: Z
+    };
+  }
+});
+export {
+  pt as default
+};

package/dist/Upload/MultipleUpload/MultipleUpload.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultipleUpload.vue.d.ts","sourceRoot":"","sources":["../../../src/Upload/MultipleUpload/MultipleUpload.vue"],"names":[],"mappings":"AAoYA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;;;;;;2BAmBV,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;;;;;;2BAaN,OAAO;;;;;;2BAMP,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;cAGV,QAAQ,CAAC,MAAM,EAAE,CAAC;;;;;;;;;;;2BAWd,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;wBAQA,SAAS;8BAoHG,KAAK;iCAeR,IAAI;6CAaQ,MAAM;8BAhIrB,IAAI,EAAE;2CAgFO,IAAI,EAAE;kCAjBf,IAAI,EAAE;2BArBb,IAAI;2BANJ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAzJb,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;;;;;;2BAaN,OAAO;;;;;;2BAMP,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;cAGV,QAAQ,CAAC,MAAM,EAAE,CAAC;;;;;;;;;;;2BAWd,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAhH/B,GAhKmE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAgKnE,GAhKmE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuKnE,wBAiSC"}
+{"version":3,"file":"MultipleUpload.vue.d.ts","sourceRoot":"","sources":["../../../src/Upload/MultipleUpload/MultipleUpload.vue"],"names":[],"mappings":"AAoYA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;;;;;;2BAmBV,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;;;;;;2BAaN,OAAO;;;;;;2BAMP,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;cAGV,QAAQ,CAAC,MAAM,EAAE,CAAC;;;;;;;;;;;2BAWd,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;wBAQA,SAAS;8BAoHG,KAAK;iCAeR,IAAI;6CAaQ,MAAM;8BAhIrB,IAAI,EAAE;2CAgFO,IAAI,EAAE;kCAjBf,IAAI,EAAE;2BArBb,IAAI;2BANJ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAzJb,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;;;;;;2BAaN,OAAO;;;;;;2BAMP,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;cAGV,QAAQ,CAAC,MAAM,EAAE,CAAC;;;;;;;;;;;2BAWd,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAhH/B,GAhK2G;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAgK3G,GAhK2G;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuK3G,wBAiSC"}

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

@@ -0,0 +1,58 @@
+import m from "./MultipleUpload.vue2.js";
+import { resolveComponent as r, createElementBlock as t, openBlock as n, createVNode as l, createElementVNode as o, normalizeStyle as i, createCommentVNode as f, Fragment as v, renderList as h } from "vue";
+/* empty css                    */
+import y from "../../_virtual/_plugin-vue_export-helper.js";
+const $ = { class: "at-uploader-multiple-input-container" }, g = {
+  key: 0,
+  class: "at-uploader-file-container"
+}, U = { class: "at-uploader-files" };
+function w(e, p, T, I, P, B) {
+  const s = r("UploaderHeader"), d = r("UploaderInput"), u = r("AtProgressBar");
+  return n(), t("div", null, [
+    l(s, {
+      "warning-text-upload": e.$props.warningTextUpload,
+      "interactive-text-button": e.$props.interactiveTextButton,
+      "interactive-texthref": e.$props.interactiveTexthref,
+      "interactive-text-download-name": e.$props.interactiveTextDownloadName,
+      "warning-function": e.$props.warningFunction
+    }, null, 8, ["warning-text-upload", "interactive-text-button", "interactive-texthref", "interactive-text-download-name", "warning-function"]),
+    o("div", {
+      class: "at-uploader-multiple",
+      style: i(e.uploaderContainerStyle)
+    }, [
+      o("div", $, [
+        l(d, {
+          style: i(e.inputStyle),
+          "handle-drop": e.handleDrop,
+          "upload-text": e.$props.uploadText,
+          "upload-interaction-text": e.$props.uploadInteractionText,
+          "multiple-select": e.$props.multipleSelect,
+          "accept-types": e.$props.acceptTypes,
+          "accept-types-input": e.$props.acceptTypesInput,
+          "handle-file-upload": e.handleFileUpload
+        }, null, 8, ["style", "handle-drop", "upload-text", "upload-interaction-text", "multiple-select", "accept-types", "accept-types-input", "handle-file-upload"])
+      ]),
+      e.files && e.files.length ? (n(), t("div", g, [
+        p[0] || (p[0] = o("span", null, "Arquivos", -1)),
+        o("div", U, [
+          (n(!0), t(v, null, h(e.files, (a, c) => (n(), t("div", {
+            key: a.name + c,
+            class: "at-uploader-file"
+          }, [
+            l(u, {
+              file: a,
+              "handle-remove-file": () => e.handleRemove(a),
+              "is-only-use": !1,
+              interval: e.$props.progressInterval,
+              onUpdateProgress: e.handleUpdateProgressOnParent
+            }, null, 8, ["file", "handle-remove-file", "interval", "onUpdateProgress"])
+          ]))), 128))
+        ])
+      ])) : f("", !0)
+    ], 4)
+  ]);
+}
+const C = /* @__PURE__ */ y(m, [["render", w], ["__scopeId", "data-v-ae758af2"]]);
+export {
+  C as default
+};

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

@@ -0,0 +1,198 @@
+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: S,
+    UploaderHeader: z,
+    UploaderInput: w
+  },
+  props: {
+    warningTextUpload: {
+      type: String,
+      required: !1,
+      default: "Texto de aviso sobre o upload",
+      validator: (e) => typeof e == "string"
+    },
+    loadingText: {
+      type: String,
+      required: !1,
+      default: "Estamos analisando o arquivo, em breve, retornaremos com os resultados.",
+      validator: (e) => typeof e == "string"
+    },
+    completeText: {
+      type: String,
+      required: !1,
+      default: "O upload foi concluído!",
+      validator: (e) => typeof e == "string"
+    },
+    progressInterval: {
+      type: Number,
+      required: !1,
+      default: 1e3,
+      validator: (e) => typeof e == "number"
+    },
+    interactiveTextButton: {
+      type: String,
+      required: !1,
+      default: "",
+      validator: (e) => typeof e == "string"
+    },
+    interactiveTexthref: {
+      type: String,
+      required: !1,
+      default: "",
+      validator: (e) => typeof e == "string"
+    },
+    interactiveTextDownloadName: {
+      type: String,
+      required: !1,
+      default: "",
+      validator: (e) => typeof e == "string"
+    },
+    warningFunction: {
+      type: Function,
+      required: !1,
+      default: () => {
+        console.warn("This is a warning");
+      }
+    },
+    multipleSelect: {
+      type: Boolean,
+      required: !1,
+      default: !1,
+      validator: (e) => typeof e == "boolean"
+    },
+    uploadText: {
+      type: String,
+      required: !1,
+      default: "Importe seu arquivo aqui",
+      validator: (e) => typeof e == "string"
+    },
+    uploadInteractionText: {
+      type: String,
+      required: !1,
+      default: "Arraste ou clique para fazer upload do arquivo",
+      validator: (e) => typeof e == "string"
+    },
+    uploadProgress: {
+      type: Number,
+      required: !1,
+      default: 0,
+      validator: (e) => typeof e == "number"
+    },
+    acceptTypes: {
+      type: Array,
+      default: () => []
+    },
+    acceptTypesInput: {
+      type: String,
+      default: "*"
+    },
+    maxFileSize: {
+      type: Number,
+      required: !1,
+      default: void 0,
+      validator: (e) => typeof e == "number"
+    },
+    maxTotalSize: {
+      type: Number,
+      required: !1,
+      default: void 0,
+      validator: (e) => typeof e == "number"
+    },
+    maxFiles: {
+      type: Number,
+      required: !1,
+      default: void 0,
+      validator: (e) => typeof e == "number"
+    }
+  },
+  emits: ["updateFile", "updateProgress", "uploadError"],
+  setup(e, { emit: n }) {
+    const i = g([]), u = g(e.uploadProgress), x = (t) => {
+      if (t.preventDefault(), t.dataTransfer) {
+        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));
+        }
+      }
+    }, d = (t) => {
+      const a = [];
+      if (!f(t) || !m(t)) return [];
+      const o = t.filter((r) => {
+        const l = c(r), s = p(r);
+        return l || a.push({
+          file: r,
+          type: "unsupported_type",
+          message: `O tipo (${r.type}) do arquivo ${r.name} não é suportado. `
+        }), s || a.push({
+          file: r,
+          type: "exceeded_file_size",
+          message: `O tamanho do arquivo ${r.name} excedeu o limite permitido. `
+        }), l && s;
+      });
+      return a.length && (console.warn(a.map((r) => r.message).join(`
+`)), 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;
+      if (e.acceptTypes.length)
+        return e.acceptTypes.map((l) => l.toLowerCase()).includes(t.type.toLowerCase());
+      const a = t.name.split(".").pop();
+      return e.acceptTypesInput.split(",").some((r) => r.includes(a || ""));
+    }, f = (t) => {
+      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 = [], o = i.value.reduce((l, s) => l + s.size, 0), r = t.reduce((l, s) => l + s.size, 0);
+      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: x,
+      handleFileUpload: h,
+      handleRemove: T,
+      handleUpdateProgressOnParent: F,
+      getAcceptedFiles: d,
+      isMaxTotalFilesSizeInRange: m,
+      isMaxFilesInRange: f,
+      isTypeAccepted: c,
+      isSizeAccepted: p,
+      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 {
+  N as default
+};

package/dist/Upload/SingleUpload/SingleUpload.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SingleUpload.vue.d.ts","sourceRoot":"","sources":["../../../src/Upload/SingleUpload/SingleUpload.vue"],"names":[],"mappings":"AAwSA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;;;;;;2BAqBV,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;;;;;;2BAaN,OAAO;;;;;;2BAMP,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;cAGV,QAAQ,CAAC,MAAM,EAAE,CAAC;;;;;;;;;;;2BAWd,MAAM;;;wBAQA,SAAS;8BA2EG,KAAK;;6CAmBI,MAAM;8BAhFrB,IAAI,EAAE;2BAkCT,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAzIb,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;;;;;;2BAaN,OAAO;;;;;;2BAMP,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;cAGV,QAAQ,CAAC,MAAM,EAAE,CAAC;;;;;;;;;;;2BAWd,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAtG/B,GAtDY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAsDZ,GAtDY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DZ,wBAqNC"}
+{"version":3,"file":"SingleUpload.vue.d.ts","sourceRoot":"","sources":["../../../src/Upload/SingleUpload/SingleUpload.vue"],"names":[],"mappings":"AAwSA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;;;;;;2BAqBV,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;;;;;;2BAaN,OAAO;;;;;;2BAMP,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;cAGV,QAAQ,CAAC,MAAM,EAAE,CAAC;;;;;;;;;;;2BAWd,MAAM;;;wBAQA,SAAS;8BA2EG,KAAK;;6CAmBI,MAAM;8BAhFrB,IAAI,EAAE;2BAkCT,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAzIb,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;;;;;;;;;2BAaN,OAAO;;;;;;2BAMP,MAAM;;;;;;2BAMN,MAAM;;;;;;2BAMN,MAAM;;;cAGV,QAAQ,CAAC,MAAM,EAAE,CAAC;;;;;;;;;;;2BAWd,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAtG/B,GAtDsC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAsDtC,GAtDsC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DtC,wBAqNC"}