energy-components 1.10.0-beta.0 → 1.10.1

package/dist/components/iconList.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as p, ref as a, computed as v, createElementBlock as s, openBlock as i, Fragment as u, withDirectives as f, createElementVNode as r, vModelText as C, renderList as L, normalizeClass as x, createVNode as g, toDisplayString as h } from "vue";
-import { i as m, R as k } from "./icon-svg-YXBqzlJN.js";
+import { i as m, R as k } from "./icon-svg-DuzOdbk1.js";
 import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/iconList.css';const y = { class: "rds-e-icon-list" }, D = ["onClick"], N = /* @__PURE__ */ p({
   __name: "icon-list",

package/dist/components/iconSvg.es.js

@@ -1,4 +1,4 @@
-import { R as a } from "./icon-svg-YXBqzlJN.js";
+import { R as a } from "./icon-svg-DuzOdbk1.js";
 import "./_plugin-vue_export-helper-CHgC5LLL.js";
 export {
   a as default

package/dist/components/index.es.js

@@ -1,4 +1,4 @@
-import { R as i } from "./icon-svg-YXBqzlJN.js";
+import { R as i } from "./icon-svg-DuzOdbk1.js";
 import a from "./button.es.js";
 import e from "./floatingActionButton.es.js";
 import m from "./actionButton.es.js";

package/dist/components/infoBox.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as k, ref as u, toRefs as h, computed as $, watch as w, nextTick as S, createElementBlock as t, openBlock as s, normalizeClass as m, createElementVNode as a, createCommentVNode as o, createVNode as b, toDisplayString as r, renderSlot as v } from "vue";
-import { R as _ } from "./icon-svg-YXBqzlJN.js";
+import { R as _ } from "./icon-svg-DuzOdbk1.js";
 import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/infoBox.css';const q = { class: "alert" }, B = {
   key: 0,

package/dist/components/link.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as E, toRefs as L, computed as c, createBlock as p, openBlock as o, resolveDynamicComponent as N, unref as e, normalizeStyle as V, normalizeClass as _, withCtx as $, createCommentVNode as i, createElementBlock as b, mergeProps as k, renderSlot as B, createTextVNode as I, toDisplayString as D } from "vue";
-import { R as v } from "./icon-svg-YXBqzlJN.js";
-import { _ as M } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/link.css';const O = /* @__PURE__ */ E({
+import { defineComponent as L, toRefs as N, computed as f, createBlock as p, openBlock as s, resolveDynamicComponent as V, unref as e, normalizeStyle as $, normalizeClass as _, withCtx as M, createCommentVNode as d, createElementBlock as I, mergeProps as k, renderSlot as D, createTextVNode as R, toDisplayString as j } from "vue";
+import { R as v } from "./icon-svg-DuzOdbk1.js";
+import { _ as O } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/link.css';const P = /* @__PURE__ */ L({
   __name: "link",
   props: {
     /**
@@ -23,7 +23,7 @@ import './style/link.css';const O = /* @__PURE__ */ E({
     icon: {
       type: Object,
       default: () => ({ name: "", modifier: "" }),
-      validator: (s) => typeof s.name == "string" && (s.modifier === void 0 || typeof s.modifier == "string") ? !0 : (console.error("El icono debe tener una propiedad name de tipo string y una propiedad modifier opcional de tipo string"), !1)
+      validator: (o) => typeof o.name == "string" && (o.modifier === void 0 || typeof o.modifier == "string") ? !0 : (console.error("El icono debe tener una propiedad name de tipo string y una propiedad modifier opcional de tipo string"), !1)
     },
     /**
      * <span>Tag del link</span>
@@ -60,6 +60,13 @@ import './style/link.css';const O = /* @__PURE__ */ E({
       type: Boolean,
       default: !1
     },
+    /**
+     * <span>Indica si la flecha del link debe ser pequeña</span>
+     */
+    arrowSmall: {
+      type: Boolean,
+      default: !1
+    },
     /**
      * <span>Indica si el icono esta a la derecha</span>
      */
@@ -82,42 +89,45 @@ import './style/link.css';const O = /* @__PURE__ */ E({
       default: ""
     }
   },
-  setup(s) {
-    const y = s, {
-      text: g,
-      to: w,
+  setup(o) {
+    const y = o, {
+      text: w,
+      to: g,
       icon: r,
       tag: u,
-      disabled: f,
+      disabled: i,
       inverse: m,
-      arrow: d,
+      arrow: c,
       right: t,
       underline: h,
-      customClass: R,
-      color: l
-    } = L(y), j = c(() => l.value ? { color: l.value } : void 0), z = c(() => {
-      var n, C;
+      customClass: b,
+      color: l,
+      arrowSmall: x
+    } = N(y), z = f(() => l.value ? { color: l.value } : void 0), E = f(() => {
+      var n, B;
       const a = ["rds-e-link"];
-      return m.value && a.push("rds-e-link--inverse"), h.value && a.push("rds-e-link--underline"), f.value && a.push("rds-e-style-state-disabled"), ((n = r == null ? void 0 : r.value) == null ? void 0 : n.name) !== "arrow" && a.push("rds-e-arrow-link"), ((C = r == null ? void 0 : r.value) == null ? void 0 : C.name) !== "arrow" && m.value && a.push("rds-e-arrow-link__icon--inverse"), a.join(" ");
-    }), S = c(() => {
+      return m.value && a.push("rds-e-link--inverse"), h.value && a.push("rds-e-link--underline"), i.value && a.push("rds-e-style-state-disabled"), ((n = r == null ? void 0 : r.value) == null ? void 0 : n.name) !== "arrow" && a.push("rds-e-arrow-link"), ((B = r == null ? void 0 : r.value) == null ? void 0 : B.name) !== "arrow" && m.value && a.push("rds-e-arrow-link__icon--inverse"), b.value === "rds-e-breadcrumbs__link--text" && a.push("rds-e-link__breadcrumbs"), a.join(" ");
+    }), S = f(() => {
       var n;
       const a = ["rds-e-arrow-link__icon--arrow"];
-      return r != null && r.value && (a.push("rds-e-arrow-link__icon"), f.value && a.push("rds-e-arrow-link__icon--disabled")), ((n = r == null ? void 0 : r.value) == null ? void 0 : n.name) !== "arrow" && m.value && a.push("rds-e-arrow-link__icon--inverse"), a.push(
+      return r != null && r.value && (a.push("rds-e-arrow-link__icon"), i.value && a.push("rds-e-arrow-link__icon--disabled")), ((n = r == null ? void 0 : r.value) == null ? void 0 : n.name) !== "arrow" && m.value && a.push("rds-e-arrow-link__icon--inverse"), a.push(
         t.value ? "rds-e-arrow-link__icon--animation-right" : "rds-e-arrow-link__icon--animation-left"
       ), a.join(" ");
-    }), x = c(() => {
+    }), C = f(() => {
       var a;
-      return d.value || ((a = r == null ? void 0 : r.value) == null ? void 0 : a.name);
+      return c.value || ((a = r == null ? void 0 : r.value) == null ? void 0 : a.name);
     });
-    return (a, n) => (o(), p(N(e(u) === "a" ? e(u) : "router-link"), {
-      class: _(z.value),
-      to: e(u) === "router-link" ? e(w) : null,
-      href: e(u) === "a" ? e(w) : null,
-      disable: e(f),
-      style: V(j.value)
+    return (a, n) => (s(), p(V(e(u) === "a" ? e(u) : "router-link"), {
+      class: _(E.value),
+      to: e(u) === "router-link" ? e(g) : null,
+      href: e(u) === "a" ? e(g) : null,
+      disable: e(i),
+      style: $(z.value),
+      tabindex: e(i) ? -1 : void 0,
+      "aria-disabled": e(i)
     }, {
-      default: $(() => [
-        e(r).name && !e(t) && !e(d) ? (o(), p(v, k({
+      default: M(() => [
+        e(r).name && !e(t) && !e(c) ? (s(), p(v, k({
           key: 0,
           name: e(r).name
         }, {
@@ -125,46 +135,48 @@ import './style/link.css';const O = /* @__PURE__ */ E({
         }, {
           class: ["rds-e-link__icon-left", S.value],
           style: e(l) ? { color: e(l) } : void 0
-        }), null, 16, ["name", "class", "style"])) : i("", !0),
-        e(t) ? (o(), b("span", {
+        }), null, 16, ["name", "class", "style"])) : d("", !0),
+        e(t) ? (s(), I("span", {
           key: 1,
-          class: _(["rds-e-link__text", [e(R), {
-            "rds-e-mr-xs": x.value,
+          class: _(["rds-e-link__text", [e(b), {
+            "rds-e-mr-xs": C.value,
             "rds-e-link__text--underline": e(h)
           }]])
         }, [
-          B(a.$slots, "default", {}, () => [
-            I(D(e(g)), 1)
+          D(a.$slots, "default", {}, () => [
+            R(j(e(w)), 1)
           ], !0)
-        ], 2)) : i("", !0),
-        e(d) ? (o(), p(v, k({ key: 2 }, {
-          name: e(t) ? "arrow_right" : "arrow_left"
+        ], 2)) : d("", !0),
+        e(c) ? (s(), p(v, k({ key: 2 }, {
+          name: e(t) ? "arrow_right" : "arrow_left",
+          size: e(x) ? 16 : void 0
         }, {
           class: ["rds-e-arrow-link__icon--arrow", [
-            e(t) ? "rds-e-arrow-link__icon--animation-right" : "rds-e-arrow-link__icon--animation-left"
+            e(t) ? "rds-e-arrow-link__icon--animation-right" : "rds-e-arrow-link__icon--animation-left",
+            { "rds-flex rds-flex-center-center": e(x) }
           ]],
           style: e(l) ? { color: e(l) } : void 0
-        }), null, 16, ["class", "style"])) : i("", !0),
-        e(t) ? i("", !0) : (o(), b("span", {
+        }), null, 16, ["class", "style"])) : d("", !0),
+        e(t) ? d("", !0) : (s(), I("span", {
           key: 3,
-          class: _(["rds-e-link__text", { "rds-e-ml-xs": x.value }])
+          class: _(["rds-e-link__text", { "rds-e-ml-xs": C.value }])
         }, [
-          B(a.$slots, "default", {}, () => [
-            I(D(e(g)), 1)
+          D(a.$slots, "default", {}, () => [
+            R(j(e(w)), 1)
           ], !0)
         ], 2)),
-        e(r).name && e(t) && !e(d) ? (o(), p(v, k({
+        e(r).name && e(t) && !e(c) ? (s(), p(v, k({
           key: 4,
           name: e(r).name
         }, e(r), {
           class: ["rds-e-link__icon-right", S.value],
           style: e(l) ? { color: e(l) } : void 0
-        }), null, 16, ["name", "class", "style"])) : i("", !0)
+        }), null, 16, ["name", "class", "style"])) : d("", !0)
       ]),
       _: 3
-    }, 8, ["class", "to", "href", "disable", "style"]));
+    }, 8, ["class", "to", "href", "disable", "style", "tabindex", "aria-disabled"]));
   }
-}), A = /* @__PURE__ */ M(O, [["__scopeId", "data-v-49b40e60"]]);
+}), F = /* @__PURE__ */ O(P, [["__scopeId", "data-v-377c1eda"]]);
 export {
-  A as default
+  F as default
 };

package/dist/components/modal.es.js

@@ -1,7 +1,7 @@
 import { defineComponent as C, ref as v, computed as R, createBlock as u, createCommentVNode as d, openBlock as l, unref as n, withCtx as p, createVNode as k, withModifiers as b, normalizeStyle as g, createElementVNode as a, createElementBlock as c, renderSlot as i } from "vue";
 import w from "./overlay.es.js";
 import S from "./card.es.js";
-import { R as q } from "./icon-svg-YXBqzlJN.js";
+import { R as q } from "./icon-svg-DuzOdbk1.js";
 import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/modal.css';const $ = { class: "rds-e-modal__container" }, B = { class: "rds-e-modal__header" }, O = {
   key: 0,

package/dist/components/multiselectcontentwrapper.es.js

@@ -1,4 +1,4 @@
-import { createElementBlock as o, openBlock as c, normalizeStyle as b, withModifiers as u, normalizeClass as m, createElementVNode as a, renderSlot as i, createCommentVNode as r, withDirectives as _, createTextVNode as g, toDisplayString as h, Fragment as S, renderList as y, vShow as f } from "vue";
+import { createElementBlock as o, openBlock as c, normalizeStyle as _, withModifiers as u, normalizeClass as m, createElementVNode as s, renderSlot as i, createCommentVNode as r, withDirectives as b, createTextVNode as g, toDisplayString as h, Fragment as S, renderList as y, vShow as f } from "vue";
 import { _ as L } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/multiselectcontentwrapper.css';const w = {
   name: "MultiselectContentWrapper",
@@ -37,7 +37,10 @@ import './style/multiselectcontentwrapper.css';const w = {
     showNoResults: Boolean,
     showNoOptions: Boolean,
     small: Boolean,
-    contentStyle: Object,
+    contentStyle: {
+      type: Object,
+      default: () => ({})
+    },
     customStyle: Object
   },
   emits: ["focus"]
@@ -53,36 +56,36 @@ function k(l, n, e, G, C, D) {
     tabindex: "-1",
     onMousedown: n[1] || (n[1] = u(() => {
     }, ["prevent"])),
-    style: b(e.customStyle),
+    style: _(e.customStyle),
     ref: "wrapper"
   }, [
-    a("ul", {
+    s("ul", {
       class: "multiselect__content",
-      style: b(e.contentStyle),
+      style: _(e.contentStyle),
       role: "listbox",
       id: "listbox-" + (e.teleported ? "teleported-" : "") + e.id,
       "aria-multiselectable": e.multiple
     }, [
       i(l.$slots, "beforeList", {}, void 0, !0),
       e.multiple && e.max === e.internalValue.length ? (c(), o("li", M, [
-        a("span", v, [
+        s("span", v, [
           i(l.$slots, "maxElements", {}, () => [
             g("Maximum of " + h(e.max) + " options selected. First remove a selected option to select another.", 1)
           ], !0)
         ])
       ])) : r("", !0),
-      !e.max || e.internalValue.length < e.max ? (c(!0), o(S, { key: 1 }, y(e.filteredOptions, (t, s) => (c(), o("li", {
+      !e.max || e.internalValue.length < e.max ? (c(!0), o(S, { key: 1 }, y(e.filteredOptions, (t, a) => (c(), o("li", {
         class: "multiselect__element",
-        key: s,
+        key: a,
         "aria-selected": e.isSelected(t),
-        id: e.id + "-" + s,
+        id: e.id + "-" + a,
         role: t && (t.$isLabel || t.$isDisabled) ? null : "option"
       }, [
         t && (t.$isLabel || t.$isDisabled) ? r("", !0) : (c(), o("span", {
           key: 0,
-          class: m([e.optionHighlight(s, t), "multiselect__option"]),
+          class: m([e.optionHighlight(a, t), "multiselect__option"]),
           onClick: u((d) => e.select(t), ["stop"]),
-          onMouseenter: u((d) => e.pointerSet(s), ["self"]),
+          onMouseenter: u((d) => e.pointerSet(a), ["self"]),
           "data-select": t && t.isTag ? e.tagPlaceholder : e.selectLabelText,
           "data-selected": e.selectedLabelText,
           "data-deselect": e.deselectLabelText
@@ -90,30 +93,30 @@ function k(l, n, e, G, C, D) {
           i(l.$slots, "option", {
             option: t,
             search: e.search,
-            index: s
+            index: a
           }, () => [
-            a("span", null, h(e.getOptionLabel(t)), 1)
+            s("span", null, h(e.getOptionLabel(t)), 1)
           ], !0)
         ], 42, x)),
         t && (t.$isLabel || t.$isDisabled) ? (c(), o("span", {
           key: 1,
           "data-select": e.groupSelect && e.selectGroupLabelText,
           "data-deselect": e.groupSelect && e.deselectGroupLabelText,
-          class: m([e.groupHighlight(s, t), "multiselect__option"]),
-          onMouseenter: u((d) => e.groupSelect && e.pointerSet(s), ["self"]),
+          class: m([e.groupHighlight(a, t), "multiselect__option"]),
+          onMouseenter: u((d) => e.groupSelect && e.pointerSet(a), ["self"]),
           onMousedown: u((d) => e.selectGroup(t), ["prevent"])
         }, [
           i(l.$slots, "option", {
             option: t,
             search: e.search,
-            index: s
+            index: a
           }, () => [
-            a("span", null, h(e.getOptionLabel(t)), 1)
+            s("span", null, h(e.getOptionLabel(t)), 1)
           ], !0)
         ], 42, B)) : r("", !0)
       ], 8, T))), 128)) : r("", !0),
-      _(a("li", null, [
-        a("span", F, [
+      b(s("li", null, [
+        s("span", F, [
           i(l.$slots, "noResult", { search: e.search }, () => [
             n[2] || (n[2] = g("No elements found. Consider changing the search query."))
           ], !0)
@@ -121,8 +124,8 @@ function k(l, n, e, G, C, D) {
       ], 512), [
         [f, e.showNoResults && e.filteredOptions.length === 0 && e.search && !e.loading]
       ]),
-      _(a("li", null, [
-        a("span", N, [
+      b(s("li", null, [
+        s("span", N, [
           i(l.$slots, "noOptions", {}, () => [
             n[3] || (n[3] = g("List is empty."))
           ], !0)
@@ -134,7 +137,7 @@ function k(l, n, e, G, C, D) {
     ], 12, O)
   ], 38);
 }
-const A = /* @__PURE__ */ L(w, [["render", k], ["__scopeId", "data-v-b87add6b"]]);
+const A = /* @__PURE__ */ L(w, [["render", k], ["__scopeId", "data-v-58844ad4"]]);
 export {
   A as default
 };

package/dist/components/pagination.es.js

@@ -1,10 +1,13 @@
-import { defineComponent as j, toRefs as V, ref as A, computed as u, onBeforeMount as T, createElementBlock as g, openBlock as o, createElementVNode as f, createCommentVNode as h, createBlock as C, createVNode as P, Fragment as U, renderList as z, toDisplayString as k, unref as G } from "vue";
-import c from "./actionButton.es.js";
-import { _ as H } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/pagination.css';const J = { class: "rds-e-pagination-container rds-flex" }, K = { class: "rds-e-pagination" }, O = {
+import { defineComponent as H, toRefs as O, ref as U, computed as u, watch as z, onBeforeMount as G, createElementBlock as g, openBlock as o, createElementVNode as m, createCommentVNode as _, createBlock as k, createVNode as P, Fragment as J, renderList as K, toDisplayString as C, unref as Q } from "vue";
+import f from "./actionButton.es.js";
+import { _ as W } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/pagination.css';const X = { class: "rds-e-pagination-container rds-flex" }, Y = { class: "rds-e-pagination" }, Z = {
+  key: 0,
+  class: "rds-e-pagination__item rds-e-pagination__item-elipsis"
+}, T = {
   key: 0,
   class: "rds-e-pagination-leyend"
-}, Q = /* @__PURE__ */ j({
+}, I = /* @__PURE__ */ H({
   __name: "pagination",
   props: {
     /**
@@ -70,134 +73,180 @@ import './style/pagination.css';const J = { class: "rds-e-pagination-container r
     disableFirstLoad: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * Habilita la funcionalidad de elipsis (...) para mostrar páginas ocultas.
+     * Cuando se hace click en las elipsis, se emite un evento con las páginas ocultas.
+     */
+    enableEllipsis: {
+      type: Boolean,
+      default: !1
     }
   },
-  emits: ["pageChanged"],
-  setup(p, { expose: N, emit: w }) {
-    const m = p, L = w, {
-      itemsPerPage: v,
-      totalItems: e,
+  emits: ["pageChanged", "ellipsisClicked"],
+  setup(y, { expose: M, emit: E }) {
+    const b = y, B = E, {
+      itemsPerPage: p,
+      totalItems: t,
       totalPages: r,
-      hideLeyend: M,
-      disableFirstLoad: S
-    } = V(m), l = A(m.currentPage), d = u(() => typeof (e == null ? void 0 : e.value) == "number" && e.value >= 0), b = u(() => d.value && typeof (e == null ? void 0 : e.value) == "number" ? e.value <= 0 || v.value <= 0 ? 1 : Math.ceil(e.value / v.value) : typeof (r == null ? void 0 : r.value) == "number" && r.value > 0 ? r.value : (typeof (r == null ? void 0 : r.value) > "u" && typeof (e == null ? void 0 : e.value) > "u" && console.warn("[RDSPagination] Props `totalItems` o `totalPages` son requeridas."), 1)), $ = u(() => d.value && !M.value && typeof (e == null ? void 0 : e.value) == "number" && e.value > 0), F = u(() => !d.value || typeof (e == null ? void 0 : e.value) != "number" || e.value === 0 ? 0 : (l.value - 1) * v.value + 1), q = u(() => {
-      if (!d.value || typeof (e == null ? void 0 : e.value) != "number") return 0;
-      const t = l.value * v.value;
-      return Math.min(t, e.value);
-    }), _ = u(() => l.value === 1), B = u(() => l.value === b.value), D = u(() => {
-      const t = [], a = b.value, n = l.value;
-      if (a <= 3)
-        for (let i = 1; i <= a; i++)
-          t.push(i);
-      else n === 1 ? t.push(1, 2, Math.min(3, a)) : n === a ? t.push(Math.max(1, a - 2), a - 1, a) : t.push(n - 1, n, n + 1);
-      return [...new Set(t)].filter((i) => i >= 1 && i <= a);
-    }), E = (t) => {
-      let a = l.value;
-      const n = b.value;
-      if ("navigator" in t)
-        switch (t.navigator) {
+      hideLeyend: L,
+      disableFirstLoad: $,
+      enableEllipsis: S
+    } = O(b), i = U(b.currentPage), c = u(() => typeof (t == null ? void 0 : t.value) == "number" && t.value >= 0), d = u(() => c.value && typeof (t == null ? void 0 : t.value) == "number" ? t.value <= 0 || p.value <= 0 ? 1 : Math.ceil(t.value / p.value) : typeof (r == null ? void 0 : r.value) == "number" && r.value > 0 ? r.value : (typeof (r == null ? void 0 : r.value) > "u" && typeof (t == null ? void 0 : t.value) > "u" && console.warn("[RDSPagination] Props `totalItems` o `totalPages` son requeridas."), 1)), w = u(() => c.value && !L.value && typeof (t == null ? void 0 : t.value) == "number" && t.value > 0), F = u(() => !c.value || typeof (t == null ? void 0 : t.value) != "number" || t.value === 0 ? 0 : (i.value - 1) * p.value + 1), q = u(() => {
+      if (!c.value || typeof (t == null ? void 0 : t.value) != "number") return 0;
+      const e = i.value * p.value;
+      return Math.min(e, t.value);
+    }), x = u(() => i.value === 1), N = u(() => i.value === d.value), D = u(() => {
+      const e = [], a = d.value, l = i.value;
+      if (!S.value) {
+        if (a <= 3)
+          for (let n = 1; n <= a; n++)
+            e.push(n);
+        else l === 1 ? e.push(1, 2, Math.min(3, a)) : l === a ? e.push(Math.max(1, a - 2), a - 1, a) : e.push(l - 1, l, l + 1);
+        return [...new Set(e)].filter((n) => typeof n == "number" && n >= 1 && n <= a);
+      }
+      if (a <= 5) {
+        for (let n = 1; n <= a; n++)
+          e.push(n);
+        return e;
+      }
+      return e.push(1), l <= 3 ? (e.push(2, 3), a > 4 && e.push("ellipsis_end"), e.push(a)) : l >= a - 2 ? (a > 4 && e.push("ellipsis_start"), e.push(a - 2, a - 1, a)) : (e.push("ellipsis_start"), e.push(l - 1, l, l + 1), e.push("ellipsis_end"), e.push(a)), e.filter((n, s, h) => h.indexOf(n) === s);
+    }), R = (e) => {
+      const a = d.value, l = i.value, n = [];
+      if (e === "ellipsis_start")
+        for (let s = 2; s < l - 1; s++)
+          n.push(s);
+      else if (e === "ellipsis_end")
+        for (let s = l + 2; s < a; s++)
+          n.push(s);
+      return n;
+    }, j = (e) => {
+      const a = R(e);
+      B("ellipsisClicked", {
+        hiddenPages: a,
+        ellipsisType: e,
+        currentPage: i.value,
+        totalPages: d.value
+      });
+    }, V = (e) => {
+      let a = i.value;
+      const l = d.value;
+      if ("navigator" in e)
+        switch (e.navigator) {
           case "next":
-            l.value < n && (a = l.value + 1);
+            i.value < l && (a = i.value + 1);
             break;
           case "prev":
-            l.value > 1 && (a = l.value - 1);
+            i.value > 1 && (a = i.value - 1);
             break;
           case "first":
-            l.value !== 1 && (a = 1);
+            i.value !== 1 && (a = 1);
             break;
           case "last":
-            l.value !== n && (a = n);
+            i.value !== l && (a = l);
             break;
         }
-      else "page" in t && typeof t.page == "number" && t.page >= 1 && t.page <= n && t.page !== l.value && (a = t.page);
-      return a !== l.value ? (l.value = a, !0) : !1;
-    }, s = (t, a = !1) => {
-      if (E(t) || a) {
-        const i = v.value, y = (l.value - 1) * i;
-        let x = y + i;
-        d.value && typeof (e == null ? void 0 : e.value) == "number" && (x = Math.min(y + i, e.value));
-        const R = {
-          ...t,
-          page: l.value,
-          offset: y,
-          limit: i,
-          end: x,
+      else "page" in e && typeof e.page == "number" && e.page >= 1 && e.page <= l && e.page !== i.value && (a = e.page);
+      return a !== i.value ? (i.value = a, !0) : !1;
+    }, v = (e, a = !1) => {
+      if (V(e) || a) {
+        const n = p.value, s = (i.value - 1) * n;
+        let h = s + n;
+        c.value && typeof (t == null ? void 0 : t.value) == "number" && (h = Math.min(s + n, t.value));
+        const A = {
+          ...e,
+          page: i.value,
+          offset: s,
+          limit: n,
+          end: h,
           reset: a || void 0
         };
-        L("pageChanged", R);
+        B("pageChanged", A);
       }
     };
-    return T(() => {
-      S.value || s({ navigator: "first", page: 1 });
-    }), N({
+    return z(() => b.currentPage, (e) => {
+      e !== i.value && e >= 1 && e <= d.value && (i.value = e);
+    }), G(() => {
+      $.value || v({ navigator: "first", page: 1 });
+    }), M({
       /** Resetea la paginación a la primera página y emite el evento pageChanged. */
       resetPagination: () => {
-        l.value !== 1 && s({ page: 1 }, !0);
+        i.value !== 1 && v({ page: 1 }, !0);
       }
-    }), (t, a) => (o(), g("div", J, [
-      f("ul", K, [
-        f("li", null, [
-          p.jumpTo ? (o(), C(c, {
+    }), (e, a) => (o(), g("div", X, [
+      m("ul", Y, [
+        m("li", null, [
+          y.jumpTo ? (o(), k(f, {
             key: 0,
             class: "rds-e-pagination__actionBtn",
             variant: "ghost",
             small: "",
             icon: "back",
             "aria-label": "First Page",
-            disabled: _.value,
-            onClick: a[0] || (a[0] = (n) => s({ navigator: "first" }))
-          }, null, 8, ["disabled"])) : h("", !0)
+            disabled: x.value,
+            onClick: a[0] || (a[0] = (l) => v({ navigator: "first" }))
+          }, null, 8, ["disabled"])) : _("", !0)
         ]),
-        f("li", null, [
-          P(c, {
+        m("li", null, [
+          P(f, {
             class: "rds-e-pagination__actionBtn",
             variant: "ghost",
             small: "",
             icon: "arrow_left",
             "aria-label": "Prev page",
-            disabled: _.value,
-            onClick: a[1] || (a[1] = (n) => s({ navigator: "prev" }))
+            disabled: x.value,
+            onClick: a[1] || (a[1] = (l) => v({ navigator: "prev" }))
           }, null, 8, ["disabled"])
         ]),
-        (o(!0), g(U, null, z(D.value, (n) => (o(), g("li", { key: n }, [
-          P(c, {
+        (o(!0), g(J, null, K(D.value, (l) => (o(), g("li", { key: l }, [
+          typeof l == "string" && l.includes("ellipsis") ? (o(), g("div", Z, [
+            P(f, {
+              variant: "ghost",
+              small: "",
+              text: "...",
+              icon: "",
+              "aria-label": "Más páginas",
+              onClick: (n) => j(l)
+            }, null, 8, ["onClick"])
+          ])) : (o(), k(f, {
+            key: 1,
             class: "rds-e-pagination__item",
-            variant: n === l.value && m.selected ? "primary" : "ghost",
+            variant: l === i.value && b.selected ? "primary" : "ghost",
             small: "",
-            text: String(n),
+            text: String(l),
             icon: "",
-            "aria-label": `page number ${n}`,
-            onClick: (i) => s({ page: n })
-          }, null, 8, ["variant", "text", "aria-label", "onClick"])
+            "aria-label": `page number ${l}`,
+            onClick: (n) => v({ page: l })
+          }, null, 8, ["variant", "text", "aria-label", "onClick"]))
         ]))), 128)),
-        f("li", null, [
-          P(c, {
+        m("li", null, [
+          P(f, {
             class: "rds-e-pagination__actionBtn",
             variant: "ghost",
             icon: "arrow_right",
             small: "",
             "aria-label": "next page",
-            disabled: B.value,
-            onClick: a[2] || (a[2] = (n) => s({ navigator: "next" }))
+            disabled: N.value,
+            onClick: a[2] || (a[2] = (l) => v({ navigator: "next" }))
           }, null, 8, ["disabled"])
         ]),
-        f("li", null, [
-          p.jumpTo ? (o(), C(c, {
+        m("li", null, [
+          y.jumpTo ? (o(), k(f, {
             key: 0,
             class: "rds-e-pagination__actionBtn",
             variant: "ghost",
             small: "",
             icon: "last",
             "aria-label": "last page",
-            disabled: B.value,
-            onClick: a[3] || (a[3] = (n) => s({ navigator: "last" }))
-          }, null, 8, ["disabled"])) : h("", !0)
+            disabled: N.value,
+            onClick: a[3] || (a[3] = (l) => v({ navigator: "last" }))
+          }, null, 8, ["disabled"])) : _("", !0)
         ])
       ]),
-      $.value ? (o(), g("p", O, " Mostrando resultados " + k(F.value) + "-" + k(q.value) + " de " + k(G(e)), 1)) : h("", !0)
+      w.value ? (o(), g("p", T, " Mostrando resultados " + C(F.value) + "-" + C(q.value) + " de " + C(Q(t)), 1)) : _("", !0)
     ]));
   }
-}), Z = /* @__PURE__ */ H(Q, [["__scopeId", "data-v-78eeeb8a"]]);
+}), te = /* @__PURE__ */ W(I, [["__scopeId", "data-v-7bb8233b"]]);
 export {
-  Z as default
+  te 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 i, createCommentVNode as o, createVNode as a, toDisplayString as c, renderSlot as l } from "vue";
-import { R as d } from "./icon-svg-YXBqzlJN.js";
+import { R as d } from "./icon-svg-DuzOdbk1.js";
 import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/persistentToast.css';const $ = { class: "alert" }, S = {
   key: 0,

package/dist/components/progressBar.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as y, computed as r, createElementBlock as o, openBlock as a, normalizeClass as i, createCommentVNode as n, createElementVNode as t, renderSlot as m, normalizeProps as g, mergeProps as B, createVNode as S, createTextVNode as k, guardReactiveProps as h, toDisplayString as p, normalizeStyle as x } from "vue";
-import { R as C } from "./icon-svg-YXBqzlJN.js";
+import { R as C } from "./icon-svg-DuzOdbk1.js";
 import { _ as N } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/progressBar.css';const w = {
   key: 0,