@agrotools1/at-components 0.5.0 → 0.5.1-2

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/DataTable/DataTable.d.ts

@@ -40,7 +40,12 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"center" | "left" | "right">;
         default: string;
     };
+    isLoading: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
 }, {
+    reactiveIsLoading: import("vue").ComputedRef<boolean>;
     tableData: import("vue").Ref<{
         [key: string]: unknown;
     }[]>;
@@ -104,6 +109,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"center" | "left" | "right">;
         default: string;
     };
+    isLoading: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:selected-items"?: ((items: any[]) => any) | undefined;
     "onUpdate:table-data"?: ((data: TableData) => any) | undefined;
@@ -123,5 +132,6 @@ declare const _default: import("vue").DefineComponent<{
     } | undefined;
     keyExtractor: (item: any) => string;
     columnsClasses: string[];
+    isLoading: boolean;
 }, {}>;
 export default _default;

package/dist/DataTable/DataTable.vue.js

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

package/dist/DataTable/DataTable.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent as T, ref as m, reactive as k, provide as h, readonly as K, inject as j, watch as E, onMounted as x, watchEffect as b, h as O } from "vue";
-import q from "../Checkbox/Checkbox.vue.js";
-import F from "../Paginator/Paginator.vue.js";
+import { defineComponent as T, ref as d, reactive as k, provide as h, readonly as K, inject as j, watch as E, onMounted as x, watchEffect as b, h as O, computed as q } from "vue";
+import F from "../Checkbox/Checkbox.vue.js";
+import L from "../Paginator/Paginator.vue.js";
 import { AtTipograph as P } from "../Tipograph/index.js";
 import V from "./Column/Column.vue.js";
 const H = T({
@@ -8,7 +8,7 @@ const H = T({
   components: {
     AtText: P.Title,
     AtColumn: V,
-    AtPaginator: F
+    AtPaginator: L
   },
   inheritAttrs: !1,
   props: {
@@ -45,6 +45,10 @@ const H = T({
     alignColumns: {
       type: String,
       default: "left"
+    },
+    isLoading: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: {
@@ -52,26 +56,26 @@ const H = T({
     "update:table-data": (e) => Array.isArray(e),
     "update:table-cell": (e) => typeof e == "object"
   },
-  setup(e, d) {
-    const u = m(e.value), p = m([...u.value]), f = m([]), c = m(
+  setup(e, m) {
+    const u = d(e.value), p = d([...u.value]), f = d([]), c = d(
       null
-    ), s = k([]), y = (t) => {
-      s.includes(t) || s.push(t);
+    ), r = k([]), y = (t) => {
+      r.includes(t) || r.push(t);
     };
     h("columns", {
-      columns: K(s),
+      columns: K(r),
       updateColumn: y
     }), h("alignColumns", e.alignColumns), h("tableData", u);
     const w = j("columns", {
-      columns: s,
+      columns: r,
       updateColumn: y
-    }), C = (t) => Object.entries(t), r = (t) => {
+    }), g = (t) => Object.entries(t), s = (t) => {
       try {
         return e.keyExtractor(t);
       } catch (a) {
         console.warn("AtDataTable: Não foi possível extrair a key: ", a);
       }
-    }, S = (t, a) => {
+    }, C = (t, a) => {
       var l;
       const o = t.target;
       if ((l = e.withEditableFields) != null && l.includes(a)) {
@@ -81,23 +85,23 @@ const H = T({
     }, v = (t) => {
       f.value = t;
       const a = [...e.value].filter((o) => {
-        const l = r(o);
+        const l = s(o);
         return [...f.value].includes(l);
       });
       if (c.value) {
         const { element: o, item: l } = c.value, n = a.find(
-          (i) => r(i) === r(l)
+          (i) => s(i) === s(l)
         );
         o.setAttribute("aria-selected", JSON.stringify(!!n));
       }
-      d.emit("update:selected-items", Array.from(a));
-    }, g = (t, a) => {
+      m.emit("update:selected-items", Array.from(a));
+    }, S = (t, a) => {
       var i;
       const o = t.target, { value: l } = o, n = (i = c.value) == null ? void 0 : i.item;
       n && (n[a] = l, u.value = u.value.map((A) => {
-        const D = r(A), I = r(n);
+        const D = s(A), I = s(n);
         return D === I ? n : A;
-      }), d.emit("update:table-data", u.value), d.emit("update:table-cell", {
+      }), m.emit("update:table-data", u.value), m.emit("update:table-cell", {
         field: a,
         value: l
       }));
@@ -111,15 +115,15 @@ const H = T({
       e.withDefaultSelectedItems && v([...e.withDefaultSelectedItems]);
     }), b(() => {
       e.withSelection ? u.value = [...e.value].map((t) => ({
-        selection: () => O(q, {
+        selection: () => O(F, {
           modelValue: f.value,
           "onUpdate:modelValue": (a) => v(a),
-          val: r(t)
+          val: s(t)
         }),
         ...t
       })) : u.value = [...e.value];
     }), b(() => {
-      const t = [...s], a = [...u.value].map((o) => {
+      const t = [...r], a = [...u.value].map((o) => {
         const l = {}, n = Object.keys({ ...o });
         for (const i of t)
           n.includes(i) && (l[i] = o[i]);
@@ -127,17 +131,18 @@ const H = T({
       });
       p.value = a;
     }), {
+      reactiveIsLoading: q(() => e.isLoading),
       tableData: u,
       activeTableData: p,
       columns: w.columns,
       updateColumn: w.updateColumn,
       internalUpdateColumn: y,
-      internalColumns: s,
+      internalColumns: r,
       lastHoveredTr: c,
-      getEntries: C,
-      extractKey: r,
-      updateOnKeyDown: g,
-      handleTrClick: S
+      getEntries: g,
+      extractKey: s,
+      updateOnKeyDown: S,
+      handleTrClick: C
     };
   }
 });

package/dist/DataTable/index.d.ts

@@ -39,7 +39,12 @@ export declare const AtDataTable: {
             type: import("vue").PropType<"center" | "left" | "right">;
             default: string;
         };
+        isLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }, {
+        reactiveIsLoading: import("vue").ComputedRef<boolean>;
         tableData: import("vue").Ref<{
             [key: string]: unknown;
         }[]>;
@@ -107,6 +112,10 @@ export declare const AtDataTable: {
             type: import("vue").PropType<"center" | "left" | "right">;
             default: string;
         };
+        isLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         "onUpdate:selected-items"?: ((items: any[]) => any) | undefined;
         "onUpdate:table-data"?: ((data: {
@@ -128,6 +137,7 @@ export declare const AtDataTable: {
         } | undefined;
         keyExtractor: (item: any) => string;
         columnsClasses: string[];
+        isLoading: boolean;
     }, {}>;
     Column: import("vue").DefineComponent<{
         field: {

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;
 }