energy-components 1.4.0 → 1.6.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.
- package/dist/components/accordion.es.js +13 -13
- package/dist/components/actionButton.es.js +3 -3
- package/dist/components/button.es.js +11 -11
- package/dist/components/checkbox.es.js +7 -7
- package/dist/components/dropdown.es.js +100 -91
- package/dist/components/filterChip.es.js +114 -0
- package/dist/components/{icon-svg-u9BWBbvW.js → icon-svg-CeKfjk3j.js} +5 -6
- package/dist/components/iconList.es.js +5 -5
- package/dist/components/iconSvg.es.js +1 -1
- package/dist/components/index.es.js +47 -44
- package/dist/components/infoBox.es.js +8 -8
- package/dist/components/link.es.js +15 -15
- package/dist/components/modal.es.js +12 -12
- package/dist/components/multiselect.es.js +32 -23
- package/dist/components/pagination.es.js +127 -105
- package/dist/components/persistentToast.es.js +5 -5
- package/dist/components/quantitySelector.es.js +9 -9
- package/dist/components/radioButton.es.js +16 -16
- package/dist/components/selectionChip.es.js +5 -5
- package/dist/components/sidedrawer.es.js +41 -28
- package/dist/components/style/actionButton.css +1 -1
- package/dist/components/style/button.css +1 -1
- package/dist/components/style/datepicker.css +1 -1
- package/dist/components/style/dropdown.css +1 -1
- package/dist/components/style/filterChip.css +1 -0
- package/dist/components/style/multiselect.css +1 -1
- package/dist/components/style/pagination.css +1 -1
- package/dist/components/style/sidedrawer.css +1 -1
- package/dist/components/style/tablepaginatedcomponent.css +1 -0
- package/dist/components/style/tableslotedcomponent.css +1 -0
- package/dist/components/style/textField.css +1 -1
- package/dist/components/switch.es.js +10 -10
- package/dist/components/tabBar.es.js +12 -12
- package/dist/components/tablepaginatedcomponent.es.js +137 -0
- package/dist/components/tableslotedcomponent.es.js +293 -0
- package/dist/components/tag.es.js +5 -5
- package/dist/components/textArea.es.js +22 -22
- package/dist/components/textField.es.js +95 -89
- package/dist/components/tooltip.es.js +61 -61
- package/dist/energy-components.es.js +6093 -5619
- package/dist/energy-components.umd.js +1 -1
- package/dist/style.css +1 -1
- package/dist/types/src/components/buttons/action-button/action-button.vue.d.ts +2 -2
- package/dist/types/src/components/content/table/table-sloted/TableSlotedComponent.vue.d.ts +80 -0
- package/dist/types/src/components/index.d.ts +1 -0
- package/dist/types/src/components/input/dropdown/dropdown.vue.d.ts +15 -0
- package/dist/types/src/components/input/filter-chip/filter-chip.vue.d.ts +150 -0
- package/dist/types/src/components/layout/sidedrawer/sidedrawer.vue.d.ts +16 -0
- package/dist/types/src/components/navigation/link/link.vue.d.ts +1 -1
- package/dist/types/src/components/navigation/pagination/pagination.vue.d.ts +56 -14
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -2
|
@@ -10789,9 +10789,7 @@ import './style/icon-svg.css';const n = "selection", I = [
|
|
|
10789
10789
|
codes: ((s = c.properties) == null ? void 0 : s.codes) || []
|
|
10790
10790
|
};
|
|
10791
10791
|
}
|
|
10792
|
-
)
|
|
10793
|
-
o.sort((c, s) => c.name.localeCompare(s.name)).map((c) => c.name);
|
|
10794
|
-
const m = o.reduce((c, s) => (c[s.name] = s, c), {}), S = /* @__PURE__ */ a({
|
|
10792
|
+
), k = o.sort((c, s) => c.name.localeCompare(s.name)).map((c) => c.name), m = o.reduce((c, s) => (c[s.name] = s, c), {}), S = /* @__PURE__ */ a({
|
|
10795
10793
|
__name: "icon-svg",
|
|
10796
10794
|
props: {
|
|
10797
10795
|
/**
|
|
@@ -10846,8 +10844,9 @@ const m = o.reduce((c, s) => (c[s.name] = s, c), {}), S = /* @__PURE__ */ a({
|
|
|
10846
10844
|
}, null, 2))), 128))
|
|
10847
10845
|
], 6));
|
|
10848
10846
|
}
|
|
10849
|
-
}),
|
|
10847
|
+
}), w = /* @__PURE__ */ p(S, [["__scopeId", "data-v-426142e9"]]);
|
|
10850
10848
|
export {
|
|
10851
|
-
|
|
10852
|
-
o as i
|
|
10849
|
+
w as I,
|
|
10850
|
+
o as i,
|
|
10851
|
+
k as s
|
|
10853
10852
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { defineComponent as p, ref as a, computed as v, openBlock as s, createElementBlock 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";
|
|
2
|
-
import { i as m,
|
|
2
|
+
import { i as m, I as k } from "./icon-svg-CeKfjk3j.js";
|
|
3
3
|
import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
-
import './style/iconList.css';const y = { class: "rds-e-icon-list" },
|
|
4
|
+
import './style/iconList.css';const y = { class: "rds-e-icon-list" }, I = ["onClick"], N = /* @__PURE__ */ p({
|
|
5
5
|
__name: "icon-list",
|
|
6
|
-
setup(
|
|
6
|
+
setup(T) {
|
|
7
7
|
const o = a(""), l = a(!1), c = a(""), d = v(() => {
|
|
8
8
|
let t = m;
|
|
9
9
|
return o.value.length > 2 && (t = m.filter(
|
|
@@ -33,13 +33,13 @@ import './style/iconList.css';const y = { class: "rds-e-icon-list" }, D = ["onCl
|
|
|
33
33
|
class: x(["rds-e-icon-list__item", {
|
|
34
34
|
"rds-e-icon-list__item--active": l.value && c.value === e.name
|
|
35
35
|
}]),
|
|
36
|
-
onClick: (
|
|
36
|
+
onClick: (V) => _(e.name)
|
|
37
37
|
}, [
|
|
38
38
|
g(k, {
|
|
39
39
|
name: e.name
|
|
40
40
|
}, null, 8, ["name"]),
|
|
41
41
|
r("code", null, h(e.name), 1)
|
|
42
|
-
], 10,
|
|
42
|
+
], 10, I))), 128))
|
|
43
43
|
])
|
|
44
44
|
], 64));
|
|
45
45
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { I as i } from "./icon-svg-CeKfjk3j.js";
|
|
2
2
|
import a from "./button.es.js";
|
|
3
3
|
import e from "./floatingActionButton.es.js";
|
|
4
4
|
import m from "./actionButton.es.js";
|
|
@@ -14,62 +14,64 @@ import f from "./quantitySelector.es.js";
|
|
|
14
14
|
import l from "./toggle.es.js";
|
|
15
15
|
import u from "./selectionChip.es.js";
|
|
16
16
|
import b from "./tag.es.js";
|
|
17
|
-
import
|
|
18
|
-
import
|
|
19
|
-
import
|
|
17
|
+
import T from "./accordionGroup.es.js";
|
|
18
|
+
import g from "./accordion.es.js";
|
|
19
|
+
import B from "./divider.es.js";
|
|
20
20
|
import A from "./card.es.js";
|
|
21
|
-
import x from "./
|
|
21
|
+
import x from "./tablepaginatedcomponent.es.js";
|
|
22
|
+
import I from "./link.es.js";
|
|
22
23
|
import w from "./breadcrumbs.es.js";
|
|
23
|
-
import
|
|
24
|
-
import
|
|
25
|
-
import
|
|
26
|
-
import
|
|
24
|
+
import v from "./tabBar.es.js";
|
|
25
|
+
import _ from "./pagination.es.js";
|
|
26
|
+
import h from "./indicator.es.js";
|
|
27
|
+
import y from "./persistentToast.es.js";
|
|
27
28
|
import P from "./infoBox.es.js";
|
|
28
|
-
import
|
|
29
|
+
import C from "./modal.es.js";
|
|
29
30
|
import k from "./overlay.es.js";
|
|
30
|
-
import
|
|
31
|
-
import
|
|
32
|
-
import
|
|
31
|
+
import G from "./tooltip.es.js";
|
|
32
|
+
import F from "./sidebar.es.js";
|
|
33
|
+
import M from "./sidedrawer.es.js";
|
|
33
34
|
const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
34
35
|
__proto__: null,
|
|
35
|
-
RDSAccordion:
|
|
36
|
-
RDSAccordionGroup:
|
|
36
|
+
RDSAccordion: g,
|
|
37
|
+
RDSAccordionGroup: T,
|
|
37
38
|
RDSActionButton: m,
|
|
38
39
|
RDSBreadcrumbs: w,
|
|
39
40
|
RDSButton: a,
|
|
40
41
|
RDSCard: A,
|
|
41
42
|
RDSCheckbox: S,
|
|
42
43
|
RDSDatePicker: d,
|
|
43
|
-
RDSDivider:
|
|
44
|
+
RDSDivider: B,
|
|
44
45
|
RDSDropdown: c,
|
|
45
46
|
RDSFloatinActionButton: e,
|
|
46
47
|
RDSIconSvg: i,
|
|
47
|
-
RDSIndicator:
|
|
48
|
+
RDSIndicator: h,
|
|
48
49
|
RDSInfoBox: P,
|
|
49
|
-
RDSLink:
|
|
50
|
-
RDSModal:
|
|
50
|
+
RDSLink: I,
|
|
51
|
+
RDSModal: C,
|
|
51
52
|
RDSOverlay: k,
|
|
52
|
-
RDSPagination:
|
|
53
|
-
RDSPersistentToast:
|
|
53
|
+
RDSPagination: _,
|
|
54
|
+
RDSPersistentToast: y,
|
|
54
55
|
RDSQuantitySelector: f,
|
|
55
56
|
RDSRadioButton: p,
|
|
56
57
|
RDSRadioGroup: s,
|
|
57
58
|
RDSSelectionChip: u,
|
|
58
|
-
RDSSidebar:
|
|
59
|
-
RDSSidedrawer:
|
|
59
|
+
RDSSidebar: F,
|
|
60
|
+
RDSSidedrawer: M,
|
|
60
61
|
RDSSwitch: R,
|
|
61
|
-
RDSTabBar:
|
|
62
|
+
RDSTabBar: v,
|
|
63
|
+
RDSTable: x,
|
|
62
64
|
RDSTag: b,
|
|
63
65
|
RDSTextArea: D,
|
|
64
66
|
RDSTextField: n,
|
|
65
67
|
RDSToggle: l,
|
|
66
|
-
RDSTooltip:
|
|
68
|
+
RDSTooltip: G
|
|
67
69
|
}, Symbol.toStringTag, { value: "Module" }));
|
|
68
|
-
let
|
|
69
|
-
function
|
|
70
|
-
|
|
70
|
+
let O;
|
|
71
|
+
function uo(o) {
|
|
72
|
+
O = o;
|
|
71
73
|
}
|
|
72
|
-
const
|
|
74
|
+
const bo = {
|
|
73
75
|
install: (o) => {
|
|
74
76
|
for (const r in t)
|
|
75
77
|
o.component(
|
|
@@ -79,39 +81,40 @@ const lo = {
|
|
|
79
81
|
}
|
|
80
82
|
};
|
|
81
83
|
export {
|
|
82
|
-
|
|
83
|
-
|
|
84
|
+
g as RDSAccordion,
|
|
85
|
+
T as RDSAccordionGroup,
|
|
84
86
|
m as RDSActionButton,
|
|
85
87
|
w as RDSBreadcrumbs,
|
|
86
88
|
a as RDSButton,
|
|
87
89
|
A as RDSCard,
|
|
88
90
|
S as RDSCheckbox,
|
|
89
91
|
d as RDSDatePicker,
|
|
90
|
-
|
|
92
|
+
B as RDSDivider,
|
|
91
93
|
c as RDSDropdown,
|
|
92
94
|
e as RDSFloatinActionButton,
|
|
93
95
|
i as RDSIconSvg,
|
|
94
|
-
|
|
96
|
+
h as RDSIndicator,
|
|
95
97
|
P as RDSInfoBox,
|
|
96
|
-
|
|
97
|
-
|
|
98
|
+
I as RDSLink,
|
|
99
|
+
C as RDSModal,
|
|
98
100
|
k as RDSOverlay,
|
|
99
|
-
|
|
100
|
-
|
|
101
|
+
_ as RDSPagination,
|
|
102
|
+
y as RDSPersistentToast,
|
|
101
103
|
f as RDSQuantitySelector,
|
|
102
104
|
p as RDSRadioButton,
|
|
103
105
|
s as RDSRadioGroup,
|
|
104
106
|
u as RDSSelectionChip,
|
|
105
|
-
|
|
106
|
-
|
|
107
|
+
F as RDSSidebar,
|
|
108
|
+
M as RDSSidedrawer,
|
|
107
109
|
R as RDSSwitch,
|
|
108
|
-
|
|
110
|
+
v as RDSTabBar,
|
|
111
|
+
x as RDSTable,
|
|
109
112
|
b as RDSTag,
|
|
110
113
|
D as RDSTextArea,
|
|
111
114
|
n as RDSTextField,
|
|
112
115
|
l as RDSToggle,
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
116
|
+
G as RDSTooltip,
|
|
117
|
+
O as VueInstance,
|
|
118
|
+
bo as default,
|
|
119
|
+
uo as setVueInstance
|
|
117
120
|
};
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { defineComponent as y, ref as d, toRefs as h, computed as k, watch as w, nextTick as C, openBlock as t, createElementBlock as s, normalizeClass as m, createElementVNode as a, createVNode as _, createCommentVNode as o, toDisplayString as i } from "vue";
|
|
2
|
-
import {
|
|
2
|
+
import { I as b } from "./icon-svg-CeKfjk3j.js";
|
|
3
3
|
import { _ as S } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
4
|
import './style/infoBox.css';const q = { class: "alert" }, $ = {
|
|
5
5
|
key: 0,
|
|
6
6
|
class: "rds-e-info-box__custom-icon-block"
|
|
7
|
-
}, B = { class: "rds-e-info-box__wrapper" }, H = { class: "rds-e-info-box__title__wrapper" },
|
|
7
|
+
}, B = { class: "rds-e-info-box__wrapper" }, H = { class: "rds-e-info-box__title__wrapper" }, I = {
|
|
8
8
|
key: 0,
|
|
9
9
|
class: "rds-e-info-box__title rds-mb-03"
|
|
10
|
-
},
|
|
10
|
+
}, N = {
|
|
11
11
|
key: 0,
|
|
12
12
|
class: "rds-e-info-box__title rds-mb-03"
|
|
13
13
|
}, V = {
|
|
14
14
|
key: 2,
|
|
15
15
|
class: "rds-e-info-box__text"
|
|
16
|
-
},
|
|
16
|
+
}, E = { class: "rds-e-info-box__text" }, z = /* @__PURE__ */ y({
|
|
17
17
|
__name: "info-box",
|
|
18
18
|
props: {
|
|
19
19
|
/**
|
|
@@ -113,13 +113,13 @@ import './style/infoBox.css';const q = { class: "alert" }, $ = {
|
|
|
113
113
|
])) : o("", !0),
|
|
114
114
|
a("div", B, [
|
|
115
115
|
a("div", H, [
|
|
116
|
-
e.title && !e.collapsable ? (t(), s("div",
|
|
116
|
+
e.title && !e.collapsable ? (t(), s("div", I, i(e.title), 1)) : o("", !0),
|
|
117
117
|
e.collapsable ? (t(), s("div", {
|
|
118
118
|
key: 1,
|
|
119
119
|
class: "rds-e-info-box__collapsable rds-mb-03",
|
|
120
120
|
onClick: f[0] || (f[0] = () => p())
|
|
121
121
|
}, [
|
|
122
|
-
e.title ? (t(), s("div",
|
|
122
|
+
e.title ? (t(), s("div", N, i(e.title), 1)) : o("", !0),
|
|
123
123
|
_(b, {
|
|
124
124
|
name: "arrow_down",
|
|
125
125
|
class: m(["rds-e-info-box__custom-icon", { "rds-e-info-box__custom-icon--open": n.value }]),
|
|
@@ -138,7 +138,7 @@ import './style/infoBox.css';const q = { class: "alert" }, $ = {
|
|
|
138
138
|
ref: c,
|
|
139
139
|
class: "rds-e-info-box__panel-content"
|
|
140
140
|
}, [
|
|
141
|
-
a("p",
|
|
141
|
+
a("p", E, i(e.message), 1)
|
|
142
142
|
], 512)
|
|
143
143
|
], 512)) : o("", !0)
|
|
144
144
|
])
|
|
@@ -146,7 +146,7 @@ import './style/infoBox.css';const q = { class: "alert" }, $ = {
|
|
|
146
146
|
])
|
|
147
147
|
], 2));
|
|
148
148
|
}
|
|
149
|
-
}), T = /* @__PURE__ */ S(
|
|
149
|
+
}), T = /* @__PURE__ */ S(z, [["__scopeId", "data-v-0a87bf57"]]);
|
|
150
150
|
export {
|
|
151
151
|
T as default
|
|
152
152
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import {
|
|
1
|
+
import { defineComponent as E, toRefs as L, computed as f, openBlock as r, createBlock as d, resolveDynamicComponent as N, unref as e, normalizeClass as m, withCtx as R, mergeProps as _, createCommentVNode as i, createElementBlock as b, renderSlot as B, createTextVNode as S, toDisplayString as I } from "vue";
|
|
2
|
+
import { I as k } from "./icon-svg-CeKfjk3j.js";
|
|
3
3
|
import { _ as V } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
-
import './style/link.css';const $ = /* @__PURE__ */
|
|
4
|
+
import './style/link.css';const $ = /* @__PURE__ */ E({
|
|
5
5
|
__name: "link",
|
|
6
6
|
props: {
|
|
7
7
|
/**
|
|
@@ -86,8 +86,8 @@ import './style/link.css';const $ = /* @__PURE__ */ j({
|
|
|
86
86
|
arrow: u,
|
|
87
87
|
right: t,
|
|
88
88
|
underline: h,
|
|
89
|
-
customClass:
|
|
90
|
-
} =
|
|
89
|
+
customClass: j
|
|
90
|
+
} = L(v), D = f(() => {
|
|
91
91
|
var l, C;
|
|
92
92
|
const a = ["rds-e-link"];
|
|
93
93
|
return p.value && a.push("rds-e-link--inverse"), h.value && a.push("rds-e-link--underline"), c.value && a.push("rds-e-style-state-disabled"), ((l = n == null ? void 0 : n.value) == null ? void 0 : l.name) !== "arrow" && a.push("link"), ((C = n == null ? void 0 : n.value) == null ? void 0 : C.name) !== "arrow" && p.value && a.push("link__icon--inverse"), a.join(" ");
|
|
@@ -101,13 +101,13 @@ import './style/link.css';const $ = /* @__PURE__ */ j({
|
|
|
101
101
|
var a;
|
|
102
102
|
return u.value || ((a = n == null ? void 0 : n.value) == null ? void 0 : a.name);
|
|
103
103
|
});
|
|
104
|
-
return (a, l) => (r(), d(
|
|
105
|
-
class: m(
|
|
104
|
+
return (a, l) => (r(), d(N(e(o) === "a" ? e(o) : "router-link"), {
|
|
105
|
+
class: m(D.value),
|
|
106
106
|
to: e(o) === "router-link" ? e(g) : null,
|
|
107
107
|
href: e(o) === "a" ? e(g) : null,
|
|
108
108
|
disable: e(c)
|
|
109
109
|
}, {
|
|
110
|
-
default:
|
|
110
|
+
default: R(() => [
|
|
111
111
|
e(n).name && !e(t) && !e(u) ? (r(), d(k, _({
|
|
112
112
|
key: 0,
|
|
113
113
|
name: e(n).name
|
|
@@ -116,15 +116,15 @@ import './style/link.css';const $ = /* @__PURE__ */ j({
|
|
|
116
116
|
}, {
|
|
117
117
|
class: ["rds-e-link__icon-left", w.value]
|
|
118
118
|
}), null, 16, ["name", "class"])) : i("", !0),
|
|
119
|
-
e(t) ? (r(),
|
|
119
|
+
e(t) ? (r(), b("span", {
|
|
120
120
|
key: 1,
|
|
121
|
-
class: m(["rds-e-link__text", [e(
|
|
121
|
+
class: m(["rds-e-link__text", [e(j), {
|
|
122
122
|
"rds-e-mr-xs": x.value,
|
|
123
123
|
"rds-e-link__text--underline": e(h)
|
|
124
124
|
}]])
|
|
125
125
|
}, [
|
|
126
|
-
|
|
127
|
-
|
|
126
|
+
B(a.$slots, "default", {}, () => [
|
|
127
|
+
S(I(e(y)), 1)
|
|
128
128
|
], !0)
|
|
129
129
|
], 2)) : i("", !0),
|
|
130
130
|
e(u) ? (r(), d(k, _({ key: 2 }, {
|
|
@@ -134,12 +134,12 @@ import './style/link.css';const $ = /* @__PURE__ */ j({
|
|
|
134
134
|
e(t) ? "link__icon--animation-right" : "link__icon--animation-left"
|
|
135
135
|
]]
|
|
136
136
|
}), null, 16, ["class"])) : i("", !0),
|
|
137
|
-
e(t) ? i("", !0) : (r(),
|
|
137
|
+
e(t) ? i("", !0) : (r(), b("span", {
|
|
138
138
|
key: 3,
|
|
139
139
|
class: m(["rds-e-link__text", { "rds-e-ml-xs": x.value }])
|
|
140
140
|
}, [
|
|
141
|
-
|
|
142
|
-
|
|
141
|
+
B(a.$slots, "default", {}, () => [
|
|
142
|
+
S(I(e(y)), 1)
|
|
143
143
|
], !0)
|
|
144
144
|
], 2)),
|
|
145
145
|
e(n).name && e(t) && !e(u) ? (r(), d(k, _({
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { defineComponent as h, ref as C, computed as v, openBlock as r, createBlock as m, unref as a, withCtx as u, createVNode as k, normalizeStyle as b, withModifiers as w, createElementVNode as d, renderSlot as n, createCommentVNode as l, createElementBlock as c } from "vue";
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
import { _ as
|
|
6
|
-
import './style/modal.css';const
|
|
2
|
+
import x from "./overlay.es.js";
|
|
3
|
+
import S from "./card.es.js";
|
|
4
|
+
import { I as $ } from "./icon-svg-CeKfjk3j.js";
|
|
5
|
+
import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
6
|
+
import './style/modal.css';const N = { class: "rds-e-modal__container" }, R = { class: "rds-e-modal__header" }, W = {
|
|
7
7
|
key: 0,
|
|
8
8
|
class: "rds-e-modal__section-spacer"
|
|
9
9
|
}, g = { class: "rds-e-modal__body" }, q = {
|
|
10
10
|
key: 1,
|
|
11
11
|
class: "rds-e-modal__section-spacer"
|
|
12
|
-
},
|
|
12
|
+
}, I = { class: "rds-e-modal__footer" }, V = /* @__PURE__ */ h({
|
|
13
13
|
__name: "modal",
|
|
14
14
|
props: {
|
|
15
15
|
/**
|
|
@@ -70,7 +70,7 @@ import './style/modal.css';const B = { class: "rds-e-modal__container" }, N = {
|
|
|
70
70
|
}), y = () => {
|
|
71
71
|
e.preventClose || i("onCloseRequest");
|
|
72
72
|
};
|
|
73
|
-
return (o, s) => t.open ? (r(), m(a(
|
|
73
|
+
return (o, s) => t.open ? (r(), m(a(x), {
|
|
74
74
|
key: 0,
|
|
75
75
|
ref_key: "overlay",
|
|
76
76
|
ref: f,
|
|
@@ -79,15 +79,15 @@ import './style/modal.css';const B = { class: "rds-e-modal__container" }, N = {
|
|
|
79
79
|
onClick: y
|
|
80
80
|
}, {
|
|
81
81
|
default: u(() => [
|
|
82
|
-
k(a(
|
|
82
|
+
k(a(S), {
|
|
83
83
|
class: "rds-e-modal__card",
|
|
84
84
|
style: b(_.value),
|
|
85
85
|
onClick: s[1] || (s[1] = w(() => {
|
|
86
86
|
}, ["stop"]))
|
|
87
87
|
}, {
|
|
88
88
|
default: u(() => [
|
|
89
|
-
d("div",
|
|
90
|
-
d("div",
|
|
89
|
+
d("div", N, [
|
|
90
|
+
d("div", R, [
|
|
91
91
|
n(o.$slots, "header", {}, void 0, !0),
|
|
92
92
|
e.showClose ? (r(), m(a($), {
|
|
93
93
|
key: 0,
|
|
@@ -102,7 +102,7 @@ import './style/modal.css';const B = { class: "rds-e-modal__container" }, N = {
|
|
|
102
102
|
n(o.$slots, "body", {}, void 0, !0)
|
|
103
103
|
]),
|
|
104
104
|
o.$slots.footer ? (r(), c("span", q)) : l("", !0),
|
|
105
|
-
d("div",
|
|
105
|
+
d("div", I, [
|
|
106
106
|
n(o.$slots, "footer", {}, void 0, !0)
|
|
107
107
|
])
|
|
108
108
|
])
|
|
@@ -113,7 +113,7 @@ import './style/modal.css';const B = { class: "rds-e-modal__container" }, N = {
|
|
|
113
113
|
_: 3
|
|
114
114
|
}, 8, ["teleport"])) : l("", !0);
|
|
115
115
|
}
|
|
116
|
-
}), j = /* @__PURE__ */
|
|
116
|
+
}), j = /* @__PURE__ */ B(V, [["__scopeId", "data-v-24bc0adc"]]);
|
|
117
117
|
export {
|
|
118
118
|
j as default
|
|
119
119
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { openBlock as d, createElementBlock as p, normalizeClass as
|
|
1
|
+
import { openBlock as d, createElementBlock as p, normalizeClass as v, withKeys as f, withModifiers as r, renderSlot as u, createElementVNode as o, withDirectives as b, Fragment as L, renderList as $, toDisplayString as m, vShow as y, createCommentVNode as c, createVNode as B, Transition as k, withCtx as D, normalizeStyle as S, createTextVNode as V } from "vue";
|
|
2
2
|
import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
3
3
|
import './style/multiselect.css';function O(e) {
|
|
4
4
|
return e === 0 ? !1 : Array.isArray(e) && e.length === 0 ? !0 : !e;
|
|
@@ -707,12 +707,12 @@ const E = (...e) => (t) => e.reduce((i, l) => l(i), t), C = {
|
|
|
707
707
|
},
|
|
708
708
|
/**
|
|
709
709
|
* Sets maxHeight style value of the dropdown
|
|
710
|
-
* @default
|
|
710
|
+
* @default 288
|
|
711
711
|
* @type {Integer}
|
|
712
712
|
*/
|
|
713
713
|
maxHeight: {
|
|
714
714
|
type: Number,
|
|
715
|
-
default:
|
|
715
|
+
default: 288
|
|
716
716
|
},
|
|
717
717
|
/**
|
|
718
718
|
* Function that process the message shown when selected
|
|
@@ -770,6 +770,15 @@ const E = (...e) => (t) => e.reduce((i, l) => l(i), t), C = {
|
|
|
770
770
|
type: Boolean,
|
|
771
771
|
default: !0
|
|
772
772
|
},
|
|
773
|
+
/**
|
|
774
|
+
* Tamaño de la lista
|
|
775
|
+
* @default false
|
|
776
|
+
* @type {Boolean}
|
|
777
|
+
*/
|
|
778
|
+
small: {
|
|
779
|
+
type: Boolean,
|
|
780
|
+
default: !1
|
|
781
|
+
},
|
|
773
782
|
showNoResults: {
|
|
774
783
|
type: Boolean,
|
|
775
784
|
default: !0
|
|
@@ -831,7 +840,7 @@ const E = (...e) => (t) => e.reduce((i, l) => l(i), t), C = {
|
|
|
831
840
|
function te(e, t, i, l, a, n) {
|
|
832
841
|
return d(), p("div", {
|
|
833
842
|
tabindex: e.searchable ? -1 : i.tabindex,
|
|
834
|
-
class:
|
|
843
|
+
class: v([{ "multiselect--active": e.isOpen, "multiselect--disabled": i.disabled, "multiselect--above": n.isAbove, "multiselect--has-options-group": n.hasOptionGroup }, "multiselect"]),
|
|
835
844
|
onFocus: t[13] || (t[13] = (s) => e.activate()),
|
|
836
845
|
onBlur: t[14] || (t[14] = (s) => e.searchable ? !1 : e.deactivate()),
|
|
837
846
|
onKeydown: [
|
|
@@ -868,12 +877,12 @@ function te(e, t, i, l, a, n) {
|
|
|
868
877
|
key: h
|
|
869
878
|
}, [
|
|
870
879
|
o("span", {
|
|
871
|
-
textContent:
|
|
880
|
+
textContent: m(e.getOptionLabel(s))
|
|
872
881
|
}, null, 8, q),
|
|
873
882
|
o("i", {
|
|
874
883
|
tabindex: "1",
|
|
875
|
-
onKeypress: f(r((
|
|
876
|
-
onMousedown: r((
|
|
884
|
+
onKeypress: f(r((g) => e.removeElement(s), ["prevent"]), ["enter"]),
|
|
885
|
+
onMousedown: r((g) => e.removeElement(s), ["prevent"]),
|
|
877
886
|
class: "multiselect__tag-icon"
|
|
878
887
|
}, null, 40, j)
|
|
879
888
|
]))
|
|
@@ -884,7 +893,7 @@ function te(e, t, i, l, a, n) {
|
|
|
884
893
|
e.internalValue && e.internalValue.length > i.limit ? u(e.$slots, "limit", { key: 0 }, () => [
|
|
885
894
|
o("strong", {
|
|
886
895
|
class: "multiselect__strong",
|
|
887
|
-
textContent:
|
|
896
|
+
textContent: m(i.limitText(e.internalValue.length - i.limit))
|
|
888
897
|
}, null, 8, I)
|
|
889
898
|
], !0) : c("", !0)
|
|
890
899
|
], !0),
|
|
@@ -933,7 +942,7 @@ function te(e, t, i, l, a, n) {
|
|
|
933
942
|
onMousedown: t[9] || (t[9] = r((...s) => e.toggle && e.toggle(...s), ["prevent"]))
|
|
934
943
|
}, [
|
|
935
944
|
u(e.$slots, "singleLabel", { option: n.singleValue }, () => [
|
|
936
|
-
|
|
945
|
+
V(m(e.currentOptionLabel), 1)
|
|
937
946
|
], !0)
|
|
938
947
|
], 32)) : c("", !0),
|
|
939
948
|
c("", !0)
|
|
@@ -941,7 +950,7 @@ function te(e, t, i, l, a, n) {
|
|
|
941
950
|
B(k, { name: "multiselect" }, {
|
|
942
951
|
default: D(() => [
|
|
943
952
|
b(o("div", {
|
|
944
|
-
class: "multiselect__content-wrapper",
|
|
953
|
+
class: v(["multiselect__content-wrapper", { "multiselect__content-wrapper--small": i.small }]),
|
|
945
954
|
onFocus: t[11] || (t[11] = (...s) => e.activate && e.activate(...s)),
|
|
946
955
|
tabindex: "-1",
|
|
947
956
|
onMousedown: t[12] || (t[12] = r(() => {
|
|
@@ -960,7 +969,7 @@ function te(e, t, i, l, a, n) {
|
|
|
960
969
|
e.multiple && e.max === e.internalValue.length ? (d(), p("li", W, [
|
|
961
970
|
o("span", X, [
|
|
962
971
|
u(e.$slots, "maxElements", {}, () => [
|
|
963
|
-
|
|
972
|
+
V("Maximum of " + m(e.max) + " options selected. First remove a selected option to select another.", 1)
|
|
964
973
|
], !0)
|
|
965
974
|
])
|
|
966
975
|
])) : c("", !0),
|
|
@@ -973,9 +982,9 @@ function te(e, t, i, l, a, n) {
|
|
|
973
982
|
}, [
|
|
974
983
|
s && (s.$isLabel || s.$isDisabled) ? c("", !0) : (d(), p("span", {
|
|
975
984
|
key: 0,
|
|
976
|
-
class:
|
|
977
|
-
onClick: r((
|
|
978
|
-
onMouseenter: r((
|
|
985
|
+
class: v([e.optionHighlight(h, s), "multiselect__option"]),
|
|
986
|
+
onClick: r((g) => e.select(s), ["stop"]),
|
|
987
|
+
onMouseenter: r((g) => e.pointerSet(h), ["self"]),
|
|
979
988
|
"data-select": s && s.isTag ? e.tagPlaceholder : n.selectLabelText,
|
|
980
989
|
"data-selected": n.selectedLabelText,
|
|
981
990
|
"data-deselect": n.deselectLabelText
|
|
@@ -985,30 +994,30 @@ function te(e, t, i, l, a, n) {
|
|
|
985
994
|
search: e.search,
|
|
986
995
|
index: h
|
|
987
996
|
}, () => [
|
|
988
|
-
o("span", null,
|
|
997
|
+
o("span", null, m(e.getOptionLabel(s)), 1)
|
|
989
998
|
], !0)
|
|
990
999
|
], 42, Z)),
|
|
991
1000
|
s && (s.$isLabel || s.$isDisabled) ? (d(), p("span", {
|
|
992
1001
|
key: 1,
|
|
993
1002
|
"data-select": e.groupSelect && n.selectGroupLabelText,
|
|
994
1003
|
"data-deselect": e.groupSelect && n.deselectGroupLabelText,
|
|
995
|
-
class:
|
|
996
|
-
onMouseenter: r((
|
|
997
|
-
onMousedown: r((
|
|
1004
|
+
class: v([e.groupHighlight(h, s), "multiselect__option"]),
|
|
1005
|
+
onMouseenter: r((g) => e.groupSelect && e.pointerSet(h), ["self"]),
|
|
1006
|
+
onMousedown: r((g) => e.selectGroup(s), ["prevent"])
|
|
998
1007
|
}, [
|
|
999
1008
|
u(e.$slots, "option", {
|
|
1000
1009
|
option: s,
|
|
1001
1010
|
search: e.search,
|
|
1002
1011
|
index: h
|
|
1003
1012
|
}, () => [
|
|
1004
|
-
o("span", null,
|
|
1013
|
+
o("span", null, m(e.getOptionLabel(s)), 1)
|
|
1005
1014
|
], !0)
|
|
1006
1015
|
], 42, x)) : c("", !0)
|
|
1007
1016
|
], 8, Y))), 128)) : c("", !0),
|
|
1008
1017
|
b(o("li", null, [
|
|
1009
1018
|
o("span", _, [
|
|
1010
1019
|
u(e.$slots, "noResult", { search: e.search }, () => [
|
|
1011
|
-
t[19] || (t[19] =
|
|
1020
|
+
t[19] || (t[19] = V("No elements found. Consider changing the search query."))
|
|
1012
1021
|
], !0)
|
|
1013
1022
|
])
|
|
1014
1023
|
], 512), [
|
|
@@ -1017,7 +1026,7 @@ function te(e, t, i, l, a, n) {
|
|
|
1017
1026
|
b(o("li", null, [
|
|
1018
1027
|
o("span", ee, [
|
|
1019
1028
|
u(e.$slots, "noOptions", {}, () => [
|
|
1020
|
-
t[20] || (t[20] =
|
|
1029
|
+
t[20] || (t[20] = V("List is empty."))
|
|
1021
1030
|
], !0)
|
|
1022
1031
|
])
|
|
1023
1032
|
], 512), [
|
|
@@ -1025,7 +1034,7 @@ function te(e, t, i, l, a, n) {
|
|
|
1025
1034
|
]),
|
|
1026
1035
|
u(e.$slots, "afterList", {}, void 0, !0)
|
|
1027
1036
|
], 12, Q)
|
|
1028
|
-
],
|
|
1037
|
+
], 38), [
|
|
1029
1038
|
[y, e.isOpen]
|
|
1030
1039
|
])
|
|
1031
1040
|
]),
|
|
@@ -1033,7 +1042,7 @@ function te(e, t, i, l, a, n) {
|
|
|
1033
1042
|
})
|
|
1034
1043
|
], 42, N);
|
|
1035
1044
|
}
|
|
1036
|
-
const le = /* @__PURE__ */ A(F, [["render", te], ["__scopeId", "data-v-
|
|
1045
|
+
const le = /* @__PURE__ */ A(F, [["render", te], ["__scopeId", "data-v-a1db52fd"]]);
|
|
1037
1046
|
export {
|
|
1038
1047
|
le as default
|
|
1039
1048
|
};
|