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.
Files changed (50) hide show
  1. package/dist/components/accordion.es.js +13 -13
  2. package/dist/components/button.es.js +11 -11
  3. package/dist/components/checkbox.es.js +7 -7
  4. package/dist/components/dropdown.es.js +278 -148
  5. package/dist/components/filterChip.es.js +4 -4
  6. package/dist/components/{icon-svg-pUb3-FXk.js → icon-svg-DGp2yHJn.js} +1 -1
  7. package/dist/components/iconList.es.js +5 -5
  8. package/dist/components/iconSvg.es.js +1 -1
  9. package/dist/components/index.es.js +62 -59
  10. package/dist/components/infoBox.es.js +17 -17
  11. package/dist/components/link.es.js +15 -15
  12. package/dist/components/modal.es.js +69 -39
  13. package/dist/components/multiselect.es.js +230 -184
  14. package/dist/components/multiselectcontentwrapper.es.js +140 -0
  15. package/dist/components/pagination.es.js +118 -86
  16. package/dist/components/persistentToast.es.js +9 -9
  17. package/dist/components/quantitySelector.es.js +9 -9
  18. package/dist/components/radioButton.es.js +16 -16
  19. package/dist/components/selectionChip.es.js +5 -5
  20. package/dist/components/sidedrawer.es.js +36 -28
  21. package/dist/components/style/datepicker.css +1 -1
  22. package/dist/components/style/dropdown.css +1 -1
  23. package/dist/components/style/modal.css +1 -1
  24. package/dist/components/style/multiselect.css +1 -1
  25. package/dist/components/style/multiselectcontentwrapper.css +1 -0
  26. package/dist/components/style/pagination.css +1 -1
  27. package/dist/components/style/sidedrawer.css +1 -1
  28. package/dist/components/style/tablepaginatedcomponent.css +1 -1
  29. package/dist/components/style/tableslotedcomponent.css +1 -1
  30. package/dist/components/style/textField.css +1 -1
  31. package/dist/components/switch.es.js +10 -10
  32. package/dist/components/tabBar.es.js +12 -12
  33. package/dist/components/tablepaginatedcomponent.es.js +55 -53
  34. package/dist/components/tableslotedcomponent.es.js +155 -148
  35. package/dist/components/tag.es.js +5 -5
  36. package/dist/components/textArea.es.js +22 -22
  37. package/dist/components/textField.es.js +93 -84
  38. package/dist/components/tooltip.es.js +61 -61
  39. package/dist/energy-components.es.js +6576 -6073
  40. package/dist/energy-components.umd.js +1 -1
  41. package/dist/style.css +1 -1
  42. package/dist/types/src/components/index.d.ts +1 -0
  43. package/dist/types/src/components/input/dropdown/Multiselect/MultiselectContentWrapper.vue.d.ts +86 -0
  44. package/dist/types/src/components/input/dropdown/dropdown.vue.d.ts +582 -0
  45. package/dist/types/src/components/input/text-field/text-field.vue.d.ts +10 -3
  46. package/dist/types/src/components/layout/sidedrawer/sidedrawer.vue.d.ts +15 -0
  47. package/dist/types/src/components/navigation/pagination/pagination.vue.d.ts +63 -31
  48. package/dist/types/src/components/overlay/modal/modal.vue.d.ts +27 -1
  49. package/dist/types/tsconfig.tsbuildinfo +1 -1
  50. package/package.json +3 -3
@@ -1,32 +1,36 @@
1
- import { defineComponent as G, mergeModels as M, toRefs as J, useModel as K, ref as Q, computed as h, openBlock as i, createElementBlock as y, createVNode as B, mergeProps as W, unref as n, withModifiers as u, createSlots as T, withCtx as a, normalizeClass as X, renderSlot as o, createElementVNode as d, createBlock as q, createCommentVNode as x, Fragment as Y, toDisplayString as O, nextTick as E } from "vue";
2
- import Z from "./multiselect.es.js";
3
- import ee from "./textField.es.js";
4
- import { I as le } from "./icon-svg-pUb3-FXk.js";
5
- import te from "./checkbox.es.js";
6
- import se from "./radioButton.es.js";
7
- import { _ as re } from "./_plugin-vue_export-helper-CHgC5LLL.js";
8
- import './style/dropdown.css';const ne = { class: "rds-e-dropdown" }, ae = { class: "rds-e-dropdown__option" }, oe = { class: "rds-e-dropdown__option-container" }, de = { class: "rds-e-dropdown__option--prepend" }, ie = { class: "rds-e-dropdown__option--content" }, ue = {
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
- }, ce = { key: 1 }, me = {
12
+ }, De = { key: 1 }, Be = {
12
13
  key: 0,
13
14
  class: "rds-e-dropdown__option--append"
14
- }, fe = { class: "rds-e-dropdown__after-list" }, pe = { class: "rds-e-dropdown__after-list-container" }, ve = /* @__PURE__ */ G({
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__ */ M({
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: (t) => !t || String(t).trim() === "" ? (console.error("[RDSDropdown]: `id` prop is required."), !1) : !0
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: (t) => !t || t.trim() === "" ? (console.error("[RDSDropdown]: `label` prop is required."), !1) : !0
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: (t, $) => t && $.multiple ? (console.error("showRadio solo es valido para seleccion unica"), !1) : !0
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: (t) => `Más de ${t} elementos seleccionados.`
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__ */ M(["open", "close", "select", "change"], ["update:modelValue"]),
125
- setup(t, { expose: $, emit: N }) {
126
- const c = t, m = N, {
127
- disabled: f,
128
- options: b,
129
- limit: C,
130
- multiple: p
131
- } = J(c), r = K(t, "modelValue"), v = Q(), _ = h(() => b.value.every((e) => typeof e == "object" && (e == null ? void 0 : e.id) && (e == null ? void 0 : e.label))), j = h(() => !p.value || c.closeOnSelect), D = h({
132
- get: () => r.value ? c.multiple ? Array.isArray(r.value) ? r.value.length > C.value ? c.limitText(C.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 : "" : "",
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
- }), F = h(() => ({
191
+ }), Z = p(() => ({
135
192
  "rds-e-dropdown-input": !0,
136
- "rds-e-dropdown--disabled": f.value,
137
- "rds-e-dropdown--small": c.small
138
- })), S = h(() => {
193
+ "rds-e-dropdown--disabled": k.value,
194
+ "rds-e-dropdown--small": n.small
195
+ })), j = p(() => {
139
196
  const e = {};
140
- return _.value && Object.assign(e, {
197
+ return X.value && Object.assign(e, {
141
198
  "track-by": "id",
142
199
  label: "label"
143
200
  }), e;
144
- }), g = (e) => {
145
- if (r.value === e) return !0;
146
- if (Array.isArray(r.value)) {
147
- if (typeof e == "string") return r.value.includes(e);
148
- if (S.value.label)
149
- return r.value.some((s) => s.id === e.id);
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
- }, I = (e) => {
153
- m("open", e);
154
- }, L = (e) => {
155
- m("close", e);
156
- }, U = (e) => {
157
- E(() => {
158
- m("select", e);
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
- }, H = () => {
161
- E(() => {
162
- if (p.value) {
163
- const e = b.value.filter(
164
- (s) => g(s)
217
+ }, se = () => {
218
+ F(() => {
219
+ if ($.value) {
220
+ const e = g.value.filter(
221
+ (l) => B(l)
165
222
  ) || [];
166
- m("change", e);
223
+ h("change", e);
167
224
  } else {
168
- const e = b.value.find(
169
- (s) => g(s)
225
+ const e = g.value.find(
226
+ (l) => B(l)
170
227
  );
171
- m("change", [e]);
228
+ h("change", [e]);
172
229
  }
173
230
  });
174
- }, A = (e) => {
231
+ }, N = (e) => {
175
232
  v.value.select(e);
176
- }, R = () => {
233
+ }, O = () => {
177
234
  v.value.activate();
178
- }, P = () => {
235
+ }, U = () => {
179
236
  v.value.deactivate();
180
- }, z = () => {
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: R,
264
+ activate: O,
188
265
  /**
189
266
  * Cierra el dropdown
190
267
  */
191
- deactivate: P
192
- }), (e, s) => (i(), y("div", ne, [
193
- B(Z, W({
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: r.value,
197
- "onUpdate:modelValue": s[2] || (s[2] = (l) => r.value = l),
198
- class: F.value,
199
- options: n(b),
200
- "close-on-select": j.value,
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: n(f),
203
- multiple: n(p),
204
- "max-height": t.maxHeight,
279
+ disabled: a(k),
280
+ multiple: a($),
281
+ "max-height": o.maxHeight,
205
282
  searchable: !1,
206
- small: t.small,
283
+ small: o.small,
207
284
  "open-direction": "bottom",
208
- limit: n(C),
209
- "limit-text": t.limitText
210
- }, S.value, {
211
- onOpen: I,
212
- onClose: L,
213
- onSelect: U,
214
- "onUpdate:modelValue": H,
215
- onFocus: s[3] || (s[3] = u(() => R(), ["prevent"])),
216
- onBlur: u(() => null, ["prevent"])
217
- }), T({
218
- selection: a(({ isOpen: l }) => [
219
- B(n(ee), {
220
- id: `multiselect-dropdown-${t.id}`,
221
- modelValue: D.value,
222
- "onUpdate:modelValue": s[1] || (s[1] = (k) => D.value = k),
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: n(f),
225
- label: t.label,
226
- error: t.error,
227
- helper: t.helper,
228
- "helper-text": t.helperText,
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: u((k) => l ? null : R(), ["prevent", "stop"])
231
- }, T({
232
- "right-icon": a(() => [
233
- B(n(le), {
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: X(["rds-e-dropdown__input-caret", {
237
- "rds-e-dropdown__input-caret--open": l
314
+ class: pe(["rds-e-dropdown__input-caret", {
315
+ "rds-e-dropdown__input-caret--open": t
238
316
  }]),
239
- onClick: s[0] || (s[0] = u(() => {
317
+ onClick: l[0] || (l[0] = r(() => {
240
318
  }, ["self", "stop"])),
241
- onMousedown: u(z, ["self", "prevent", "stop"])
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: a(() => [
249
- o(e.$slots, "helper-text", {}, void 0, !0)
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: a(() => [
256
- s[4] || (s[4] = d("span", null, null, -1))
333
+ placeholder: d(() => [
334
+ l[15] || (l[15] = i("span", null, null, -1))
257
335
  ]),
258
- option: a(({ option: l, search: k, index: V }) => [
259
- d("div", ae, [
260
- d("div", oe, [
261
- d("div", de, [
262
- n(p) ? (i(), q(n(te), {
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: `${V}-${l.id}`,
265
- small: t.small,
266
- "is-checked": g(l),
267
- disabled: n(f) || (l == null ? void 0 : l.$isDisabled) || !1,
268
- onClick: u((w) => A(l), ["prevent", "stop"])
269
- }, null, 8, ["id", "small", "is-checked", "disabled", "onClick"])) : !n(p) && t.showRadio ? (i(), q(n(se), {
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
- id: `${V}-${l.id}`,
272
- small: t.small,
273
- "group-name": `group-${t.id}`,
274
- checked: g(l),
275
- disabled: n(f) || (l == null ? void 0 : l.$isDisabled) || !1,
276
- option: l,
277
- onClick: u((w) => A(l), ["prevent", "stop"])
278
- }, null, 8, ["id", "small", "group-name", "checked", "disabled", "option", "onClick"])) : x("", !0)
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
- d("div", ie, [
281
- o(e.$slots, "singleLabel", { option: l }, () => {
366
+ i("div", Se, [
367
+ m(e.$slots, "singleLabel", { option: t }, () => {
282
368
  var w;
283
369
  return [
284
- (w = S.value) != null && w.label ? (i(), y(Y, { key: 0 }, [
285
- d("span", null, O(l.label), 1),
286
- l != null && l.detail ? (i(), y("span", ue, O(l.detail), 1)) : x("", !0)
287
- ], 64)) : (i(), y("span", ce, O(l), 1))
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 ? (i(), y("div", me, [
293
- o(e.$slots, "optionAppend", {
294
- option: l,
295
- search: k,
296
- index: V
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
- ])) : x("", !0)
384
+ ])) : D("", !0)
299
385
  ])
300
386
  ]),
301
387
  _: 2
302
388
  }, [
303
389
  e.$slots.limit ? {
304
390
  name: "limit",
305
- fn: a(() => [
306
- o(e.$slots, "limit", {}, void 0, !0)
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: a(() => [
313
- o(e.$slots, "maxElements", {}, void 0, !0)
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: a(({ search: l }) => [
320
- o(e.$slots, "noResult", { search: l }, void 0, !0)
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: a(() => [
327
- o(e.$slots, "noOptions", {}, void 0, !0)
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: a(() => [
334
- d("div", fe, [
335
- d("div", pe, [
336
- o(e.$slots, "afterList", {}, void 0, !0)
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: "4"
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
- }), Ce = /* @__PURE__ */ re(ve, [["__scopeId", "data-v-6cc6fc2c"]]);
475
+ }), _e = /* @__PURE__ */ we(Le, [["__scopeId", "data-v-c91ac7b6"]]);
346
476
  export {
347
- Ce as default
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 { I as o } from "./icon-svg-pUb3-FXk.js";
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, N) => (l(), c("button", {
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
- }), V = /* @__PURE__ */ _(B, [["__scopeId", "data-v-58cf5c6f"]]);
111
+ }), R = /* @__PURE__ */ _(B, [["__scopeId", "data-v-58cf5c6f"]]);
112
112
  export {
113
- V as default
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 I,
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, I as k } from "./icon-svg-pUb3-FXk.js";
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" }, I = ["onClick"], N = /* @__PURE__ */ p({
4
+ import './style/iconList.css';const y = { class: "rds-e-icon-list" }, D = ["onClick"], N = /* @__PURE__ */ p({
5
5
  __name: "icon-list",
6
- setup(T) {
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: (V) => _(e.name)
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, I))), 128))
42
+ ], 10, D))), 128))
43
43
  ])
44
44
  ], 64));
45
45
  }
@@ -1,4 +1,4 @@
1
- import { I as a } from "./icon-svg-pUb3-FXk.js";
1
+ import { R as a } from "./icon-svg-DGp2yHJn.js";
2
2
  import "./_plugin-vue_export-helper-CHgC5LLL.js";
3
3
  export {
4
4
  a as default