energy-components 1.10.0 → 1.11.0

package/dist/components/index.es.js

@@ -13,79 +13,81 @@ import d from "./datepicker.es.js";
 import f from "./quantitySelector.es.js";
 import l from "./toggle.es.js";
 import u from "./selectionChip.es.js";
-import A from "./filterChip.es.js";
-import b from "./dragAndDrop.es.js";
+import b from "./filterChip.es.js";
+import A from "./dragAndDrop.es.js";
 import g from "./fileUploadItem.es.js";
 import T from "./tag.es.js";
 import B from "./accordionGroup.es.js";
-import h from "./accordion.es.js";
-import x from "./divider.es.js";
-import I from "./card.es.js";
-import v from "./tablepaginatedcomponent.es.js";
-import w from "./avatar.es.js";
-import C from "./link.es.js";
+import C from "./accordion.es.js";
+import _ from "./divider.es.js";
+import h from "./card.es.js";
+import x from "./tablepaginatedcomponent.es.js";
+import I from "./avatar.es.js";
+import { _ as v } from "./collapsable.scss_vue_type_style_index_0_src_true_lang-DfOWp1XD.js";
+import w from "./link.es.js";
 import P from "./breadcrumbs.es.js";
-import _ from "./tabBar.es.js";
-import y from "./pagination.es.js";
-import F from "./directAccess.es.js";
-import k from "./indicator.es.js";
-import G from "./persistentToast.es.js";
-import L from "./infoBox.es.js";
-import M from "./progressBar.es.js";
-import O from "./loader.es.js";
-import U from "./modal.es.js";
-import j from "./overlay.es.js";
-import Q from "./tooltip.es.js";
-import V from "./sidebar.es.js";
-import q from "./sidedrawer.es.js";
+import y from "./tabBar.es.js";
+import F from "./pagination.es.js";
+import k from "./directAccess.es.js";
+import G from "./indicator.es.js";
+import L from "./persistentToast.es.js";
+import M from "./infoBox.es.js";
+import O from "./progressBar.es.js";
+import U from "./loader.es.js";
+import j from "./modal.es.js";
+import Q from "./overlay.es.js";
+import V from "./tooltip.es.js";
+import q from "./sidebar.es.js";
+import z from "./sidedrawer.es.js";
 const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  RDSAccordion: h,
+  RDSAccordion: C,
   RDSAccordionGroup: B,
   RDSActionButton: m,
-  RDSAvatar: w,
+  RDSAvatar: I,
   RDSBreadcrumbs: P,
   RDSButton: a,
-  RDSCard: I,
+  RDSCard: h,
   RDSCheckbox: S,
+  RDSCollapsable: v,
   RDSDatePicker: d,
-  RDSDirectAccess: F,
-  RDSDivider: x,
-  RDSDragAndDrop: b,
+  RDSDirectAccess: k,
+  RDSDivider: _,
+  RDSDragAndDrop: A,
   RDSDropdown: c,
   RDSFileUploadItem: g,
-  RDSFilterChip: A,
+  RDSFilterChip: b,
   RDSFloatinActionButton: e,
   RDSIconSvg: i,
-  RDSIndicator: k,
-  RDSInfoBox: L,
-  RDSLink: C,
-  RDSLoader: O,
-  RDSModal: U,
-  RDSOverlay: j,
-  RDSPagination: y,
-  RDSPersistentToast: G,
-  RDSProgressBar: M,
+  RDSIndicator: G,
+  RDSInfoBox: M,
+  RDSLink: w,
+  RDSLoader: U,
+  RDSModal: j,
+  RDSOverlay: Q,
+  RDSPagination: F,
+  RDSPersistentToast: L,
+  RDSProgressBar: O,
   RDSQuantitySelector: f,
   RDSRadioButton: n,
   RDSRadioGroup: s,
   RDSSelectionChip: u,
-  RDSSidebar: V,
-  RDSSidedrawer: q,
+  RDSSidebar: q,
+  RDSSidedrawer: z,
   RDSSwitch: R,
-  RDSTabBar: _,
-  RDSTable: v,
+  RDSTabBar: y,
+  RDSTable: x,
   RDSTag: T,
   RDSTextArea: p,
   RDSTextField: D,
   RDSToggle: l,
-  RDSTooltip: Q
+  RDSTooltip: V
 }, Symbol.toStringTag, { value: "Module" }));
-let z;
-function yo(o) {
-  z = o;
+let K;
+function ko(o) {
+  K = o;
 }
-const Fo = {
+const Go = {
   install: (o) => {
     for (const r in t)
       o.component(
@@ -95,47 +97,48 @@ const Fo = {
   }
 };
 export {
-  h as RDSAccordion,
+  C as RDSAccordion,
   B as RDSAccordionGroup,
   m as RDSActionButton,
-  w as RDSAvatar,
+  I as RDSAvatar,
   P as RDSBreadcrumbs,
   a as RDSButton,
-  I as RDSCard,
+  h as RDSCard,
   S as RDSCheckbox,
+  v as RDSCollapsable,
   d as RDSDatePicker,
-  F as RDSDirectAccess,
-  x as RDSDivider,
-  b as RDSDragAndDrop,
+  k as RDSDirectAccess,
+  _ as RDSDivider,
+  A as RDSDragAndDrop,
   c as RDSDropdown,
   g as RDSFileUploadItem,
-  A as RDSFilterChip,
+  b as RDSFilterChip,
   e as RDSFloatinActionButton,
   i as RDSIconSvg,
-  k as RDSIndicator,
-  L as RDSInfoBox,
-  C as RDSLink,
-  O as RDSLoader,
-  U as RDSModal,
-  j as RDSOverlay,
-  y as RDSPagination,
-  G as RDSPersistentToast,
-  M as RDSProgressBar,
+  G as RDSIndicator,
+  M as RDSInfoBox,
+  w as RDSLink,
+  U as RDSLoader,
+  j as RDSModal,
+  Q as RDSOverlay,
+  F as RDSPagination,
+  L as RDSPersistentToast,
+  O as RDSProgressBar,
   f as RDSQuantitySelector,
   n as RDSRadioButton,
   s as RDSRadioGroup,
   u as RDSSelectionChip,
-  V as RDSSidebar,
-  q as RDSSidedrawer,
+  q as RDSSidebar,
+  z as RDSSidedrawer,
   R as RDSSwitch,
-  _ as RDSTabBar,
-  v as RDSTable,
+  y as RDSTabBar,
+  x as RDSTable,
   T as RDSTag,
   p as RDSTextArea,
   D as RDSTextField,
   l as RDSToggle,
-  Q as RDSTooltip,
-  z as VueInstance,
-  Fo as default,
-  yo as setVueInstance
+  V as RDSTooltip,
+  K as VueInstance,
+  Go as default,
+  ko as setVueInstance
 };

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 { 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 M } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/link.css';const O = /* @__PURE__ */ E({
+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/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
 };