energy-components 1.10.0-beta.0 → 1.10.1
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 +1 -1
- package/dist/components/avatar.es.js +1 -1
- package/dist/components/breadcrumbs.es.js +22 -21
- package/dist/components/button.es.js +56 -48
- package/dist/components/checkbox.es.js +1 -1
- package/dist/components/directAccess.es.js +1 -1
- package/dist/components/dragAndDrop.es.js +1 -1
- package/dist/components/dropdown.es.js +19 -18
- package/dist/components/fileUploadItem.es.js +1 -1
- package/dist/components/filterChip.es.js +1 -1
- package/dist/components/{icon-svg-YXBqzlJN.js → icon-svg-DuzOdbk1.js} +4360 -2853
- package/dist/components/iconList.es.js +1 -1
- package/dist/components/iconSvg.es.js +1 -1
- package/dist/components/index.es.js +1 -1
- package/dist/components/infoBox.es.js +1 -1
- package/dist/components/link.es.js +60 -48
- package/dist/components/modal.es.js +1 -1
- package/dist/components/multiselectcontentwrapper.es.js +25 -22
- package/dist/components/pagination.es.js +129 -80
- package/dist/components/persistentToast.es.js +1 -1
- package/dist/components/progressBar.es.js +1 -1
- package/dist/components/quantitySelector.es.js +1 -1
- package/dist/components/radioButton.es.js +1 -1
- package/dist/components/selectionChip.es.js +1 -1
- package/dist/components/sidedrawer.es.js +48 -43
- package/dist/components/style/actionButton.css +1 -1
- package/dist/components/style/breadcrumbs.css +1 -1
- package/dist/components/style/button.css +1 -1
- package/dist/components/style/dropdown.css +1 -1
- package/dist/components/style/floatingActionButton.css +1 -1
- package/dist/components/style/link.css +1 -1
- package/dist/components/style/multiselect.css +1 -1
- package/dist/components/style/multiselectcontentwrapper.css +1 -1
- package/dist/components/style/pagination.css +1 -1
- package/dist/components/style/selectionChip.css +1 -1
- package/dist/components/style/sidedrawer.css +1 -1
- package/dist/components/style/tabBar.css +1 -1
- package/dist/components/style/tag.css +1 -1
- package/dist/components/style/textField.css +1 -1
- package/dist/components/switch.es.js +1 -1
- package/dist/components/tabBar.es.js +95 -84
- package/dist/components/tableslotedcomponent.es.js +1 -1
- package/dist/components/tag.es.js +15 -15
- package/dist/components/textArea.es.js +1 -1
- package/dist/components/textField.es.js +64 -53
- package/dist/components/tooltip.es.js +293 -295
- package/dist/energy-components.es.js +8274 -6668
- package/dist/energy-components.umd.js +2 -2
- package/dist/style.css +1 -1
- package/dist/types/src/components/buttons/button/button.vue.d.ts +15 -0
- package/dist/types/src/components/feedback/indicator/indicator.vue.d.ts +1 -1
- package/dist/types/src/components/input/drag-and-drop/drag-and-drop.vue.d.ts +1 -1
- package/dist/types/src/components/input/dropdown/Multiselect/MultiselectContentWrapper.vue.d.ts +9 -2
- package/dist/types/src/components/input/dropdown/dropdown.vue.d.ts +4 -4
- package/dist/types/src/components/input/quantity-selector/quantity-selector.vue.d.ts +1 -1
- package/dist/types/src/components/input/text-field/text-field.vue.d.ts +17 -0
- package/dist/types/src/components/layout/sidedrawer/sidedrawer.vue.d.ts +7 -5
- package/dist/types/src/components/navigation/link/link.vue.d.ts +15 -0
- package/dist/types/src/components/navigation/pagination/pagination.vue.d.ts +29 -0
- package/dist/types/src/setupTests.d.ts +1 -0
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +5 -3
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as R, toRefs as B, ref as l, watch as D, nextTick as N, inject as v, onMounted as V, onBeforeUnmount as q, createElementBlock as w, openBlock as _, createElementVNode as n, toDisplayString as h, createBlock as H, createCommentVNode as P, createVNode as T, unref as d, mergeProps as j, normalizeClass as y, renderSlot as A, createTextVNode as E } from "vue";
|
|
2
|
-
import { R as I } from "./icon-svg-
|
|
2
|
+
import { R as I } from "./icon-svg-DuzOdbk1.js";
|
|
3
3
|
import O from "./tag.es.js";
|
|
4
4
|
import { _ as $ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
5
|
import './style/accordion.css';const b = { class: "rds-e-accordion" }, z = { class: "rds-e-accordion-title" }, M = { class: "rds-e-accordion-title_right" }, U = /* @__PURE__ */ R({
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as _, computed as a, createElementBlock as s, openBlock as r, withKeys as o, normalizeStyle as u, normalizeClass as h, createBlock as k, createCommentVNode as b, toDisplayString as z } from "vue";
|
|
2
|
-
import { R as C } from "./icon-svg-
|
|
2
|
+
import { R as C } from "./icon-svg-DuzOdbk1.js";
|
|
3
3
|
import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
4
|
import './style/avatar.css';const A = ["aria-label"], B = ["src", "alt"], D = {
|
|
5
5
|
key: 1,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { defineComponent as g, toRefs as h, ref as
|
|
1
|
+
import { defineComponent as g, toRefs as h, ref as C, watchEffect as y, onMounted as L, createElementBlock as c, openBlock as l, Fragment as I, renderList as w, normalizeClass as x, unref as B, createVNode as j, mergeProps as E, toHandlers as P, withCtx as T, createCommentVNode as D } from "vue";
|
|
2
2
|
import N from "./link.es.js";
|
|
3
3
|
import { _ as O } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
-
import './style/breadcrumbs.css';const R = { key: 0 },
|
|
4
|
+
import './style/breadcrumbs.css';const R = { key: 0 }, S = /* @__PURE__ */ g({
|
|
5
5
|
__name: "breadcrumbs",
|
|
6
6
|
props: {
|
|
7
7
|
/**
|
|
@@ -28,14 +28,14 @@ import './style/breadcrumbs.css';const R = { key: 0 }, V = /* @__PURE__ */ g({
|
|
|
28
28
|
},
|
|
29
29
|
emits: ["onClickTrimmedList"],
|
|
30
30
|
setup(d, { emit: p }) {
|
|
31
|
-
const
|
|
32
|
-
items:
|
|
31
|
+
const t = d, f = p, {
|
|
32
|
+
items: s,
|
|
33
33
|
inverse: o
|
|
34
|
-
} = h(
|
|
35
|
-
f("onClickTrimmedList",
|
|
36
|
-
},
|
|
34
|
+
} = h(t), n = C(), m = () => {
|
|
35
|
+
f("onClickTrimmedList", s.value.slice(1, -1));
|
|
36
|
+
}, v = () => {
|
|
37
37
|
n.value = [
|
|
38
|
-
|
|
38
|
+
s.value[0],
|
|
39
39
|
{
|
|
40
40
|
text: "...",
|
|
41
41
|
active: !1,
|
|
@@ -43,29 +43,31 @@ import './style/breadcrumbs.css';const R = { key: 0 }, V = /* @__PURE__ */ g({
|
|
|
43
43
|
to: "",
|
|
44
44
|
clickable: !0
|
|
45
45
|
},
|
|
46
|
-
|
|
46
|
+
s.value[s.value.length - 1]
|
|
47
47
|
];
|
|
48
48
|
}, u = () => {
|
|
49
|
-
|
|
50
|
-
},
|
|
49
|
+
t.trimItems && s.value.length > 3 ? v() : typeof t.items == "object" ? n.value = t.items : console.error("energy-components: The prop is not an Object");
|
|
50
|
+
}, _ = (e, a) => {
|
|
51
51
|
const r = {
|
|
52
52
|
...e,
|
|
53
|
-
inverse: o.value
|
|
53
|
+
inverse: o.value,
|
|
54
|
+
customClass: "rds-e-breadcrumbs__link--text"
|
|
54
55
|
};
|
|
55
56
|
return a !== n.value.length - 1 && Object.assign(r, {
|
|
56
57
|
arrow: !0,
|
|
57
|
-
right: !0
|
|
58
|
+
right: !0,
|
|
59
|
+
arrowSmall: !0
|
|
58
60
|
}), r;
|
|
59
|
-
},
|
|
61
|
+
}, b = (e) => ({
|
|
60
62
|
click: (r) => {
|
|
61
|
-
r.preventDefault(), r.stopPropagation(), e != null && e.clickable &&
|
|
63
|
+
r.preventDefault(), r.stopPropagation(), e != null && e.clickable && m();
|
|
62
64
|
}
|
|
63
65
|
}), k = (e) => [
|
|
64
66
|
"rds-e-breadcrumbs__link",
|
|
65
67
|
e != null && e.active ? "rds-e-breadcrumbs__link--active" : "",
|
|
66
68
|
o.value && (e != null && e.active) ? "rds-e-breadcrumbs__link--inverse-active" : ""
|
|
67
69
|
];
|
|
68
|
-
return
|
|
70
|
+
return y(() => {
|
|
69
71
|
u();
|
|
70
72
|
}), L(() => {
|
|
71
73
|
u();
|
|
@@ -74,9 +76,8 @@ import './style/breadcrumbs.css';const R = { key: 0 }, V = /* @__PURE__ */ g({
|
|
|
74
76
|
class: x(["rds-e-breadcrumbs", `${B(o) ? "rds-e-breadcrumbs--inverse" : ""}`])
|
|
75
77
|
}, [
|
|
76
78
|
j(N, E({
|
|
77
|
-
class: k(r)
|
|
78
|
-
|
|
79
|
-
}, b(r, i), P(_(r))), {
|
|
79
|
+
class: k(r)
|
|
80
|
+
}, { ref_for: !0 }, _(r, i), P(b(r))), {
|
|
80
81
|
default: T(() => [
|
|
81
82
|
r != null && r.clickable ? (l(), c("span", R, "...")) : D("", !0)
|
|
82
83
|
]),
|
|
@@ -84,7 +85,7 @@ import './style/breadcrumbs.css';const R = { key: 0 }, V = /* @__PURE__ */ g({
|
|
|
84
85
|
}, 1040, ["class"])
|
|
85
86
|
], 2))), 128));
|
|
86
87
|
}
|
|
87
|
-
}),
|
|
88
|
+
}), A = /* @__PURE__ */ O(S, [["__scopeId", "data-v-696e4937"]]);
|
|
88
89
|
export {
|
|
89
|
-
|
|
90
|
+
A as default
|
|
90
91
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { R as
|
|
3
|
-
import { _ as
|
|
4
|
-
import './style/button.css';const
|
|
1
|
+
import { defineComponent as S, toRefs as x, computed as r, createElementBlock as I, openBlock as b, normalizeClass as m, unref as s, createBlock as $, createCommentVNode as k, createElementVNode as C, renderSlot as N, createTextVNode as R, toDisplayString as V } from "vue";
|
|
2
|
+
import { R as D } from "./icon-svg-DuzOdbk1.js";
|
|
3
|
+
import { _ as E } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
+
import './style/button.css';const L = ["type", "disabled"], w = { class: "rds-e-btn__text" }, W = /* @__PURE__ */ S({
|
|
5
5
|
__name: "button",
|
|
6
6
|
props: {
|
|
7
7
|
/**
|
|
@@ -10,8 +10,8 @@ import './style/button.css';const E = ["type", "disabled"], L = { class: "rds-e-
|
|
|
10
10
|
text: {
|
|
11
11
|
type: String,
|
|
12
12
|
default: "",
|
|
13
|
-
validator(
|
|
14
|
-
return !
|
|
13
|
+
validator(t, a) {
|
|
14
|
+
return !t && !a.icon ? (console.info("No se han pasado ni texto ni icono al botón"), !1) : !0;
|
|
15
15
|
}
|
|
16
16
|
},
|
|
17
17
|
/**
|
|
@@ -20,8 +20,8 @@ import './style/button.css';const E = ["type", "disabled"], L = { class: "rds-e-
|
|
|
20
20
|
icon: {
|
|
21
21
|
type: String,
|
|
22
22
|
default: "",
|
|
23
|
-
validator(
|
|
24
|
-
return !
|
|
23
|
+
validator(t, a) {
|
|
24
|
+
return !t && !a.text ? (console.info("No se han pasado ni texto ni icono al botón"), !1) : !0;
|
|
25
25
|
}
|
|
26
26
|
},
|
|
27
27
|
/**
|
|
@@ -32,11 +32,11 @@ import './style/button.css';const E = ["type", "disabled"], L = { class: "rds-e-
|
|
|
32
32
|
type: {
|
|
33
33
|
type: String,
|
|
34
34
|
default: "button",
|
|
35
|
-
validator(
|
|
36
|
-
const
|
|
37
|
-
return
|
|
38
|
-
`El tipo ${
|
|
39
|
-
),
|
|
35
|
+
validator(t) {
|
|
36
|
+
const a = ["button", "submit", "reset"].includes(t);
|
|
37
|
+
return a || console.info(
|
|
38
|
+
`El tipo ${t} no es válido. Los tipos válidos son: button, submit, reset`
|
|
39
|
+
), a;
|
|
40
40
|
}
|
|
41
41
|
},
|
|
42
42
|
/**
|
|
@@ -47,11 +47,11 @@ import './style/button.css';const E = ["type", "disabled"], L = { class: "rds-e-
|
|
|
47
47
|
variant: {
|
|
48
48
|
type: String,
|
|
49
49
|
default: "primary",
|
|
50
|
-
validator(
|
|
51
|
-
const
|
|
52
|
-
return
|
|
53
|
-
`La variante ${
|
|
54
|
-
),
|
|
50
|
+
validator(t) {
|
|
51
|
+
const a = ["primary", "secondary", "ghost", "commercial"].includes(t);
|
|
52
|
+
return a || console.info(
|
|
53
|
+
`La variante ${t} no es válida. Las variantes válidas son: primary, secondary, ghost, commercial`
|
|
54
|
+
), a;
|
|
55
55
|
}
|
|
56
56
|
},
|
|
57
57
|
/**
|
|
@@ -95,49 +95,57 @@ import './style/button.css';const E = ["type", "disabled"], L = { class: "rds-e-
|
|
|
95
95
|
loading: {
|
|
96
96
|
type: Boolean,
|
|
97
97
|
default: !1
|
|
98
|
+
},
|
|
99
|
+
/**
|
|
100
|
+
* <span>Indica si el botón es destructivo (solo para variantes 'secondary' y 'ghost')</span>
|
|
101
|
+
*/
|
|
102
|
+
destructive: {
|
|
103
|
+
type: Boolean,
|
|
104
|
+
default: !1
|
|
98
105
|
}
|
|
99
106
|
},
|
|
100
|
-
setup(
|
|
101
|
-
const
|
|
102
|
-
text:
|
|
107
|
+
setup(t) {
|
|
108
|
+
const a = t, {
|
|
109
|
+
text: l,
|
|
103
110
|
icon: n,
|
|
104
|
-
type:
|
|
105
|
-
variant:
|
|
106
|
-
small:
|
|
107
|
-
disabled:
|
|
111
|
+
type: i,
|
|
112
|
+
variant: u,
|
|
113
|
+
small: p,
|
|
114
|
+
disabled: d,
|
|
108
115
|
mobileWidth: y,
|
|
109
|
-
inverse:
|
|
110
|
-
revertIcon:
|
|
111
|
-
loading:
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
116
|
+
inverse: c,
|
|
117
|
+
revertIcon: h,
|
|
118
|
+
loading: v,
|
|
119
|
+
destructive: _
|
|
120
|
+
} = x(a), f = r(() => v.value ? "loading" : n != null && n.value ? n == null ? void 0 : n.value : ""), g = r(() => i.value && ["button", "submit", "reset"].includes(i.value) ? i.value : "button"), o = r(() => ["primary", "secondary", "ghost", "commercial"].includes(u.value) ? u.value : "primary"), B = r(() => {
|
|
121
|
+
const e = ["rds-e-btn"];
|
|
122
|
+
return u.value && e.push(`rds-e-btn--${o.value}`), c.value && e.push(`rds-e-btn--${o.value}-inverse`), f.value && e.push(
|
|
123
|
+
l != null && l.value ? "rds-e-btn--with-icon" : "rds-e-btn--icon"
|
|
124
|
+
), p.value && e.push("rds-e-btn--small"), h.value && e.push("rds-e-btn--revert"), d.value && e.push("rds-e-style-state-disabled"), v.value && e.push("rds-e-btn--loading"), y.value && e.push("rds-e-btn--mobile-width"), _.value && (o.value === "secondary" || o.value === "ghost") && e.push(`rds-e-btn--${o.value}-destructive`), e.join(" ");
|
|
117
125
|
});
|
|
118
|
-
return (
|
|
119
|
-
type:
|
|
120
|
-
disabled:
|
|
121
|
-
class: m(
|
|
126
|
+
return (e, j) => (b(), I("button", {
|
|
127
|
+
type: g.value,
|
|
128
|
+
disabled: s(d),
|
|
129
|
+
class: m(B.value)
|
|
122
130
|
}, [
|
|
123
|
-
|
|
131
|
+
f.value ? (b(), $(D, {
|
|
124
132
|
key: 0,
|
|
125
|
-
name:
|
|
126
|
-
small:
|
|
133
|
+
name: f.value,
|
|
134
|
+
small: s(p),
|
|
127
135
|
class: m(["rds-e-btn__icon", [
|
|
128
|
-
|
|
129
|
-
|
|
136
|
+
s(c) ? `rds-e-btn__icon--${s(c)}` : "",
|
|
137
|
+
s(d) ? "rds-e-btn__icon--disabled" : ""
|
|
130
138
|
]]),
|
|
131
139
|
"aria-hidden": "true"
|
|
132
140
|
}, null, 8, ["name", "small", "class"])) : k("", !0),
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
141
|
+
C("span", w, [
|
|
142
|
+
N(e.$slots, "default", {}, () => [
|
|
143
|
+
R(V(s(l)), 1)
|
|
136
144
|
], !0)
|
|
137
145
|
])
|
|
138
|
-
], 10,
|
|
146
|
+
], 10, L));
|
|
139
147
|
}
|
|
140
|
-
}),
|
|
148
|
+
}), q = /* @__PURE__ */ E(W, [["__scopeId", "data-v-9550b6cc"]]);
|
|
141
149
|
export {
|
|
142
|
-
|
|
150
|
+
q as default
|
|
143
151
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as y, ref as n, watch as b, onMounted as w, onBeforeUnmount as g, createElementBlock as S, openBlock as f, normalizeClass as d, createElementVNode as r, renderSlot as B, createTextVNode as C, createBlock as _, createCommentVNode as E, toDisplayString as L } from "vue";
|
|
2
|
-
import { R as V } from "./icon-svg-
|
|
2
|
+
import { R as V } from "./icon-svg-DuzOdbk1.js";
|
|
3
3
|
import { _ as D } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
4
|
import './style/checkbox.css';const N = ["id", "checked", "aria-label", "required", "disabled"], R = ["for"], q = /* @__PURE__ */ y({
|
|
5
5
|
__name: "checkbox",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as j, toRefs as E, computed as o, createBlock as d, openBlock as i, resolveDynamicComponent as I, unref as t, normalizeClass as N, withCtx as O, renderSlot as u, createElementVNode as m, createCommentVNode as w, createElementBlock as T, normalizeStyle as b, toDisplayString as V } from "vue";
|
|
2
|
-
import { R as S } from "./icon-svg-
|
|
2
|
+
import { R as S } from "./icon-svg-DuzOdbk1.js";
|
|
3
3
|
import { _ as q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
4
|
import './style/directAccess.css';const A = { class: "rds-e-direct-access__artwork-container" }, M = ["src", "alt", "aria-hidden"], F = { class: "rds-e-direct-access__text-container" }, G = { class: "rds-e-direct-access__text" }, H = /* @__PURE__ */ j({
|
|
5
5
|
__name: "direct-access",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as k, ref as _, computed as c, createElementBlock as b, openBlock as x, withModifiers as f, normalizeClass as q, createElementVNode as u, renderSlot as L, createVNode as M, createCommentVNode as z, toDisplayString as D } from "vue";
|
|
2
2
|
import { g as A } from "./getInstance-GhoEcxLF.js";
|
|
3
|
-
import { R as U } from "./icon-svg-
|
|
3
|
+
import { R as U } from "./icon-svg-DuzOdbk1.js";
|
|
4
4
|
import { _ as V } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
5
|
import './style/dragAndDrop.css';const O = ["id", "accept", "multiple", "disabled"], P = ["for"], j = { class: "rds-e-drag-and-drop__icon-wrapper" }, G = { class: "rds-e-drag-and-drop__text-container" }, H = { class: "rds-e-drag-and-drop__text" }, J = {
|
|
6
6
|
key: 0,
|
|
@@ -2,9 +2,9 @@ import { defineComponent as de, mergeModels as K, toRefs as ie, useModel as ue,
|
|
|
2
2
|
import ve from "./multiselect.es.js";
|
|
3
3
|
import be from "./checkbox.es.js";
|
|
4
4
|
import { _ as ye } from "./radio-group.vue_vue_type_script_setup_true_lang-DpguLlRK.js";
|
|
5
|
-
import
|
|
5
|
+
import we from "./radioButton.es.js";
|
|
6
6
|
import z from "./textField.es.js";
|
|
7
|
-
import { R as
|
|
7
|
+
import { R as ge } from "./icon-svg-DuzOdbk1.js";
|
|
8
8
|
import { _ as he } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
9
9
|
import './style/dropdown.css';const ke = { class: "rds-e-dropdown" }, $e = { class: "rds-e-dropdown__option" }, Ce = { class: "rds-e-dropdown__option-container" }, De = { class: "rds-e-dropdown__option--prepend" }, Se = { class: "rds-e-dropdown__option--content" }, Ve = {
|
|
10
10
|
key: 0,
|
|
@@ -168,7 +168,7 @@ import './style/dropdown.css';const ke = { class: "rds-e-dropdown" }, $e = { cla
|
|
|
168
168
|
disabled: k,
|
|
169
169
|
limit: E,
|
|
170
170
|
multiple: $,
|
|
171
|
-
options:
|
|
171
|
+
options: w
|
|
172
172
|
} = ie(s), r = ue(o, "modelValue"), i = D([]), v = D(), b = D(), L = D(""), x = D(!1), J = () => {
|
|
173
173
|
x.value = !0;
|
|
174
174
|
}, C = u(() => s.autocomplete && Object.keys(s.autocomplete).length > 0), Q = u(() => ({
|
|
@@ -195,10 +195,10 @@ import './style/dropdown.css';const ke = { class: "rds-e-dropdown" }, $e = { cla
|
|
|
195
195
|
const I = u({
|
|
196
196
|
get: () => r.value && typeof r.value == "object" && !Array.isArray(r.value) ? r.value.id : typeof r.value == "string" || typeof r.value == "number" ? r.value : null,
|
|
197
197
|
set: (e) => {
|
|
198
|
-
const l =
|
|
198
|
+
const l = w.value.find((t) => typeof t == "object" ? t.id === e : t === e);
|
|
199
199
|
r.value = l || null;
|
|
200
200
|
}
|
|
201
|
-
}), X = u(() => (
|
|
201
|
+
}), X = u(() => (w.value ?? []).every((e) => typeof e == "object" && (e == null ? void 0 : e.id) && (e == null ? void 0 : e.label))), Y = u(() => !$.value || s.closeOnSelect), q = u({
|
|
202
202
|
get: () => r.value ? s.multiple ? Array.isArray(r.value) ? r.value.length > E.value ? s.limitText(E.value) : r.value.map((e) => typeof e == "string" ? e : e.label).join(", ") : "" : typeof r.value == "object" ? r.value.label : typeof r.value == "string" ? r.value : "" : "",
|
|
203
203
|
set: () => null
|
|
204
204
|
}), Z = u(() => ({
|
|
@@ -211,7 +211,7 @@ import './style/dropdown.css';const ke = { class: "rds-e-dropdown" }, $e = { cla
|
|
|
211
211
|
"track-by": "id",
|
|
212
212
|
label: "label"
|
|
213
213
|
}), e;
|
|
214
|
-
}), le = u(() => C.value && s.autocomplete.autocompleteFilter ?
|
|
214
|
+
}), le = u(() => C.value && s.autocomplete.autocompleteFilter ? w.value.filter((e) => s.autocomplete.autocompleteFilter(e, L.value)) : w.value), B = (e) => {
|
|
215
215
|
if (r.value === e) return !0;
|
|
216
216
|
if (Array.isArray(r.value)) {
|
|
217
217
|
if (typeof e == "string") return r.value.includes(e);
|
|
@@ -220,9 +220,9 @@ import './style/dropdown.css';const ke = { class: "rds-e-dropdown" }, $e = { cla
|
|
|
220
220
|
}
|
|
221
221
|
return !1;
|
|
222
222
|
}, te = (e) => {
|
|
223
|
-
h("open", e);
|
|
223
|
+
h("open", e, s.id);
|
|
224
224
|
}, oe = (e) => {
|
|
225
|
-
h("close", e);
|
|
225
|
+
h("close", e, s.id);
|
|
226
226
|
}, se = (e) => {
|
|
227
227
|
F(() => {
|
|
228
228
|
h("select", e);
|
|
@@ -230,12 +230,12 @@ import './style/dropdown.css';const ke = { class: "rds-e-dropdown" }, $e = { cla
|
|
|
230
230
|
}, re = () => {
|
|
231
231
|
F(() => {
|
|
232
232
|
if ($.value) {
|
|
233
|
-
const e =
|
|
233
|
+
const e = w.value.filter(
|
|
234
234
|
(l) => B(l)
|
|
235
235
|
) || [];
|
|
236
236
|
h("change", e);
|
|
237
237
|
} else {
|
|
238
|
-
const e =
|
|
238
|
+
const e = w.value.find(
|
|
239
239
|
(l) => B(l)
|
|
240
240
|
);
|
|
241
241
|
h("change", [e]);
|
|
@@ -321,7 +321,7 @@ import './style/dropdown.css';const ke = { class: "rds-e-dropdown" }, $e = { cla
|
|
|
321
321
|
onClick: n((p) => t ? null : O(), ["prevent", "stop"])
|
|
322
322
|
}, P({
|
|
323
323
|
"right-icon": d(() => [
|
|
324
|
-
S(a(
|
|
324
|
+
S(a(ge), {
|
|
325
325
|
name: "arrow_down",
|
|
326
326
|
"aria-hidden": "true",
|
|
327
327
|
class: fe(["rds-e-dropdown__input-caret", {
|
|
@@ -356,21 +356,21 @@ import './style/dropdown.css';const ke = { class: "rds-e-dropdown" }, $e = { cla
|
|
|
356
356
|
small: o.small,
|
|
357
357
|
"is-checked": B(t),
|
|
358
358
|
disabled: a(k) || (t == null ? void 0 : t.$isDisabled) || !1,
|
|
359
|
-
onClick: n((
|
|
359
|
+
onClick: n((g) => N(t), ["prevent", "stop"])
|
|
360
360
|
}, null, 8, ["id", "small", "is-checked", "disabled", "onClick"])) : !a($) && o.showRadio ? (m(), W(a(ye), {
|
|
361
361
|
key: 1,
|
|
362
362
|
modelValue: I.value,
|
|
363
|
-
"onUpdate:modelValue": l[2] || (l[2] = (
|
|
363
|
+
"onUpdate:modelValue": l[2] || (l[2] = (g) => I.value = g),
|
|
364
364
|
"group-name": `group-${o.id}`
|
|
365
365
|
}, {
|
|
366
366
|
default: d(() => [
|
|
367
|
-
S(a(
|
|
367
|
+
S(a(we), {
|
|
368
368
|
id: `${A}-${typeof t == "object" ? t.id : A}`,
|
|
369
369
|
small: o.small,
|
|
370
370
|
option: typeof t == "object" ? t.id : t,
|
|
371
371
|
checked: B(t),
|
|
372
372
|
disabled: a(k) || (t == null ? void 0 : t.$isDisabled) || !1,
|
|
373
|
-
onClick: n((
|
|
373
|
+
onClick: n((g) => N(t), ["prevent", "stop"])
|
|
374
374
|
}, null, 8, ["id", "small", "option", "checked", "disabled", "onClick"])
|
|
375
375
|
]),
|
|
376
376
|
_: 2
|
|
@@ -378,9 +378,9 @@ import './style/dropdown.css';const ke = { class: "rds-e-dropdown" }, $e = { cla
|
|
|
378
378
|
]),
|
|
379
379
|
c("div", Se, [
|
|
380
380
|
f(e.$slots, "singleLabel", { option: t }, () => {
|
|
381
|
-
var
|
|
381
|
+
var g;
|
|
382
382
|
return [
|
|
383
|
-
(
|
|
383
|
+
(g = j.value) != null && g.label ? (m(), y(me, { key: 0 }, [
|
|
384
384
|
c("span", null, M(t.label), 1),
|
|
385
385
|
t != null && t.detail ? (m(), y("span", Ve, M(t.detail), 1)) : V("", !0)
|
|
386
386
|
], 64)) : (m(), y("span", Be, M(t), 1))
|
|
@@ -456,6 +456,7 @@ import './style/dropdown.css';const ke = { class: "rds-e-dropdown" }, $e = { cla
|
|
|
456
456
|
modelValue: L.value,
|
|
457
457
|
"onUpdate:modelValue": l[3] || (l[3] = (t) => L.value = t)
|
|
458
458
|
}, Q.value, {
|
|
459
|
+
"full-width": "",
|
|
459
460
|
onMousedown: l[4] || (l[4] = n(() => {
|
|
460
461
|
}, ["stop", "prevent"])),
|
|
461
462
|
onFocus: l[5] || (l[5] = n(() => {
|
|
@@ -485,7 +486,7 @@ import './style/dropdown.css';const ke = { class: "rds-e-dropdown" }, $e = { cla
|
|
|
485
486
|
]), 1040, ["modelValue", "class", "options", "close-on-select", "disabled", "multiple", "max-height", "small", "open-direction", "limit", "limit-text", "append-to-body"])
|
|
486
487
|
]));
|
|
487
488
|
}
|
|
488
|
-
}), Ke = /* @__PURE__ */ he(xe, [["__scopeId", "data-v-
|
|
489
|
+
}), Ke = /* @__PURE__ */ he(xe, [["__scopeId", "data-v-00250720"]]);
|
|
489
490
|
export {
|
|
490
491
|
Ke as default
|
|
491
492
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as M, ref as N, computed as c, createElementBlock as l, openBlock as o, normalizeClass as $, createElementVNode as r, renderSlot as v, createVNode as p, createCommentVNode as n, toDisplayString as m, withModifiers as I } from "vue";
|
|
2
|
-
import { R as g } from "./icon-svg-
|
|
2
|
+
import { R as g } from "./icon-svg-DuzOdbk1.js";
|
|
3
3
|
import z from "./progressBar.es.js";
|
|
4
4
|
import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
5
|
import './style/fileUploadItem.css';const R = { class: "rds-e-file-upload-item__icon-container" }, w = { class: "rds-e-file-upload-item__details" }, E = { class: "rds-e-file-upload-item__info-wrapper" }, F = { class: "rds-e-file-upload-item__name" }, x = {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as g, ref as b, computed as c, createElementBlock as s, openBlock as l, normalizeClass as y, createCommentVNode as r, createElementVNode as _, createBlock as a, toDisplayString as n } from "vue";
|
|
2
|
-
import { R as o } from "./icon-svg-
|
|
2
|
+
import { R as o } from "./icon-svg-DuzOdbk1.js";
|
|
3
3
|
import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
4
|
import './style/filterChip.css';const C = ["disabled"], I = {
|
|
5
5
|
key: 0,
|