energy-components 1.23.0 → 2.0.0-beta.0

package/dist/components/pagination.es.js

@@ -1,17 +1,17 @@
-import { defineComponent as J, toRefs as K, ref as Q, computed as o, watch as W, onBeforeMount as X, createElementBlock as c, openBlock as r, createElementVNode as b, createCommentVNode as k, createBlock as x, createVNode as P, Fragment as Y, renderList as Z, unref as C, toDisplayString as B } from "vue";
+import { defineComponent as z, toRefs as G, ref as J, computed as r, watch as K, onBeforeMount as Q, createElementBlock as f, openBlock as u, createElementVNode as m, createCommentVNode as P, createBlock as x, createVNode as k, Fragment as W, renderList as X, unref as C, toDisplayString as B } from "vue";
 import p from "./actionButton.es.js";
-import T from "./dropdown.es.js";
-import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/pagination.css';const ee = ["id"], ae = { class: "rds-e-pagination" }, le = {
+import Y from "./dropdown.es.js";
+import { _ as Z } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/pagination.css';const ee = ["id"], ae = { class: "rds-e-pagination" }, te = {
   key: 0,
   class: "rds-e-pagination__item rds-e-pagination__item-elipsis"
-}, ie = {
+}, le = {
   key: 0,
   class: "rds-e-pagination__dropdown"
-}, te = {
+}, ie = {
   key: 0,
   class: "rds-e-pagination-leyend"
-}, ne = /* @__PURE__ */ J({
+}, ne = /* @__PURE__ */ z({
   __name: "pagination",
   props: {
     /**
@@ -110,198 +110,198 @@ import './style/pagination.css';const ee = ["id"], ae = { class: "rds-e-paginati
     }
   },
   emits: ["pageChanged", "ellipsisClicked"],
-  setup(s, { expose: L, emit: M }) {
-    const h = s, $ = M, {
-      itemsPerPage: g,
-      totalItems: i,
-      totalPages: d,
-      hideLeyend: E,
-      disableFirstLoad: V,
-      enableEllipsis: _,
+  setup(n, { expose: L, emit: I }) {
+    const b = n, $ = I, {
+      itemsPerPage: c,
+      totalItems: s,
+      totalPages: h,
+      hideLeyend: M,
+      disableFirstLoad: E,
+      enableEllipsis: V,
       enablePageDropdown: w,
       pageDropdownLabel: S
-    } = K(h), t = Q(h.currentPage), m = o(() => typeof (i == null ? void 0 : i.value) == "number" && i.value >= 0), v = o(() => m.value && typeof (i == null ? void 0 : i.value) == "number" ? i.value <= 0 || g.value <= 0 ? 1 : Math.ceil(i.value / g.value) : typeof (d == null ? void 0 : d.value) == "number" && d.value > 0 ? d.value : (typeof (d == null ? void 0 : d.value) > "u" && typeof (i == null ? void 0 : i.value) > "u" && console.warn("[RDSPagination] Props `totalItems` o `totalPages` son requeridas."), 1)), F = o(() => m.value && !E.value && typeof (i == null ? void 0 : i.value) == "number" && i.value > 0), R = o(() => !m.value || typeof (i == null ? void 0 : i.value) != "number" || i.value === 0 ? 0 : (t.value - 1) * g.value + 1), q = o(() => {
-      if (!m.value || typeof (i == null ? void 0 : i.value) != "number") return 0;
-      const a = t.value * g.value;
-      return Math.min(a, i.value);
-    }), D = o(() => t.value === 1), N = o(() => t.value === v.value), j = o(() => {
-      const a = [], e = v.value, l = t.value;
-      if (!_.value || w.value) {
+    } = G(b), l = J(b.currentPage), g = r(() => typeof s?.value == "number" && s.value >= 0), d = r(() => g.value && typeof s?.value == "number" ? s.value <= 0 || c.value <= 0 ? 1 : Math.ceil(s.value / c.value) : typeof h?.value == "number" && h.value > 0 ? h.value : (typeof h?.value > "u" && typeof s?.value > "u" && console.warn("[RDSPagination] Props `totalItems` o `totalPages` son requeridas."), 1)), _ = r(() => g.value && !M.value && typeof s?.value == "number" && s.value > 0), F = r(() => !g.value || typeof s?.value != "number" || s.value === 0 ? 0 : (l.value - 1) * c.value + 1), R = r(() => {
+      if (!g.value || typeof s?.value != "number") return 0;
+      const a = l.value * c.value;
+      return Math.min(a, s.value);
+    }), D = r(() => l.value === 1), N = r(() => l.value === d.value), q = r(() => {
+      const a = [], e = d.value, t = l.value;
+      if (!V.value || w.value) {
         if (e <= 3)
-          for (let n = 1; n <= e; n++)
-            a.push(n);
-        else l === 1 ? a.push(1, 2, Math.min(3, e)) : l === e ? a.push(Math.max(1, e - 2), e - 1, e) : a.push(l - 1, l, l + 1);
-        return [...new Set(a)].filter((n) => typeof n == "number" && n >= 1 && n <= e);
+          for (let i = 1; i <= e; i++)
+            a.push(i);
+        else t === 1 ? a.push(1, 2, Math.min(3, e)) : t === e ? a.push(Math.max(1, e - 2), e - 1, e) : a.push(t - 1, t, t + 1);
+        return [...new Set(a)].filter((i) => typeof i == "number" && i >= 1 && i <= e);
       }
       if (e <= 5) {
-        for (let n = 1; n <= e; n++)
-          a.push(n);
+        for (let i = 1; i <= e; i++)
+          a.push(i);
         return a;
       }
-      return a.push(1), l <= 3 ? (a.push(2, 3), e > 4 && a.push("ellipsis_end"), a.push(e)) : l >= e - 2 ? (e > 4 && a.push("ellipsis_start"), a.push(e - 2, e - 1, e)) : (a.push("ellipsis_start"), a.push(l - 1, l, l + 1), a.push("ellipsis_end"), a.push(e)), a.filter((n, u, y) => y.indexOf(n) === u);
-    }), A = o(() => {
-      const a = v.value;
-      return Array.from({ length: a }, (e, l) => String(l + 1));
-    }), O = (a) => {
-      const e = v.value, l = t.value, n = [];
+      return a.push(1), t <= 3 ? (a.push(2, 3), e > 4 && a.push("ellipsis_end"), a.push(e)) : t >= e - 2 ? (e > 4 && a.push("ellipsis_start"), a.push(e - 2, e - 1, e)) : (a.push("ellipsis_start"), a.push(t - 1, t, t + 1), a.push("ellipsis_end"), a.push(e)), a.filter((i, o, y) => y.indexOf(i) === o);
+    }), j = r(() => {
+      const a = d.value;
+      return Array.from({ length: a }, (e, t) => String(t + 1));
+    }), T = (a) => {
+      const e = d.value, t = l.value, i = [];
       if (a === "ellipsis_start")
-        for (let u = 2; u < l - 1; u++)
-          n.push(u);
+        for (let o = 2; o < t - 1; o++)
+          i.push(o);
       else if (a === "ellipsis_end")
-        for (let u = l + 2; u < e; u++)
-          n.push(u);
-      return n;
-    }, U = (a) => {
-      const e = O(a);
+        for (let o = t + 2; o < e; o++)
+          i.push(o);
+      return i;
+    }, A = (a) => {
+      const e = T(a);
       $("ellipsisClicked", {
         hiddenPages: e,
         ellipsisType: a,
-        currentPage: t.value,
-        totalPages: v.value
+        currentPage: l.value,
+        totalPages: d.value
       });
-    }, H = (a) => {
-      let e = t.value;
-      const l = v.value;
+    }, O = (a) => {
+      let e = l.value;
+      const t = d.value;
       if ("navigator" in a)
         switch (a.navigator) {
           case "next":
-            t.value < l && (e = t.value + 1);
+            l.value < t && (e = l.value + 1);
             break;
           case "prev":
-            t.value > 1 && (e = t.value - 1);
+            l.value > 1 && (e = l.value - 1);
             break;
           case "first":
-            t.value !== 1 && (e = 1);
+            l.value !== 1 && (e = 1);
             break;
           case "last":
-            t.value !== l && (e = l);
+            l.value !== t && (e = t);
             break;
         }
-      else "page" in a && typeof a.page == "number" && a.page >= 1 && a.page <= l && a.page !== t.value && (e = a.page);
-      return e !== t.value ? (t.value = e, !0) : !1;
-    }, f = (a, e = !1) => {
-      if (H(a) || e) {
-        const n = g.value, u = (t.value - 1) * n;
-        let y = u + n;
-        m.value && typeof (i == null ? void 0 : i.value) == "number" && (y = Math.min(u + n, i.value));
-        const G = {
+      else "page" in a && typeof a.page == "number" && a.page >= 1 && a.page <= t && a.page !== l.value && (e = a.page);
+      return e !== l.value ? (l.value = e, !0) : !1;
+    }, v = (a, e = !1) => {
+      if (O(a) || e) {
+        const i = c.value, o = (l.value - 1) * i;
+        let y = o + i;
+        g.value && typeof s?.value == "number" && (y = Math.min(o + i, s.value));
+        const H = {
           ...a,
-          page: t.value,
-          offset: u,
-          limit: n,
+          page: l.value,
+          offset: o,
+          limit: i,
           end: y,
           reset: e || void 0
         };
-        $("pageChanged", G);
+        $("pageChanged", H);
       }
-    }, z = (a) => {
+    }, U = (a) => {
       const e = Number(a);
-      e !== t.value && e >= 1 && e <= v.value && f({ page: e });
+      e !== l.value && e >= 1 && e <= d.value && v({ page: e });
     };
-    return W(() => h.currentPage, (a) => {
-      a !== t.value && a >= 1 && a <= v.value && (t.value = a);
-    }), X(() => {
-      V.value || f({ navigator: "first", page: 1 });
+    return K(() => b.currentPage, (a) => {
+      a !== l.value && a >= 1 && a <= d.value && (l.value = a);
+    }), Q(() => {
+      E.value || v({ navigator: "first", page: 1 });
     }), L({
       /** Resetea la paginación a la primera página y emite el evento pageChanged. */
       resetPagination: () => {
-        t.value !== 1 && f({ page: 1 }, !0);
+        l.value !== 1 && v({ page: 1 }, !0);
       }
-    }), (a, e) => (r(), c("div", {
-      id: s.id,
+    }), (a, e) => (u(), f("div", {
+      id: n.id,
       class: "rds-e-pagination-container rds-flex"
     }, [
-      b("ul", ae, [
-        b("li", null, [
-          s.jumpTo ? (r(), x(p, {
+      m("ul", ae, [
+        m("li", null, [
+          n.jumpTo ? (u(), x(p, {
             key: 0,
-            id: s.id ? `${s.id}-first` : void 0,
+            id: n.id ? `${n.id}-first` : void 0,
             class: "rds-e-pagination__actionBtn",
             variant: "ghost",
             small: "",
             icon: "back",
             "aria-label": "First Page",
             disabled: D.value,
-            onClick: e[0] || (e[0] = (l) => f({ navigator: "first" }))
-          }, null, 8, ["id", "disabled"])) : k("", !0)
+            onClick: e[0] || (e[0] = (t) => v({ navigator: "first" }))
+          }, null, 8, ["id", "disabled"])) : P("", !0)
         ]),
-        b("li", null, [
-          P(p, {
-            id: s.id ? `${s.id}-prev` : void 0,
+        m("li", null, [
+          k(p, {
+            id: n.id ? `${n.id}-prev` : void 0,
             class: "rds-e-pagination__actionBtn",
             variant: "ghost",
             small: "",
             icon: "arrow_left",
             "aria-label": "Prev page",
             disabled: D.value,
-            onClick: e[1] || (e[1] = (l) => f({ navigator: "prev" }))
+            onClick: e[1] || (e[1] = (t) => v({ navigator: "prev" }))
           }, null, 8, ["id", "disabled"])
         ]),
-        (r(!0), c(Y, null, Z(j.value, (l) => (r(), c("li", { key: l }, [
-          typeof l == "string" && l.includes("ellipsis") ? (r(), c("div", le, [
-            P(p, {
-              id: s.id ? `${s.id}-ellipsis-${l}` : void 0,
+        (u(!0), f(W, null, X(q.value, (t) => (u(), f("li", { key: t }, [
+          typeof t == "string" && t.includes("ellipsis") ? (u(), f("div", te, [
+            k(p, {
+              id: n.id ? `${n.id}-ellipsis-${t}` : void 0,
               variant: "ghost",
               small: "",
               text: "...",
               icon: "",
               "aria-label": "Más páginas",
-              onClick: (n) => U(l)
+              onClick: (i) => A(t)
             }, null, 8, ["id", "onClick"])
-          ])) : (r(), x(p, {
+          ])) : (u(), x(p, {
             key: 1,
-            id: s.id ? `${s.id}-page-${l}` : void 0,
+            id: n.id ? `${n.id}-page-${t}` : void 0,
             class: "rds-e-pagination__item",
-            variant: l === t.value && h.selected ? "primary" : "ghost",
+            variant: t === l.value && b.selected ? "primary" : "ghost",
             small: "",
-            text: String(l),
+            text: String(t),
             icon: "",
-            "aria-label": `page number ${l}`,
-            onClick: (n) => f({ page: l })
+            "aria-label": `page number ${t}`,
+            onClick: (i) => v({ page: t })
           }, null, 8, ["id", "variant", "text", "aria-label", "onClick"]))
         ]))), 128)),
-        b("li", null, [
-          P(p, {
-            id: s.id ? `${s.id}-next` : void 0,
+        m("li", null, [
+          k(p, {
+            id: n.id ? `${n.id}-next` : void 0,
             class: "rds-e-pagination__actionBtn",
             variant: "ghost",
             icon: "arrow_right",
             small: "",
             "aria-label": "next page",
             disabled: N.value,
-            onClick: e[2] || (e[2] = (l) => f({ navigator: "next" }))
+            onClick: e[2] || (e[2] = (t) => v({ navigator: "next" }))
           }, null, 8, ["id", "disabled"])
         ]),
-        b("li", null, [
-          s.jumpTo ? (r(), x(p, {
+        m("li", null, [
+          n.jumpTo ? (u(), x(p, {
             key: 0,
-            id: s.id ? `${s.id}-last` : void 0,
+            id: n.id ? `${n.id}-last` : void 0,
             class: "rds-e-pagination__actionBtn",
             variant: "ghost",
             small: "",
             icon: "last",
             "aria-label": "last page",
             disabled: N.value,
-            onClick: e[3] || (e[3] = (l) => f({ navigator: "last" }))
-          }, null, 8, ["id", "disabled"])) : k("", !0)
+            onClick: e[3] || (e[3] = (t) => v({ navigator: "last" }))
+          }, null, 8, ["id", "disabled"])) : P("", !0)
         ]),
-        C(w) ? (r(), c("li", ie, [
-          P(T, {
+        C(w) ? (u(), f("li", le, [
+          k(Y, {
             id: "rds-dropdown-pagination",
-            modelValue: t.value,
-            "onUpdate:modelValue": e[4] || (e[4] = (l) => t.value = l),
-            label: C(S) ? C(S) : t.value.toString(),
-            options: A.value,
+            modelValue: l.value,
+            "onUpdate:modelValue": e[4] || (e[4] = (t) => l.value = t),
+            label: C(S) ? C(S) : l.value.toString(),
+            options: j.value,
             small: "",
             "text-only": "",
-            onSelect: z
+            onSelect: U
           }, null, 8, ["modelValue", "label", "options"])
-        ])) : k("", !0)
+        ])) : P("", !0)
       ]),
-      F.value ? (r(), c("p", te, " Mostrando resultados " + B(R.value) + "-" + B(q.value) + " de " + B(C(i)), 1)) : k("", !0)
+      _.value ? (u(), f("p", ie, " Mostrando resultados " + B(F.value) + "-" + B(R.value) + " de " + B(C(s)), 1)) : P("", !0)
     ], 8, ee));
   }
-}), de = /* @__PURE__ */ I(ne, [["__scopeId", "data-v-755635ef"]]);
+}), de = /* @__PURE__ */ Z(ne, [["__scopeId", "data-v-755635ef"]]);
 export {
   de as default
 };

package/dist/components/persistentToast.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as f, toRefs as y, computed as g, createElementBlock as t, openBlock as s, normalizeClass as h, createElementVNode as r, createCommentVNode as o, createVNode as a, toDisplayString as c, renderSlot as d } from "vue";
-import { R as l } from "./icon-svg-K8-vLJgV.js";
+import { I as l } from "./icon-svg-DxlNo61Q.js";
 import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/persistentToast.css';const S = ["id"], $ = { class: "alert" }, C = {
   key: 0,
@@ -7,16 +7,16 @@ import './style/persistentToast.css';const S = ["id"], $ = { class: "alert" }, C
 }, q = { class: "rds-e-persistent-toast__wrapper" }, w = { class: "rds-e-persistent-toast__title__wrapper" }, b = {
   key: 0,
   class: "rds-e-persistent-toast__title rds-mb-03"
-}, R = {
+}, T = {
   key: 1,
   class: "rds-e-persistent-toast__text"
-}, T = {
+}, B = {
   key: 2,
   class: "rds-e-persistent-toast__content-section"
-}, B = {
+}, I = {
   key: 0,
   class: "rds-e-persistent-toast__action-section"
-}, D = /* @__PURE__ */ f({
+}, N = /* @__PURE__ */ f({
   __name: "persistent-toast",
   props: {
     /**
@@ -99,7 +99,7 @@ import './style/persistentToast.css';const S = ["id"], $ = { class: "alert" }, C
     ), v = () => {
       m("onCloseToastAction");
     };
-    return (i, N) => (s(), t("div", {
+    return (i, V) => (s(), t("div", {
       id: e.id,
       class: h(["rds-e-persistent-toast", p.value]),
       role: "alert"
@@ -115,8 +115,8 @@ import './style/persistentToast.css';const S = ["id"], $ = { class: "alert" }, C
         r("div", q, [
           r("div", w, [
             e.title ? (s(), t("div", b, c(e.title), 1)) : o("", !0),
-            e.message && !i.$slots["content-section"] ? (s(), t("p", R, c(e.message), 1)) : o("", !0),
-            i.$slots["content-section"] ? (s(), t("div", T, [
+            e.message && !i.$slots["content-section"] ? (s(), t("p", T, c(e.message), 1)) : o("", !0),
+            i.$slots["content-section"] ? (s(), t("div", B, [
               d(i.$slots, "content-section", {}, void 0, !0)
             ])) : o("", !0)
           ]),
@@ -133,12 +133,12 @@ import './style/persistentToast.css';const S = ["id"], $ = { class: "alert" }, C
           ])) : o("", !0)
         ])
       ]),
-      i.$slots["action-section"] ? (s(), t("div", B, [
+      i.$slots["action-section"] ? (s(), t("div", I, [
         d(i.$slots, "action-section", {}, void 0, !0)
       ])) : o("", !0)
     ], 10, S));
   }
-}), I = /* @__PURE__ */ k(D, [["__scopeId", "data-v-9c8ae892"]]);
+}), R = /* @__PURE__ */ k(N, [["__scopeId", "data-v-9c8ae892"]]);
 export {
-  I as default
+  R as default
 };

package/dist/components/popover.es.js

@@ -1,6 +1,6 @@
-import { useSlots as V, computed as y, ref as _, watch as A, nextTick as L, onBeforeUnmount as U, createElementBlock as c, openBlock as a, createElementVNode as B, createBlock as H, renderSlot as h, Teleport as j, createCommentVNode as C, normalizeStyle as G, normalizeClass as R, unref as W, Fragment as q, renderList as J, toDisplayString as K } from "vue";
-import { o as Q, f as X, s as Y, b as Z, u as ee, a as te } from "./floating-ui.vue-DHEoOe5S.js";
-import { R as oe } from "./icon-svg-K8-vLJgV.js";
+import { useSlots as V, computed as y, ref as _, watch as A, nextTick as L, onBeforeUnmount as U, createElementBlock as c, openBlock as a, createElementVNode as B, createBlock as H, renderSlot as h, Teleport as j, createCommentVNode as C, normalizeStyle as G, normalizeClass as F, unref as W, Fragment as q, renderList as J, toDisplayString as K } from "vue";
+import { o as Q, f as X, s as Y, b as Z, u as ee, a as te } from "./floating-ui.vue-C-DgKOwt.js";
+import { I as oe } from "./icon-svg-DxlNo61Q.js";
 import { _ as ne } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/popover.css';const le = { class: "rds-e-popover" }, se = {
   key: 1,
@@ -87,8 +87,8 @@ import './style/popover.css';const le = { class: "rds-e-popover" }, se = {
      */
     "close"
   ],
-  setup(u, { expose: F, emit: P }) {
-    const t = u, p = P, x = V(), k = y(() => !!x.default), n = _(!1), i = _(null), l = _(null), D = y(() => {
+  setup(u, { expose: P, emit: x }) {
+    const t = u, p = x, M = V(), k = y(() => !!M.default), n = _(!1), i = _(null), l = _(null), R = y(() => {
       const e = [
         Q(t.offsetSpace)
       ];
@@ -107,12 +107,12 @@ import './style/popover.css';const le = { class: "rds-e-popover" }, se = {
           }
         })
       ), e;
-    }), { floatingStyles: M, update: $ } = ee(
+    }), { floatingStyles: $, update: D } = ee(
       i,
       l,
       {
         placement: y(() => t.placement),
-        middleware: D,
+        middleware: R,
         whileElementsMounted: te
       }
     );
@@ -132,22 +132,22 @@ import './style/popover.css';const le = { class: "rds-e-popover" }, se = {
       (e.bottom < 0 || e.top > window.innerHeight) && r();
     };
     const d = async () => {
-      n.value ? r() : (n.value = !0, p("open"), await L(), $(), setTimeout(() => {
+      n.value ? r() : (n.value = !0, p("open"), await L(), D(), setTimeout(() => {
         document.addEventListener("click", v), document.addEventListener("keydown", m), t.closeOnTriggerHidden && document.addEventListener("scroll", g, !0);
       }));
-    }, N = () => {
+    }, I = () => {
       t.triggerOnHover && (o && (clearTimeout(o), o = null), n.value || d());
     }, T = () => {
       t.triggerOnHover && (o && (clearTimeout(o), o = null), o = setTimeout(() => {
         l.value && l.value.matches(":hover, :focus-within") || r();
       }, 120));
-    }, z = (e) => {
+    }, N = (e) => {
       t.triggerOnHover ? (e.preventDefault(), e.stopPropagation(), n.value || d()) : d();
     }, E = () => {
-      N();
+      I();
     }, w = () => {
       T();
-    }, I = () => {
+    }, z = () => {
       l.value && (l.value.addEventListener("mouseenter", () => {
         o && (clearTimeout(o), o = null);
       }), l.value.addEventListener("mouseleave", () => {
@@ -155,12 +155,12 @@ import './style/popover.css';const le = { class: "rds-e-popover" }, se = {
       }));
     };
     A(n, (e) => {
-      e && t.triggerOnHover && L(() => I());
+      e && t.triggerOnHover && L(() => z());
     });
     const O = (e) => {
       p("select", e), r();
     };
-    return U(b), F({
+    return U(b), P({
       toggle: d,
       close: r,
       isOpen: n
@@ -169,7 +169,7 @@ import './style/popover.css';const le = { class: "rds-e-popover" }, se = {
         ref_key: "referenceRef",
         ref: i,
         class: "rds-e-popover__trigger-btn",
-        onClick: z,
+        onClick: N,
         onMouseenter: E,
         onMouseleave: w,
         onFocus: E,
@@ -185,8 +185,8 @@ import './style/popover.css';const le = { class: "rds-e-popover" }, se = {
           key: 0,
           ref_key: "floatingRef",
           ref: l,
-          class: R(["rds-e-popover__content", { "rds-e-popover__content--no-styles": k.value }]),
-          style: G(W(M))
+          class: F(["rds-e-popover__content", { "rds-e-popover__content--no-styles": k.value }]),
+          style: G(W($))
         }, [
           k.value ? h(e.$slots, "default", { key: 0 }, void 0, !0) : (a(), c("ul", se, [
             (a(!0), c(q, null, J(u.items, (s, f) => h(e.$slots, "item", {
@@ -196,7 +196,7 @@ import './style/popover.css';const le = { class: "rds-e-popover" }, se = {
             }, () => [
               (a(), c("li", {
                 key: f,
-                class: R(["rds-e-popover__item rds-body-02-bold", { "rds-e-popover__item--destructive": s.isDestructive }]),
+                class: F(["rds-e-popover__item rds-body-02-bold", { "rds-e-popover__item--destructive": s.isDestructive }]),
                 onClick: (ce) => O(s)
               }, [
                 s.icon ? (a(), H(oe, {

package/dist/components/popoverMenu.es.js

@@ -1,6 +1,6 @@
-import { defineComponent as N, useSlots as U, computed as h, ref as k, watch as j, nextTick as B, onBeforeUnmount as G, createElementBlock as u, openBlock as a, createElementVNode as L, createBlock as C, renderSlot as y, Teleport as W, createCommentVNode as H, normalizeStyle as q, normalizeClass as R, unref as A, Fragment as J, renderList as K, toDisplayString as Q } from "vue";
-import { o as X, f as Y, s as Z, b as ee, u as te, a as oe } from "./floating-ui.vue-DHEoOe5S.js";
-import { R as ne } from "./icon-svg-K8-vLJgV.js";
+import { defineComponent as N, useSlots as U, computed as h, ref as k, watch as j, nextTick as L, onBeforeUnmount as G, createElementBlock as u, openBlock as a, createElementVNode as S, createBlock as C, renderSlot as y, Teleport as W, createCommentVNode as H, normalizeStyle as q, normalizeClass as F, unref as A, Fragment as J, renderList as K, toDisplayString as Q } from "vue";
+import { o as X, f as Y, s as Z, b as ee, u as te, a as oe } from "./floating-ui.vue-C-DgKOwt.js";
+import { I as ne } from "./icon-svg-DxlNo61Q.js";
 import { _ as le } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/popoverMenu.css';const se = { class: "rds-e-popover-menu" }, re = {
   key: 1,
@@ -19,8 +19,8 @@ import './style/popoverMenu.css';const se = { class: "rds-e-popover-menu" }, re
     triggerOnHover: { type: Boolean, default: !1 }
   },
   emits: ["select", "open", "close"],
-  setup(d, { expose: F, emit: M }) {
-    const t = d, m = M, P = U(), b = h(() => !!P.default), n = k(!1), i = k(null), l = k(null), x = h(() => {
+  setup(d, { expose: M, emit: P }) {
+    const t = d, m = P, x = U(), b = h(() => !!x.default), n = k(!1), i = k(null), l = k(null), R = h(() => {
       const e = [X(t.offsetSpace)];
       return t.autoFlip && e.push(
         Y({
@@ -37,12 +37,12 @@ import './style/popoverMenu.css';const se = { class: "rds-e-popover-menu" }, re
           }
         })
       ), e;
-    }), { floatingStyles: D, update: $ } = te(
+    }), { floatingStyles: $, update: D } = te(
       i,
       l,
       {
         placement: h(() => t.placement),
-        middleware: x,
+        middleware: R,
         whileElementsMounted: oe
       }
     );
@@ -63,18 +63,18 @@ import './style/popoverMenu.css';const se = { class: "rds-e-popover-menu" }, re
       (e.bottom < 0 || e.top > window.innerHeight) && r();
     };
     const f = async () => {
-      n.value ? r() : (n.value = !0, m("open"), await B(), $(), setTimeout(() => {
+      n.value ? r() : (n.value = !0, m("open"), await L(), D(), setTimeout(() => {
         document.addEventListener("click", v), document.addEventListener("keydown", g), t.closeOnTriggerHidden && document.addEventListener("scroll", _, !0);
       }));
-    }, z = () => {
+    }, I = () => {
       t.triggerOnHover && (o && (clearTimeout(o), o = null), n.value || f());
     }, E = () => {
       t.triggerOnHover && (o && (clearTimeout(o), o = null), o = setTimeout(() => {
         l.value && l.value.matches(":hover, :focus-within") || r();
       }, 120));
-    }, I = (e) => {
+    }, z = (e) => {
       t.triggerOnHover ? (e.preventDefault(), e.stopPropagation(), n.value || f()) : f();
-    }, w = () => z(), O = () => E(), V = () => {
+    }, w = () => I(), O = () => E(), V = () => {
       l.value && (l.value.addEventListener("mouseenter", () => {
         o && (clearTimeout(o), o = null);
       }), l.value.addEventListener("mouseleave", () => {
@@ -82,12 +82,12 @@ import './style/popoverMenu.css';const se = { class: "rds-e-popover-menu" }, re
       }));
     };
     j(n, (e) => {
-      e && t.triggerOnHover && B(() => V());
+      e && t.triggerOnHover && L(() => V());
     });
-    const S = (e) => {
+    const B = (e) => {
       m("select", e), r();
     };
-    return G(T), F({
+    return G(T), M({
       /** Alterna el estado abierto/cerrado del popover */
       toggle: f,
       /** Cierra programáticamente el popover */
@@ -95,11 +95,11 @@ import './style/popoverMenu.css';const se = { class: "rds-e-popover-menu" }, re
       /** Ref reactiva del estado abierto */
       isOpen: n
     }), (e, c) => (a(), u("div", se, [
-      L("button", {
+      S("button", {
         ref_key: "referenceRef",
         ref: i,
         class: "rds-e-popover-menu__trigger-btn",
-        onClick: I,
+        onClick: z,
         onMouseenter: w,
         onMouseleave: O,
         onFocus: w,
@@ -115,26 +115,26 @@ import './style/popoverMenu.css';const se = { class: "rds-e-popover-menu" }, re
           key: 0,
           ref_key: "floatingRef",
           ref: l,
-          class: R(["rds-e-popover-menu__content", { "rds-e-popover-menu__content--no-styles": b.value }]),
-          style: q(A(D))
+          class: F(["rds-e-popover-menu__content", { "rds-e-popover-menu__content--no-styles": b.value }]),
+          style: q(A($))
         }, [
           b.value ? y(e.$slots, "default", { key: 0 }, void 0, !0) : (a(), u("ul", re, [
             (a(!0), u(J, null, K(d.items, (s, p) => y(e.$slots, "item", {
               item: s,
               index: p,
-              onSelect: () => S(s)
+              onSelect: () => B(s)
             }, () => [
               (a(), u("li", {
                 key: p,
-                class: R(["rds-e-popover-menu__item rds-body-02-bold", { "rds-e-popover-menu__item--destructive": s.isDestructive }]),
-                onClick: (ue) => S(s)
+                class: F(["rds-e-popover-menu__item rds-body-02-bold", { "rds-e-popover-menu__item--destructive": s.isDestructive }]),
+                onClick: (ue) => B(s)
               }, [
                 s.icon ? (a(), C(ne, {
                   key: 0,
                   class: "rds-e-popover-menu__item-icon",
                   name: s.icon
                 }, null, 8, ["name"])) : H("", !0),
-                L("span", ie, Q(s.label), 1)
+                S("span", ie, Q(s.label), 1)
               ], 10, ae))
             ], !0)), 256))
           ]))