energy-components 1.6.0-beta.1 → 1.6.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/button.es.js +11 -11
- package/dist/components/checkbox.es.js +7 -7
- package/dist/components/dropdown.es.js +278 -148
- package/dist/components/filterChip.es.js +4 -4
- package/dist/components/{icon-svg-pUb3-FXk.js → icon-svg-DGp2yHJn.js} +1 -1
- package/dist/components/iconList.es.js +5 -5
- package/dist/components/iconSvg.es.js +1 -1
- package/dist/components/index.es.js +62 -59
- package/dist/components/infoBox.es.js +17 -17
- package/dist/components/link.es.js +15 -15
- package/dist/components/modal.es.js +69 -39
- package/dist/components/multiselect.es.js +230 -184
- package/dist/components/multiselectcontentwrapper.es.js +140 -0
- package/dist/components/pagination.es.js +118 -86
- package/dist/components/persistentToast.es.js +9 -9
- 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 +36 -28
- package/dist/components/style/datepicker.css +1 -1
- package/dist/components/style/dropdown.css +1 -1
- package/dist/components/style/modal.css +1 -1
- package/dist/components/style/multiselect.css +1 -1
- package/dist/components/style/multiselectcontentwrapper.css +1 -0
- package/dist/components/style/pagination.css +1 -1
- package/dist/components/style/sidedrawer.css +1 -1
- package/dist/components/style/tablepaginatedcomponent.css +1 -1
- package/dist/components/style/tableslotedcomponent.css +1 -1
- 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 +55 -53
- package/dist/components/tableslotedcomponent.es.js +155 -148
- package/dist/components/tag.es.js +5 -5
- package/dist/components/textArea.es.js +22 -22
- package/dist/components/textField.es.js +93 -84
- package/dist/components/tooltip.es.js +61 -61
- package/dist/energy-components.es.js +6576 -6073
- package/dist/energy-components.umd.js +1 -1
- package/dist/style.css +1 -1
- package/dist/types/src/components/index.d.ts +1 -0
- package/dist/types/src/components/input/dropdown/Multiselect/MultiselectContentWrapper.vue.d.ts +86 -0
- package/dist/types/src/components/input/dropdown/dropdown.vue.d.ts +582 -0
- package/dist/types/src/components/input/text-field/text-field.vue.d.ts +10 -3
- package/dist/types/src/components/layout/sidedrawer/sidedrawer.vue.d.ts +15 -0
- package/dist/types/src/components/navigation/pagination/pagination.vue.d.ts +63 -31
- package/dist/types/src/components/overlay/modal/modal.vue.d.ts +27 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +3 -3
|
@@ -1,32 +1,36 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
1
|
+
import { defineComponent as ae, mergeModels as K, toRefs as de, useModel as ue, ref as S, computed as p, provide as T, onMounted as ie, nextTick as F, onBeforeUnmount as ce, openBlock as f, createElementBlock as y, createVNode as V, mergeProps as H, unref as a, withModifiers as r, createSlots as P, withCtx as d, normalizeClass as pe, renderSlot as m, createElementVNode as i, createBlock as W, createCommentVNode as D, Fragment as fe, toDisplayString as M } from "vue";
|
|
2
|
+
import me from "./multiselect.es.js";
|
|
3
|
+
import z from "./textField.es.js";
|
|
4
|
+
import { R as ve } from "./icon-svg-DGp2yHJn.js";
|
|
5
|
+
import be from "./checkbox.es.js";
|
|
6
|
+
import { _ as ye } from "./radio-group.vue_vue_type_script_setup_true_lang-B-kg-575.js";
|
|
7
|
+
import ge from "./radioButton.es.js";
|
|
8
|
+
import { _ as we } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
9
|
+
import './style/dropdown.css';const he = { class: "rds-e-dropdown" }, ke = { class: "rds-e-dropdown__option" }, $e = { class: "rds-e-dropdown__option-container" }, Ce = { class: "rds-e-dropdown__option--prepend" }, Se = { class: "rds-e-dropdown__option--content" }, Ve = {
|
|
9
10
|
key: 0,
|
|
10
11
|
class: "rds-e-dropdown__option-detail"
|
|
11
|
-
},
|
|
12
|
+
}, De = { key: 1 }, Be = {
|
|
12
13
|
key: 0,
|
|
13
14
|
class: "rds-e-dropdown__option--append"
|
|
14
|
-
},
|
|
15
|
+
}, Oe = { class: "rds-e-dropdown__before-list-container" }, Ae = {
|
|
16
|
+
key: 1,
|
|
17
|
+
class: "rds-e-dropdown__before-list"
|
|
18
|
+
}, Fe = { class: "rds-e-dropdown__before-list-container" }, Re = { class: "rds-e-dropdown__after-list" }, Ee = { class: "rds-e-dropdown__after-list-container" }, Le = /* @__PURE__ */ ae({
|
|
15
19
|
__name: "dropdown",
|
|
16
|
-
props: /* @__PURE__ */
|
|
20
|
+
props: /* @__PURE__ */ K({
|
|
17
21
|
/**
|
|
18
22
|
* Id del dropdown
|
|
19
23
|
*/
|
|
20
24
|
id: {
|
|
21
25
|
type: [String, Number],
|
|
22
26
|
required: !0,
|
|
23
|
-
validator: (
|
|
27
|
+
validator: (o) => !o || String(o).trim() === "" ? (console.error("[RDSDropdown]: `id` prop is required."), !1) : !0
|
|
24
28
|
},
|
|
25
29
|
label: {
|
|
26
30
|
type: String,
|
|
27
31
|
required: !0,
|
|
28
32
|
default: "",
|
|
29
|
-
validator: (
|
|
33
|
+
validator: (o) => !o || o.trim() === "" ? (console.error("[RDSDropdown]: `label` prop is required."), !1) : !0
|
|
30
34
|
},
|
|
31
35
|
/**
|
|
32
36
|
* Valores a mostrar en el dropdown
|
|
@@ -71,7 +75,7 @@ import './style/dropdown.css';const ne = { class: "rds-e-dropdown" }, ae = { cla
|
|
|
71
75
|
showRadio: {
|
|
72
76
|
type: Boolean,
|
|
73
77
|
default: !1,
|
|
74
|
-
validator: (
|
|
78
|
+
validator: (o, R) => o && R.multiple ? (console.error("showRadio solo es valido para seleccion unica"), !1) : !0
|
|
75
79
|
},
|
|
76
80
|
/**
|
|
77
81
|
* Indica si el campo de entrada contiene un error o no.
|
|
@@ -113,7 +117,31 @@ import './style/dropdown.css';const ne = { class: "rds-e-dropdown" }, ae = { cla
|
|
|
113
117
|
*/
|
|
114
118
|
limitText: {
|
|
115
119
|
type: Function,
|
|
116
|
-
default: (
|
|
120
|
+
default: (o) => `Más de ${o} elementos seleccionados.`
|
|
121
|
+
},
|
|
122
|
+
/**
|
|
123
|
+
* Indica si el dropdown debe renderizarse fuera del flujo del documento
|
|
124
|
+
* Útil para evitar problemas de overflow en modales
|
|
125
|
+
*/
|
|
126
|
+
appendToBody: {
|
|
127
|
+
type: Boolean,
|
|
128
|
+
default: !1
|
|
129
|
+
},
|
|
130
|
+
/**
|
|
131
|
+
* Muestra un campo de texto para filtrar los elementos del dropdown.
|
|
132
|
+
* La propiedad `autocompleteFilter` es requerida cuando se usa esta opción.
|
|
133
|
+
* @example :autocomplete="{
|
|
134
|
+
* id: 'filter-id',
|
|
135
|
+
* label: 'Buscar',
|
|
136
|
+
* icon: 'search',
|
|
137
|
+
* clearable: true,
|
|
138
|
+
* autocompleteFilter: (option, query) => query ? option.label.toLowerCase().includes(query.toLowerCase()) : true
|
|
139
|
+
* }"
|
|
140
|
+
*/
|
|
141
|
+
autocomplete: {
|
|
142
|
+
type: Object,
|
|
143
|
+
default: () => {
|
|
144
|
+
}
|
|
117
145
|
}
|
|
118
146
|
}, {
|
|
119
147
|
modelValue: {
|
|
@@ -121,228 +149,330 @@ import './style/dropdown.css';const ne = { class: "rds-e-dropdown" }, ae = { cla
|
|
|
121
149
|
},
|
|
122
150
|
modelModifiers: {}
|
|
123
151
|
}),
|
|
124
|
-
emits: /* @__PURE__ */
|
|
125
|
-
setup(
|
|
126
|
-
const
|
|
127
|
-
disabled:
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
} =
|
|
132
|
-
|
|
152
|
+
emits: /* @__PURE__ */ K(["open", "close", "select", "change"], ["update:modelValue"]),
|
|
153
|
+
setup(o, { expose: R, emit: G }) {
|
|
154
|
+
const n = o, h = G, {
|
|
155
|
+
disabled: k,
|
|
156
|
+
limit: E,
|
|
157
|
+
multiple: $,
|
|
158
|
+
options: g
|
|
159
|
+
} = de(n), s = ue(o, "modelValue"), u = S([]), v = S(), b = S(), L = S(""), x = S(!1), J = () => {
|
|
160
|
+
x.value = !0;
|
|
161
|
+
}, C = p(() => n.autocomplete && Object.keys(n.autocomplete).length > 0), Q = p(() => ({
|
|
162
|
+
id: n.autocomplete.id || `autocomplete-${n.id}`,
|
|
163
|
+
label: n.autocomplete.label || n.label,
|
|
164
|
+
icon: n.autocomplete.icon || "",
|
|
165
|
+
rightIcon: n.autocomplete.rightIcon || "",
|
|
166
|
+
disabled: n.autocomplete.disabled || !1,
|
|
167
|
+
clearable: n.autocomplete.clearable || !1,
|
|
168
|
+
error: n.autocomplete.error ?? !1,
|
|
169
|
+
helper: n.autocomplete.helper ?? "",
|
|
170
|
+
helperText: n.autocomplete.helperText ?? "",
|
|
171
|
+
readonly: n.autocomplete.readonly ?? !1
|
|
172
|
+
}));
|
|
173
|
+
T("registerDropdownFocusElement", (e) => {
|
|
174
|
+
e && !u.value.includes(e) && u.value.push(e);
|
|
175
|
+
}), T("unregisterDropdownFocusElement", (e) => {
|
|
176
|
+
const l = u.value.findIndex((t) => t === e);
|
|
177
|
+
l > -1 && u.value.splice(l, 1);
|
|
178
|
+
}), T("isFocusWithinDropdown", (e) => {
|
|
179
|
+
const l = u.value.some((c) => c === e || c.contains(e)), t = e.classList && (e.classList.contains("rds-e-dropdown__before-list") || e.closest(".rds-e-dropdown__before-list") || e.classList.contains("multiselect") || e.closest(".multiselect"));
|
|
180
|
+
return l || t;
|
|
181
|
+
});
|
|
182
|
+
const I = p({
|
|
183
|
+
get: () => s.value && typeof s.value == "object" && !Array.isArray(s.value) ? s.value.id : typeof s.value == "string" || typeof s.value == "number" ? s.value : null,
|
|
184
|
+
set: (e) => {
|
|
185
|
+
const l = g.value.find((t) => typeof t == "object" ? t.id === e : t === e);
|
|
186
|
+
s.value = l || null;
|
|
187
|
+
}
|
|
188
|
+
}), X = p(() => (g.value ?? []).every((e) => typeof e == "object" && (e == null ? void 0 : e.id) && (e == null ? void 0 : e.label))), Y = p(() => !$.value || n.closeOnSelect), q = p({
|
|
189
|
+
get: () => s.value ? n.multiple ? Array.isArray(s.value) ? s.value.length > E.value ? n.limitText(E.value) : s.value.map((e) => typeof e == "string" ? e : e.label).join(", ") : "" : typeof s.value == "object" ? s.value.label : typeof s.value == "string" ? s.value : "" : "",
|
|
133
190
|
set: () => null
|
|
134
|
-
}),
|
|
191
|
+
}), Z = p(() => ({
|
|
135
192
|
"rds-e-dropdown-input": !0,
|
|
136
|
-
"rds-e-dropdown--disabled":
|
|
137
|
-
"rds-e-dropdown--small":
|
|
138
|
-
})),
|
|
193
|
+
"rds-e-dropdown--disabled": k.value,
|
|
194
|
+
"rds-e-dropdown--small": n.small
|
|
195
|
+
})), j = p(() => {
|
|
139
196
|
const e = {};
|
|
140
|
-
return
|
|
197
|
+
return X.value && Object.assign(e, {
|
|
141
198
|
"track-by": "id",
|
|
142
199
|
label: "label"
|
|
143
200
|
}), e;
|
|
144
|
-
}), g = (e) => {
|
|
145
|
-
if (
|
|
146
|
-
if (Array.isArray(
|
|
147
|
-
if (typeof e == "string") return
|
|
148
|
-
if (
|
|
149
|
-
return
|
|
201
|
+
}), ee = p(() => C.value && n.autocomplete.autocompleteFilter ? g.value.filter((e) => n.autocomplete.autocompleteFilter(e, L.value)) : g.value), B = (e) => {
|
|
202
|
+
if (s.value === e) return !0;
|
|
203
|
+
if (Array.isArray(s.value)) {
|
|
204
|
+
if (typeof e == "string") return s.value.includes(e);
|
|
205
|
+
if (j.value.label)
|
|
206
|
+
return s.value.some((l) => l.id === e.id);
|
|
150
207
|
}
|
|
151
208
|
return !1;
|
|
152
|
-
},
|
|
153
|
-
|
|
154
|
-
},
|
|
155
|
-
|
|
156
|
-
},
|
|
157
|
-
|
|
158
|
-
|
|
209
|
+
}, le = (e) => {
|
|
210
|
+
h("open", e);
|
|
211
|
+
}, te = (e) => {
|
|
212
|
+
h("close", e);
|
|
213
|
+
}, oe = (e) => {
|
|
214
|
+
F(() => {
|
|
215
|
+
h("select", e);
|
|
159
216
|
});
|
|
160
|
-
},
|
|
161
|
-
|
|
162
|
-
if (
|
|
163
|
-
const e =
|
|
164
|
-
(
|
|
217
|
+
}, se = () => {
|
|
218
|
+
F(() => {
|
|
219
|
+
if ($.value) {
|
|
220
|
+
const e = g.value.filter(
|
|
221
|
+
(l) => B(l)
|
|
165
222
|
) || [];
|
|
166
|
-
|
|
223
|
+
h("change", e);
|
|
167
224
|
} else {
|
|
168
|
-
const e =
|
|
169
|
-
(
|
|
225
|
+
const e = g.value.find(
|
|
226
|
+
(l) => B(l)
|
|
170
227
|
);
|
|
171
|
-
|
|
228
|
+
h("change", [e]);
|
|
172
229
|
}
|
|
173
230
|
});
|
|
174
|
-
},
|
|
231
|
+
}, N = (e) => {
|
|
175
232
|
v.value.select(e);
|
|
176
|
-
},
|
|
233
|
+
}, O = () => {
|
|
177
234
|
v.value.activate();
|
|
178
|
-
},
|
|
235
|
+
}, U = () => {
|
|
179
236
|
v.value.deactivate();
|
|
180
|
-
},
|
|
237
|
+
}, ne = () => {
|
|
181
238
|
v.value.toggle();
|
|
239
|
+
}, re = () => {
|
|
240
|
+
C.value && b.value && (J(), O(), F(() => {
|
|
241
|
+
b.value.focus();
|
|
242
|
+
}));
|
|
243
|
+
}, _ = (e) => {
|
|
244
|
+
if (!x.value) return;
|
|
245
|
+
const l = e.target, t = !v.value.$el.contains(l), c = b.value && !b.value.$el.contains(l) && !l.closest(".rds-e-dropdown__before-list");
|
|
246
|
+
t && c && (x.value = !1, U());
|
|
182
247
|
};
|
|
183
|
-
return
|
|
248
|
+
return ie(() => {
|
|
249
|
+
var e;
|
|
250
|
+
(e = v.value) != null && e.$el && u.value.push(v.value.$el), F(() => {
|
|
251
|
+
var l;
|
|
252
|
+
if (C.value && ((l = b.value) != null && l.$el)) {
|
|
253
|
+
u.value.push(b.value.$el);
|
|
254
|
+
const t = b.value.$el.closest(".rds-e-dropdown__before-list");
|
|
255
|
+
t && !u.value.includes(t) && u.value.push(t);
|
|
256
|
+
}
|
|
257
|
+
}), document.addEventListener("click", _);
|
|
258
|
+
}), ce(() => {
|
|
259
|
+
u.value = [], document.removeEventListener("click", _);
|
|
260
|
+
}), R({
|
|
184
261
|
/**
|
|
185
262
|
* Abre el dropdown
|
|
186
263
|
*/
|
|
187
|
-
activate:
|
|
264
|
+
activate: O,
|
|
188
265
|
/**
|
|
189
266
|
* Cierra el dropdown
|
|
190
267
|
*/
|
|
191
|
-
deactivate:
|
|
192
|
-
}), (e,
|
|
193
|
-
|
|
268
|
+
deactivate: U
|
|
269
|
+
}), (e, l) => (f(), y("div", he, [
|
|
270
|
+
V(me, H({
|
|
194
271
|
ref_key: "multiselect",
|
|
195
272
|
ref: v,
|
|
196
|
-
modelValue:
|
|
197
|
-
"onUpdate:modelValue":
|
|
198
|
-
class:
|
|
199
|
-
options:
|
|
200
|
-
"close-on-select":
|
|
273
|
+
modelValue: s.value,
|
|
274
|
+
"onUpdate:modelValue": l[13] || (l[13] = (t) => s.value = t),
|
|
275
|
+
class: Z.value,
|
|
276
|
+
options: ee.value,
|
|
277
|
+
"close-on-select": Y.value,
|
|
201
278
|
"show-labels": !1,
|
|
202
|
-
disabled:
|
|
203
|
-
multiple:
|
|
204
|
-
"max-height":
|
|
279
|
+
disabled: a(k),
|
|
280
|
+
multiple: a($),
|
|
281
|
+
"max-height": o.maxHeight,
|
|
205
282
|
searchable: !1,
|
|
206
|
-
small:
|
|
283
|
+
small: o.small,
|
|
207
284
|
"open-direction": "bottom",
|
|
208
|
-
limit:
|
|
209
|
-
"limit-text":
|
|
210
|
-
},
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
285
|
+
limit: a(E),
|
|
286
|
+
"limit-text": o.limitText
|
|
287
|
+
}, j.value, {
|
|
288
|
+
"append-to-body": o.appendToBody,
|
|
289
|
+
onOpen: le,
|
|
290
|
+
onClose: te,
|
|
291
|
+
onSelect: oe,
|
|
292
|
+
"onUpdate:modelValue": se,
|
|
293
|
+
onFocus: l[14] || (l[14] = r(() => O(), ["prevent"])),
|
|
294
|
+
onBlur: r(() => null, ["prevent"])
|
|
295
|
+
}), P({
|
|
296
|
+
selection: d(({ isOpen: t }) => [
|
|
297
|
+
V(a(z), {
|
|
298
|
+
id: `multiselect-dropdown-${o.id}`,
|
|
299
|
+
modelValue: q.value,
|
|
300
|
+
"onUpdate:modelValue": l[1] || (l[1] = (c) => q.value = c),
|
|
223
301
|
class: "rds-e-dropdown__input",
|
|
224
|
-
disabled:
|
|
225
|
-
label:
|
|
226
|
-
error:
|
|
227
|
-
helper:
|
|
228
|
-
"helper-text":
|
|
302
|
+
disabled: a(k),
|
|
303
|
+
label: o.label,
|
|
304
|
+
error: o.error,
|
|
305
|
+
helper: o.helper,
|
|
306
|
+
"helper-text": o.helperText,
|
|
229
307
|
readonly: "",
|
|
230
|
-
onClick:
|
|
231
|
-
},
|
|
232
|
-
"right-icon":
|
|
233
|
-
|
|
308
|
+
onClick: r((c) => t ? null : O(), ["prevent", "stop"])
|
|
309
|
+
}, P({
|
|
310
|
+
"right-icon": d(() => [
|
|
311
|
+
V(a(ve), {
|
|
234
312
|
name: "arrow_down",
|
|
235
313
|
"aria-hidden": "true",
|
|
236
|
-
class:
|
|
237
|
-
"rds-e-dropdown__input-caret--open":
|
|
314
|
+
class: pe(["rds-e-dropdown__input-caret", {
|
|
315
|
+
"rds-e-dropdown__input-caret--open": t
|
|
238
316
|
}]),
|
|
239
|
-
onClick:
|
|
317
|
+
onClick: l[0] || (l[0] = r(() => {
|
|
240
318
|
}, ["self", "stop"])),
|
|
241
|
-
onMousedown:
|
|
319
|
+
onMousedown: r(ne, ["self", "prevent", "stop"])
|
|
242
320
|
}, null, 8, ["class"])
|
|
243
321
|
]),
|
|
244
322
|
_: 2
|
|
245
323
|
}, [
|
|
246
324
|
e.$slots["helper-text"] ? {
|
|
247
325
|
name: "helper-text",
|
|
248
|
-
fn:
|
|
249
|
-
|
|
326
|
+
fn: d(() => [
|
|
327
|
+
m(e.$slots, "helper-text", {}, void 0, !0)
|
|
250
328
|
]),
|
|
251
329
|
key: "0"
|
|
252
330
|
} : void 0
|
|
253
331
|
]), 1032, ["id", "modelValue", "disabled", "label", "error", "helper", "helper-text", "onClick"])
|
|
254
332
|
]),
|
|
255
|
-
placeholder:
|
|
256
|
-
|
|
333
|
+
placeholder: d(() => [
|
|
334
|
+
l[15] || (l[15] = i("span", null, null, -1))
|
|
257
335
|
]),
|
|
258
|
-
option:
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
336
|
+
option: d(({ option: t, search: c, index: A }) => [
|
|
337
|
+
i("div", ke, [
|
|
338
|
+
i("div", $e, [
|
|
339
|
+
i("div", Ce, [
|
|
340
|
+
a($) ? (f(), W(a(be), {
|
|
263
341
|
key: 0,
|
|
264
|
-
id: `${
|
|
265
|
-
small:
|
|
266
|
-
"is-checked":
|
|
267
|
-
disabled:
|
|
268
|
-
onClick:
|
|
269
|
-
}, null, 8, ["id", "small", "is-checked", "disabled", "onClick"])) : !
|
|
342
|
+
id: `${A}-${t.id}`,
|
|
343
|
+
small: o.small,
|
|
344
|
+
"is-checked": B(t),
|
|
345
|
+
disabled: a(k) || (t == null ? void 0 : t.$isDisabled) || !1,
|
|
346
|
+
onClick: r((w) => N(t), ["prevent", "stop"])
|
|
347
|
+
}, null, 8, ["id", "small", "is-checked", "disabled", "onClick"])) : !a($) && o.showRadio ? (f(), W(a(ye), {
|
|
270
348
|
key: 1,
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
"group-name": `group-${
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
349
|
+
modelValue: I.value,
|
|
350
|
+
"onUpdate:modelValue": l[2] || (l[2] = (w) => I.value = w),
|
|
351
|
+
"group-name": `group-${o.id}`
|
|
352
|
+
}, {
|
|
353
|
+
default: d(() => [
|
|
354
|
+
V(a(ge), {
|
|
355
|
+
id: `${A}-${typeof t == "object" ? t.id : A}`,
|
|
356
|
+
small: o.small,
|
|
357
|
+
option: typeof t == "object" ? t.id : t,
|
|
358
|
+
checked: B(t),
|
|
359
|
+
disabled: a(k) || (t == null ? void 0 : t.$isDisabled) || !1,
|
|
360
|
+
onClick: r((w) => N(t), ["prevent", "stop"])
|
|
361
|
+
}, null, 8, ["id", "small", "option", "checked", "disabled", "onClick"])
|
|
362
|
+
]),
|
|
363
|
+
_: 2
|
|
364
|
+
}, 1032, ["modelValue", "group-name"])) : D("", !0)
|
|
279
365
|
]),
|
|
280
|
-
|
|
281
|
-
|
|
366
|
+
i("div", Se, [
|
|
367
|
+
m(e.$slots, "singleLabel", { option: t }, () => {
|
|
282
368
|
var w;
|
|
283
369
|
return [
|
|
284
|
-
(w =
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
], 64)) : (
|
|
370
|
+
(w = j.value) != null && w.label ? (f(), y(fe, { key: 0 }, [
|
|
371
|
+
i("span", null, M(t.label), 1),
|
|
372
|
+
t != null && t.detail ? (f(), y("span", Ve, M(t.detail), 1)) : D("", !0)
|
|
373
|
+
], 64)) : (f(), y("span", De, M(t), 1))
|
|
288
374
|
];
|
|
289
375
|
}, !0)
|
|
290
376
|
])
|
|
291
377
|
]),
|
|
292
|
-
e.$slots.optionAppend ? (
|
|
293
|
-
|
|
294
|
-
option:
|
|
295
|
-
search:
|
|
296
|
-
index:
|
|
378
|
+
e.$slots.optionAppend ? (f(), y("div", Be, [
|
|
379
|
+
m(e.$slots, "optionAppend", {
|
|
380
|
+
option: t,
|
|
381
|
+
search: c,
|
|
382
|
+
index: A
|
|
297
383
|
}, void 0, !0)
|
|
298
|
-
])) :
|
|
384
|
+
])) : D("", !0)
|
|
299
385
|
])
|
|
300
386
|
]),
|
|
301
387
|
_: 2
|
|
302
388
|
}, [
|
|
303
389
|
e.$slots.limit ? {
|
|
304
390
|
name: "limit",
|
|
305
|
-
fn:
|
|
306
|
-
|
|
391
|
+
fn: d(() => [
|
|
392
|
+
m(e.$slots, "limit", {}, void 0, !0)
|
|
307
393
|
]),
|
|
308
394
|
key: "0"
|
|
309
395
|
} : void 0,
|
|
310
396
|
e.$slots.maxElements ? {
|
|
311
397
|
name: "maxElements",
|
|
312
|
-
fn:
|
|
313
|
-
|
|
398
|
+
fn: d(() => [
|
|
399
|
+
m(e.$slots, "maxElements", {}, void 0, !0)
|
|
314
400
|
]),
|
|
315
401
|
key: "1"
|
|
316
402
|
} : void 0,
|
|
317
403
|
e.$slots.noResult ? {
|
|
318
404
|
name: "noResult",
|
|
319
|
-
fn:
|
|
320
|
-
|
|
405
|
+
fn: d(({ search: t }) => [
|
|
406
|
+
m(e.$slots, "noResult", { search: t }, void 0, !0)
|
|
321
407
|
]),
|
|
322
408
|
key: "2"
|
|
323
409
|
} : void 0,
|
|
324
410
|
e.$slots.noOptions ? {
|
|
325
411
|
name: "noOptions",
|
|
326
|
-
fn:
|
|
327
|
-
|
|
412
|
+
fn: d(() => [
|
|
413
|
+
m(e.$slots, "noOptions", {}, void 0, !0)
|
|
328
414
|
]),
|
|
329
415
|
key: "3"
|
|
330
416
|
} : void 0,
|
|
417
|
+
C.value || e.$slots.beforeList ? {
|
|
418
|
+
name: "beforeList",
|
|
419
|
+
fn: d(() => [
|
|
420
|
+
C.value ? (f(), y("div", {
|
|
421
|
+
key: 0,
|
|
422
|
+
class: "rds-e-dropdown__before-list",
|
|
423
|
+
onMousedown: l[6] || (l[6] = r(() => {
|
|
424
|
+
}, ["stop"])),
|
|
425
|
+
onClick: r(re, ["stop"]),
|
|
426
|
+
onBlur: l[7] || (l[7] = r(() => {
|
|
427
|
+
}, ["stop"])),
|
|
428
|
+
onFocus: l[8] || (l[8] = r(() => {
|
|
429
|
+
}, ["stop"])),
|
|
430
|
+
onKeydown: l[9] || (l[9] = r(() => {
|
|
431
|
+
}, ["stop"])),
|
|
432
|
+
onKeyup: l[10] || (l[10] = r(() => {
|
|
433
|
+
}, ["stop"])),
|
|
434
|
+
onKeypress: l[11] || (l[11] = r(() => {
|
|
435
|
+
}, ["stop"])),
|
|
436
|
+
onChange: l[12] || (l[12] = r(() => {
|
|
437
|
+
}, ["stop"]))
|
|
438
|
+
}, [
|
|
439
|
+
i("div", Oe, [
|
|
440
|
+
V(a(z), H({
|
|
441
|
+
ref_key: "textFieldInput",
|
|
442
|
+
ref: b,
|
|
443
|
+
modelValue: L.value,
|
|
444
|
+
"onUpdate:modelValue": l[3] || (l[3] = (t) => L.value = t)
|
|
445
|
+
}, Q.value, {
|
|
446
|
+
onMousedown: l[4] || (l[4] = r(() => {
|
|
447
|
+
}, ["stop", "prevent"])),
|
|
448
|
+
onFocus: l[5] || (l[5] = r(() => {
|
|
449
|
+
}, ["stop"]))
|
|
450
|
+
}), null, 16, ["modelValue"])
|
|
451
|
+
])
|
|
452
|
+
], 32)) : D("", !0),
|
|
453
|
+
e.$slots.beforeList ? (f(), y("div", Ae, [
|
|
454
|
+
i("div", Fe, [
|
|
455
|
+
m(e.$slots, "beforeList", {}, void 0, !0)
|
|
456
|
+
])
|
|
457
|
+
])) : D("", !0)
|
|
458
|
+
]),
|
|
459
|
+
key: "4"
|
|
460
|
+
} : void 0,
|
|
331
461
|
e.$slots.afterList ? {
|
|
332
462
|
name: "afterList",
|
|
333
|
-
fn:
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
463
|
+
fn: d(() => [
|
|
464
|
+
i("div", Re, [
|
|
465
|
+
i("div", Ee, [
|
|
466
|
+
m(e.$slots, "afterList", {}, void 0, !0)
|
|
337
467
|
])
|
|
338
468
|
])
|
|
339
469
|
]),
|
|
340
|
-
key: "
|
|
470
|
+
key: "5"
|
|
341
471
|
} : void 0
|
|
342
|
-
]), 1040, ["modelValue", "class", "options", "close-on-select", "disabled", "multiple", "max-height", "small", "limit", "limit-text"])
|
|
472
|
+
]), 1040, ["modelValue", "class", "options", "close-on-select", "disabled", "multiple", "max-height", "small", "limit", "limit-text", "append-to-body"])
|
|
343
473
|
]));
|
|
344
474
|
}
|
|
345
|
-
}),
|
|
475
|
+
}), _e = /* @__PURE__ */ we(Le, [["__scopeId", "data-v-c91ac7b6"]]);
|
|
346
476
|
export {
|
|
347
|
-
|
|
477
|
+
_e as default
|
|
348
478
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as m, ref as g, computed as y, openBlock as l, createElementBlock as c, normalizeClass as b, createElementVNode as s, createBlock as a, createCommentVNode as r, toDisplayString as n } from "vue";
|
|
2
|
-
import {
|
|
2
|
+
import { R as o } from "./icon-svg-DGp2yHJn.js";
|
|
3
3
|
import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
4
|
import './style/filterChip.css';const k = ["disabled"], C = { class: "rds-e-filter-chip__icon-container" }, I = {
|
|
5
5
|
key: 1,
|
|
@@ -82,7 +82,7 @@ import './style/filterChip.css';const k = ["disabled"], C = { class: "rds-e-filt
|
|
|
82
82
|
}), p = () => {
|
|
83
83
|
t.disabled || f("onClickChip", t.filterValue);
|
|
84
84
|
};
|
|
85
|
-
return (i,
|
|
85
|
+
return (i, S) => (l(), c("button", {
|
|
86
86
|
ref_key: "chipRef",
|
|
87
87
|
ref: h,
|
|
88
88
|
class: b(u.value),
|
|
@@ -108,7 +108,7 @@ import './style/filterChip.css';const k = ["disabled"], C = { class: "rds-e-filt
|
|
|
108
108
|
})) : r("", !0)
|
|
109
109
|
], 10, k));
|
|
110
110
|
}
|
|
111
|
-
}),
|
|
111
|
+
}), R = /* @__PURE__ */ _(B, [["__scopeId", "data-v-58cf5c6f"]]);
|
|
112
112
|
export {
|
|
113
|
-
|
|
113
|
+
R as default
|
|
114
114
|
};
|
|
@@ -10876,7 +10876,7 @@ import './style/icon-svg.css';const n = "selection", I = [
|
|
|
10876
10876
|
}
|
|
10877
10877
|
}), w = /* @__PURE__ */ p(S, [["__scopeId", "data-v-426142e9"]]);
|
|
10878
10878
|
export {
|
|
10879
|
-
w as
|
|
10879
|
+
w as R,
|
|
10880
10880
|
o as i,
|
|
10881
10881
|
k as s
|
|
10882
10882
|
};
|
|
@@ -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, R as k } from "./icon-svg-DGp2yHJn.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" }, D = ["onClick"], N = /* @__PURE__ */ p({
|
|
5
5
|
__name: "icon-list",
|
|
6
|
-
setup(
|
|
6
|
+
setup(S) {
|
|
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" }, I = ["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: (T) => _(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, D))), 128))
|
|
43
43
|
])
|
|
44
44
|
], 64));
|
|
45
45
|
}
|