@agrotools1/at-components 0.1.7 → 0.1.9

package/dist/{Avatar → packages/at-components/src/Avatar}/Avatar.vue.js

@@ -1,7 +1,7 @@
 import a from "./Avatar.vue2.js";
 import { openBlock as t, createElementBlock as o, normalizeStyle as s, renderSlot as i, toDisplayString as r } from "vue";
 import "./Avatar.vue3.js";
-import l from "../_virtual/_plugin-vue_export-helper.js";
+import l from "../../../../_virtual/_plugin-vue_export-helper.js";
 const n = ["aria-label"], d = ["src"], m = ["data-size"];
 function p(e, f, c, h, u, z) {
   return t(), o("div", {

package/dist/packages/at-components/src/Button/Button.vue.js

@@ -0,0 +1,20 @@
+import o from "./Button.vue2.js";
+import { openBlock as d, createElementBlock as t, normalizeStyle as a, normalizeClass as s, renderSlot as i } from "vue";
+import "./Button.vue3.js";
+import r from "../../../../_virtual/_plugin-vue_export-helper.js";
+const l = ["disabled", "aria-disabled"];
+function n(e, b, p, m, c, u) {
+  return d(), t("button", {
+    style: a({ width: e.size.width }),
+    class: s(["at-button", [e.variant, { "is-disabled": e.disabled, "only-icon": e.onlyIcon }]]),
+    disabled: e.disabled,
+    role: "button",
+    "aria-disabled": e.disabled
+  }, [
+    i(e.$slots, "default", {}, void 0, !0)
+  ], 14, l);
+}
+const y = /* @__PURE__ */ r(o, [["render", n], ["__scopeId", "data-v-5adbc2dd"]]);
+export {
+  y as default
+};

package/dist/packages/at-components/src/Button/Button.vue2.js

@@ -0,0 +1,27 @@
+import { defineComponent as e } from "vue";
+const a = e({
+  name: "AtButton",
+  props: {
+    variant: {
+      type: String,
+      default: "primary"
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    size: {
+      type: Object,
+      default: () => ({
+        width: "max-content"
+      })
+    },
+    onlyIcon: {
+      type: Boolean,
+      default: !1
+    }
+  }
+});
+export {
+  a as default
+};

package/dist/{CardWithInsights → packages/at-components/src/CardWithInsights}/CardWithInsights.vue.js

@@ -2,7 +2,7 @@ import d from "./CardWithInsights.vue2.js";
 import { resolveComponent as o, openBlock as n, createElementBlock as s, normalizeStyle as u, Fragment as p, renderList as h, createVNode as r, createElementVNode as i, toDisplayString as l, withCtx as _, createTextVNode as g } from "vue";
 import "./CardWithInsights.vue3.js";
 import "./CardWithInsights.vue4.js";
-import m from "../_virtual/_plugin-vue_export-helper.js";
+import m from "../../../../_virtual/_plugin-vue_export-helper.js";
 const f = { class: "insight-container" }, v = { class: "circle-question-container" }, $ = ["src", "onClick"], w = {
   id: "insight-value",
   class: "insight-value"
@@ -46,7 +46,7 @@ function y(t, C, k, I, A, V) {
     ]))), 128))
   ], 4);
 }
-const B = /* @__PURE__ */ m(d, [["render", y], ["__scopeId", "data-v-28800341"]]);
+const B = /* @__PURE__ */ m(d, [["render", y], ["__scopeId", "data-v-f619799d"]]);
 export {
   B as default
 };

package/dist/packages/at-components/src/Checkbox/Checkbox.vue.js

@@ -0,0 +1,38 @@
+import r from "./Checkbox.vue2.js";
+import { openBlock as d, createElementBlock as t, Fragment as i, createElementVNode as o, mergeProps as a, createCommentVNode as s, normalizeStyle as c } from "vue";
+import "./Checkbox.vue3.js";
+import n from "../../../../_virtual/_plugin-vue_export-helper.js";
+const l = ["aria-checked", "disabled"], h = ["src"], u = ["checked", "disabled"];
+function m(e, p, b, k, f, y) {
+  return d(), t(i, null, [
+    o("button", a({ ref: "buttonRef" }, e.$attrs, {
+      type: "button",
+      role: "checkbox",
+      "aria-checked": e.isCheckedValue,
+      disabled: e.disabled,
+      style: {
+        width: e.computedSize,
+        height: e.computedSize,
+        borderRadius: e.borderRadius
+      }
+    }), [
+      e.isCheckedValue ? (d(), t("img", {
+        key: 0,
+        src: e.checkmarck
+      }, null, 8, h)) : s("", !0)
+    ], 16, l),
+    o("input", {
+      ref: "inputRef",
+      tabindex: "-1",
+      "aria-hidden": "true",
+      type: "checkbox",
+      checked: e.isCheckedValue,
+      disabled: e.disabled,
+      style: c({ width: e.size, height: e.size })
+    }, null, 12, u)
+  ], 64);
+}
+const $ = /* @__PURE__ */ n(r, [["render", m], ["__scopeId", "data-v-8d89aa90"]]);
+export {
+  $ as default
+};

package/dist/packages/at-components/src/Checkbox/Checkbox.vue2.js

@@ -0,0 +1,73 @@
+import { defineComponent as s, ref as i, computed as n, onMounted as y, onBeforeUnmount as b } from "vue";
+import V from "./img/checkmarck.svg.js";
+const A = s({
+  name: "AtCheckbox",
+  props: {
+    disabled: {
+      required: !1,
+      type: Boolean,
+      default: !1,
+      validator: (e) => typeof e == "boolean"
+    },
+    modelValue: {
+      required: !1,
+      type: [Boolean, Array],
+      default: void 0,
+      validator: (e) => Array.isArray(e) || typeof e == "boolean"
+    },
+    val: {
+      required: !1,
+      type: String,
+      default: void 0
+    },
+    size: {
+      required: !1,
+      type: String,
+      default: "24",
+      validator: (e) => ["12", "16", "20", "24", "28"].includes(e)
+    },
+    labelledby: {
+      required: !1,
+      type: String,
+      default: "",
+      validator: (e) => typeof e == "string"
+    }
+  },
+  emits: ["click", "update:modelValue"],
+  setup(e, { emit: o }) {
+    const a = i(null), r = i(null), u = i(!1), f = n(() => `${e.size}px`), c = n(
+      () => ({
+        12: "3px",
+        16: "4px",
+        20: "6px",
+        24: "6px",
+        28: "8px"
+      })[e.size]
+    );
+    function m() {
+      return e.val !== void 0 && Array.isArray(e.modelValue) ? e.modelValue.includes(e.val) ? e.modelValue.filter((l) => l !== e.val) : [...e.modelValue, e.val] : !e.modelValue;
+    }
+    const d = (l) => {
+      let t;
+      e.modelValue === void 0 ? (t = !u.value, u.value = t) : t = m(), o("update:modelValue", t), o("click", { event: l, value: t });
+    }, v = n(() => e.modelValue === void 0 ? u.value : e.val === void 0 || typeof e.modelValue == "boolean" ? !!e.modelValue : e.modelValue.includes(e.val));
+    return y(() => {
+      var l;
+      a.value && e.labelledby && a.value.setAttribute("aria-labelledby", e.labelledby), (l = a.value) == null || l.addEventListener("click", d);
+    }), b(() => {
+      var l;
+      (l = a.value) == null || l.removeEventListener("click", d);
+    }), {
+      checkmarck: V,
+      buttonRef: a,
+      inputRef: r,
+      computedSize: f,
+      onClick: d,
+      borderRadius: c,
+      isCheckedValue: v
+    };
+  }
+});
+export {
+  A as default
+};

package/dist/{DataTable → packages/at-components/src/DataTable}/Column/Column.vue.js

@@ -1,16 +1,16 @@
 import n from "./Column.vue2.js";
 import { openBlock as a, createElementBlock as l, createElementVNode as o, toDisplayString as r, createCommentVNode as s, renderSlot as d } from "vue";
 import "./Column.vue3.js";
-import m from "../../_virtual/_plugin-vue_export-helper.js";
-const c = ["data-align-columns", "data-filterable"], f = { class: "slot" }, u = ["data-orientation", "data-filterable"], p = ["src"];
-function b(t, e, h, g, k, C) {
+import m from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const c = ["data-align-columns", "data-filterable"], u = { class: "slot" }, f = ["data-orientation", "data-filterable"], p = ["src"];
+function h(t, e, b, g, k, C) {
   return a(), l("th", {
     role: "columnheader",
     class: "column",
     "data-align-columns": t.alignColumns,
     "data-filterable": t.withMaxMinFilter
   }, [
-    o("div", f, [
+    o("div", u, [
       o("span", null, r(t.label), 1),
       t.withMaxMinFilter ? (a(), l("button", {
         key: 0,
@@ -24,12 +24,12 @@ function b(t, e, h, g, k, C) {
           src: t.filterSvg,
           alt: "Botão para filtrar valor"
         }, null, 8, p)
-      ], 8, u)) : s("", !0),
+      ], 8, f)) : s("", !0),
       d(t.$slots, "default", {}, void 0, !0)
     ])
   ], 8, c);
 }
-const w = /* @__PURE__ */ m(n, [["render", b], ["__scopeId", "data-v-08f84b93"]]);
+const w = /* @__PURE__ */ m(n, [["render", h], ["__scopeId", "data-v-9233182d"]]);
 export {
   w as default
 };

package/dist/{DataTable → packages/at-components/src/DataTable}/Counters/Counters.vue.js

@@ -1,7 +1,7 @@
 import d from "./Counters.vue2.js";
 import { openBlock as o, createElementBlock as s, toDisplayString as r, createCommentVNode as a, createElementVNode as c, Fragment as i, renderList as u } from "vue";
 import "./Counters.vue3.js";
-import p from "../../_virtual/_plugin-vue_export-helper.js";
+import p from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const m = { class: "at-counters_container" }, f = {
   key: 1,
   ref: "itemsRef",

package/dist/packages/at-components/src/DataTable/DataTable.vue.js

@@ -0,0 +1,95 @@
+import C from "./DataTable.vue2.js";
+import { resolveComponent as c, openBlock as t, createElementBlock as o, Fragment as l, createElementVNode as r, mergeProps as v, createBlock as i, createCommentVNode as h, renderSlot as P, renderList as p, normalizeClass as y, withKeys as A, toDisplayString as g, resolveDynamicComponent as _, createVNode as S, pushScopeId as $, popScopeId as D } from "vue";
+import "./DataTable.vue3.js";
+import E from "../../../../_virtual/_plugin-vue_export-helper.js";
+const f = (e) => ($("data-v-53753793"), e = e(), D(), e), K = ["data-align-columns"], T = { role: "rowgroup" }, z = {
+  role: "row",
+  class: "thead-row"
+}, I = {
+  key: 1,
+  role: "rowgroup"
+}, B = /* @__PURE__ */ f(() => /* @__PURE__ */ r("tr", { class: "empty-space" }, null, -1)), F = ["onmouseenter"], N = ["data-key", "onClick"], U = { class: "td-container" }, V = ["id", "value", "onKeydown"], j = { key: 1 }, H = {
+  key: 2,
+  class: "item-as-array"
+}, L = { key: 0 }, O = /* @__PURE__ */ f(() => /* @__PURE__ */ r("tr", { class: "empty-space" }, null, -1)), q = {
+  key: 0,
+  style: { display: "flex", "justify-content": "flex-end", "margin-top": "16px" }
+};
+function G(e, J, M, Q, R, W) {
+  const w = c("AtColumn"), b = c("AtText"), k = c("AtPaginator");
+  return t(), o(l, null, [
+    r("table", v(e.$attrs, {
+      role: "table",
+      class: "table-content",
+      "data-align-columns": e.alignColumns,
+      on: ""
+    }), [
+      r("thead", T, [
+        r("tr", z, [
+          e.withSelection ? (t(), i(w, {
+            key: 0,
+            field: "selection",
+            label: "Selecione"
+          })) : h("", !0),
+          P(e.$slots, "default", {}, void 0, !0)
+        ])
+      ]),
+      !e.value || !e.value.length ? (t(), i(b, {
+        key: 0,
+        as: "h6"
+      })) : (t(), o("tbody", I, [
+        B,
+        (t(!0), o(l, null, p(e.tableData, (d) => (t(), o("tr", {
+          key: e.extractKey(d),
+          class: y([...e.columnsClasses, "tbody-tr"]),
+          role: "row",
+          tabindex: "-1",
+          onmouseenter: (n) => {
+            e.lastHoveredTr = {
+              element: n.target,
+              item: d
+            };
+          }
+        }, [
+          (t(!0), o(l, null, p(e.getEntries(d), ([n, a]) => {
+            var u, m;
+            return t(), o("td", {
+              key: n,
+              "data-key": n,
+              role: "cell",
+              class: y(`tbody-row ${(u = e.withEditableFields) != null && u.includes(n) ? "with-focus" : ""} `),
+              "aria-selected": "false",
+              onClick: (s) => e.handleTrClick(s, n)
+            }, [
+              r("div", U, [
+                (m = e.withEditableFields) != null && m.includes(n) ? (t(), o("input", {
+                  key: 0,
+                  id: n,
+                  placeholder: "",
+                  value: a,
+                  onKeydown: A((s) => e.updateOnKeyDown(s, n), ["enter"])
+                }, null, 40, V)) : typeof a == "number" || typeof a == "string" ? (t(), o("span", j, g(a), 1)) : Array.isArray(a) ? (t(), o("div", H, [
+                  (t(!0), o(l, null, p(a, (s) => (t(), o("div", { key: s }, [
+                    typeof s == "number" || typeof s == "string" ? (t(), o("span", L, g(s), 1)) : (t(), i(_(s), { key: 1 }))
+                  ]))), 128))
+                ])) : (t(), i(_(a), { key: 3 }))
+              ])
+            ], 10, N);
+          }), 128))
+        ], 10, F))), 128)),
+        O
+      ]))
+    ], 16, K),
+    e.withPaginator ? (t(), o("div", q, [
+      S(k, {
+        "page-size": e.withPaginator.pageSize,
+        total: e.withPaginator.total,
+        "onUpdate:activePage": e.withPaginator.onUpdatePage
+      }, null, 8, ["page-size", "total", "onUpdate:activePage"])
+    ])) : h("", !0)
+  ], 64);
+}
+const ee = /* @__PURE__ */ E(C, [["render", G], ["__scopeId", "data-v-53753793"]]);
+export {
+  ee as default
+};

package/dist/packages/at-components/src/DataTable/DataTable.vue2.js

@@ -0,0 +1,124 @@
+import { defineComponent as T, ref as f, reactive as E, provide as y, readonly as j, inject as k, watchEffect as x, h as D } from "vue";
+import K from "../Checkbox/Checkbox.vue.js";
+import O from "../Paginator/Paginator.vue.js";
+import { AtTipograph as F } from "../Tipograph/index.js";
+import P from "./Column/Column.vue.js";
+const V = T({
+  name: "AtDataTable",
+  components: {
+    AtText: F.Title,
+    AtColumn: P,
+    AtPaginator: O
+  },
+  inheritAttrs: !1,
+  props: {
+    value: {
+      type: Array,
+      required: !0
+    },
+    withEditableFields: {
+      type: Array,
+      default: void 0
+    },
+    withSelection: {
+      type: Boolean,
+      default: !1
+    },
+    withPaginator: {
+      type: Object,
+      default: void 0
+    },
+    keyExtractor: {
+      type: Function,
+      default: (e) => e.id
+    },
+    columnsClasses: {
+      type: Array,
+      default: () => []
+    },
+    alignColumns: {
+      type: String,
+      default: "left"
+    }
+  },
+  emits: {
+    "update:selected-items": (e) => Array.isArray(e),
+    "update:table-data": (e) => Array.isArray(e),
+    "update:table-cell": (e) => typeof e == "object"
+  },
+  setup(e, m) {
+    const o = f(e.value), p = f([]), s = f(
+      null
+    ), i = E([]), d = (t) => {
+      i.includes(t) || i.push(t);
+    };
+    y("columns", {
+      columns: j(i),
+      updateColumn: d
+    }), y("alignColumns", e.alignColumns), y("tableData", o);
+    const v = k("columns", {
+      columns: i,
+      updateColumn: d
+    }), b = (t) => Object.entries(t), r = (t) => {
+      try {
+        return e.keyExtractor(t);
+      } catch (a) {
+        console.warn("AtDataTable: Não foi possível extrair a key: ", a);
+      }
+    }, C = (t, a) => {
+      var n;
+      const u = t.target;
+      if ((n = e.withEditableFields) != null && n.includes(a)) {
+        const l = u.querySelector("input");
+        l == null || l.focus();
+      }
+    }, h = (t) => {
+      p.value = t;
+      const a = e.value.filter((u) => {
+        const n = r(u);
+        return t.includes(n);
+      });
+      if (s.value) {
+        const { element: u, item: n } = s.value, l = a.find(
+          (c) => r(c) === r(n)
+        );
+        u.setAttribute("aria-selected", JSON.stringify(!!l));
+      }
+      m.emit("update:selected-items", Array.from(a));
+    }, g = (t, a) => {
+      var c;
+      const u = t.target, { value: n } = u, l = (c = s.value) == null ? void 0 : c.item;
+      l && (l[a] = n, o.value = o.value.map((A) => {
+        const w = r(A), S = r(l);
+        return w === S ? l : A;
+      }), m.emit("update:table-data", o.value), m.emit("update:table-cell", {
+        field: a,
+        value: n
+      }));
+    };
+    return x(() => {
+      e.withSelection ? o.value = [...e.value].map((t) => ({
+        select: () => D(K, {
+          modelValue: p.value,
+          "onUpdate:modelValue": (a) => h(a),
+          val: r(t)
+        }),
+        ...t
+      })) : o.value = [...e.value];
+    }), {
+      tableData: o,
+      columns: v.columns,
+      updateColumn: v.updateColumn,
+      internalUpdateColumn: d,
+      internalColumns: i,
+      lastHoveredTr: s,
+      getEntries: b,
+      extractKey: r,
+      updateOnKeyDown: g,
+      handleTrClick: C
+    };
+  }
+});
+export {
+  V as default
+};

package/dist/packages/at-components/src/DataTable/index.js

@@ -0,0 +1,11 @@
+import o from "./DataTable.vue.js";
+import t from "./Column/Column.vue.js";
+import r from "./Counters/Counters.vue.js";
+const p = {
+  DataTable: o,
+  Column: t,
+  Counters: r
+};
+export {
+  p as AtDataTable
+};

package/dist/packages/at-components/src/Faq/Faq.vue.js

@@ -0,0 +1,54 @@
+import p from "./Faq.vue2.js";
+import { resolveComponent as e, openBlock as n, createElementBlock as s, createElementVNode as i, createVNode as t, withCtx as c, createTextVNode as a, toDisplayString as d, Fragment as u, renderList as h } from "vue";
+import "./Faq.vue3.js";
+import "./Faq.vue4.js";
+import A from "../../../../_virtual/_plugin-vue_export-helper.js";
+const k = { class: "card" }, q = { class: "faq-title-card" }, v = { class: "faq-items-list" }, C = { class: "faq-items" };
+function g(o, b, y, B, V, $) {
+  const _ = e("AtTitle"), r = e("AtButton"), f = e("AtArrowRightSolidIcon");
+  return n(), s("div", k, [
+    i("div", q, [
+      t(_, {
+        as: "h6",
+        bold: !0,
+        class: "faq-title"
+      }, {
+        default: c(() => [
+          a(d(o.title), 1)
+        ]),
+        _: 1
+      }),
+      t(r, {
+        class: "faq-button",
+        variant: "secondary",
+        onClick: o.toogleListQuestions
+      }, {
+        default: c(() => [
+          a(" Ver mais ")
+        ]),
+        _: 1
+      }, 8, ["onClick"])
+    ]),
+    i("ul", v, [
+      (n(!0), s(u, null, h(o.items, (l, m) => (n(), s("li", { key: m }, [
+        i("div", C, [
+          a(d(l.title) + " ", 1),
+          t(r, {
+            class: "faq-item-button",
+            "only-icon": "",
+            onClick: l.function
+          }, {
+            default: c(() => [
+              t(f, { size: "16" })
+            ]),
+            _: 2
+          }, 1032, ["onClick"])
+        ])
+      ]))), 128))
+    ])
+  ]);
+}
+const x = /* @__PURE__ */ A(p, [["render", g], ["__scopeId", "data-v-f69fafbc"]]);
+export {
+  x as default
+};

package/dist/packages/at-components/src/Faq/Faq.vue2.js

@@ -0,0 +1,35 @@
+import { defineComponent as r, ref as e } from "vue";
+import { AtTipograph as i } from "../Tipograph/index.js";
+import n from "../Button/Button.vue.js";
+import { AtArrowRightSolidIcon as s } from "../../../../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtArrowRightSolidIcon/index.js";
+const m = r({
+  name: "AtFAQ",
+  components: {
+    AtArrowRightSolidIcon: s,
+    AtTitle: i.Title,
+    AtButton: n
+  },
+  props: {
+    title: {
+      type: String,
+      required: !0,
+      default: "Título padrão",
+      validator: (t) => typeof t == "string"
+    },
+    items: {
+      type: Array,
+      required: !0,
+      validator: (t) => Array.isArray(t) && t.every((o) => typeof o == "object")
+    }
+  },
+  setup() {
+    const t = e(!1);
+    return {
+      buttonInteraction: t,
+      toogleListQuestions: () => t.value = !t.value
+    };
+  }
+});
+export {
+  m as default
+};

package/dist/{Illustration → packages/at-components/src/Illustration}/Illustration.vue.js

@@ -1,7 +1,7 @@
 import e from "./Illustration.vue2.js";
 import { openBlock as o, createElementBlock as r, normalizeStyle as s } from "vue";
 import "./Illustration.vue3.js";
-import i from "../_virtual/_plugin-vue_export-helper.js";
+import i from "../../../../_virtual/_plugin-vue_export-helper.js";
 const p = ["src"];
 function a(t, l, n, c, m, d) {
   return o(), r("img", {
@@ -11,7 +11,7 @@ function a(t, l, n, c, m, d) {
     style: s({ width: `${t.$props.width}px`, height: `${t.$props.height}px` })
   }, null, 12, p);
 }
-const u = /* @__PURE__ */ i(e, [["render", a], ["__scopeId", "data-v-4ef63981"]]);
+const u = /* @__PURE__ */ i(e, [["render", a], ["__scopeId", "data-v-f3668d31"]]);
 export {
   u as default
 };

package/dist/{Input → packages/at-components/src/Input}/Input.core.vue.js

@@ -1,7 +1,7 @@
 import a from "./Input.core.vue2.js";
 import { openBlock as s, createElementBlock as n, createElementVNode as t, toDisplayString as l, Fragment as m, renderList as p, createCommentVNode as d, mergeProps as u, createTextVNode as c } from "vue";
 import "./Input.core.vue3.js";
-import h from "../_virtual/_plugin-vue_export-helper.js";
+import h from "../../../../_virtual/_plugin-vue_export-helper.js";
 const T = ["data-error"], f = ["for"], I = {
   key: 0,
   ref: "containerItemsEl",