energy-components 1.22.0 → 2.0.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (80) hide show
  1. package/README.md +21 -6
  2. package/dist/components/accordion.es.js +17 -17
  3. package/dist/components/avatar.es.js +7 -7
  4. package/dist/components/breadcrumbs.es.js +32 -32
  5. package/dist/components/button.es.js +24 -24
  6. package/dist/components/checkbox.es.js +14 -17
  7. package/dist/components/collapsable.es.js +1 -1
  8. package/dist/components/{collapsable.scss_vue_type_style_index_0_src_true_lang-f-OHx-l3.js → collapsable.scss_vue_type_style_index_0_src_true_lang-BERfoghR.js} +10 -10
  9. package/dist/components/datepicker.es.js +4644 -4639
  10. package/dist/components/directAccess.es.js +45 -50
  11. package/dist/components/dragAndDrop.es.js +44 -46
  12. package/dist/components/dropdown.es.js +154 -163
  13. package/dist/components/fileUploadItem.es.js +18 -18
  14. package/dist/components/filterChip.es.js +9 -9
  15. package/dist/components/filterTag.es.js +7 -7
  16. package/dist/components/{floating-ui.vue-DHEoOe5S.js → floating-ui.vue-C-DgKOwt.js} +1 -1
  17. package/dist/components/functions-D3GA3OzJ.js +24 -0
  18. package/dist/components/icon-svg-DxlNo61Q.js +869 -0
  19. package/dist/components/iconList.es.js +25 -29
  20. package/dist/components/iconSvg.es.js +1 -1
  21. package/dist/components/index.es.js +46 -46
  22. package/dist/components/indicator.es.js +27 -28
  23. package/dist/components/infoBox.es.js +17 -17
  24. package/dist/components/link.es.js +51 -55
  25. package/dist/components/modal.es.js +20 -20
  26. package/dist/components/multiselect.es.js +2 -3
  27. package/dist/components/overlay.es.js +20 -15
  28. package/dist/components/pagination.es.js +111 -111
  29. package/dist/components/persistentToast.es.js +11 -11
  30. package/dist/components/popover.es.js +18 -18
  31. package/dist/components/popoverMenu.es.js +22 -22
  32. package/dist/components/progressBar.es.js +8 -8
  33. package/dist/components/quantitySelector.es.js +12 -12
  34. package/dist/components/radioButton.es.js +26 -26
  35. package/dist/components/selectionChip.es.js +5 -5
  36. package/dist/components/sidedrawer.es.js +19 -19
  37. package/dist/components/style/accordionGroup.css +1 -1
  38. package/dist/components/style/actionButton.css +1 -1
  39. package/dist/components/style/button.css +1 -1
  40. package/dist/components/style/checkbox.css +1 -1
  41. package/dist/components/style/datepicker.css +1 -1
  42. package/dist/components/style/directAccess.css +1 -1
  43. package/dist/components/style/dragAndDrop.css +1 -1
  44. package/dist/components/style/filterChip.css +1 -1
  45. package/dist/components/style/icon-svg.css +1 -1
  46. package/dist/components/style/iconList.css +1 -1
  47. package/dist/components/style/link.css +1 -1
  48. package/dist/components/style/modal.css +1 -1
  49. package/dist/components/style/overlay.css +1 -1
  50. package/dist/components/style/pagination.css +1 -1
  51. package/dist/components/style/persistentToast.css +1 -1
  52. package/dist/components/style/selectionChip.css +1 -1
  53. package/dist/components/style/sidedrawer.css +1 -1
  54. package/dist/components/style/tabBar.css +1 -1
  55. package/dist/components/style/tableslotedcomponent.css +1 -1
  56. package/dist/components/switch.es.js +9 -9
  57. package/dist/components/tabBar.es.js +32 -33
  58. package/dist/components/tablepaginatedcomponent.es.js +35 -36
  59. package/dist/components/tableslotedcomponent.es.js +116 -121
  60. package/dist/components/tag.es.js +6 -6
  61. package/dist/components/textArea.es.js +103 -106
  62. package/dist/components/textField.es.js +21 -22
  63. package/dist/components/toggle.es.js +23 -23
  64. package/dist/components/tooltip.es.js +59 -59
  65. package/dist/energy-components.css +1 -0
  66. package/dist/energy-components.es.js +9101 -24972
  67. package/dist/energy-components.umd.js +2 -2
  68. package/dist/style.css +1 -1
  69. package/dist/types/src/components/icon-svg/icon-list.d.ts +8 -9
  70. package/dist/types/src/components/input/filter-chip/filter-chip.vue.d.ts +2 -2
  71. package/dist/types/src/components/input/selection-chip/selection-chip.vue.d.ts +2 -2
  72. package/dist/types/src/components/navigation/direct-access/direct-access.vue.d.ts +2 -2
  73. package/dist/types/src/components/overlay/modal/modal.vue.d.ts +1 -1
  74. package/dist/types/src/helpers/functions.d.ts +1 -0
  75. package/dist/types/style.d.ts +1 -0
  76. package/dist/types/tsconfig.tsbuildinfo +1 -1
  77. package/package.json +24 -17
  78. package/dist/components/functions-DIHwdgF0.js +0 -18
  79. package/dist/components/icon-svg-K8-vLJgV.js +0 -16718
  80. package/dist/composables/index.es.js +0 -37
@@ -1,8 +1,8 @@
1
- import { defineComponent as z, ref as m, onMounted as N, onBeforeUnmount as W, watch as D, computed as _, createBlock as R, createCommentVNode as f, openBlock as d, unref as c, withCtx as C, createVNode as E, withModifiers as F, normalizeStyle as T, createElementVNode as v, normalizeClass as S, createElementBlock as h, renderSlot as p } from "vue";
2
- import V from "./overlay.es.js";
1
+ import { defineComponent as z, ref as m, onMounted as N, onBeforeUnmount as W, watch as E, computed as _, createBlock as C, createCommentVNode as f, openBlock as d, unref as c, withCtx as R, createVNode as F, withModifiers as T, normalizeStyle as V, createElementVNode as v, normalizeClass as k, createElementBlock as h, renderSlot as p } from "vue";
2
+ import I from "./overlay.es.js";
3
3
  import L from "./card.es.js";
4
- import { R as A } from "./icon-svg-K8-vLJgV.js";
5
- import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
4
+ import { I as A } from "./icon-svg-DxlNo61Q.js";
5
+ import { _ as D } from "./_plugin-vue_export-helper-CHgC5LLL.js";
6
6
  import './style/modal.css';const U = { class: "rds-e-modal__header" }, j = { class: "rds-e-modal__header-text" }, G = {
7
7
  key: 1,
8
8
  class: "rds-e-modal__spacer"
@@ -73,8 +73,8 @@ import './style/modal.css';const U = { class: "rds-e-modal__header" }, j = { cla
73
73
  }
74
74
  },
75
75
  emits: ["onCloseRequest", "onOpenRequest", "onToggleRequest"],
76
- setup(o, { expose: k, emit: O }) {
77
- const t = o, s = O, q = m(null), r = m(null), $ = m(null), u = m(!1);
76
+ setup(o, { expose: S, emit: O }) {
77
+ const t = o, s = O, $ = m(null), r = m(null), q = m(null), u = m(!1);
78
78
  let i = null, a = null;
79
79
  const n = () => {
80
80
  const e = r.value;
@@ -103,7 +103,7 @@ import './style/modal.css';const U = { class: "rds-e-modal__header" }, j = { cla
103
103
  t.open && y();
104
104
  }), W(() => {
105
105
  b();
106
- }), D(() => t.open, (e) => {
106
+ }), E(() => t.open, (e) => {
107
107
  e ? y() : b();
108
108
  });
109
109
  const x = _(() => t.mobileHeight < 30 ? "30vh" : t.mobileHeight > 90 ? "90vh" : `${t.mobileHeight}vh`), B = _(() => {
@@ -112,7 +112,7 @@ import './style/modal.css';const U = { class: "rds-e-modal__header" }, j = { cla
112
112
  }), g = () => {
113
113
  t.preventClose || s("onCloseRequest");
114
114
  };
115
- return k({
115
+ return S({
116
116
  /**
117
117
  * { () => void } Gestiona el clic fuera del modal.
118
118
  */
@@ -142,32 +142,32 @@ import './style/modal.css';const U = { class: "rds-e-modal__header" }, j = { cla
142
142
  toggleModal: () => {
143
143
  s("onToggleRequest");
144
144
  }
145
- }), (e, l) => o.open ? (d(), R(c(V), {
145
+ }), (e, l) => o.open ? (d(), C(c(I), {
146
146
  key: 0,
147
147
  id: o.id,
148
148
  ref_key: "overlay",
149
- ref: q,
149
+ ref: $,
150
150
  class: "rds-e-modal__overlay",
151
151
  teleport: t.teleport,
152
152
  onClick: g
153
153
  }, {
154
- default: C(() => [
155
- E(c(L), {
154
+ default: R(() => [
155
+ F(c(L), {
156
156
  id: o.id ? `${o.id}-card` : void 0,
157
157
  class: "rds-e-modal__card",
158
- style: T(B.value),
159
- onClick: l[1] || (l[1] = F(() => {
158
+ style: V(B.value),
159
+ onClick: l[1] || (l[1] = T(() => {
160
160
  }, ["stop"]))
161
161
  }, {
162
- default: C(() => [
162
+ default: R(() => [
163
163
  v("div", {
164
- class: S(["rds-e-modal__container", { "rds-e-modal__container--no-footer": !e.$slots.footer }])
164
+ class: k(["rds-e-modal__container", { "rds-e-modal__container--no-footer": !e.$slots.footer }])
165
165
  }, [
166
166
  v("div", U, [
167
167
  v("div", j, [
168
168
  p(e.$slots, "header", {}, void 0, !0)
169
169
  ]),
170
- t.showClose ? (d(), R(c(A), {
170
+ t.showClose ? (d(), C(c(A), {
171
171
  key: 0,
172
172
  class: "rds-e-modal__header-close",
173
173
  name: "close",
@@ -187,8 +187,8 @@ import './style/modal.css';const U = { class: "rds-e-modal__header" }, j = { cla
187
187
  e.$slots.footer ? (d(), h("div", {
188
188
  key: 2,
189
189
  ref_key: "footerRef",
190
- ref: $,
191
- class: S(["rds-e-modal__footer", { "rds-e-modal__footer--has-shadow": u.value }])
190
+ ref: q,
191
+ class: k(["rds-e-modal__footer", { "rds-e-modal__footer--has-shadow": u.value }])
192
192
  }, [
193
193
  p(e.$slots, "footer", {}, void 0, !0)
194
194
  ], 2)) : f("", !0)
@@ -200,7 +200,7 @@ import './style/modal.css';const U = { class: "rds-e-modal__header" }, j = { cla
200
200
  _: 3
201
201
  }, 8, ["id", "teleport"])) : f("", !0);
202
202
  }
203
- }), Z = /* @__PURE__ */ I(J, [["__scopeId", "data-v-5521fdf1"]]);
203
+ }), Z = /* @__PURE__ */ D(J, [["__scopeId", "data-v-5521fdf1"]]);
204
204
  export {
205
205
  Z as default
206
206
  };
@@ -618,10 +618,9 @@ const G = (...e) => (t) => e.reduce((i, r) => r(i), t), q = {
618
618
  this.pointer > 0 ? (this.pointer--, this.$refs.list.scrollTop >= this.pointerPosition && (this.$refs.list.scrollTop = this.pointerPosition), this.filteredOptions[this.pointer] && this.filteredOptions[this.pointer].$isLabel && !this.groupSelect && this.pointerBackward()) : this.filteredOptions[this.pointer] && this.filteredOptions[0].$isLabel && !this.groupSelect && this.pointerForward(), this.pointerDirty = !0;
619
619
  },
620
620
  pointerReset() {
621
- var e;
622
621
  if (this.closeOnSelect && (this.pointer = 0, this.$refs.list)) {
623
- const t = ((e = this.$refs.list.$refs) == null ? void 0 : e.wrapper) || this.$refs.list;
624
- t.scrollTop && (t.scrollTop = 0);
622
+ const e = this.$refs.list.$refs?.wrapper || this.$refs.list;
623
+ e.scrollTop && (e.scrollTop = 0);
625
624
  }
626
625
  },
627
626
  pointerAdjust() {
@@ -1,6 +1,6 @@
1
- import { defineComponent as d, createBlock as s, openBlock as a, Teleport as n, createElementVNode as o, mergeProps as l, renderSlot as i } from "vue";
2
- import { _ as c } from "./_plugin-vue_export-helper-CHgC5LLL.js";
3
- import './style/overlay.css';const p = ["id"], _ = { class: "rds-e-overlay__content" }, f = /* @__PURE__ */ d({
1
+ import { defineComponent as c, useAttrs as d, computed as l, createBlock as p, openBlock as u, Teleport as f, createElementVNode as s, mergeProps as _, renderSlot as m } from "vue";
2
+ import { _ as v } from "./_plugin-vue_export-helper-CHgC5LLL.js";
3
+ import './style/overlay.css';const y = ["id"], h = { class: "rds-e-overlay__content" }, g = /* @__PURE__ */ c({
4
4
  __name: "overlay",
5
5
  props: {
6
6
  /**
@@ -20,22 +20,27 @@ import './style/overlay.css';const p = ["id"], _ = { class: "rds-e-overlay__cont
20
20
  default: void 0
21
21
  }
22
22
  },
23
- setup(e) {
24
- const r = e;
25
- return (t, u) => (a(), s(n, {
26
- to: r.teleport
23
+ setup(o) {
24
+ const a = o, n = d(), i = l(() => {
25
+ const t = {};
26
+ return Object.entries(n).forEach(([e, r]) => {
27
+ /^on[a-z]+/i.test(e) || typeof r == "string" && r.trim().toLowerCase().startsWith("javascript:") || (t[e] = r);
28
+ }), t;
29
+ });
30
+ return (t, e) => (u(), p(f, {
31
+ to: a.teleport
27
32
  }, [
28
- o("div", l({
29
- id: e.id,
33
+ s("div", _({
34
+ id: o.id,
30
35
  class: "rds-e-overlay"
31
- }, t.$attrs), [
32
- o("div", _, [
33
- i(t.$slots, "default", {}, void 0, !0)
36
+ }, i.value), [
37
+ s("div", h, [
38
+ m(t.$slots, "default", {}, void 0, !0)
34
39
  ])
35
- ], 16, p)
40
+ ], 16, y)
36
41
  ], 8, ["to"]));
37
42
  }
38
- }), y = /* @__PURE__ */ c(f, [["__scopeId", "data-v-f5f6d56b"]]);
43
+ }), j = /* @__PURE__ */ v(g, [["__scopeId", "data-v-e82b4703"]]);
39
44
  export {
40
- y as default
45
+ j as default
41
46
  };
@@ -1,17 +1,17 @@
1
- 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";
1
+ 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";
2
2
  import p from "./actionButton.es.js";
3
- import T from "./dropdown.es.js";
4
- import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
5
- import './style/pagination.css';const ee = ["id"], ae = { class: "rds-e-pagination" }, le = {
3
+ import Y from "./dropdown.es.js";
4
+ import { _ as Z } from "./_plugin-vue_export-helper-CHgC5LLL.js";
5
+ import './style/pagination.css';const ee = ["id"], ae = { class: "rds-e-pagination" }, te = {
6
6
  key: 0,
7
7
  class: "rds-e-pagination__item rds-e-pagination__item-elipsis"
8
- }, ie = {
8
+ }, le = {
9
9
  key: 0,
10
10
  class: "rds-e-pagination__dropdown"
11
- }, te = {
11
+ }, ie = {
12
12
  key: 0,
13
13
  class: "rds-e-pagination-leyend"
14
- }, ne = /* @__PURE__ */ J({
14
+ }, ne = /* @__PURE__ */ z({
15
15
  __name: "pagination",
16
16
  props: {
17
17
  /**
@@ -110,198 +110,198 @@ import './style/pagination.css';const ee = ["id"], ae = { class: "rds-e-paginati
110
110
  }
111
111
  },
112
112
  emits: ["pageChanged", "ellipsisClicked"],
113
- setup(s, { expose: L, emit: M }) {
114
- const h = s, $ = M, {
115
- itemsPerPage: g,
116
- totalItems: i,
117
- totalPages: d,
118
- hideLeyend: E,
119
- disableFirstLoad: V,
120
- enableEllipsis: _,
113
+ setup(n, { expose: L, emit: I }) {
114
+ const b = n, $ = I, {
115
+ itemsPerPage: c,
116
+ totalItems: s,
117
+ totalPages: h,
118
+ hideLeyend: M,
119
+ disableFirstLoad: E,
120
+ enableEllipsis: V,
121
121
  enablePageDropdown: w,
122
122
  pageDropdownLabel: S
123
- } = 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(() => {
124
- if (!m.value || typeof (i == null ? void 0 : i.value) != "number") return 0;
125
- const a = t.value * g.value;
126
- return Math.min(a, i.value);
127
- }), D = o(() => t.value === 1), N = o(() => t.value === v.value), j = o(() => {
128
- const a = [], e = v.value, l = t.value;
129
- if (!_.value || w.value) {
123
+ } = 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(() => {
124
+ if (!g.value || typeof s?.value != "number") return 0;
125
+ const a = l.value * c.value;
126
+ return Math.min(a, s.value);
127
+ }), D = r(() => l.value === 1), N = r(() => l.value === d.value), q = r(() => {
128
+ const a = [], e = d.value, t = l.value;
129
+ if (!V.value || w.value) {
130
130
  if (e <= 3)
131
- for (let n = 1; n <= e; n++)
132
- a.push(n);
133
- 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);
134
- return [...new Set(a)].filter((n) => typeof n == "number" && n >= 1 && n <= e);
131
+ for (let i = 1; i <= e; i++)
132
+ a.push(i);
133
+ 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);
134
+ return [...new Set(a)].filter((i) => typeof i == "number" && i >= 1 && i <= e);
135
135
  }
136
136
  if (e <= 5) {
137
- for (let n = 1; n <= e; n++)
138
- a.push(n);
137
+ for (let i = 1; i <= e; i++)
138
+ a.push(i);
139
139
  return a;
140
140
  }
141
- 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);
142
- }), A = o(() => {
143
- const a = v.value;
144
- return Array.from({ length: a }, (e, l) => String(l + 1));
145
- }), O = (a) => {
146
- const e = v.value, l = t.value, n = [];
141
+ 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);
142
+ }), j = r(() => {
143
+ const a = d.value;
144
+ return Array.from({ length: a }, (e, t) => String(t + 1));
145
+ }), T = (a) => {
146
+ const e = d.value, t = l.value, i = [];
147
147
  if (a === "ellipsis_start")
148
- for (let u = 2; u < l - 1; u++)
149
- n.push(u);
148
+ for (let o = 2; o < t - 1; o++)
149
+ i.push(o);
150
150
  else if (a === "ellipsis_end")
151
- for (let u = l + 2; u < e; u++)
152
- n.push(u);
153
- return n;
154
- }, U = (a) => {
155
- const e = O(a);
151
+ for (let o = t + 2; o < e; o++)
152
+ i.push(o);
153
+ return i;
154
+ }, A = (a) => {
155
+ const e = T(a);
156
156
  $("ellipsisClicked", {
157
157
  hiddenPages: e,
158
158
  ellipsisType: a,
159
- currentPage: t.value,
160
- totalPages: v.value
159
+ currentPage: l.value,
160
+ totalPages: d.value
161
161
  });
162
- }, H = (a) => {
163
- let e = t.value;
164
- const l = v.value;
162
+ }, O = (a) => {
163
+ let e = l.value;
164
+ const t = d.value;
165
165
  if ("navigator" in a)
166
166
  switch (a.navigator) {
167
167
  case "next":
168
- t.value < l && (e = t.value + 1);
168
+ l.value < t && (e = l.value + 1);
169
169
  break;
170
170
  case "prev":
171
- t.value > 1 && (e = t.value - 1);
171
+ l.value > 1 && (e = l.value - 1);
172
172
  break;
173
173
  case "first":
174
- t.value !== 1 && (e = 1);
174
+ l.value !== 1 && (e = 1);
175
175
  break;
176
176
  case "last":
177
- t.value !== l && (e = l);
177
+ l.value !== t && (e = t);
178
178
  break;
179
179
  }
180
- else "page" in a && typeof a.page == "number" && a.page >= 1 && a.page <= l && a.page !== t.value && (e = a.page);
181
- return e !== t.value ? (t.value = e, !0) : !1;
182
- }, f = (a, e = !1) => {
183
- if (H(a) || e) {
184
- const n = g.value, u = (t.value - 1) * n;
185
- let y = u + n;
186
- m.value && typeof (i == null ? void 0 : i.value) == "number" && (y = Math.min(u + n, i.value));
187
- const G = {
180
+ else "page" in a && typeof a.page == "number" && a.page >= 1 && a.page <= t && a.page !== l.value && (e = a.page);
181
+ return e !== l.value ? (l.value = e, !0) : !1;
182
+ }, v = (a, e = !1) => {
183
+ if (O(a) || e) {
184
+ const i = c.value, o = (l.value - 1) * i;
185
+ let y = o + i;
186
+ g.value && typeof s?.value == "number" && (y = Math.min(o + i, s.value));
187
+ const H = {
188
188
  ...a,
189
- page: t.value,
190
- offset: u,
191
- limit: n,
189
+ page: l.value,
190
+ offset: o,
191
+ limit: i,
192
192
  end: y,
193
193
  reset: e || void 0
194
194
  };
195
- $("pageChanged", G);
195
+ $("pageChanged", H);
196
196
  }
197
- }, z = (a) => {
197
+ }, U = (a) => {
198
198
  const e = Number(a);
199
- e !== t.value && e >= 1 && e <= v.value && f({ page: e });
199
+ e !== l.value && e >= 1 && e <= d.value && v({ page: e });
200
200
  };
201
- return W(() => h.currentPage, (a) => {
202
- a !== t.value && a >= 1 && a <= v.value && (t.value = a);
203
- }), X(() => {
204
- V.value || f({ navigator: "first", page: 1 });
201
+ return K(() => b.currentPage, (a) => {
202
+ a !== l.value && a >= 1 && a <= d.value && (l.value = a);
203
+ }), Q(() => {
204
+ E.value || v({ navigator: "first", page: 1 });
205
205
  }), L({
206
206
  /** Resetea la paginación a la primera página y emite el evento pageChanged. */
207
207
  resetPagination: () => {
208
- t.value !== 1 && f({ page: 1 }, !0);
208
+ l.value !== 1 && v({ page: 1 }, !0);
209
209
  }
210
- }), (a, e) => (r(), c("div", {
211
- id: s.id,
210
+ }), (a, e) => (u(), f("div", {
211
+ id: n.id,
212
212
  class: "rds-e-pagination-container rds-flex"
213
213
  }, [
214
- b("ul", ae, [
215
- b("li", null, [
216
- s.jumpTo ? (r(), x(p, {
214
+ m("ul", ae, [
215
+ m("li", null, [
216
+ n.jumpTo ? (u(), x(p, {
217
217
  key: 0,
218
- id: s.id ? `${s.id}-first` : void 0,
218
+ id: n.id ? `${n.id}-first` : void 0,
219
219
  class: "rds-e-pagination__actionBtn",
220
220
  variant: "ghost",
221
221
  small: "",
222
222
  icon: "back",
223
223
  "aria-label": "First Page",
224
224
  disabled: D.value,
225
- onClick: e[0] || (e[0] = (l) => f({ navigator: "first" }))
226
- }, null, 8, ["id", "disabled"])) : k("", !0)
225
+ onClick: e[0] || (e[0] = (t) => v({ navigator: "first" }))
226
+ }, null, 8, ["id", "disabled"])) : P("", !0)
227
227
  ]),
228
- b("li", null, [
229
- P(p, {
230
- id: s.id ? `${s.id}-prev` : void 0,
228
+ m("li", null, [
229
+ k(p, {
230
+ id: n.id ? `${n.id}-prev` : void 0,
231
231
  class: "rds-e-pagination__actionBtn",
232
232
  variant: "ghost",
233
233
  small: "",
234
234
  icon: "arrow_left",
235
235
  "aria-label": "Prev page",
236
236
  disabled: D.value,
237
- onClick: e[1] || (e[1] = (l) => f({ navigator: "prev" }))
237
+ onClick: e[1] || (e[1] = (t) => v({ navigator: "prev" }))
238
238
  }, null, 8, ["id", "disabled"])
239
239
  ]),
240
- (r(!0), c(Y, null, Z(j.value, (l) => (r(), c("li", { key: l }, [
241
- typeof l == "string" && l.includes("ellipsis") ? (r(), c("div", le, [
242
- P(p, {
243
- id: s.id ? `${s.id}-ellipsis-${l}` : void 0,
240
+ (u(!0), f(W, null, X(q.value, (t) => (u(), f("li", { key: t }, [
241
+ typeof t == "string" && t.includes("ellipsis") ? (u(), f("div", te, [
242
+ k(p, {
243
+ id: n.id ? `${n.id}-ellipsis-${t}` : void 0,
244
244
  variant: "ghost",
245
245
  small: "",
246
246
  text: "...",
247
247
  icon: "",
248
248
  "aria-label": "Más páginas",
249
- onClick: (n) => U(l)
249
+ onClick: (i) => A(t)
250
250
  }, null, 8, ["id", "onClick"])
251
- ])) : (r(), x(p, {
251
+ ])) : (u(), x(p, {
252
252
  key: 1,
253
- id: s.id ? `${s.id}-page-${l}` : void 0,
253
+ id: n.id ? `${n.id}-page-${t}` : void 0,
254
254
  class: "rds-e-pagination__item",
255
- variant: l === t.value && h.selected ? "primary" : "ghost",
255
+ variant: t === l.value && b.selected ? "primary" : "ghost",
256
256
  small: "",
257
- text: String(l),
257
+ text: String(t),
258
258
  icon: "",
259
- "aria-label": `page number ${l}`,
260
- onClick: (n) => f({ page: l })
259
+ "aria-label": `page number ${t}`,
260
+ onClick: (i) => v({ page: t })
261
261
  }, null, 8, ["id", "variant", "text", "aria-label", "onClick"]))
262
262
  ]))), 128)),
263
- b("li", null, [
264
- P(p, {
265
- id: s.id ? `${s.id}-next` : void 0,
263
+ m("li", null, [
264
+ k(p, {
265
+ id: n.id ? `${n.id}-next` : void 0,
266
266
  class: "rds-e-pagination__actionBtn",
267
267
  variant: "ghost",
268
268
  icon: "arrow_right",
269
269
  small: "",
270
270
  "aria-label": "next page",
271
271
  disabled: N.value,
272
- onClick: e[2] || (e[2] = (l) => f({ navigator: "next" }))
272
+ onClick: e[2] || (e[2] = (t) => v({ navigator: "next" }))
273
273
  }, null, 8, ["id", "disabled"])
274
274
  ]),
275
- b("li", null, [
276
- s.jumpTo ? (r(), x(p, {
275
+ m("li", null, [
276
+ n.jumpTo ? (u(), x(p, {
277
277
  key: 0,
278
- id: s.id ? `${s.id}-last` : void 0,
278
+ id: n.id ? `${n.id}-last` : void 0,
279
279
  class: "rds-e-pagination__actionBtn",
280
280
  variant: "ghost",
281
281
  small: "",
282
282
  icon: "last",
283
283
  "aria-label": "last page",
284
284
  disabled: N.value,
285
- onClick: e[3] || (e[3] = (l) => f({ navigator: "last" }))
286
- }, null, 8, ["id", "disabled"])) : k("", !0)
285
+ onClick: e[3] || (e[3] = (t) => v({ navigator: "last" }))
286
+ }, null, 8, ["id", "disabled"])) : P("", !0)
287
287
  ]),
288
- C(w) ? (r(), c("li", ie, [
289
- P(T, {
288
+ C(w) ? (u(), f("li", le, [
289
+ k(Y, {
290
290
  id: "rds-dropdown-pagination",
291
- modelValue: t.value,
292
- "onUpdate:modelValue": e[4] || (e[4] = (l) => t.value = l),
293
- label: C(S) ? C(S) : t.value.toString(),
294
- options: A.value,
291
+ modelValue: l.value,
292
+ "onUpdate:modelValue": e[4] || (e[4] = (t) => l.value = t),
293
+ label: C(S) ? C(S) : l.value.toString(),
294
+ options: j.value,
295
295
  small: "",
296
296
  "text-only": "",
297
- onSelect: z
297
+ onSelect: U
298
298
  }, null, 8, ["modelValue", "label", "options"])
299
- ])) : k("", !0)
299
+ ])) : P("", !0)
300
300
  ]),
301
- F.value ? (r(), c("p", te, " Mostrando resultados " + B(R.value) + "-" + B(q.value) + " de " + B(C(i)), 1)) : k("", !0)
301
+ _.value ? (u(), f("p", ie, " Mostrando resultados " + B(F.value) + "-" + B(R.value) + " de " + B(C(s)), 1)) : P("", !0)
302
302
  ], 8, ee));
303
303
  }
304
- }), de = /* @__PURE__ */ I(ne, [["__scopeId", "data-v-755635ef"]]);
304
+ }), de = /* @__PURE__ */ Z(ne, [["__scopeId", "data-v-755635ef"]]);
305
305
  export {
306
306
  de as default
307
307
  };
@@ -1,5 +1,5 @@
1
1
  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";
2
- import { R as l } from "./icon-svg-K8-vLJgV.js";
2
+ import { I as l } from "./icon-svg-DxlNo61Q.js";
3
3
  import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
4
4
  import './style/persistentToast.css';const S = ["id"], $ = { class: "alert" }, C = {
5
5
  key: 0,
@@ -7,16 +7,16 @@ import './style/persistentToast.css';const S = ["id"], $ = { class: "alert" }, C
7
7
  }, q = { class: "rds-e-persistent-toast__wrapper" }, w = { class: "rds-e-persistent-toast__title__wrapper" }, b = {
8
8
  key: 0,
9
9
  class: "rds-e-persistent-toast__title rds-mb-03"
10
- }, R = {
10
+ }, T = {
11
11
  key: 1,
12
12
  class: "rds-e-persistent-toast__text"
13
- }, T = {
13
+ }, B = {
14
14
  key: 2,
15
15
  class: "rds-e-persistent-toast__content-section"
16
- }, B = {
16
+ }, I = {
17
17
  key: 0,
18
18
  class: "rds-e-persistent-toast__action-section"
19
- }, D = /* @__PURE__ */ f({
19
+ }, N = /* @__PURE__ */ f({
20
20
  __name: "persistent-toast",
21
21
  props: {
22
22
  /**
@@ -99,7 +99,7 @@ import './style/persistentToast.css';const S = ["id"], $ = { class: "alert" }, C
99
99
  ), v = () => {
100
100
  m("onCloseToastAction");
101
101
  };
102
- return (i, N) => (s(), t("div", {
102
+ return (i, V) => (s(), t("div", {
103
103
  id: e.id,
104
104
  class: h(["rds-e-persistent-toast", p.value]),
105
105
  role: "alert"
@@ -115,8 +115,8 @@ import './style/persistentToast.css';const S = ["id"], $ = { class: "alert" }, C
115
115
  r("div", q, [
116
116
  r("div", w, [
117
117
  e.title ? (s(), t("div", b, c(e.title), 1)) : o("", !0),
118
- e.message && !i.$slots["content-section"] ? (s(), t("p", R, c(e.message), 1)) : o("", !0),
119
- i.$slots["content-section"] ? (s(), t("div", T, [
118
+ e.message && !i.$slots["content-section"] ? (s(), t("p", T, c(e.message), 1)) : o("", !0),
119
+ i.$slots["content-section"] ? (s(), t("div", B, [
120
120
  d(i.$slots, "content-section", {}, void 0, !0)
121
121
  ])) : o("", !0)
122
122
  ]),
@@ -133,12 +133,12 @@ import './style/persistentToast.css';const S = ["id"], $ = { class: "alert" }, C
133
133
  ])) : o("", !0)
134
134
  ])
135
135
  ]),
136
- i.$slots["action-section"] ? (s(), t("div", B, [
136
+ i.$slots["action-section"] ? (s(), t("div", I, [
137
137
  d(i.$slots, "action-section", {}, void 0, !0)
138
138
  ])) : o("", !0)
139
139
  ], 10, S));
140
140
  }
141
- }), I = /* @__PURE__ */ k(D, [["__scopeId", "data-v-9c8ae892"]]);
141
+ }), R = /* @__PURE__ */ k(N, [["__scopeId", "data-v-9c8ae892"]]);
142
142
  export {
143
- I as default
143
+ R as default
144
144
  };