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

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

@@ -8,11 +8,25 @@ 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>;
+    getStyle: import("vue").ComputedRef<{
+        top: string;
+        left?: string | undefined;
+        right?: string | undefined;
+        width?: string | undefined;
+    }>;
     toggleDialog: () => void;
     openDialog: () => Promise<void>;
     closeDialog: () => Promise<void>;
@@ -25,10 +39,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 a from "./Dropdown.core.vue2.js";
+import { openBlock as o, createElementBlock as r, createElementVNode as i, normalizeClass as l, renderSlot as s, createCommentVNode as d, 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] = (...n) => e.toggleDialog && e.toggleDialog(...n))
       }, [
-        l(e.$slots, "trigger", {}, void 0, !0)
+        s(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)
+      (o(), g(m, { to: "body" }, [
+        i("div", {
+          id: e.id,
+          ref: "dialogElem",
+          class: l([{ isOpen: e.dialogIsOpen }, "dialog-content"]),
+          style: p(e.getStyle)
+        }, [
+          s(e.$slots, "default", {}, void 0, !0)
+        ], 14, u)
+      ]))
     ], 2)
   ]);
 }
-const E = /* @__PURE__ */ g(n, [["render", p], ["__scopeId", "data-v-078861b0"]]);
+const _ = /* @__PURE__ */ c(a, [["render", $], ["__scopeId", "data-v-7c481c95"]]);
 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 D, ref as s, watch as O, computed as h, onMounted as x } from "vue";
+const W = D({
   name: "AtDropdown",
   props: {
     isOpen: {
@@ -9,37 +9,62 @@ 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(() => {
+  setup(n, { emit: u }) {
+    const o = s(!1);
+    o.value = n.isOpen;
+    const a = s(null), l = s(null);
+    O(
+      () => n.isOpen,
+      (t) => o.value = t
+    );
+    const w = async () => u("update:isOpen", !0), d = async () => {
+      u("update:isOpen", !1);
+    }, m = (t) => {
+      var e, c;
+      o.value && !((e = a == null ? void 0 : a.value) != null && e.contains(t.target)) && !((c = l.value) != null && c.contains(t.target)) && d();
+    }, i = s();
+    O(
+      () => n.isOpen,
+      (t) => {
+        var e;
+        t && (i.value = (e = l.value) == null ? void 0 : e.getBoundingClientRect());
+      }
+    );
+    const y = () => u("update:isOpen", !o.value), S = h(() => {
+      var g, r, p, f, v;
+      const t = ((g = l.value) == null ? void 0 : g.clientWidth) ?? 0, e = {
+        top: `${window.scrollY + (((r = i.value) == null ? void 0 : r.bottom) ?? 0) + 5}px`
+      }, C = (window.innerWidth - (((p = i.value) == null ? void 0 : p.right) ?? 0) <= t ? "right" : n.position) === "left" || n.fullSize ? (f = i.value) == null ? void 0 : f.left : window.innerWidth - (((v = i.value) == null ? void 0 : v.right) ?? 0);
+      return e[n.position] = `${C}px`, n.fullSize && (e.width = `${t}px`), e;
+    });
+    x(() => {
       var t;
-      document.addEventListener("click", p), s.value = (t = document.getElementById("trigger")) == null ? void 0 : t.getBoundingClientRect().right;
+      document.addEventListener("click", m), i.value = (t = l.value) == null ? void 0 : t.getBoundingClientRect();
     });
-    const m = c(() => e.position !== "right" && window.innerWidth - (s.value ?? 0) <= 216 ? "right" : e.position), O = c(() => ["dialog", m.value]);
+    const B = h(() => ["dialog"]);
     return {
-      dialogIsOpen: n,
-      getDialogClass: O,
+      dialogIsOpen: o,
+      getDialogClass: B,
       dialogElem: a,
       triggerElem: l,
-      toggleDialog: f,
-      openDialog: d,
-      closeDialog: u
+      getStyle: S,
+      toggleDialog: y,
+      openDialog: w,
+      closeDialog: d
     };
-  },
-  watch: {
-    isOpen(e) {
-      this.dialogIsOpen = e;
-    }
   }
 });
 export {
-  D as default
+  W 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

@@ -16,4 +16,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
 };

package/dist/Filter/components/Filter.vue2.js

@@ -1,21 +1,21 @@
-import { defineComponent as O, ref as n, computed as P, toRaw as V } from "vue";
+import { defineComponent as P, ref as n, computed as V, toRaw as q } from "vue";
 import { AtCloseSolidIcon as T } from "../../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtCloseSolidIcon/index.js";
-import { AtFilterSolidIcon as q } from "../../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtFilterSolidIcon/index.js";
-import B from "../../Button/Button.vue.js";
-import E from "../../Checkbox/Checkbox.vue.js";
-import M from "../../Dropdown/Dropdown.core.vue.js";
-import { AtTipograph as R } from "../../Tipograph/index.js";
-const _ = {
+import { AtFilterSolidIcon as B } from "../../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtFilterSolidIcon/index.js";
+import E from "../../Button/Button.vue.js";
+import M from "../../Checkbox/Checkbox.vue.js";
+import R from "../../Dropdown/Dropdown.core.vue.js";
+import { AtTipograph as _ } from "../../Tipograph/index.js";
+const $ = {
   AtCloseSolidIcon: T,
-  AtFilterSolidIcon: q
-}, Q = O({
+  AtFilterSolidIcon: B
+}, U = P({
   name: "AtFilter",
   components: {
-    AtDropDown: M,
-    AtParagraph: R.Paragraph,
-    AtButton: B,
-    AtCheckbox: E,
-    ..._
+    AtDropDown: R,
+    AtParagraph: _.Paragraph,
+    AtButton: E,
+    AtCheckbox: M,
+    ...$
   },
   props: {
     dropDownList: {
@@ -25,74 +25,79 @@ const _ = {
     options: {
       type: Object,
       required: !1
+    },
+    id: {
+      type: String,
+      required: !1
     }
   },
   emits: ["update:isOpen", "onSave"],
-  setup(c, { emit: x }) {
+  setup(i, { emit: k, attrs: d }) {
     const C = (e) => {
       if (typeof e.text == "string")
         return e.text;
-    }, i = n(!1), w = () => {
-      i.value = !i.value;
-    }, D = P(() => i.value || u.value > 0 ? "primary" : "secondary"), d = n(!1), p = n([]), h = () => {
-      p.value = c.dropDownList.map(
-        (e) => structuredClone(V(e))
+    }, c = n(!1), w = () => {
+      c.value = !c.value;
+    }, D = V(() => c.value || u.value > 0 ? "primary" : "secondary"), h = n(!1), p = n([]), g = () => {
+      p.value = i.dropDownList.map(
+        (e) => structuredClone(q(e))
       );
     };
-    h();
-    const r = n(), l = n(), A = () => {
-      r.value = [], l.value = [], p.value.some((e) => "key" in e) ? r.value = p.value : l.value = p.value;
+    g();
+    const a = n(), l = n(), A = () => {
+      a.value = [], l.value = [], p.value.some((e) => "key" in e) ? a.value = p.value : l.value = p.value;
     };
     A();
-    const g = (e) => {
+    const x = (e) => {
       var t, o;
-      (t = r.value) == null || t.map(
-        (s) => s.value.map((a) => a.value = e)
-      ), (o = l.value) == null || o.map((s) => s.value = e);
-    }, v = () => i.value = !1, L = (e = !0) => {
-      d.value = !1, g(!1), k(), y(), e && setTimeout(v, 1);
+      (t = a.value) == null || t.map(
+        (r) => r.value.map((s) => s.value = e)
+      ), (o = l.value) == null || o.map((r) => r.value = e);
+    }, v = () => c.value = !1, L = (e = !0) => {
+      h.value = !1, x(!1), I(), y(), e && setTimeout(v, 1);
     }, S = () => {
-      var o, s;
-      const e = (o = r.value) == null ? void 0 : o.reduce(
-        (a, { key: b, value: m }) => {
-          const F = m == null ? void 0 : m.filter((f) => f.value).map((f) => f.text);
-          return a[b] = F, a;
+      var o, r;
+      const e = (o = a.value) == null ? void 0 : o.reduce(
+        (s, { key: F, value: f }) => {
+          const O = f == null ? void 0 : f.filter((m) => m.value).map((m) => m.text);
+          return s[F] = O, s;
         },
         {}
-      ), t = (s = l.value) == null ? void 0 : s.filter((a) => a.value).map((a) => a.text);
+      ), t = (r = l.value) == null ? void 0 : r.filter((s) => s.value).map((s) => s.text);
       return t != null && t.length ? t : e;
     }, y = () => {
       var t, o;
       const e = (t = l.value) != null && t.length ? l.value : (
         // .filter((item) => item.value)
-        r.value
+        a.value
       );
-      k(), v(), x(
+      I(), v(), k(
         "onSave",
-        (o = c.options) != null && o.returnOnlyChecked && (e != null && e.length) ? S() : e
+        (o = i.options) != null && o.returnOnlyChecked && (e != null && e.length) ? S() : e
       );
-    }, u = n(0), k = () => {
+    }, u = n(0), I = () => {
       var e, t;
-      u.value = 0, u.value += ((e = l.value) == null ? void 0 : e.filter((o) => o.value).length) ?? 0, (t = r.value) == null || t.forEach(
+      u.value = 0, u.value += ((e = l.value) == null ? void 0 : e.filter((o) => o.value).length) ?? 0, (t = a.value) == null || t.forEach(
         (o) => o.value.forEach(
-          (s) => s.value ? u.value++ : u
+          (r) => r.value ? u.value++ : u
         )
       );
-    }, I = n(0);
+    }, b = n(0);
     return {
-      props: c,
+      props: i,
       list: p,
-      listSeparator: r,
+      listSeparator: a,
       listArray: l,
-      checkAllModel: d,
-      isOpen: i,
+      checkAllModel: h,
+      isOpen: c,
       getButtonColor: D,
       count: u,
-      keyValue: I,
-      resetList: h,
+      keyValue: b,
+      getItemId: (e) => d.id ? `${d.id}-${e.text}` : e.text,
+      resetList: g,
       setListProps: A,
       toggleDropdown: w,
-      setAllCheckboxValues: g,
+      setAllCheckboxValues: x,
       clear: L,
       getItemText: C,
       closeDialog: v,
@@ -100,8 +105,8 @@ const _ = {
     };
   },
   watch: {
-    checkAllModel(c) {
-      this.setAllCheckboxValues(c);
+    checkAllModel(i) {
+      this.setAllCheckboxValues(i);
     },
     dropDownList() {
       this.resetList(), this.clear(!1), this.setListProps(), this.keyValue++;
@@ -109,5 +114,5 @@ const _ = {
   }
 });
 export {
-  Q as default
+  U as default
 };