energy-components 1.5.0 → 1.6.0-beta.1

package/dist/components/iconList.es.js

@@ -1,9 +1,9 @@
 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";
-import { i as m, R as k } from "./icon-svg-u9BWBbvW.js";
+import { i as m, I as k } from "./icon-svg-pUb3-FXk.js";
 import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/iconList.css';const y = { class: "rds-e-icon-list" }, D = ["onClick"], N = /* @__PURE__ */ p({
+import './style/iconList.css';const y = { class: "rds-e-icon-list" }, I = ["onClick"], N = /* @__PURE__ */ p({
   __name: "icon-list",
-  setup(S) {
+  setup(T) {
     const o = a(""), l = a(!1), c = a(""), d = v(() => {
       let t = m;
       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
           class: x(["rds-e-icon-list__item", {
             "rds-e-icon-list__item--active": l.value && c.value === e.name
           }]),
-          onClick: (T) => _(e.name)
+          onClick: (V) => _(e.name)
         }, [
           g(k, {
             name: e.name
           }, null, 8, ["name"]),
           r("code", null, h(e.name), 1)
-        ], 10, D))), 128))
+        ], 10, I))), 128))
       ])
     ], 64));
   }

package/dist/components/iconSvg.es.js

@@ -1,4 +1,4 @@
-import { R as a } from "./icon-svg-u9BWBbvW.js";
+import { I as a } from "./icon-svg-pUb3-FXk.js";
 import "./_plugin-vue_export-helper-CHgC5LLL.js";
 export {
   a as default

package/dist/components/index.es.js

@@ -1,4 +1,4 @@
-import { R as i } from "./icon-svg-u9BWBbvW.js";
+import { I as i } from "./icon-svg-pUb3-FXk.js";
 import a from "./button.es.js";
 import e from "./floatingActionButton.es.js";
 import m from "./actionButton.es.js";
@@ -14,62 +14,64 @@ import f from "./quantitySelector.es.js";
 import l from "./toggle.es.js";
 import u from "./selectionChip.es.js";
 import b from "./tag.es.js";
-import g from "./accordionGroup.es.js";
-import B from "./accordion.es.js";
-import T from "./divider.es.js";
+import T from "./accordionGroup.es.js";
+import g from "./accordion.es.js";
+import B from "./divider.es.js";
 import A from "./card.es.js";
-import x from "./link.es.js";
+import x from "./tablepaginatedcomponent.es.js";
+import I from "./link.es.js";
 import w from "./breadcrumbs.es.js";
-import _ from "./tabBar.es.js";
-import h from "./pagination.es.js";
-import y from "./indicator.es.js";
-import I from "./persistentToast.es.js";
+import v from "./tabBar.es.js";
+import _ from "./pagination.es.js";
+import h from "./indicator.es.js";
+import y from "./persistentToast.es.js";
 import P from "./infoBox.es.js";
-import v from "./modal.es.js";
+import C from "./modal.es.js";
 import k from "./overlay.es.js";
-import C from "./tooltip.es.js";
-import G from "./sidebar.es.js";
-import F from "./sidedrawer.es.js";
+import G from "./tooltip.es.js";
+import F from "./sidebar.es.js";
+import M from "./sidedrawer.es.js";
 const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  RDSAccordion: B,
-  RDSAccordionGroup: g,
+  RDSAccordion: g,
+  RDSAccordionGroup: T,
   RDSActionButton: m,
   RDSBreadcrumbs: w,
   RDSButton: a,
   RDSCard: A,
   RDSCheckbox: S,
   RDSDatePicker: d,
-  RDSDivider: T,
+  RDSDivider: B,
   RDSDropdown: c,
   RDSFloatinActionButton: e,
   RDSIconSvg: i,
-  RDSIndicator: y,
+  RDSIndicator: h,
   RDSInfoBox: P,
-  RDSLink: x,
-  RDSModal: v,
+  RDSLink: I,
+  RDSModal: C,
   RDSOverlay: k,
-  RDSPagination: h,
-  RDSPersistentToast: I,
+  RDSPagination: _,
+  RDSPersistentToast: y,
   RDSQuantitySelector: f,
   RDSRadioButton: p,
   RDSRadioGroup: s,
   RDSSelectionChip: u,
-  RDSSidebar: G,
-  RDSSidedrawer: F,
+  RDSSidebar: F,
+  RDSSidedrawer: M,
   RDSSwitch: R,
-  RDSTabBar: _,
+  RDSTabBar: v,
+  RDSTable: x,
   RDSTag: b,
   RDSTextArea: D,
   RDSTextField: n,
   RDSToggle: l,
-  RDSTooltip: C
+  RDSTooltip: G
 }, Symbol.toStringTag, { value: "Module" }));
-let M;
-function fo(o) {
-  M = o;
+let O;
+function uo(o) {
+  O = o;
 }
-const lo = {
+const bo = {
   install: (o) => {
     for (const r in t)
       o.component(
@@ -79,39 +81,40 @@ const lo = {
   }
 };
 export {
-  B as RDSAccordion,
-  g as RDSAccordionGroup,
+  g as RDSAccordion,
+  T as RDSAccordionGroup,
   m as RDSActionButton,
   w as RDSBreadcrumbs,
   a as RDSButton,
   A as RDSCard,
   S as RDSCheckbox,
   d as RDSDatePicker,
-  T as RDSDivider,
+  B as RDSDivider,
   c as RDSDropdown,
   e as RDSFloatinActionButton,
   i as RDSIconSvg,
-  y as RDSIndicator,
+  h as RDSIndicator,
   P as RDSInfoBox,
-  x as RDSLink,
-  v as RDSModal,
+  I as RDSLink,
+  C as RDSModal,
   k as RDSOverlay,
-  h as RDSPagination,
-  I as RDSPersistentToast,
+  _ as RDSPagination,
+  y as RDSPersistentToast,
   f as RDSQuantitySelector,
   p as RDSRadioButton,
   s as RDSRadioGroup,
   u as RDSSelectionChip,
-  G as RDSSidebar,
-  F as RDSSidedrawer,
+  F as RDSSidebar,
+  M as RDSSidedrawer,
   R as RDSSwitch,
-  _ as RDSTabBar,
+  v as RDSTabBar,
+  x as RDSTable,
   b as RDSTag,
   D as RDSTextArea,
   n as RDSTextField,
   l as RDSToggle,
-  C as RDSTooltip,
-  M as VueInstance,
-  lo as default,
-  fo as setVueInstance
+  G as RDSTooltip,
+  O as VueInstance,
+  bo as default,
+  uo as setVueInstance
 };

package/dist/components/infoBox.es.js

@@ -1,19 +1,28 @@
-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";
-import { R as b } from "./icon-svg-u9BWBbvW.js";
+import { defineComponent as k, ref as u, toRefs as h, computed as $, watch as w, nextTick as C, openBlock as t, createElementBlock as s, normalizeClass as m, createElementVNode as a, createVNode as b, createCommentVNode as o, toDisplayString as r, renderSlot as _ } from "vue";
+import { I as v } from "./icon-svg-pUb3-FXk.js";
 import { _ as S } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/infoBox.css';const q = { class: "alert" }, $ = {
+import './style/infoBox.css';const q = { class: "alert" }, B = {
   key: 0,
   class: "rds-e-info-box__custom-icon-block"
-}, B = { class: "rds-e-info-box__wrapper" }, H = { class: "rds-e-info-box__title__wrapper" }, N = {
+}, H = { class: "rds-e-info-box__wrapper" }, I = { class: "rds-e-info-box__title__wrapper" }, N = {
   key: 0,
   class: "rds-e-info-box__title rds-mb-03"
-}, R = {
+}, V = {
   key: 0,
   class: "rds-e-info-box__title rds-mb-03"
-}, V = {
+}, E = {
   key: 2,
   class: "rds-e-info-box__text"
-}, D = { class: "rds-e-info-box__text" }, E = /* @__PURE__ */ y({
+}, z = {
+  key: 3,
+  class: "rds-e-info-box__content-section"
+}, D = {
+  key: 0,
+  class: "rds-e-info-box__text"
+}, O = {
+  key: 1,
+  class: "rds-e-info-box__content-section"
+}, R = /* @__PURE__ */ k({
   __name: "info-box",
   props: {
     /**
@@ -82,63 +91,69 @@ import './style/infoBox.css';const q = { class: "alert" }, $ = {
     }
   },
   setup(e) {
-    const v = e, n = d(!1), r = d(null), c = d(null), { type: l } = h(v), x = k(
-      () => `rds-e-info-box rds-mb-03 rds-e-info-box${l.value === "success" ? "--success" : ""}${l.value === "error" ? "--error" : ""}${l.value === "warning" ? "--warning" : ""}${l.value === "info" ? "--info" : ""}`
+    const x = e, l = u(!1), c = u(null), d = u(null), { type: i } = h(x), y = $(
+      () => `rds-e-info-box rds-mb-03 rds-e-info-box${i.value === "success" ? "--success" : ""}${i.value === "error" ? "--error" : ""}${i.value === "warning" ? "--warning" : ""}${i.value === "info" ? "--info" : ""}`
     ), g = () => {
-      if (!r.value || !c.value) return;
-      const u = c.value.scrollHeight;
-      r.value.style.maxHeight = n.value ? `${u}px` : "0px";
+      if (!c.value || !d.value) return;
+      const n = d.value.scrollHeight;
+      c.value.style.maxHeight = l.value ? `${n}px` : "0px";
     };
     w(
-      () => n.value,
+      () => l.value,
       () => C(() => {
         g();
       }),
       { immediate: !0 }
     );
     const p = () => {
-      n.value = !n.value;
+      l.value = !l.value;
     };
-    return (u, f) => (t(), s("div", {
-      class: m(x.value),
+    return (n, f) => (t(), s("div", {
+      class: m(y.value),
       role: "alert"
     }, [
       a("div", q, [
-        e.icon ? (t(), s("div", $, [
-          _(b, {
+        e.icon ? (t(), s("div", B, [
+          b(v, {
             name: e.icon,
             class: "rds-e-info-box__custom-icon",
             "aria-hidden": "true"
           }, null, 8, ["name"])
         ])) : o("", !0),
-        a("div", B, [
-          a("div", H, [
-            e.title && !e.collapsable ? (t(), s("div", N, i(e.title), 1)) : o("", !0),
+        a("div", H, [
+          a("div", I, [
+            e.title && !e.collapsable ? (t(), s("div", N, r(e.title), 1)) : o("", !0),
             e.collapsable ? (t(), s("div", {
               key: 1,
               class: "rds-e-info-box__collapsable rds-mb-03",
               onClick: f[0] || (f[0] = () => p())
             }, [
-              e.title ? (t(), s("div", R, i(e.title), 1)) : o("", !0),
-              _(b, {
+              e.title ? (t(), s("div", V, r(e.title), 1)) : o("", !0),
+              b(v, {
                 name: "arrow_down",
-                class: m(["rds-e-info-box__custom-icon", { "rds-e-info-box__custom-icon--open": n.value }]),
+                class: m(["rds-e-info-box__custom-icon", { "rds-e-info-box__custom-icon--open": l.value }]),
                 "aria-hidden": "true"
               }, null, 8, ["class"])
             ])) : o("", !0),
-            e.message && !e.collapsable ? (t(), s("p", V, i(e.message), 1)) : o("", !0),
+            e.message && !e.collapsable && !n.$slots["content-section"] ? (t(), s("p", E, r(e.message), 1)) : o("", !0),
+            n.$slots["content-section"] && !e.collapsable ? (t(), s("div", z, [
+              _(n.$slots, "content-section", {}, void 0, !0)
+            ])) : o("", !0),
             e.collapsable ? (t(), s("div", {
-              key: 3,
+              key: 4,
               ref_key: "panel",
-              ref: r,
+              ref: c,
               class: "rds-e-info-box__panel"
             }, [
               a("div", {
                 ref_key: "panelContent",
-                ref: c,
+                ref: d,
                 class: "rds-e-info-box__panel-content"
               }, [
-                a("p", D, i(e.message), 1)
+                n.$slots["content-section"] ? o("", !0) : (t(), s("p", D, r(e.message), 1)),
+                n.$slots["content-section"] ? (t(), s("div", O, [
+                  _(n.$slots, "content-section", {}, void 0, !0)
+                ])) : o("", !0)
               ], 512)
             ], 512)) : o("", !0)
           ])
@@ -146,7 +161,7 @@ import './style/infoBox.css';const q = { class: "alert" }, $ = {
       ])
     ], 2));
   }
-}), T = /* @__PURE__ */ S(E, [["__scopeId", "data-v-0a87bf57"]]);
+}), F = /* @__PURE__ */ S(R, [["__scopeId", "data-v-39ef726d"]]);
 export {
-  T as default
+  F as default
 };

package/dist/components/link.es.js

@@ -1,7 +1,7 @@
-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";
-import { R as k } from "./icon-svg-u9BWBbvW.js";
+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";
+import { I as k } from "./icon-svg-pUb3-FXk.js";
 import { _ as V } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/link.css';const $ = /* @__PURE__ */ j({
+import './style/link.css';const $ = /* @__PURE__ */ E({
   __name: "link",
   props: {
     /**
@@ -86,8 +86,8 @@ import './style/link.css';const $ = /* @__PURE__ */ j({
       arrow: u,
       right: t,
       underline: h,
-      customClass: D
-    } = E(v), R = f(() => {
+      customClass: j
+    } = L(v), D = f(() => {
       var l, C;
       const a = ["rds-e-link"];
       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({
       var a;
       return u.value || ((a = n == null ? void 0 : n.value) == null ? void 0 : a.name);
     });
-    return (a, l) => (r(), d(L(e(o) === "a" ? e(o) : "router-link"), {
-      class: m(R.value),
+    return (a, l) => (r(), d(N(e(o) === "a" ? e(o) : "router-link"), {
+      class: m(D.value),
       to: e(o) === "router-link" ? e(g) : null,
       href: e(o) === "a" ? e(g) : null,
       disable: e(c)
     }, {
-      default: N(() => [
+      default: R(() => [
         e(n).name && !e(t) && !e(u) ? (r(), d(k, _({
           key: 0,
           name: e(n).name
@@ -116,15 +116,15 @@ import './style/link.css';const $ = /* @__PURE__ */ j({
         }, {
           class: ["rds-e-link__icon-left", w.value]
         }), null, 16, ["name", "class"])) : i("", !0),
-        e(t) ? (r(), S("span", {
+        e(t) ? (r(), b("span", {
           key: 1,
-          class: m(["rds-e-link__text", [e(D), {
+          class: m(["rds-e-link__text", [e(j), {
             "rds-e-mr-xs": x.value,
             "rds-e-link__text--underline": e(h)
           }]])
         }, [
-          b(a.$slots, "default", {}, () => [
-            B(I(e(y)), 1)
+          B(a.$slots, "default", {}, () => [
+            S(I(e(y)), 1)
           ], !0)
         ], 2)) : i("", !0),
         e(u) ? (r(), d(k, _({ key: 2 }, {
@@ -134,12 +134,12 @@ import './style/link.css';const $ = /* @__PURE__ */ j({
             e(t) ? "link__icon--animation-right" : "link__icon--animation-left"
           ]]
         }), null, 16, ["class"])) : i("", !0),
-        e(t) ? i("", !0) : (r(), S("span", {
+        e(t) ? i("", !0) : (r(), b("span", {
           key: 3,
           class: m(["rds-e-link__text", { "rds-e-ml-xs": x.value }])
         }, [
-          b(a.$slots, "default", {}, () => [
-            B(I(e(y)), 1)
+          B(a.$slots, "default", {}, () => [
+            S(I(e(y)), 1)
           ], !0)
         ], 2)),
         e(n).name && e(t) && !e(u) ? (r(), d(k, _({

package/dist/components/modal.es.js

@@ -1,15 +1,15 @@
 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";
-import S from "./overlay.es.js";
-import x from "./card.es.js";
-import { R as $ } from "./icon-svg-u9BWBbvW.js";
-import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/modal.css';const B = { class: "rds-e-modal__container" }, N = { class: "rds-e-modal__header" }, W = {
+import x from "./overlay.es.js";
+import S from "./card.es.js";
+import { I as $ } from "./icon-svg-pUb3-FXk.js";
+import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/modal.css';const N = { class: "rds-e-modal__container" }, R = { class: "rds-e-modal__header" }, W = {
   key: 0,
   class: "rds-e-modal__section-spacer"
 }, g = { class: "rds-e-modal__body" }, q = {
   key: 1,
   class: "rds-e-modal__section-spacer"
-}, D = { class: "rds-e-modal__footer" }, V = /* @__PURE__ */ h({
+}, I = { class: "rds-e-modal__footer" }, V = /* @__PURE__ */ h({
   __name: "modal",
   props: {
     /**
@@ -70,7 +70,7 @@ import './style/modal.css';const B = { class: "rds-e-modal__container" }, N = {
     }), y = () => {
       e.preventClose || i("onCloseRequest");
     };
-    return (o, s) => t.open ? (r(), m(a(S), {
+    return (o, s) => t.open ? (r(), m(a(x), {
       key: 0,
       ref_key: "overlay",
       ref: f,
@@ -79,15 +79,15 @@ import './style/modal.css';const B = { class: "rds-e-modal__container" }, N = {
       onClick: y
     }, {
       default: u(() => [
-        k(a(x), {
+        k(a(S), {
           class: "rds-e-modal__card",
           style: b(_.value),
           onClick: s[1] || (s[1] = w(() => {
           }, ["stop"]))
         }, {
           default: u(() => [
-            d("div", B, [
-              d("div", N, [
+            d("div", N, [
+              d("div", R, [
                 n(o.$slots, "header", {}, void 0, !0),
                 e.showClose ? (r(), m(a($), {
                   key: 0,
@@ -102,7 +102,7 @@ import './style/modal.css';const B = { class: "rds-e-modal__container" }, N = {
                 n(o.$slots, "body", {}, void 0, !0)
               ]),
               o.$slots.footer ? (r(), c("span", q)) : l("", !0),
-              d("div", D, [
+              d("div", I, [
                 n(o.$slots, "footer", {}, void 0, !0)
               ])
             ])
@@ -113,7 +113,7 @@ import './style/modal.css';const B = { class: "rds-e-modal__container" }, N = {
       _: 3
     }, 8, ["teleport"])) : l("", !0);
   }
-}), j = /* @__PURE__ */ R(V, [["__scopeId", "data-v-24bc0adc"]]);
+}), j = /* @__PURE__ */ B(V, [["__scopeId", "data-v-24bc0adc"]]);
 export {
   j as default
 };

package/dist/components/multiselect.es.js

@@ -1,4 +1,4 @@
-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";
+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";
 import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/multiselect.css';function O(e) {
   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 = {
     },
     /**
        * Sets maxHeight style value of the dropdown
-       * @default 300
+       * @default 288
        * @type {Integer}
        */
     maxHeight: {
       type: Number,
-      default: 300
+      default: 288
     },
     /**
        * Function that process the message shown when selected
@@ -770,6 +770,15 @@ const E = (...e) => (t) => e.reduce((i, l) => l(i), t), C = {
       type: Boolean,
       default: !0
     },
+    /**
+       * Tamaño de la lista
+       * @default false
+       * @type {Boolean}
+       */
+    small: {
+      type: Boolean,
+      default: !1
+    },
     showNoResults: {
       type: Boolean,
       default: !0
@@ -831,7 +840,7 @@ const E = (...e) => (t) => e.reduce((i, l) => l(i), t), C = {
 function te(e, t, i, l, a, n) {
   return d(), p("div", {
     tabindex: e.searchable ? -1 : i.tabindex,
-    class: V([{ "multiselect--active": e.isOpen, "multiselect--disabled": i.disabled, "multiselect--above": n.isAbove, "multiselect--has-options-group": n.hasOptionGroup }, "multiselect"]),
+    class: v([{ "multiselect--active": e.isOpen, "multiselect--disabled": i.disabled, "multiselect--above": n.isAbove, "multiselect--has-options-group": n.hasOptionGroup }, "multiselect"]),
     onFocus: t[13] || (t[13] = (s) => e.activate()),
     onBlur: t[14] || (t[14] = (s) => e.searchable ? !1 : e.deactivate()),
     onKeydown: [
@@ -868,12 +877,12 @@ function te(e, t, i, l, a, n) {
               key: h
             }, [
               o("span", {
-                textContent: g(e.getOptionLabel(s))
+                textContent: m(e.getOptionLabel(s))
               }, null, 8, q),
               o("i", {
                 tabindex: "1",
-                onKeypress: f(r((m) => e.removeElement(s), ["prevent"]), ["enter"]),
-                onMousedown: r((m) => e.removeElement(s), ["prevent"]),
+                onKeypress: f(r((g) => e.removeElement(s), ["prevent"]), ["enter"]),
+                onMousedown: r((g) => e.removeElement(s), ["prevent"]),
                 class: "multiselect__tag-icon"
               }, null, 40, j)
             ]))
@@ -884,7 +893,7 @@ function te(e, t, i, l, a, n) {
         e.internalValue && e.internalValue.length > i.limit ? u(e.$slots, "limit", { key: 0 }, () => [
           o("strong", {
             class: "multiselect__strong",
-            textContent: g(i.limitText(e.internalValue.length - i.limit))
+            textContent: m(i.limitText(e.internalValue.length - i.limit))
           }, null, 8, I)
         ], !0) : c("", !0)
       ], !0),
@@ -933,7 +942,7 @@ function te(e, t, i, l, a, n) {
         onMousedown: t[9] || (t[9] = r((...s) => e.toggle && e.toggle(...s), ["prevent"]))
       }, [
         u(e.$slots, "singleLabel", { option: n.singleValue }, () => [
-          v(g(e.currentOptionLabel), 1)
+          V(m(e.currentOptionLabel), 1)
         ], !0)
       ], 32)) : c("", !0),
       c("", !0)
@@ -941,7 +950,7 @@ function te(e, t, i, l, a, n) {
     B(k, { name: "multiselect" }, {
       default: D(() => [
         b(o("div", {
-          class: "multiselect__content-wrapper",
+          class: v(["multiselect__content-wrapper", { "multiselect__content-wrapper--small": i.small }]),
           onFocus: t[11] || (t[11] = (...s) => e.activate && e.activate(...s)),
           tabindex: "-1",
           onMousedown: t[12] || (t[12] = r(() => {
@@ -960,7 +969,7 @@ function te(e, t, i, l, a, n) {
             e.multiple && e.max === e.internalValue.length ? (d(), p("li", W, [
               o("span", X, [
                 u(e.$slots, "maxElements", {}, () => [
-                  v("Maximum of " + g(e.max) + " options selected. First remove a selected option to select another.", 1)
+                  V("Maximum of " + m(e.max) + " options selected. First remove a selected option to select another.", 1)
                 ], !0)
               ])
             ])) : c("", !0),
@@ -973,9 +982,9 @@ function te(e, t, i, l, a, n) {
             }, [
               s && (s.$isLabel || s.$isDisabled) ? c("", !0) : (d(), p("span", {
                 key: 0,
-                class: V([e.optionHighlight(h, s), "multiselect__option"]),
-                onClick: r((m) => e.select(s), ["stop"]),
-                onMouseenter: r((m) => e.pointerSet(h), ["self"]),
+                class: v([e.optionHighlight(h, s), "multiselect__option"]),
+                onClick: r((g) => e.select(s), ["stop"]),
+                onMouseenter: r((g) => e.pointerSet(h), ["self"]),
                 "data-select": s && s.isTag ? e.tagPlaceholder : n.selectLabelText,
                 "data-selected": n.selectedLabelText,
                 "data-deselect": n.deselectLabelText
@@ -985,30 +994,30 @@ function te(e, t, i, l, a, n) {
                   search: e.search,
                   index: h
                 }, () => [
-                  o("span", null, g(e.getOptionLabel(s)), 1)
+                  o("span", null, m(e.getOptionLabel(s)), 1)
                 ], !0)
               ], 42, Z)),
               s && (s.$isLabel || s.$isDisabled) ? (d(), p("span", {
                 key: 1,
                 "data-select": e.groupSelect && n.selectGroupLabelText,
                 "data-deselect": e.groupSelect && n.deselectGroupLabelText,
-                class: V([e.groupHighlight(h, s), "multiselect__option"]),
-                onMouseenter: r((m) => e.groupSelect && e.pointerSet(h), ["self"]),
-                onMousedown: r((m) => e.selectGroup(s), ["prevent"])
+                class: v([e.groupHighlight(h, s), "multiselect__option"]),
+                onMouseenter: r((g) => e.groupSelect && e.pointerSet(h), ["self"]),
+                onMousedown: r((g) => e.selectGroup(s), ["prevent"])
               }, [
                 u(e.$slots, "option", {
                   option: s,
                   search: e.search,
                   index: h
                 }, () => [
-                  o("span", null, g(e.getOptionLabel(s)), 1)
+                  o("span", null, m(e.getOptionLabel(s)), 1)
                 ], !0)
               ], 42, x)) : c("", !0)
             ], 8, Y))), 128)) : c("", !0),
             b(o("li", null, [
               o("span", _, [
                 u(e.$slots, "noResult", { search: e.search }, () => [
-                  t[19] || (t[19] = v("No elements found. Consider changing the search query."))
+                  t[19] || (t[19] = V("No elements found. Consider changing the search query."))
                 ], !0)
               ])
             ], 512), [
@@ -1017,7 +1026,7 @@ function te(e, t, i, l, a, n) {
             b(o("li", null, [
               o("span", ee, [
                 u(e.$slots, "noOptions", {}, () => [
-                  t[20] || (t[20] = v("List is empty."))
+                  t[20] || (t[20] = V("List is empty."))
                 ], !0)
               ])
             ], 512), [
@@ -1025,7 +1034,7 @@ function te(e, t, i, l, a, n) {
             ]),
             u(e.$slots, "afterList", {}, void 0, !0)
           ], 12, Q)
-        ], 36), [
+        ], 38), [
           [y, e.isOpen]
         ])
       ]),
@@ -1033,7 +1042,7 @@ function te(e, t, i, l, a, n) {
     })
   ], 42, N);
 }
-const le = /* @__PURE__ */ A(F, [["render", te], ["__scopeId", "data-v-ac9e4515"]]);
+const le = /* @__PURE__ */ A(F, [["render", te], ["__scopeId", "data-v-a1db52fd"]]);
 export {
   le as default
 };