energy-components 1.4.0 → 1.6.0-beta.0

package/dist/components/accordion.es.js

@@ -1,8 +1,8 @@
-import { defineComponent as R, toRefs as B, ref as l, watch as D, nextTick as N, inject as _, onMounted as V, onBeforeUnmount as q, openBlock as v, createElementBlock as w, createElementVNode as n, toDisplayString as h, unref as d, createBlock as H, mergeProps as P, createCommentVNode as T, createVNode as j, normalizeClass as y, renderSlot as A, createTextVNode as E } from "vue";
-import { R as I } from "./icon-svg-u9BWBbvW.js";
+import { defineComponent as B, toRefs as D, ref as l, watch as N, nextTick as R, inject as _, onMounted as V, onBeforeUnmount as q, openBlock as v, createElementBlock as w, createElementVNode as n, toDisplayString as h, unref as d, createBlock as H, mergeProps as I, createCommentVNode as P, createVNode as T, normalizeClass as y, renderSlot as j, createTextVNode as A } from "vue";
+import { I as E } from "./icon-svg-CeKfjk3j.js";
 import O from "./tag.es.js";
 import { _ as $ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/accordion.css';const b = { class: "rds-e-accordion" }, z = { class: "rds-e-accordion-title" }, M = { class: "rds-e-accordion-title_right" }, U = /* @__PURE__ */ R({
+import './style/accordion.css';const b = { class: "rds-e-accordion" }, z = { class: "rds-e-accordion-title" }, M = { class: "rds-e-accordion-title_right" }, U = /* @__PURE__ */ B({
   __name: "accordion",
   props: {
     /**
@@ -43,21 +43,21 @@ import './style/accordion.css';const b = { class: "rds-e-accordion" }, z = { cla
     }
   },
   emits: ["update:open"],
-  setup(c, { expose: C, emit: S }) {
-    const o = c, k = S, { tag: a } = B(o), t = l(o.open), i = l(null), s = l(null), x = () => {
+  setup(c, { expose: C, emit: k }) {
+    const o = c, x = k, { tag: a } = D(o), t = l(o.open), i = l(null), s = l(null), S = () => {
       if (!i.value || !s.value) return;
       const e = s.value.scrollHeight;
       i.value.style.maxHeight = t.value ? `${e}px` : "0px";
     }, r = (e) => {
-      e === void 0 ? t.value = !t.value : t.value = e, k("update:open", t.value), x();
+      e === void 0 ? t.value = !t.value : t.value = e, x("update:open", t.value), S();
     }, u = () => {
       r(!0);
     }, p = () => {
       r(!1);
     };
-    D(
+    N(
       () => o.open,
-      (e) => N(() => {
+      (e) => R(() => {
         r(e);
       }),
       { immediate: !0 }
@@ -87,11 +87,11 @@ import './style/accordion.css';const b = { class: "rds-e-accordion" }, z = { cla
       }, [
         n("span", z, h(c.title), 1),
         n("div", M, [
-          d(a) && d(a).icon ? (v(), H(O, P({
+          d(a) && d(a).icon ? (v(), H(O, I({
             key: 0,
             class: "rds-e-accordion-title_tag"
-          }, d(a), { small: "" }), null, 16)) : T("", !0),
-          j(I, {
+          }, d(a), { small: "" }), null, 16)) : P("", !0),
+          T(E, {
             class: y(["rds-e-accordion-title_icon", { "rds-e-accordion-title_icon--open": t.value }]),
             name: "arrow_down"
           }, null, 8, ["class"])
@@ -107,8 +107,8 @@ import './style/accordion.css';const b = { class: "rds-e-accordion" }, z = { cla
           ref: s,
           class: "rds-e-accordion-panel_content"
         }, [
-          A(e.$slots, "default", {}, () => [
-            E(h(c.content), 1)
+          j(e.$slots, "default", {}, () => [
+            A(h(c.content), 1)
           ], !0)
         ], 512)
       ], 2)

package/dist/components/actionButton.es.js

@@ -14,13 +14,13 @@ import './style/actionButton.css';const p = /* @__PURE__ */ o({
     /**
      * <span>Variante del botón</span>
      * <br>
-     *`['primary', 'secondary']`
+     *`['primary', 'secondary', 'ghost']`
      */
     variant: {
       type: String,
       default: "primary",
       validator(e) {
-        return ["primary", "secondary"].includes(e);
+        return ["primary", "secondary", "ghost"].includes(e);
       }
     },
     /**
@@ -58,7 +58,7 @@ import './style/actionButton.css';const p = /* @__PURE__ */ o({
       "is-action": ""
     }), null, 16));
   }
-}), f = /* @__PURE__ */ l(p, [["__scopeId", "data-v-782579da"]]);
+}), f = /* @__PURE__ */ l(p, [["__scopeId", "data-v-261a503b"]]);
 export {
   f as default
 };

package/dist/components/button.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as B, toRefs as S, computed as l, openBlock as v, createElementBlock as x, unref as s, normalizeClass as m, createBlock as I, createCommentVNode as k, createElementVNode as $, renderSlot as C, createTextVNode as N, toDisplayString as R } from "vue";
-import { R as V } from "./icon-svg-u9BWBbvW.js";
-import { _ as D } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/button.css';const E = ["type", "disabled"], L = { class: "rds-e-btn__text" }, w = /* @__PURE__ */ B({
+import { defineComponent as B, toRefs as I, computed as l, openBlock as v, createElementBlock as S, unref as s, normalizeClass as m, createBlock as x, createCommentVNode as k, createElementVNode as $, renderSlot as C, createTextVNode as N, toDisplayString as V } from "vue";
+import { I as E } from "./icon-svg-CeKfjk3j.js";
+import { _ as L } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/button.css';const w = ["type", "disabled"], D = { class: "rds-e-btn__text" }, R = /* @__PURE__ */ B({
   __name: "button",
   props: {
     /**
@@ -109,18 +109,18 @@ import './style/button.css';const E = ["type", "disabled"], L = { class: "rds-e-
       inverse: d,
       revertIcon: _,
       loading: p
-    } = S(t), c = l(() => p.value ? "loading" : n != null && n.value ? n == null ? void 0 : n.value : ""), h = l(() => r.value && ["button", "submit", "reset"].includes(r.value) ? r.value : "button"), b = l(() => ["primary", "secondary", "ghost"].includes(i.value) ? i.value : "primary"), g = l(() => {
+    } = I(t), c = l(() => p.value ? "loading" : n != null && n.value ? n == null ? void 0 : n.value : ""), h = l(() => r.value && ["button", "submit", "reset"].includes(r.value) ? r.value : "button"), b = l(() => ["primary", "secondary", "ghost"].includes(i.value) ? i.value : "primary"), g = l(() => {
       const a = ["rds-e-btn"];
       return i.value && a.push(`rds-e-btn--${b.value}`), d.value && a.push(`rds-e-btn--${b.value}-inverse`), c.value && a.push(
         o != null && o.value ? "rds-e-btn--with-icon" : "rds-e-btn--icon"
       ), f.value && a.push("rds-e-btn--small"), _.value && a.push("rds-e-btn--revert"), u.value && a.push("rds-e-style-state-disabled"), p.value && a.push("rds-e-btn--loading"), y.value && a.push("rds-e-btn--mobile-width"), a.join(" ");
     });
-    return (a, W) => (v(), x("button", {
+    return (a, W) => (v(), S("button", {
       type: h.value,
       disabled: s(u),
       class: m(g.value)
     }, [
-      c.value ? (v(), I(V, {
+      c.value ? (v(), x(E, {
         key: 0,
         name: c.value,
         small: s(f),
@@ -130,14 +130,14 @@ import './style/button.css';const E = ["type", "disabled"], L = { class: "rds-e-
         ]]),
         "aria-hidden": "true"
       }, null, 8, ["name", "small", "class"])) : k("", !0),
-      $("span", L, [
+      $("span", D, [
         C(a.$slots, "default", {}, () => [
-          N(R(s(o)), 1)
+          N(V(s(o)), 1)
         ], !0)
       ])
-    ], 10, E));
+    ], 10, w));
   }
-}), T = /* @__PURE__ */ D(w, [["__scopeId", "data-v-a17b5b56"]]);
+}), T = /* @__PURE__ */ L(R, [["__scopeId", "data-v-a17b5b56"]]);
 export {
   T as default
 };

package/dist/components/checkbox.es.js

@@ -1,7 +1,7 @@
 import { defineComponent as x, ref as d, watch as v, onMounted as y, onBeforeUnmount as w, openBlock as b, createElementBlock as g, normalizeClass as o, createElementVNode as n, renderSlot as S, createTextVNode as B, toDisplayString as C, createBlock as E, createCommentVNode as L } from "vue";
-import { R as V } from "./icon-svg-u9BWBbvW.js";
+import { I as V } from "./icon-svg-CeKfjk3j.js";
 import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/checkbox.css';const D = ["id", "checked", "aria-label", "required", "disabled"], N = ["for"], q = /* @__PURE__ */ x({
+import './style/checkbox.css';const N = ["id", "checked", "aria-label", "required", "disabled"], q = ["for"], D = /* @__PURE__ */ x({
   __name: "checkbox",
   props: {
     /**
@@ -80,7 +80,7 @@ import './style/checkbox.css';const D = ["id", "checked", "aria-label", "require
       window.addEventListener("keydown", r), window.addEventListener("mousedown", i);
     }), w(() => {
       window.removeEventListener("keydown", r), window.removeEventListener("mousedown", i);
-    }), (a, R) => (b(), g("div", {
+    }), (a, I) => (b(), g("div", {
       class: o(["rds-e-checkbox__container", { "rds-e-checkbox__container--focused": l.value }])
     }, [
       n("input", {
@@ -94,7 +94,7 @@ import './style/checkbox.css';const D = ["id", "checked", "aria-label", "require
         onChange: m,
         onFocus: h,
         onBlur: k
-      }, null, 42, D),
+      }, null, 42, N),
       n("label", {
         for: e.id.toString(),
         class: o(["rds-e-checkbox__label", {
@@ -121,10 +121,10 @@ import './style/checkbox.css';const D = ["id", "checked", "aria-label", "require
             }, null, 8, ["name"])) : L("", !0)
           ], 2)
         ], !0)
-      ], 10, N)
+      ], 10, q)
     ], 2));
   }
-}), K = /* @__PURE__ */ _(q, [["__scopeId", "data-v-6beff478"]]);
+}), M = /* @__PURE__ */ _(D, [["__scopeId", "data-v-6beff478"]]);
 export {
-  K as default
+  M as default
 };

package/dist/components/dropdown.es.js

@@ -1,19 +1,19 @@
-import { defineComponent as H, mergeModels as x, toRefs as J, useModel as K, ref as Q, computed as y, openBlock as i, createElementBlock as b, createVNode as B, mergeProps as W, unref as n, withModifiers as u, createSlots as M, withCtx as o, normalizeClass as X, renderSlot as d, createElementVNode as a, createBlock as T, createCommentVNode as D, Fragment as Y, toDisplayString as O, nextTick as q } from "vue";
+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";
 import Z from "./multiselect.es.js";
 import ee from "./textField.es.js";
-import { R as le } from "./icon-svg-u9BWBbvW.js";
+import { I as le } from "./icon-svg-CeKfjk3j.js";
 import te from "./checkbox.es.js";
 import se from "./radioButton.es.js";
 import { _ as re } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/dropdown.css';const ne = { class: "rds-e-dropdown" }, oe = { class: "rds-e-dropdown__option" }, de = { class: "rds-e-dropdown__option-container" }, ae = { class: "rds-e-dropdown__option--prepend" }, ie = { class: "rds-e-dropdown__option--content" }, ue = {
+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 = {
   key: 0,
   class: "rds-e-dropdown__option-detail"
-}, ce = { key: 1 }, fe = {
+}, ce = { key: 1 }, me = {
   key: 0,
   class: "rds-e-dropdown__option--append"
-}, me = { class: "rds-e-dropdown__after-list" }, pe = { class: "rds-e-dropdown__after-list-container" }, ve = /* @__PURE__ */ H({
+}, fe = { class: "rds-e-dropdown__after-list" }, pe = { class: "rds-e-dropdown__after-list-container" }, ve = /* @__PURE__ */ G({
   __name: "dropdown",
-  props: /* @__PURE__ */ x({
+  props: /* @__PURE__ */ M({
     /**
      * Id del dropdown
      */
@@ -101,6 +101,13 @@ import './style/dropdown.css';const ne = { class: "rds-e-dropdown" }, oe = { cla
       type: Number,
       default: 4
     },
+    /**
+     * El alto maximo de la lista.
+     */
+    maxHeight: {
+      type: Number,
+      default: 288
+    },
     /**
      * Texto a mostrar cuando se alcanza el limite de elementos seleccionados.
      */
@@ -114,27 +121,27 @@ import './style/dropdown.css';const ne = { class: "rds-e-dropdown" }, oe = { cla
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ x(["open", "close", "select", "change"], ["update:modelValue"]),
-  setup(t, { expose: $, emit: E }) {
-    const c = t, f = E, {
-      disabled: m,
-      options: h,
+  emits: /* @__PURE__ */ M(["open", "close", "select", "change"], ["update:modelValue"]),
+  setup(t, { expose: $, emit: N }) {
+    const c = t, m = N, {
+      disabled: f,
+      options: b,
       limit: C,
       multiple: p
-    } = J(c), r = K(t, "modelValue"), v = Q(), j = y(() => h.value.every((e) => typeof e == "object" && (e == null ? void 0 : e.id) && (e == null ? void 0 : e.label))), N = y(() => !p.value || c.closeOnSelect), _ = y({
+    } = 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({
       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 : "" : "",
       set: () => null
-    }), F = y(() => ({
+    }), F = h(() => ({
       "rds-e-dropdown-input": !0,
-      "rds-e-dropdown--disabled": m.value,
+      "rds-e-dropdown--disabled": f.value,
       "rds-e-dropdown--small": c.small
-    })), S = y(() => {
+    })), S = h(() => {
       const e = {};
-      return j.value && Object.assign(e, {
+      return _.value && Object.assign(e, {
         "track-by": "id",
         label: "label"
       }), e;
-    }), k = (e) => {
+    }), g = (e) => {
       if (r.value === e) return !0;
       if (Array.isArray(r.value)) {
         if (typeof e == "string") return r.value.includes(e);
@@ -142,35 +149,35 @@ import './style/dropdown.css';const ne = { class: "rds-e-dropdown" }, oe = { cla
           return r.value.some((s) => s.id === e.id);
       }
       return !1;
-    }, L = (e) => {
-      f("open", e);
     }, I = (e) => {
-      f("close", e);
+      m("open", e);
+    }, L = (e) => {
+      m("close", e);
     }, U = (e) => {
-      q(() => {
-        f("select", e);
+      E(() => {
+        m("select", e);
       });
-    }, P = () => {
-      q(() => {
+    }, H = () => {
+      E(() => {
         if (p.value) {
-          const e = h.value.filter(
-            (s) => k(s)
+          const e = b.value.filter(
+            (s) => g(s)
           ) || [];
-          f("change", e);
+          m("change", e);
         } else {
-          const e = h.value.find(
-            (s) => k(s)
+          const e = b.value.find(
+            (s) => g(s)
           );
-          f("change", [e]);
+          m("change", [e]);
         }
       });
     }, A = (e) => {
       v.value.select(e);
     }, R = () => {
       v.value.activate();
-    }, z = () => {
+    }, P = () => {
       v.value.deactivate();
-    }, G = () => {
+    }, z = () => {
       v.value.toggle();
     };
     return $({
@@ -181,46 +188,48 @@ import './style/dropdown.css';const ne = { class: "rds-e-dropdown" }, oe = { cla
       /**
        * Cierra el dropdown
        */
-      deactivate: z
-    }), (e, s) => (i(), b("div", ne, [
+      deactivate: P
+    }), (e, s) => (i(), y("div", ne, [
       B(Z, W({
         ref_key: "multiselect",
         ref: v,
         modelValue: r.value,
         "onUpdate:modelValue": s[2] || (s[2] = (l) => r.value = l),
         class: F.value,
-        options: n(h),
-        "close-on-select": N.value,
+        options: n(b),
+        "close-on-select": j.value,
         "show-labels": !1,
-        disabled: n(m),
+        disabled: n(f),
         multiple: n(p),
+        "max-height": t.maxHeight,
         searchable: !1,
+        small: t.small,
         "open-direction": "bottom",
         limit: n(C),
         "limit-text": t.limitText
       }, S.value, {
-        onOpen: L,
-        onClose: I,
+        onOpen: I,
+        onClose: L,
         onSelect: U,
-        "onUpdate:modelValue": P,
+        "onUpdate:modelValue": H,
         onFocus: s[3] || (s[3] = u(() => R(), ["prevent"])),
         onBlur: u(() => null, ["prevent"])
-      }), M({
-        selection: o(({ isOpen: l }) => [
+      }), T({
+        selection: a(({ isOpen: l }) => [
           B(n(ee), {
             id: `multiselect-dropdown-${t.id}`,
-            modelValue: _.value,
-            "onUpdate:modelValue": s[1] || (s[1] = (w) => _.value = w),
+            modelValue: D.value,
+            "onUpdate:modelValue": s[1] || (s[1] = (k) => D.value = k),
             class: "rds-e-dropdown__input",
-            disabled: n(m),
+            disabled: n(f),
             label: t.label,
             error: t.error,
             helper: t.helper,
             "helper-text": t.helperText,
             readonly: "",
-            onClick: u((w) => l ? null : R(), ["prevent", "stop"])
-          }, M({
-            "right-icon": o(() => [
+            onClick: u((k) => l ? null : R(), ["prevent", "stop"])
+          }, T({
+            "right-icon": a(() => [
               B(n(le), {
                 name: "arrow_down",
                 "aria-hidden": "true",
@@ -229,111 +238,111 @@ import './style/dropdown.css';const ne = { class: "rds-e-dropdown" }, oe = { cla
                 }]),
                 onClick: s[0] || (s[0] = u(() => {
                 }, ["self", "stop"])),
-                onMousedown: u(G, ["self", "prevent", "stop"])
+                onMousedown: u(z, ["self", "prevent", "stop"])
               }, null, 8, ["class"])
             ]),
             _: 2
           }, [
             e.$slots["helper-text"] ? {
               name: "helper-text",
-              fn: o(() => [
-                d(e.$slots, "helper-text", {}, void 0, !0)
+              fn: a(() => [
+                o(e.$slots, "helper-text", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["id", "modelValue", "disabled", "label", "error", "helper", "helper-text", "onClick"])
         ]),
-        placeholder: o(() => [
-          s[4] || (s[4] = a("span", null, null, -1))
+        placeholder: a(() => [
+          s[4] || (s[4] = d("span", null, null, -1))
         ]),
-        option: o(({ option: l, search: w, index: V }) => [
-          a("div", oe, [
-            a("div", de, [
-              a("div", ae, [
-                n(p) ? (i(), T(n(te), {
+        option: a(({ option: l, search: k, index: V }) => [
+          d("div", ae, [
+            d("div", oe, [
+              d("div", de, [
+                n(p) ? (i(), q(n(te), {
                   key: 0,
                   id: `${V}-${l.id}`,
                   small: t.small,
-                  "is-checked": k(l),
-                  disabled: n(m) || (l == null ? void 0 : l.$isDisabled) || !1,
-                  onClick: u((g) => A(l), ["prevent", "stop"])
-                }, null, 8, ["id", "small", "is-checked", "disabled", "onClick"])) : !n(p) && t.showRadio ? (i(), T(n(se), {
+                  "is-checked": g(l),
+                  disabled: n(f) || (l == null ? void 0 : l.$isDisabled) || !1,
+                  onClick: u((w) => A(l), ["prevent", "stop"])
+                }, null, 8, ["id", "small", "is-checked", "disabled", "onClick"])) : !n(p) && t.showRadio ? (i(), q(n(se), {
                   key: 1,
                   id: `${V}-${l.id}`,
                   small: t.small,
                   "group-name": `group-${t.id}`,
-                  checked: k(l),
-                  disabled: n(m) || (l == null ? void 0 : l.$isDisabled) || !1,
+                  checked: g(l),
+                  disabled: n(f) || (l == null ? void 0 : l.$isDisabled) || !1,
                   option: l,
-                  onClick: u((g) => A(l), ["prevent", "stop"])
-                }, null, 8, ["id", "small", "group-name", "checked", "disabled", "option", "onClick"])) : D("", !0)
+                  onClick: u((w) => A(l), ["prevent", "stop"])
+                }, null, 8, ["id", "small", "group-name", "checked", "disabled", "option", "onClick"])) : x("", !0)
               ]),
-              a("div", ie, [
-                d(e.$slots, "singleLabel", { option: l }, () => {
-                  var g;
+              d("div", ie, [
+                o(e.$slots, "singleLabel", { option: l }, () => {
+                  var w;
                   return [
-                    (g = S.value) != null && g.label ? (i(), b(Y, { key: 0 }, [
-                      a("span", null, O(l.label), 1),
-                      l != null && l.detail ? (i(), b("span", ue, O(l.detail), 1)) : D("", !0)
-                    ], 64)) : (i(), b("span", ce, O(l), 1))
+                    (w = S.value) != null && w.label ? (i(), y(Y, { key: 0 }, [
+                      d("span", null, O(l.label), 1),
+                      l != null && l.detail ? (i(), y("span", ue, O(l.detail), 1)) : x("", !0)
+                    ], 64)) : (i(), y("span", ce, O(l), 1))
                   ];
                 }, !0)
               ])
             ]),
-            e.$slots.optionAppend ? (i(), b("div", fe, [
-              d(e.$slots, "optionAppend", {
+            e.$slots.optionAppend ? (i(), y("div", me, [
+              o(e.$slots, "optionAppend", {
                 option: l,
-                search: w,
+                search: k,
                 index: V
               }, void 0, !0)
-            ])) : D("", !0)
+            ])) : x("", !0)
           ])
         ]),
         _: 2
       }, [
         e.$slots.limit ? {
           name: "limit",
-          fn: o(() => [
-            d(e.$slots, "limit", {}, void 0, !0)
+          fn: a(() => [
+            o(e.$slots, "limit", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         e.$slots.maxElements ? {
           name: "maxElements",
-          fn: o(() => [
-            d(e.$slots, "maxElements", {}, void 0, !0)
+          fn: a(() => [
+            o(e.$slots, "maxElements", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         e.$slots.noResult ? {
           name: "noResult",
-          fn: o(({ search: l }) => [
-            d(e.$slots, "noResult", { search: l }, void 0, !0)
+          fn: a(({ search: l }) => [
+            o(e.$slots, "noResult", { search: l }, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         e.$slots.noOptions ? {
           name: "noOptions",
-          fn: o(() => [
-            d(e.$slots, "noOptions", {}, void 0, !0)
+          fn: a(() => [
+            o(e.$slots, "noOptions", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         e.$slots.afterList ? {
           name: "afterList",
-          fn: o(() => [
-            a("div", me, [
-              a("div", pe, [
-                d(e.$slots, "afterList", {}, void 0, !0)
+          fn: a(() => [
+            d("div", fe, [
+              d("div", pe, [
+                o(e.$slots, "afterList", {}, void 0, !0)
               ])
             ])
           ]),
           key: "4"
         } : void 0
-      ]), 1040, ["modelValue", "class", "options", "close-on-select", "disabled", "multiple", "limit", "limit-text"])
+      ]), 1040, ["modelValue", "class", "options", "close-on-select", "disabled", "multiple", "max-height", "small", "limit", "limit-text"])
     ]));
   }
-}), Ce = /* @__PURE__ */ re(ve, [["__scopeId", "data-v-9e2c3262"]]);
+}), Ce = /* @__PURE__ */ re(ve, [["__scopeId", "data-v-6cc6fc2c"]]);
 export {
   Ce as default
 };

package/dist/components/filterChip.es.js

@@ -0,0 +1,114 @@
+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";
+import { I as o } from "./icon-svg-CeKfjk3j.js";
+import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/filterChip.css';const k = ["disabled"], C = { class: "rds-e-filter-chip__icon-container" }, I = {
+  key: 1,
+  class: "rds-e-filter-chip__number"
+}, w = { class: "rds-e-filter-chip__text" }, B = /* @__PURE__ */ m({
+  __name: "filter-chip",
+  props: {
+    /**
+     * <span>Tipo de chip a base del fondo en donde se va a usar</span>
+     * <br>
+     * `['default', 'floating']`
+     */
+    surfaceType: {
+      type: String,
+      default: "default",
+      validator: (e) => ["default", "floating"].includes(e)
+    },
+    /**
+     * <span>Icono a mostrar en el chip (a la izquierda)</span>
+     */
+    leftIcon: {
+      type: String,
+      default: "check"
+    },
+    /**
+     * <span>Numero a mostrar en el chip (a la izquierda)</span>
+     */
+    leftNumber: {
+      type: String,
+      default: ""
+    },
+    /**
+     * <span>Indica si se muestra el icono de flecha a la derecha</span>
+     */
+    arrowIcon: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Valor del filtro representado por el chip.
+     */
+    filterValue: {
+      type: [String, Number, Object, Boolean],
+      required: !0
+    },
+    /**
+     * <span>Texto a mostrar en el chip. Si contentType es 'number', se muestra este texto como numero</span>
+     */
+    text: {
+      type: String,
+      required: !0
+    },
+    /**
+     * <span>Indica si está disabled el componente</span>
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * <span>Indica si el componente está selected</span>
+     */
+    selected: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * <span>Estado del componente "highlight"</span>
+     */
+    highlight: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["onClickChip"],
+  setup(e, { emit: d }) {
+    const t = e, f = d, h = g(null), u = y(() => {
+      const i = ["rds-e-filter-chip"];
+      return i.push(`rds-e-filter-chip--${t.surfaceType}`), t.disabled && i.push("rds-e-filter-chip--disabled"), t.selected && !t.highlight && i.push("rds-e-filter-chip--selected"), t.highlight && i.push("rds-e-filter-chip--highlight"), t.selected && t.highlight && i.push("rds-e-filter-chip--selected-highlight"), t.arrowIcon && i.push("rds-e-filter-chip--with-arrow"), i;
+    }), p = () => {
+      t.disabled || f("onClickChip", t.filterValue);
+    };
+    return (i, N) => (l(), c("button", {
+      ref_key: "chipRef",
+      ref: h,
+      class: b(u.value),
+      disabled: e.disabled,
+      type: "button",
+      onClick: p
+    }, [
+      s("span", C, [
+        e.leftIcon && !e.leftNumber ? (l(), a(o, {
+          key: 0,
+          name: e.leftIcon,
+          class: "rds-e-filter-chip__icon",
+          "aria-hidden": "true"
+        }, null, 8, ["name"])) : r("", !0),
+        e.leftNumber && !e.leftIcon ? (l(), c("span", I, n(e.leftNumber), 1)) : r("", !0)
+      ]),
+      s("span", w, n(e.text), 1),
+      e.arrowIcon ? (l(), a(o, {
+        key: 0,
+        name: "arrow_down",
+        class: "rds-e-filter-chip__arrow-icon",
+        "aria-hidden": "true"
+      })) : r("", !0)
+    ], 10, k));
+  }
+}), V = /* @__PURE__ */ _(B, [["__scopeId", "data-v-58cf5c6f"]]);
+export {
+  V as default
+};