@agrotools1/at-components 0.5.0-5 → 0.5.0-7

package/dist/Checkbox/Checkbox.vue.js

@@ -32,7 +32,7 @@ function m(e, p, b, k, f, y) {
     }, null, 12, u)
   ], 64);
 }
-const $ = /* @__PURE__ */ n(r, [["render", m], ["__scopeId", "data-v-ee902d67"]]);
+const $ = /* @__PURE__ */ n(r, [["render", m], ["__scopeId", "data-v-939d784f"]]);
 export {
   $ as default
 };

package/dist/Dropdown/Checklist/Dropdown.Checklist.d.ts

@@ -48,6 +48,7 @@ declare const _default: import("vue").DefineComponent<{
             identifier?: string | undefined;
             onClick?: ((item: DropdownListItem) => void) | undefined;
         }[];
+        identifier?: string | undefined;
     }[]>;
     listArray: import("vue").Ref<{
         value: boolean | string[];
@@ -98,6 +99,7 @@ declare const _default: import("vue").DefineComponent<{
             identifier?: string | undefined;
             onClick?: ((item: DropdownListItem) => void) | undefined;
         }[];
+        identifier?: string | undefined;
     }[]>;
     sortableList: import("vue").Ref<HTMLElement | null>;
     setAllCheckboxValues: (value: boolean) => void;

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

@@ -1,4 +1,4 @@
-import { type PropType } from "vue";
+import type { CSSProperties, PropType } from "vue";
 declare const _default: import("vue").DefineComponent<{
     isOpen: {
         type: PropType<boolean>;
@@ -8,11 +8,20 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"left" | "right">;
         default: string;
     };
+    fullSize: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
+    id: {
+        type: PropType<string | undefined>;
+        default: string;
+    };
 }, {
     dialogIsOpen: import("vue").Ref<boolean>;
     getDialogClass: import("vue").ComputedRef<string[]>;
-    dialogElem: import("vue").Ref<HTMLDivElement | null>;
-    triggerElem: import("vue").Ref<HTMLDivElement | null>;
+    dialogElem: import("vue").Ref<HTMLDivElement | undefined>;
+    triggerElem: import("vue").Ref<HTMLDivElement | undefined>;
+    dialogStyle: import("vue").Ref<CSSProperties | undefined>;
     toggleDialog: () => void;
     openDialog: () => Promise<void>;
     closeDialog: () => Promise<void>;
@@ -25,10 +34,20 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"left" | "right">;
         default: string;
     };
+    fullSize: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
+    id: {
+        type: PropType<string | undefined>;
+        default: string;
+    };
 }>> & {
     "onUpdate:isOpen"?: ((...args: any[]) => any) | undefined;
 }, {
     isOpen: boolean;
+    id: string | undefined;
     position: "left" | "right";
+    fullSize: boolean | undefined;
 }, {}>;
 export default _default;

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

@@ -1,32 +1,35 @@
-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 d from "./Dropdown.core.vue2.js";
+import { openBlock as o, createElementBlock as r, createElementVNode as i, normalizeClass as l, renderSlot as s, createCommentVNode as n, createBlock as g, Teleport as m, normalizeStyle as p } from "vue";
 import "./Dropdown.core.vue3.js";
-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, [
+import c from "../_virtual/_plugin-vue_export-helper.js";
+const f = { class: "container-dialog" }, u = ["id"];
+function $(e, t, k, v, y, C) {
+  return o(), r("section", f, [
     i("div", {
-      class: s(e.getDialogClass)
+      class: l(e.getDialogClass)
     }, [
-      e.$slots.trigger ? (r(), t("section", {
+      e.$slots.trigger ? (o(), r("section", {
         key: 0,
         id: "trigger",
         ref: "triggerElem",
-        onClick: o[0] || (o[0] = (...a) => e.toggleDialog && e.toggleDialog(...a))
+        onClick: t[0] || (t[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)
+        s(e.$slots, "trigger", {}, void 0, !0)
+      ], 512)) : n("", !0),
+      (o(), g(m, { to: "body" }, [
+        i("div", {
+          id: e.id,
+          ref: "dialogElem",
+          class: l([{ isOpen: e.dialogIsOpen }, "dialog-content"]),
+          style: p(e.dialogStyle)
+        }, [
+          s(e.$slots, "default", {}, void 0, !0)
+        ], 14, u)
+      ]))
     ], 2)
   ]);
 }
-const E = /* @__PURE__ */ g(n, [["render", p], ["__scopeId", "data-v-078861b0"]]);
+const _ = /* @__PURE__ */ c(d, [["render", $], ["__scopeId", "data-v-da5e1a91"]]);
 export {
-  E as default
+  _ as default
 };

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

@@ -1,5 +1,5 @@
-import { defineComponent as v, ref as o, onMounted as h, computed as c } from "vue";
-const D = v({
+import { defineComponent as Y, ref as t, watch as k, onMounted as E, computed as L } from "vue";
+const b = Y({
   name: "AtDropdown",
   props: {
     isOpen: {
@@ -9,37 +9,73 @@ const D = v({
     position: {
       type: String,
       default: "left"
+    },
+    fullSize: {
+      type: Boolean,
+      default: !1
+    },
+    id: {
+      type: String,
+      default: ""
     }
   },
   emits: ["update:isOpen"],
-  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;
+  setup(d, { emit: r }) {
+    const o = t(!1);
+    o.value = d.isOpen;
+    const l = t(), a = t(), n = t(), h = t(0), i = t(), p = t(), g = () => {
+      var x, O, w, m, C, D;
+      h.value = window.scrollY, i.value = (x = a.value) == null ? void 0 : x.getBoundingClientRect();
+      const e = (((O = i.value) == null ? void 0 : O.y) ?? 0) + (((w = i.value) == null ? void 0 : w.height) ?? 0) + 8 + h.value, v = {
+        left: () => {
+          var s, u, c;
+          n.value = {
+            x: ((s = i.value) == null ? void 0 : s.left) ?? 0,
+            y: e
+          }, p.value = {
+            top: `${((u = n.value) == null ? void 0 : u.y) || 0}px`,
+            left: `${((c = n.value) == null ? void 0 : c.x) || 0}px`
+          };
+        },
+        right: () => {
+          var s, u, c, S, W;
+          n.value = {
+            x: (((s = i.value) == null ? void 0 : s.left) ?? 0) - ((((u = l.value) == null ? void 0 : u.clientWidth) ?? 0) - (((c = a.value) == null ? void 0 : c.clientWidth) ?? 0)),
+            y: e
+          }, p.value = {
+            top: `${((S = n.value) == null ? void 0 : S.y) || 0}px`,
+            left: `${((W = n.value) == null ? void 0 : W.x) || 0}px`
+          };
+        }
+      }, f = window.innerWidth - (((m = i.value) == null ? void 0 : m.right) ?? 0) <= (((C = l.value) == null ? void 0 : C.offsetWidth) ?? 0) ? "right" : d.position;
+      v[f](), d.fullSize && (p.value.width = `${((D = a.value) == null ? void 0 : D.clientWidth) ?? 0}px`);
+    };
+    k(
+      () => d.isOpen,
+      (e) => {
+        o.value = e, e && g();
+      }
+    );
+    const $ = async () => r("update:isOpen", !0), y = async () => r("update:isOpen", !1), z = (e) => {
+      var v, f;
+      o.value && !((v = l == null ? void 0 : l.value) != null && v.contains(e.target)) && !((f = a.value) != null && f.contains(e.target)) && y();
+    }, B = () => r("update:isOpen", !o.value);
+    E(() => {
+      document.addEventListener("click", z), window.addEventListener("resize", g), g();
     });
-    const m = c(() => e.position !== "right" && window.innerWidth - (s.value ?? 0) <= 216 ? "right" : e.position), O = c(() => ["dialog", m.value]);
+    const P = L(() => ["dialog"]);
     return {
-      dialogIsOpen: n,
-      getDialogClass: O,
-      dialogElem: a,
-      triggerElem: l,
-      toggleDialog: f,
-      openDialog: d,
-      closeDialog: u
+      dialogIsOpen: o,
+      getDialogClass: P,
+      dialogElem: l,
+      triggerElem: a,
+      dialogStyle: p,
+      toggleDialog: B,
+      openDialog: $,
+      closeDialog: y
     };
-  },
-  watch: {
-    isOpen(e) {
-      this.dialogIsOpen = e;
-    }
   }
 });
 export {
-  D as default
+  b as default
 };

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

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

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

@@ -14,4 +14,6 @@ export interface DropdownListItem {
 export interface DropdownCoreProps {
     isOpen: boolean;
     position: "right" | "left";
+    fullSize?: boolean;
+    id?: string;
 }

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

@@ -2,6 +2,7 @@ import type { DropdownListItem } from "../../Dropdown/Dropdown.types";
 export type DropdownList = {
     key: string;
     value: DropdownListItem[];
+    identifier?: string;
 };
 export type FilterOptions = {
     listItemSeparator?: string;
@@ -16,4 +17,5 @@ export type FilterOptions = {
 export interface DropdownConfigProps {
     dropDownList: DropdownListItem[] | DropdownList[];
     options?: FilterOptions;
+    id?: string;
 }

package/dist/Filter/components/Filter.vue.js

@@ -1,74 +1,72 @@
-import $ from "./Filter.vue2.js";
-import { resolveComponent as m, openBlock as n, createElementBlock as a, createVNode as l, withCtx as s, createElementVNode as t, createTextVNode as i, toDisplayString as d, createCommentVNode as h, Fragment as k, renderList as _, pushScopeId as w, popScopeId as S } from "vue";
+import w from "./Filter.vue2.js";
+import { resolveComponent as m, openBlock as n, createElementBlock as a, createVNode as l, withCtx as s, createElementVNode as t, createTextVNode as d, toDisplayString as i, createCommentVNode as b, Fragment as f, renderList as g, pushScopeId as S, popScopeId as D } from "vue";
 import "./Filter.vue3.js";
-import D from "../../_virtual/_plugin-vue_export-helper.js";
-const C = (e) => (w("data-v-38de30e6"), e = e(), S(), e), T = {
+import T from "../../_virtual/_plugin-vue_export-helper.js";
+const y = (e) => (S("data-v-a64d3c70"), e = e(), D(), e), B = {
   key: 1,
   class: "badge"
-}, B = { class: "filter" }, F = { class: "at-dropdown-header" }, U = { class: "at-dropdown-content" }, N = { class: "item" }, O = {
-  for: "checkAll",
-  class: "checkall-label"
-}, E = /* @__PURE__ */ C(() => /* @__PURE__ */ t("span", { class: "separator" }, null, -1)), L = /* @__PURE__ */ C(() => /* @__PURE__ */ t("span", { class: "separator" }, null, -1)), M = ["for"], P = ["for"], j = { class: "at-dropdown-footer" };
+}, $ = { class: "filter" }, F = { class: "at-dropdown-header" }, U = { class: "at-dropdown-content" }, N = { class: "item" }, O = ["for"], E = /* @__PURE__ */ y(() => /* @__PURE__ */ t("span", { class: "separator" }, null, -1)), L = /* @__PURE__ */ y(() => /* @__PURE__ */ t("span", { class: "separator" }, null, -1)), M = ["for"], P = ["for"], j = { class: "at-dropdown-footer" };
 function q(e, r, G, H, J, K) {
-  var y;
-  const V = m("AtFilterSolidIcon"), A = m("AtCloseSolidIcon"), u = m("AtParagraph"), b = m("AtButton"), f = m("AtCheckbox"), g = m("AtDropDown");
+  var A;
+  const C = m("AtFilterSolidIcon"), h = m("AtCloseSolidIcon"), c = m("AtParagraph"), k = m("AtButton"), I = m("AtCheckbox"), V = m("AtDropDown");
   return n(), a("div", { key: e.keyValue }, [
-    l(g, {
+    l(V, {
+      id: e.id,
       "is-open": e.isOpen,
-      "onUpdate:isOpen": r[3] || (r[3] = (c) => e.isOpen = c),
-      position: (y = e.options) == null ? void 0 : y.position
+      position: (A = e.options) == null ? void 0 : A.position,
+      "onUpdate:isOpen": r[3] || (r[3] = (u) => e.isOpen = u)
     }, {
       trigger: s(() => [
-        l(b, {
+        l(k, {
           id: "dropdown-button",
           variant: e.getButtonColor
         }, {
           default: s(() => {
-            var c;
+            var u;
             return [
               t("section", null, [
-                l(V, {
+                l(C, {
                   size: "16",
                   class: "me-1"
                 }),
-                i(" " + d(((c = e.options) == null ? void 0 : c.buttonText) ?? "Filtros"), 1)
+                d(" " + i(((u = e.options) == null ? void 0 : u.buttonText) ?? "Filtros"), 1)
               ]),
               e.count > 0 ? (n(), a("span", {
                 key: 0,
                 class: "clear-icon",
                 onClick: r[0] || (r[0] = () => e.clear())
               }, [
-                l(A, {
+                l(h, {
                   size: "20",
                   onClick: e.closeDialog
                 }, null, 8, ["onClick"])
-              ])) : h("", !0),
-              e.count > 0 ? (n(), a("span", T, [
-                l(u, { size: "p3" }, {
+              ])) : b("", !0),
+              e.count > 0 ? (n(), a("span", B, [
+                l(c, { size: "p3" }, {
                   default: s(() => [
-                    i(d(e.count), 1)
+                    d(i(e.count), 1)
                   ]),
                   _: 1
                 })
-              ])) : h("", !0)
+              ])) : b("", !0)
             ];
           }),
           _: 1
         }, 8, ["variant"])
       ]),
       default: s(() => {
-        var c;
+        var u;
         return [
-          t("div", B, [
+          t("div", $, [
             t("div", F, [
-              l(u, {
+              l(c, {
                 size: "p1",
                 weight: "bold"
               }, {
                 default: s(() => {
                   var o;
                   return [
-                    i(d((o = e.options) == null ? void 0 : o.title), 1)
+                    d(i((o = e.options) == null ? void 0 : o.title), 1)
                   ];
                 }),
                 _: 1
@@ -78,89 +76,93 @@ function q(e, r, G, H, J, K) {
                 class: "closeIcon",
                 onClick: r[1] || (r[1] = (...o) => e.closeDialog && e.closeDialog(...o))
               }, [
-                l(A, { size: "20" })
+                l(h, { size: "20" })
               ])
             ]),
             t("div", U, [
-              (c = e.options) != null && c.checkAllText ? (n(), a(k, { key: 0 }, [
+              (u = e.options) != null && u.checkAllText ? (n(), a(f, { key: 0 }, [
                 t("div", N, [
-                  l(f, {
-                    id: "checkAll",
+                  l(I, {
+                    id: e.getItemId({ text: "checkAll", value: !1 }),
                     modelValue: e.checkAllModel,
                     "onUpdate:modelValue": r[2] || (r[2] = (o) => e.checkAllModel = o),
+                    "prevent-default": !0,
                     size: "12",
                     labelledby: "checkAll"
-                  }, null, 8, ["modelValue"]),
-                  t("label", O, [
-                    l(u, { size: "p2" }, {
+                  }, null, 8, ["id", "modelValue"]),
+                  t("label", {
+                    for: e.getItemId({ text: "checkAll", value: !1 }),
+                    class: "checkall-label"
+                  }, [
+                    l(c, { size: "p2" }, {
                       default: s(() => {
                         var o;
                         return [
-                          i(d((o = e.options) == null ? void 0 : o.checkAllText), 1)
+                          d(i((o = e.options) == null ? void 0 : o.checkAllText), 1)
                         ];
                       }),
                       _: 1
                     })
-                  ])
+                  ], 8, O)
                 ]),
                 E
-              ], 64)) : h("", !0),
-              (n(!0), a(k, null, _(e.listSeparator, (o, v) => (n(), a("div", {
+              ], 64)) : b("", !0),
+              (n(!0), a(f, null, g(e.listSeparator, (o, v) => (n(), a("div", {
                 key: `${v}`,
                 class: "item-separator"
               }, [
-                l(u, {
+                l(c, {
                   size: "p2",
                   weight: "bold"
                 }, {
                   default: s(() => [
-                    i(d(o.key), 1)
+                    d(i(o.key), 1)
                   ]),
                   _: 2
                 }, 1024),
                 L,
-                (n(!0), a(k, null, _(o.value, (p, z) => (n(), a("div", {
+                (n(!0), a(f, null, g(o.value, (p, z) => (n(), a("div", {
                   key: `${z}`,
                   class: "item"
                 }, [
-                  l(f, {
-                    id: p.text,
+                  l(I, {
+                    id: e.getItemId(p),
                     modelValue: p.value,
-                    "onUpdate:modelValue": (I) => p.value = I,
-                    size: "12",
-                    labelledby: `${p.text}`
+                    "onUpdate:modelValue": (_) => p.value = _,
+                    labelledby: e.getItemId(p),
+                    size: "12"
                   }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "labelledby"]),
                   t("label", {
-                    for: `${p.text}`,
+                    for: e.getItemId(p),
                     class: "item-label"
                   }, [
-                    l(u, { size: "p2" }, {
+                    l(c, { size: "p2" }, {
                       default: s(() => [
-                        i(d(e.getItemText(p)), 1)
+                        d(i(e.getItemText(p)), 1)
                       ]),
                       _: 2
                     }, 1024)
                   ], 8, M)
                 ]))), 128))
               ]))), 128)),
-              (n(!0), a(k, null, _(e.listArray, (o, v) => (n(), a("div", {
+              (n(!0), a(f, null, g(e.listArray, (o, v) => (n(), a("div", {
                 key: `${v}`,
                 class: "item"
               }, [
-                l(f, {
-                  id: o.text,
+                l(I, {
+                  id: e.getItemId(o),
                   modelValue: o.value,
                   "onUpdate:modelValue": (p) => o.value = p,
                   size: "12",
-                  labelledby: `${o.text}`
+                  labelledby: e.getItemId(o)
                 }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "labelledby"]),
                 t("label", {
-                  for: `${o.text}`,
+                  for: e.getItemId(o),
                   class: "item-label"
                 }, [
-                  l(u, { size: "p2" }, {
+                  l(c, { size: "p2" }, {
                     default: s(() => [
-                      i(d(e.getItemText(o)), 1)
+                      d(i(e.getItemText(o)), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -168,7 +170,7 @@ function q(e, r, G, H, J, K) {
               ]))), 128))
             ]),
             t("div", j, [
-              l(b, {
+              l(k, {
                 variant: "secondary",
                 class: "clear-button",
                 onClick: e.clear
@@ -176,19 +178,19 @@ function q(e, r, G, H, J, K) {
                 default: s(() => {
                   var o;
                   return [
-                    i(d(((o = e.options) == null ? void 0 : o.cancelBtnText) ?? "Limpar"), 1)
+                    d(i(((o = e.options) == null ? void 0 : o.cancelBtnText) ?? "Limpar"), 1)
                   ];
                 }),
                 _: 1
               }, 8, ["onClick"]),
-              l(b, {
+              l(k, {
                 class: "save-button",
                 onClick: e.save
               }, {
                 default: s(() => {
                   var o;
                   return [
-                    i(d(((o = e.options) == null ? void 0 : o.saveBtnText) ?? "Filtrar"), 1)
+                    d(i(((o = e.options) == null ? void 0 : o.saveBtnText) ?? "Filtrar"), 1)
                   ];
                 }),
                 _: 1
@@ -198,10 +200,10 @@ function q(e, r, G, H, J, K) {
         ];
       }),
       _: 1
-    }, 8, ["is-open", "position"])
+    }, 8, ["id", "is-open", "position"])
   ]);
 }
-const Y = /* @__PURE__ */ D($, [["render", q], ["__scopeId", "data-v-38de30e6"]]);
+const Y = /* @__PURE__ */ T(w, [["render", q], ["__scopeId", "data-v-a64d3c70"]]);
 export {
   Y as default
 };