energy-components 1.23.0 → 1.24.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.
- package/dist/components/style/tablepaginatedcomponent.css +1 -1
- package/dist/components/tablepaginatedcomponent.es.js +55 -49
- package/dist/energy-components.es.js +8 -2
- package/dist/energy-components.umd.js +2 -2
- package/dist/style.css +1 -1
- package/dist/types/src/components/content/table/table-paginated/TablePaginatedComponent.vue.d.ts +8 -4
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-v-
|
|
1
|
+
[data-v-6be5535e]:root{--rds-caption-01: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-01-bold: .875rem/1.125rem RepsolSoleTextBold;--rds-caption-01-underline: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-02: .75rem/1rem RepsolSoleTextRegular;--rds-caption-02-bold: .75rem/1rem RepsolSoleTextBold;--rds-caption-02-underline: .75rem/1rem RepsolSoleTextRegular;--rds-caption-tag: .75rem/1rem RepsolSoleTextRegular;--rds-body-01: 1rem/1.5rem RepsolSoleTextRegular;--rds-body-02: .875rem/1.25rem RepsolSoleTextRegular;--rds-body-01-bold: 1rem/1.5rem RepsolSoleTextBold;--rds-body-01-underline: 1rem/1.3125rem RepsolSoleTextRegular;--rds-body-02-bold: .875rem/1.25rem RepsolSoleTextBold;--rds-body-02-underline: .875rem/1.25rem RepsolSoleTextRegular;--rds-button-01: 1rem/1.5rem RepsolSoleTextBold;--rds-button-02: .875rem/1.25rem RepsolSoleTextBold;--rds-monospaced-body-01: 1rem/1.5rem SourceCodeProRegular;--rds-monospaced-body-01-bold: 1rem/1.5rem SourceCodeProBold;--rds-monospaced-body-02: .875rem/1.25rem SourceCodeProRegular;--rds-monospaced-body-02-bold: .875rem/1.25rem SourceCodeProBold;--rds-monospaced-caption-01: .875rem/1.125rem SourceCodeProRegular;--rds-monospaced-caption-01-bold: .875rem/1.125rem SourceCodeProBold;--rds-monospaced-caption-02: .75rem/1rem SourceCodeProRegular;--rds-monospaced-caption-02-bold: .75rem/1rem SourceCodeProBold;--rds-title-01: 1.125rem/1.625rem RepsolSoleTextBold;--rds-title-02: 1rem/1.5rem RepsolSoleTextBold;--rds-headline-00-sd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-00-ld: 4rem/5rem RepsolSoleDisplayRegular;--rds-headline-00-xd: 4.5rem/5.75rem RepsolSoleDisplayRegular;--rds-headline-01-sd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-01-md: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-headline-01-xd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-02-md: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-02-ld: 2.25rem/3rem RepsolSoleDisplayRegular;--rds-headline-02-xd: 2.75rem/3.5rem RepsolSoleDisplayRegular;--rds-headline-03-sd: 1.375rem/1.875rem RepsolSoleDisplayRegular;--rds-headline-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-headline-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-03-xd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-04-sd: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-md: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-ld: 1.25rem/1.75rem RepsolSoleDisplayRegular;--rds-headline-04-xd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-00-sd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-ld: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-00-xd: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-01-sd: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-md: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-01-xd: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-md: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-ld: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-02-xd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-03-sd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-03-xd: 1.75rem/2.25rem RepsolSoleDisplayRegular}.table_paginated__container .table_paginated_search-container[data-v-6be5535e]{display:flex;justify-content:flex-end}.table_paginated__container[data-v-6be5535e] .table__cell--no-sticky{max-width:10rem;overflow:hidden;text-overflow:ellipsis}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as H, toRefs as
|
|
1
|
+
import { defineComponent as H, toRefs as V, ref as s, watch as F, watchEffect as M, createElementBlock as h, openBlock as m, createBlock as N, withDirectives as K, Fragment as z, renderList as b, unref as A, renderSlot as P, mergeProps as q, createSlots as B, withCtx as C, normalizeProps as w, guardReactiveProps as E, createVNode as G, vShow as J } from "vue";
|
|
2
2
|
import Q from "./tableslotedcomponent.es.js";
|
|
3
3
|
import U from "./pagination.es.js";
|
|
4
4
|
import { _ as W } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
@@ -30,19 +30,19 @@ import './style/tablepaginatedcomponent.css';const X = { class: "table_paginated
|
|
|
30
30
|
disableFirstLoad: { type: Boolean }
|
|
31
31
|
},
|
|
32
32
|
emits: ["update:options", "update:reset", "update:selection", "update:selectedAll", "update:sort", "onItemExpansion"],
|
|
33
|
-
setup(
|
|
34
|
-
const t =
|
|
35
|
-
loading:
|
|
33
|
+
setup(u, { expose: I, emit: x }) {
|
|
34
|
+
const t = u, i = x, {
|
|
35
|
+
loading: L,
|
|
36
36
|
items: d,
|
|
37
|
-
selectableKey:
|
|
37
|
+
selectableKey: y,
|
|
38
38
|
header: $,
|
|
39
|
-
asynchrone:
|
|
40
|
-
} =
|
|
39
|
+
asynchrone: k
|
|
40
|
+
} = V(t), v = s(), r = s([]), n = s([]), p = s({
|
|
41
41
|
item: {
|
|
42
42
|
header: $,
|
|
43
|
-
items:
|
|
43
|
+
items: r
|
|
44
44
|
},
|
|
45
|
-
selectableKey:
|
|
45
|
+
selectableKey: y,
|
|
46
46
|
listChecked: n,
|
|
47
47
|
checkedAll: t.checkedAll,
|
|
48
48
|
initChecked: [],
|
|
@@ -53,68 +53,74 @@ import './style/tablepaginatedcomponent.css';const X = { class: "table_paginated
|
|
|
53
53
|
hideSelectAll: t.hideSelectAll,
|
|
54
54
|
showEmptyState: t.showEmptyState,
|
|
55
55
|
mockItems: t.itemsPerPage[0]
|
|
56
|
-
}),
|
|
57
|
-
|
|
56
|
+
}), S = s(null), f = s(1), c = s(), D = () => {
|
|
57
|
+
r.value = [], f.value = 1, c.value = void 0, i("update:reset");
|
|
58
58
|
}, O = () => {
|
|
59
|
-
|
|
59
|
+
r.value = d.value;
|
|
60
60
|
}, T = (e) => {
|
|
61
|
-
const
|
|
61
|
+
const l = {};
|
|
62
62
|
if ("pagination" in e) {
|
|
63
|
-
const
|
|
64
|
-
|
|
63
|
+
const a = e.pagination;
|
|
64
|
+
a.reset && D();
|
|
65
65
|
let o = !1;
|
|
66
|
-
|
|
66
|
+
c.value = a, (a.page ?? 0) > f.value && (f.value = a.page ?? 0, o = !0), c.value && (c.value.isNewPage = o);
|
|
67
67
|
}
|
|
68
|
-
|
|
68
|
+
c.value && Object.assign(l, c.value), v.value && v.value.clearVisibleDetails(), i("update:options", l);
|
|
69
69
|
}, _ = (e) => {
|
|
70
|
-
|
|
71
|
-
|
|
70
|
+
if (p.value.checkedAll && n.value.length === 0) {
|
|
71
|
+
const a = r.value.map(
|
|
72
|
+
(o) => String(o[y.value || "id"])
|
|
73
|
+
);
|
|
74
|
+
n.value = [...a], p.value.checkedAll = !1, i("update:selectedAll", !1);
|
|
75
|
+
}
|
|
76
|
+
const l = n.value.indexOf(e);
|
|
77
|
+
l > -1 ? n.value.splice(l, 1) : n.value.push(e), i("update:selection", n.value);
|
|
72
78
|
}, j = () => {
|
|
73
79
|
var e;
|
|
74
|
-
(e =
|
|
80
|
+
(e = S.value) == null || e.resetPagination();
|
|
75
81
|
}, R = (e) => {
|
|
76
|
-
e && (n.value = []),
|
|
82
|
+
e && (n.value = []), p.value.checkedAll = e, i("update:selectedAll", e);
|
|
77
83
|
};
|
|
78
|
-
return n.value = [...t.initChecked],
|
|
84
|
+
return n.value = [...t.initChecked], k.value || (r.value = d.value), F(d, () => {
|
|
79
85
|
O();
|
|
80
|
-
}, { deep: !0 }),
|
|
81
|
-
if (!
|
|
82
|
-
const e = (t.activePage - 1) * t.itemsPerPage[0],
|
|
83
|
-
|
|
86
|
+
}, { deep: !0 }), M(() => {
|
|
87
|
+
if (!k.value && d.value.length >= 0) {
|
|
88
|
+
const e = (t.activePage - 1) * t.itemsPerPage[0], l = e + t.itemsPerPage[0];
|
|
89
|
+
r.value = d.value.slice(e, l);
|
|
84
90
|
}
|
|
85
|
-
}),
|
|
91
|
+
}), I({
|
|
86
92
|
/** Fuerza a refrescar la paginacion y la tabla */
|
|
87
93
|
$reset: j
|
|
88
|
-
}), (e,
|
|
89
|
-
e.$slots.mobile &&
|
|
94
|
+
}), (e, l) => (m(), h("div", X, [
|
|
95
|
+
e.$slots.mobile && u.isMobileDevice ? (m(!0), h(z, { key: 0 }, b(A(d), (a, o) => (m(), h("div", {
|
|
90
96
|
key: `mobile-${o}`,
|
|
91
|
-
class: "
|
|
97
|
+
class: "table_paginated__mobile_item"
|
|
92
98
|
}, [
|
|
93
|
-
P(e.$slots, "mobile", { item:
|
|
94
|
-
]))), 128)) : (
|
|
99
|
+
P(e.$slots, "mobile", { item: a }, void 0, !0)
|
|
100
|
+
]))), 128)) : (m(), N(Q, q({
|
|
95
101
|
key: 1,
|
|
96
102
|
ref_key: "tableSloted",
|
|
97
|
-
ref:
|
|
103
|
+
ref: v,
|
|
98
104
|
class: "mb-5"
|
|
99
|
-
},
|
|
100
|
-
loading:
|
|
101
|
-
"is-mobile-device":
|
|
102
|
-
"items-expanded":
|
|
105
|
+
}, p.value, {
|
|
106
|
+
loading: A(L),
|
|
107
|
+
"is-mobile-device": u.isMobileDevice,
|
|
108
|
+
"items-expanded": u.itemsExpanded,
|
|
103
109
|
onOnClickCheckbox: _,
|
|
104
110
|
onSelectAll: R,
|
|
105
|
-
onOnItemExpansion:
|
|
106
|
-
onOnHeaderSort:
|
|
111
|
+
onOnItemExpansion: l[0] || (l[0] = (a) => i("onItemExpansion", a)),
|
|
112
|
+
onOnHeaderSort: l[1] || (l[1] = (a) => i("update:sort", a))
|
|
107
113
|
}), B({ _: 2 }, [
|
|
108
|
-
|
|
114
|
+
b(e.$slots, (a, o) => ({
|
|
109
115
|
name: o,
|
|
110
|
-
fn: C((
|
|
111
|
-
P(e.$slots, o, w(
|
|
116
|
+
fn: C((g) => [
|
|
117
|
+
P(e.$slots, o, w(E(g || {})), void 0, !0)
|
|
112
118
|
])
|
|
113
119
|
}))
|
|
114
120
|
]), 1040, ["loading", "is-mobile-device", "items-expanded"])),
|
|
115
121
|
K(G(U, {
|
|
116
122
|
ref_key: "paginationComponentRef",
|
|
117
|
-
ref:
|
|
123
|
+
ref: S,
|
|
118
124
|
class: "rds-mt-16",
|
|
119
125
|
"total-items": t.totalItemsLength,
|
|
120
126
|
"current-page": t.activePage,
|
|
@@ -123,20 +129,20 @@ import './style/tablepaginatedcomponent.css';const X = { class: "table_paginated
|
|
|
123
129
|
"jump-to": t.jumpTo,
|
|
124
130
|
selected: !0,
|
|
125
131
|
"disable-first-load": t.disableFirstLoad,
|
|
126
|
-
onPageChanged:
|
|
132
|
+
onPageChanged: l[2] || (l[2] = (a) => T({ pagination: a }))
|
|
127
133
|
}, B({ _: 2 }, [
|
|
128
|
-
|
|
134
|
+
b(e.$slots, (a, o) => ({
|
|
129
135
|
name: o,
|
|
130
|
-
fn: C((
|
|
131
|
-
P(e.$slots, o, w(
|
|
136
|
+
fn: C((g) => [
|
|
137
|
+
P(e.$slots, o, w(E(g || {})), void 0, !0)
|
|
132
138
|
])
|
|
133
139
|
}))
|
|
134
140
|
]), 1032, ["total-items", "current-page", "items-per-page", "hide-leyend", "jump-to", "disable-first-load"]), [
|
|
135
|
-
[J, !
|
|
141
|
+
[J, !u.hidePagination]
|
|
136
142
|
])
|
|
137
143
|
]));
|
|
138
144
|
}
|
|
139
|
-
}), le = /* @__PURE__ */ W(Y, [["__scopeId", "data-v-
|
|
145
|
+
}), le = /* @__PURE__ */ W(Y, [["__scopeId", "data-v-6be5535e"]]);
|
|
140
146
|
export {
|
|
141
147
|
le as default
|
|
142
148
|
};
|
|
@@ -31602,6 +31602,12 @@ const Ta = { class: "rds-e-datepicker" }, Ca = { class: "rds-e-datepicker__day_w
|
|
|
31602
31602
|
}
|
|
31603
31603
|
_.value && Object.assign(w, _.value), c.value && c.value.clearVisibleDetails(), r("update:options", w);
|
|
31604
31604
|
}, I = (T) => {
|
|
31605
|
+
if (h.value.checkedAll && v.value.length === 0) {
|
|
31606
|
+
const O = d.value.map(
|
|
31607
|
+
(R) => String(R[i.value || "id"])
|
|
31608
|
+
);
|
|
31609
|
+
v.value = [...O], h.value.checkedAll = !1, r("update:selectedAll", !1);
|
|
31610
|
+
}
|
|
31605
31611
|
const w = v.value.indexOf(T);
|
|
31606
31612
|
w > -1 ? v.value.splice(w, 1) : v.value.push(T), r("update:selection", v.value);
|
|
31607
31613
|
}, F = () => {
|
|
@@ -31623,7 +31629,7 @@ const Ta = { class: "rds-e-datepicker" }, Ca = { class: "rds-e-datepicker__day_w
|
|
|
31623
31629
|
}), (T, w) => (f(), k("div", bs, [
|
|
31624
31630
|
T.$slots.mobile && e.isMobileDevice ? (f(!0), k(_1, { key: 0 }, C1(p(o), (O, R) => (f(), k("div", {
|
|
31625
31631
|
key: `mobile-${R}`,
|
|
31626
|
-
class: "
|
|
31632
|
+
class: "table_paginated__mobile_item"
|
|
31627
31633
|
}, [
|
|
31628
31634
|
U(T.$slots, "mobile", { item: O }, void 0, !0)
|
|
31629
31635
|
]))), 128)) : (f(), h1(hs, R1({
|
|
@@ -31671,7 +31677,7 @@ const Ta = { class: "rds-e-datepicker" }, Ca = { class: "rds-e-datepicker__day_w
|
|
|
31671
31677
|
])
|
|
31672
31678
|
]));
|
|
31673
31679
|
}
|
|
31674
|
-
}), ws = /* @__PURE__ */ D1(zs, [["__scopeId", "data-v-
|
|
31680
|
+
}), ws = /* @__PURE__ */ D1(zs, [["__scopeId", "data-v-bd441871"]]), xs = ["id", "aria-label"], _s = ["src", "alt"], ks = {
|
|
31675
31681
|
key: 1,
|
|
31676
31682
|
class: "rds-e-avatar__initials"
|
|
31677
31683
|
}, Is = {
|