@agrotools1/at-components 0.4.0 → 0.4.2

package/dist/Dropdown/Checklist/Dropdown.Checklist.vue.js

@@ -1,19 +1,22 @@
-import z from "./Dropdown.Checklist.vue2.js";
-import { resolveComponent as b, openBlock as s, createElementBlock as d, createElementVNode as o, createVNode as t, withCtx as n, createTextVNode as c, toDisplayString as i, Fragment as h, createCommentVNode as m, renderList as k, normalizeClass as C, createBlock as g, resolveDynamicComponent as I, normalizeStyle as $, pushScopeId as S, popScopeId as D } from "vue";
+import V from "./Dropdown.Checklist.vue2.js";
+import { resolveComponent as b, openBlock as s, createElementBlock as d, createElementVNode as o, createVNode as a, withCtx as n, createTextVNode as c, toDisplayString as i, Fragment as h, createCommentVNode as m, renderList as k, normalizeClass as z, createBlock as C, resolveDynamicComponent as I, normalizeStyle as $, pushScopeId as S, popScopeId as D } from "vue";
 import "./Dropdown.Checklist.vue3.js";
 import w from "../../_virtual/_plugin-vue_export-helper.js";
-const f = (l) => (S("data-v-cc4544b7"), l = l(), D(), l), L = { class: "atCheckList" }, T = { class: "at-dropdown-header" }, U = { class: "at-dropdown-content" }, N = { class: "item checkall" }, B = {
+const g = (l) => (S("data-v-2476ced3"), l = l(), D(), l), L = { class: "atCheckList" }, T = { class: "at-dropdown-header" }, U = { class: "at-dropdown-content" }, N = { class: "item checkall" }, B = {
   for: "checkAll",
   class: "checkall-label"
-}, x = /* @__PURE__ */ f(() => /* @__PURE__ */ o("span", { class: "separator" }, null, -1)), E = /* @__PURE__ */ f(() => /* @__PURE__ */ o("span", { class: "separator" }, null, -1)), M = ["for"], O = {
+}, x = /* @__PURE__ */ g(() => /* @__PURE__ */ o("span", { class: "separator" }, null, -1)), E = /* @__PURE__ */ g(() => /* @__PURE__ */ o("span", { class: "separator" }, null, -1)), M = ["for"], O = {
   id: "sortable",
   ref: "sortableList"
-}, P = ["id", "draggable"], R = { class: "left-items" }, F = { class: "ordenable-icon" }, j = ["for"];
+}, P = ["id", "draggable"], R = { class: "left-items" }, F = {
+  key: 0,
+  class: "ordenable-icon"
+}, j = ["for"];
 function q(l, p, G, H, J, K) {
-  const r = b("AtParagraph"), v = b("AtCloseSolidIcon"), _ = b("AtCheckbox"), y = b("AtDragOrderRegularIcon");
+  const r = b("AtParagraph"), f = b("AtCloseSolidIcon"), _ = b("AtCheckbox"), v = b("AtDragOrderRegularIcon");
   return s(), d("div", L, [
     o("div", T, [
-      t(r, {
+      a(r, {
         size: "p1",
         weight: "bold"
       }, {
@@ -27,13 +30,13 @@ function q(l, p, G, H, J, K) {
         class: "closeIcon",
         onClick: p[0] || (p[0] = (...e) => l.closeDialog && l.closeDialog(...e))
       }, [
-        t(v, { size: "20" })
+        a(f, { size: "20" })
       ])
     ]),
     o("div", U, [
       l.checkAllText ? (s(), d(h, { key: 0 }, [
         o("div", N, [
-          t(_, {
+          a(_, {
             id: "checkAll",
             modelValue: l.checkAllModel,
             "onUpdate:modelValue": p[1] || (p[1] = (e) => l.checkAllModel = e),
@@ -41,7 +44,7 @@ function q(l, p, G, H, J, K) {
             labelledby: "checkAll"
           }, null, 8, ["modelValue"]),
           o("label", B, [
-            t(r, { size: "p2" }, {
+            a(r, { size: "p2" }, {
               default: n(() => [
                 c(i(l.checkAllText), 1)
               ]),
@@ -55,7 +58,7 @@ function q(l, p, G, H, J, K) {
         key: `${u}`,
         class: "item-separator"
       }, [
-        t(r, {
+        a(r, {
           size: "p2",
           weight: "bold"
         }, {
@@ -65,25 +68,25 @@ function q(l, p, G, H, J, K) {
           _: 2
         }, 1024),
         E,
-        (s(!0), d(h, null, k(e.value, (a, A) => (s(), d("div", {
-          key: `${A}`,
+        (s(!0), d(h, null, k(e.value, (t, y) => (s(), d("div", {
+          key: `${y}`,
           class: "item"
         }, [
-          t(_, {
-            id: a.text,
-            modelValue: a.value,
-            "onUpdate:modelValue": (V) => a.value = V,
+          a(_, {
+            id: t.text,
+            modelValue: t.value,
+            "onUpdate:modelValue": (A) => t.value = A,
             size: "12",
-            disabled: a.disabled,
-            labelledby: `${a.text}`
+            disabled: t.disabled,
+            labelledby: `${t.text}`
           }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "disabled", "labelledby"]),
           o("label", {
-            for: `${a.text}`,
+            for: `${t.text}`,
             class: "item-label"
           }, [
-            t(r, { size: "p2" }, {
+            a(r, { size: "p2" }, {
               default: n(() => [
-                c(i(l.getItemText(a)), 1)
+                c(i(l.getItemText(t)), 1)
               ]),
               _: 2
             }, 1024)
@@ -94,24 +97,23 @@ function q(l, p, G, H, J, K) {
         (s(!0), d(h, null, k(l.listArray, (e, u) => (s(), d("div", {
           id: `listArray-item-${u}-${e.text}`,
           key: `${u}`,
-          class: C(["item", {
+          class: z(["item", {
             draggable: l.sortable && !e.disabled,
             isDisabled: e.disabled
           }]),
           draggable: l.sortable && !e.disabled
         }, [
           o("div", R, [
-            o("span", F, [
-              l.sortable ? (s(), g(y, {
-                key: 0,
+            l.sortable ? (s(), d("span", F, [
+              a(v, {
                 size: "16",
                 color: e.disabled ? "var(--at-disabled-text)" : ""
-              }, null, 8, ["color"])) : m("", !0)
-            ]),
-            t(_, {
+              }, null, 8, ["color"])
+            ])) : m("", !0),
+            a(_, {
               id: e.text,
               modelValue: e.value,
-              "onUpdate:modelValue": (a) => e.value = a,
+              "onUpdate:modelValue": (t) => e.value = t,
               size: "12",
               disabled: e.disabled,
               labelledby: `${e.text}`
@@ -120,7 +122,7 @@ function q(l, p, G, H, J, K) {
               for: `${e.text}`,
               class: "item-label"
             }, [
-              t(r, { size: "p2" }, {
+              a(r, { size: "p2" }, {
                 default: n(() => [
                   c(i(l.getItemText(e)), 1)
                 ]),
@@ -128,7 +130,7 @@ function q(l, p, G, H, J, K) {
               }, 1024)
             ], 8, j)
           ]),
-          (s(), g(I(l.getLockItem(e)), {
+          (s(), C(I(l.getLockItem(e)), {
             size: "16",
             style: $(l.getLockIconColor(e))
           }, null, 8, ["style"]))
@@ -137,7 +139,7 @@ function q(l, p, G, H, J, K) {
     ])
   ]);
 }
-const Z = /* @__PURE__ */ w(z, [["render", q], ["__scopeId", "data-v-cc4544b7"]]);
+const Z = /* @__PURE__ */ w(V, [["render", q], ["__scopeId", "data-v-2476ced3"]]);
 export {
   Z as default
 };

package/dist/Dropdown/Checklist/Dropdown.Checklist.vue3.js

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

package/dist/Dropdown/Dropdown.core.d.ts

@@ -1,20 +1,34 @@
+import { type PropType } from "vue";
 declare const _default: import("vue").DefineComponent<{
     isOpen: {
-        type: BooleanConstructor;
+        type: PropType<boolean>;
         default: boolean;
     };
+    position: {
+        type: PropType<"left" | "right">;
+        default: string;
+    };
 }, {
     dialogIsOpen: import("vue").Ref<boolean>;
+    getDialogClass: import("vue").ComputedRef<string[]>;
+    dialogElem: import("vue").Ref<HTMLDivElement | null>;
+    triggerElem: import("vue").Ref<HTMLDivElement | null>;
+    toggleDialog: () => void;
     openDialog: () => Promise<void>;
     closeDialog: () => Promise<void>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:isOpen"[], "update:isOpen", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     isOpen: {
-        type: BooleanConstructor;
+        type: PropType<boolean>;
         default: boolean;
     };
+    position: {
+        type: PropType<"left" | "right">;
+        default: string;
+    };
 }>> & {
     "onUpdate:isOpen"?: ((...args: any[]) => any) | undefined;
 }, {
     isOpen: boolean;
+    position: "left" | "right";
 }, {}>;
 export default _default;

package/dist/Dropdown/Dropdown.core.vue.js

@@ -1,19 +1,32 @@
-import e from "./Dropdown.core.vue2.js";
-import { openBlock as t, createElementBlock as r, createElementVNode as d, renderSlot as n } from "vue";
+import n from "./Dropdown.core.vue2.js";
+import { openBlock as r, createElementBlock as t, createElementVNode as i, normalizeClass as s, renderSlot as l, createCommentVNode as d } from "vue";
 import "./Dropdown.core.vue3.js";
-import s from "../_virtual/_plugin-vue_export-helper.js";
-const a = { class: "dialog" }, i = ["open"];
-function p(o, c, l, _, m, f) {
-  return t(), r("div", a, [
-    d("dialog", {
-      id: "dialog",
-      open: o.dialogIsOpen
+import g from "../_virtual/_plugin-vue_export-helper.js";
+const m = { class: "container-dialog" };
+function p(e, o, c, f, u, $) {
+  return r(), t("section", m, [
+    i("div", {
+      class: s(e.getDialogClass)
     }, [
-      n(o.$slots, "default", {}, void 0, !0)
-    ], 8, i)
+      e.$slots.trigger ? (r(), t("section", {
+        key: 0,
+        id: "trigger",
+        ref: "triggerElem",
+        onClick: o[0] || (o[0] = (...a) => e.toggleDialog && e.toggleDialog(...a))
+      }, [
+        l(e.$slots, "trigger", {}, void 0, !0)
+      ], 512)) : d("", !0),
+      i("div", {
+        id: "dialog",
+        ref: "dialogElem",
+        class: s({ isOpen: e.dialogIsOpen })
+      }, [
+        l(e.$slots, "default", {}, void 0, !0)
+      ], 2)
+    ], 2)
   ]);
 }
-const v = /* @__PURE__ */ s(e, [["render", p], ["__scopeId", "data-v-3952e2ba"]]);
+const E = /* @__PURE__ */ g(n, [["render", p], ["__scopeId", "data-v-078861b0"]]);
 export {
-  v as default
+  E as default
 };

package/dist/Dropdown/Dropdown.core.vue2.js

@@ -1,37 +1,45 @@
-import { defineComponent as f, ref as t, onMounted as O } from "vue";
-const v = f({
+import { defineComponent as v, ref as o, onMounted as h, computed as c } from "vue";
+const D = v({
   name: "AtDropdown",
   props: {
     isOpen: {
       type: Boolean,
       default: !1
+    },
+    position: {
+      type: String,
+      default: "left"
     }
   },
   emits: ["update:isOpen"],
-  setup(n, { emit: e }) {
-    const o = t(!1);
-    o.value = n.isOpen;
-    const d = async () => e("update:isOpen", !0), i = async () => e("update:isOpen", !1), a = (u) => {
-      var l, p, c;
-      if (o.value) {
-        const s = u.target;
-        !((l = s == null ? void 0 : s.closest) != null && l.call(s, ".dialog")) && !((p = s == null ? void 0 : s.closest) != null && p.call(s, "#dialog")) && !((c = s == null ? void 0 : s.closest) != null && c.call(s, "button")) && i();
-      }
-    };
-    return O(() => {
-      document.addEventListener("click", a);
-    }), {
-      dialogIsOpen: o,
+  setup(e, { emit: i }) {
+    const n = o(!1);
+    n.value = e.isOpen;
+    const s = o(), a = o(null), l = o(null), d = async () => i("update:isOpen", !0), u = async () => i("update:isOpen", !1), p = (t) => {
+      var g, r;
+      n.value && !((g = a.value) != null && g.contains(t.target)) && !((r = l.value) != null && r.contains(t.target)) && u();
+    }, f = () => i("update:isOpen", !n.value);
+    h(() => {
+      var t;
+      document.addEventListener("click", p), s.value = (t = document.getElementById("trigger")) == null ? void 0 : t.getBoundingClientRect().right;
+    });
+    const m = c(() => e.position !== "right" && window.innerWidth - (s.value ?? 0) <= 216 ? "right" : e.position), O = c(() => ["dialog", m.value]);
+    return {
+      dialogIsOpen: n,
+      getDialogClass: O,
+      dialogElem: a,
+      triggerElem: l,
+      toggleDialog: f,
       openDialog: d,
-      closeDialog: i
+      closeDialog: u
     };
   },
   watch: {
-    isOpen(n) {
-      this.dialogIsOpen = n;
+    isOpen(e) {
+      this.dialogIsOpen = e;
     }
   }
 });
 export {
-  v as default
+  D as default
 };

package/dist/Dropdown/Dropdown.core.vue3.js

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

package/dist/Dropdown/Dropdown.types.d.ts

@@ -13,4 +13,5 @@ export interface DropdownListItem {
 }
 export interface DropdownCoreProps {
     isOpen: boolean;
+    position: "right" | "left";
 }

package/dist/Faq/Faq.vue.js

@@ -4,7 +4,7 @@ import "./Faq.vue3.js";
 import "./Faq.vue4.js";
 import g from "../_virtual/_plugin-vue_export-helper.js";
 const q = { class: "card" }, k = { class: "faq-title-card" }, v = { class: "faq-items-list" }, C = { class: "faq-items" };
-function y(o, B, $, b, T, w) {
+function b(o, y, B, $, T, w) {
   const _ = e("AtTitle"), l = e("AtButton"), p = e("AtParagraph"), m = e("AtArrowRightSolidIcon");
   return s(), a("div", q, [
     i("div", k, [
@@ -56,7 +56,7 @@ function y(o, B, $, b, T, w) {
     ])
   ]);
 }
-const z = /* @__PURE__ */ g(u, [["render", y], ["__scopeId", "data-v-55f5d381"]]);
+const z = /* @__PURE__ */ g(u, [["render", b], ["__scopeId", "data-v-9b5fd24d"]]);
 export {
   z as default
 };

package/dist/Filter/components/Filter.types.d.ts

@@ -9,7 +9,9 @@ export type FilterOptions = {
     checkAllText?: string;
     cancelBtnText?: string | "Limpar";
     saveBtnText?: string;
+    buttonText?: string;
     returnOnlyChecked?: boolean;
+    position?: "left" | "right";
 };
 export interface DropdownConfigProps {
     dropDownList: DropdownListItem[] | DropdownList[];