energy-components 1.5.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.
Files changed (48) 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 +100 -91
  5. package/dist/components/filterChip.es.js +114 -0
  6. package/dist/components/{icon-svg-u9BWBbvW.js → icon-svg-CeKfjk3j.js} +5 -6
  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 +47 -44
  10. package/dist/components/infoBox.es.js +8 -8
  11. package/dist/components/link.es.js +15 -15
  12. package/dist/components/modal.es.js +12 -12
  13. package/dist/components/multiselect.es.js +32 -23
  14. package/dist/components/pagination.es.js +127 -105
  15. package/dist/components/persistentToast.es.js +5 -5
  16. package/dist/components/quantitySelector.es.js +9 -9
  17. package/dist/components/radioButton.es.js +16 -16
  18. package/dist/components/selectionChip.es.js +5 -5
  19. package/dist/components/sidedrawer.es.js +8 -8
  20. package/dist/components/style/actionButton.css +1 -1
  21. package/dist/components/style/button.css +1 -1
  22. package/dist/components/style/datepicker.css +1 -1
  23. package/dist/components/style/dropdown.css +1 -1
  24. package/dist/components/style/filterChip.css +1 -0
  25. package/dist/components/style/multiselect.css +1 -1
  26. package/dist/components/style/pagination.css +1 -1
  27. package/dist/components/style/tablepaginatedcomponent.css +1 -0
  28. package/dist/components/style/tableslotedcomponent.css +1 -0
  29. package/dist/components/style/textField.css +1 -1
  30. package/dist/components/switch.es.js +10 -10
  31. package/dist/components/tabBar.es.js +12 -12
  32. package/dist/components/tablepaginatedcomponent.es.js +137 -0
  33. package/dist/components/tableslotedcomponent.es.js +293 -0
  34. package/dist/components/tag.es.js +5 -5
  35. package/dist/components/textArea.es.js +22 -22
  36. package/dist/components/textField.es.js +95 -89
  37. package/dist/components/tooltip.es.js +61 -61
  38. package/dist/energy-components.es.js +6073 -5612
  39. package/dist/energy-components.umd.js +1 -1
  40. package/dist/style.css +1 -1
  41. package/dist/types/src/components/content/table/table-sloted/TableSlotedComponent.vue.d.ts +80 -0
  42. package/dist/types/src/components/index.d.ts +1 -0
  43. package/dist/types/src/components/input/dropdown/dropdown.vue.d.ts +15 -0
  44. package/dist/types/src/components/input/filter-chip/filter-chip.vue.d.ts +150 -0
  45. package/dist/types/src/components/navigation/link/link.vue.d.ts +1 -1
  46. package/dist/types/src/components/navigation/pagination/pagination.vue.d.ts +56 -14
  47. package/dist/types/tsconfig.tsbuildinfo +1 -1
  48. package/package.json +1 -1
@@ -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, R as k } from "./icon-svg-u9BWBbvW.js";
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" }, D = ["onClick"], N = /* @__PURE__ */ p({
4
+ import './style/iconList.css';const y = { class: "rds-e-icon-list" }, I = ["onClick"], N = /* @__PURE__ */ p({
5
5
  __name: "icon-list",
6
- setup(S) {
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: (T) => _(e.name)
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, D))), 128))
42
+ ], 10, I))), 128))
43
43
  ])
44
44
  ], 64));
45
45
  }
@@ -1,4 +1,4 @@
1
- import { R as a } from "./icon-svg-u9BWBbvW.js";
1
+ import { I as a } from "./icon-svg-CeKfjk3j.js";
2
2
  import "./_plugin-vue_export-helper-CHgC5LLL.js";
3
3
  export {
4
4
  a as default
@@ -1,4 +1,4 @@
1
- import { R as i } from "./icon-svg-u9BWBbvW.js";
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 g from "./accordionGroup.es.js";
18
- import B from "./accordion.es.js";
19
- import T from "./divider.es.js";
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 "./link.es.js";
21
+ import x from "./tablepaginatedcomponent.es.js";
22
+ import I from "./link.es.js";
22
23
  import w from "./breadcrumbs.es.js";
23
- import _ from "./tabBar.es.js";
24
- import h from "./pagination.es.js";
25
- import y from "./indicator.es.js";
26
- import I from "./persistentToast.es.js";
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 v from "./modal.es.js";
29
+ import C from "./modal.es.js";
29
30
  import k from "./overlay.es.js";
30
- import C from "./tooltip.es.js";
31
- import G from "./sidebar.es.js";
32
- import F from "./sidedrawer.es.js";
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: B,
36
- RDSAccordionGroup: g,
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: T,
44
+ RDSDivider: B,
44
45
  RDSDropdown: c,
45
46
  RDSFloatinActionButton: e,
46
47
  RDSIconSvg: i,
47
- RDSIndicator: y,
48
+ RDSIndicator: h,
48
49
  RDSInfoBox: P,
49
- RDSLink: x,
50
- RDSModal: v,
50
+ RDSLink: I,
51
+ RDSModal: C,
51
52
  RDSOverlay: k,
52
- RDSPagination: h,
53
- RDSPersistentToast: I,
53
+ RDSPagination: _,
54
+ RDSPersistentToast: y,
54
55
  RDSQuantitySelector: f,
55
56
  RDSRadioButton: p,
56
57
  RDSRadioGroup: s,
57
58
  RDSSelectionChip: u,
58
- RDSSidebar: G,
59
- RDSSidedrawer: F,
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: C
68
+ RDSTooltip: G
67
69
  }, Symbol.toStringTag, { value: "Module" }));
68
- let M;
69
- function fo(o) {
70
- M = o;
70
+ let O;
71
+ function uo(o) {
72
+ O = o;
71
73
  }
72
- const lo = {
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
- B as RDSAccordion,
83
- g as RDSAccordionGroup,
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
- T as RDSDivider,
92
+ B as RDSDivider,
91
93
  c as RDSDropdown,
92
94
  e as RDSFloatinActionButton,
93
95
  i as RDSIconSvg,
94
- y as RDSIndicator,
96
+ h as RDSIndicator,
95
97
  P as RDSInfoBox,
96
- x as RDSLink,
97
- v as RDSModal,
98
+ I as RDSLink,
99
+ C as RDSModal,
98
100
  k as RDSOverlay,
99
- h as RDSPagination,
100
- I as RDSPersistentToast,
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
- G as RDSSidebar,
106
- F as RDSSidedrawer,
107
+ F as RDSSidebar,
108
+ M as RDSSidedrawer,
107
109
  R as RDSSwitch,
108
- _ as RDSTabBar,
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
- C as RDSTooltip,
114
- M as VueInstance,
115
- lo as default,
116
- fo as setVueInstance
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 { R as b } from "./icon-svg-u9BWBbvW.js";
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" }, N = {
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
- }, R = {
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
- }, D = { class: "rds-e-info-box__text" }, E = /* @__PURE__ */ y({
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", N, i(e.title), 1)) : o("", !0),
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", R, i(e.title), 1)) : o("", !0),
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", D, i(e.message), 1)
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(E, [["__scopeId", "data-v-0a87bf57"]]);
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 j, toRefs as E, computed as f, openBlock as r, createBlock as d, resolveDynamicComponent as L, unref as e, normalizeClass as m, withCtx as N, mergeProps as _, createCommentVNode as i, createElementBlock as S, renderSlot as b, createTextVNode as B, toDisplayString as I } from "vue";
2
- import { R as k } from "./icon-svg-u9BWBbvW.js";
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__ */ j({
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: D
90
- } = E(v), R = f(() => {
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(L(e(o) === "a" ? e(o) : "router-link"), {
105
- class: m(R.value),
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: N(() => [
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(), S("span", {
119
+ e(t) ? (r(), b("span", {
120
120
  key: 1,
121
- class: m(["rds-e-link__text", [e(D), {
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
- b(a.$slots, "default", {}, () => [
127
- B(I(e(y)), 1)
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(), S("span", {
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
- b(a.$slots, "default", {}, () => [
142
- B(I(e(y)), 1)
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 S from "./overlay.es.js";
3
- import x from "./card.es.js";
4
- import { R as $ } from "./icon-svg-u9BWBbvW.js";
5
- import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.js";
6
- import './style/modal.css';const B = { class: "rds-e-modal__container" }, N = { class: "rds-e-modal__header" }, W = {
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
- }, D = { class: "rds-e-modal__footer" }, V = /* @__PURE__ */ h({
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(S), {
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(x), {
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", B, [
90
- d("div", N, [
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", D, [
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__ */ R(V, [["__scopeId", "data-v-24bc0adc"]]);
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 V, withKeys as f, withModifiers as r, renderSlot as u, createElementVNode as o, withDirectives as b, Fragment as L, renderList as $, toDisplayString as g, vShow as y, createCommentVNode as c, createVNode as B, Transition as k, withCtx as D, normalizeStyle as S, createTextVNode as v } from "vue";
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 300
710
+ * @default 288
711
711
  * @type {Integer}
712
712
  */
713
713
  maxHeight: {
714
714
  type: Number,
715
- default: 300
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: V([{ "multiselect--active": e.isOpen, "multiselect--disabled": i.disabled, "multiselect--above": n.isAbove, "multiselect--has-options-group": n.hasOptionGroup }, "multiselect"]),
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: g(e.getOptionLabel(s))
880
+ textContent: m(e.getOptionLabel(s))
872
881
  }, null, 8, q),
873
882
  o("i", {
874
883
  tabindex: "1",
875
- onKeypress: f(r((m) => e.removeElement(s), ["prevent"]), ["enter"]),
876
- onMousedown: r((m) => e.removeElement(s), ["prevent"]),
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: g(i.limitText(e.internalValue.length - i.limit))
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
- v(g(e.currentOptionLabel), 1)
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
- v("Maximum of " + g(e.max) + " options selected. First remove a selected option to select another.", 1)
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: V([e.optionHighlight(h, s), "multiselect__option"]),
977
- onClick: r((m) => e.select(s), ["stop"]),
978
- onMouseenter: r((m) => e.pointerSet(h), ["self"]),
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, g(e.getOptionLabel(s)), 1)
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: V([e.groupHighlight(h, s), "multiselect__option"]),
996
- onMouseenter: r((m) => e.groupSelect && e.pointerSet(h), ["self"]),
997
- onMousedown: r((m) => e.selectGroup(s), ["prevent"])
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, g(e.getOptionLabel(s)), 1)
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] = v("No elements found. Consider changing the search query."))
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] = v("List is empty."))
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
- ], 36), [
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-ac9e4515"]]);
1045
+ const le = /* @__PURE__ */ A(F, [["render", te], ["__scopeId", "data-v-a1db52fd"]]);
1037
1046
  export {
1038
1047
  le as default
1039
1048
  };