energy-components 1.13.0 → 1.14.0

package/dist/components/dropdown.es.js

@@ -1,23 +1,23 @@
-import { defineComponent as ie, mergeModels as P, toRefs as ue, useModel as ce, ref as S, computed as u, provide as I, onMounted as pe, nextTick as F, onBeforeUnmount as me, createElementBlock as g, openBlock as m, createVNode as V, mergeProps as W, unref as n, withModifiers as a, createSlots as z, withCtx as d, createElementVNode as c, createCommentVNode as O, createBlock as G, renderSlot as f, Fragment as fe, toDisplayString as _, normalizeClass as ve } from "vue";
-import be from "./multiselect.es.js";
-import ye from "./checkbox.es.js";
-import { _ as we } from "./radio-group.vue_vue_type_script_setup_true_lang-DpguLlRK.js";
-import ge from "./radioButton.es.js";
-import J from "./textField.es.js";
-import { R as he } from "./icon-svg-DuzOdbk1.js";
-import { _ as ke } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/dropdown.css';const $e = { class: "rds-e-dropdown" }, Ce = { class: "rds-e-dropdown__option" }, De = { class: "rds-e-dropdown__option-container" }, Se = { class: "rds-e-dropdown__option--prepend" }, Ve = { class: "rds-e-dropdown__option--content" }, Oe = {
+import { defineComponent as fe, mergeModels as J, toRefs as ve, useModel as ye, ref as O, computed as i, provide as U, onMounted as be, nextTick as R, onBeforeUnmount as we, createElementBlock as w, openBlock as u, normalizeClass as T, unref as n, createVNode as S, mergeProps as Q, withModifiers as a, createSlots as X, withCtx as d, createElementVNode as c, createCommentVNode as x, createBlock as K, renderSlot as v, Fragment as ge, toDisplayString as E } from "vue";
+import he from "./multiselect.es.js";
+import ke from "./checkbox.es.js";
+import { _ as $e } from "./radio-group.vue_vue_type_script_setup_true_lang-DpguLlRK.js";
+import Ce from "./radioButton.es.js";
+import { R as Y } from "./icon-svg-DuzOdbk1.js";
+import Z from "./textField.es.js";
+import { _ as De } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/dropdown.css';const Oe = ["id"], Se = { class: "rds-e-dropdown__option" }, xe = { class: "rds-e-dropdown__option-container" }, Ve = { class: "rds-e-dropdown__option--prepend" }, Be = { class: "rds-e-dropdown__option--content" }, Ae = {
   key: 0,
   class: "rds-e-dropdown__option-detail"
-}, Ae = { key: 1 }, Be = {
+}, Fe = { key: 1 }, Re = {
   key: 0,
   class: "rds-e-dropdown__option--append"
-}, Fe = { class: "rds-e-dropdown__before-list-container" }, Re = {
+}, Te = { class: "rds-e-dropdown__before-list-container" }, Ee = {
   key: 1,
   class: "rds-e-dropdown__before-list"
-}, Ee = { class: "rds-e-dropdown__before-list-container" }, Le = { class: "rds-e-dropdown__after-list" }, xe = { class: "rds-e-dropdown__after-list-container" }, je = /* @__PURE__ */ ie({
+}, Le = { class: "rds-e-dropdown__before-list-container" }, Me = { class: "rds-e-dropdown__after-list" }, je = { class: "rds-e-dropdown__after-list-container" }, Ie = /* @__PURE__ */ fe({
   __name: "dropdown",
-  props: /* @__PURE__ */ P({
+  props: /* @__PURE__ */ J({
     /**
      * Id del dropdown
      */
@@ -75,7 +75,7 @@ import './style/dropdown.css';const $e = { class: "rds-e-dropdown" }, Ce = { cla
     showRadio: {
       type: Boolean,
       default: !1,
-      validator: (o, R) => o && R.multiple ? (console.error("showRadio solo es valido para seleccion unica"), !1) : !0
+      validator: (o, L) => o && L.multiple ? (console.error("showRadio solo es valido para seleccion unica"), !1) : !0
     },
     /**
      * Indica si el campo de entrada contiene un error o no.
@@ -155,6 +155,27 @@ import './style/dropdown.css';const $e = { class: "rds-e-dropdown" }, Ce = { cla
       type: Object,
       default: () => {
       }
+    },
+    /**
+     * Indica si el dropdown trigger es de solo texto
+     */
+    textOnly: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Clase custom para el trigger del dropdown (solo aplica a text-only trigger)
+     */
+    customTriggerClass: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Indica si el dropdown es de estilo inverso (solo para text-only)
+     */
+    inverse: {
+      type: Boolean,
+      default: !1
     }
   }, {
     modelValue: {
@@ -162,18 +183,22 @@ import './style/dropdown.css';const $e = { class: "rds-e-dropdown" }, Ce = { cla
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ P(["open", "close", "select", "change"], ["update:modelValue"]),
-  setup(o, { expose: R, emit: Q }) {
-    const s = o, k = Q, {
+  emits: /* @__PURE__ */ J(["open", "close", "select", "change"], ["update:modelValue"]),
+  setup(o, { expose: L, emit: ee }) {
+    const s = o, k = ee, {
       disabled: $,
-      limit: E,
+      limit: M,
       multiple: C,
-      options: h
-    } = ue(s), r = ce(o, "modelValue"), i = S([]), v = S(), b = S(), L = S(""), x = S(!1);
-    let A = !1;
-    const X = () => {
-      x.value = !0;
-    }, D = u(() => s.autocomplete && Object.keys(s.autocomplete).length > 0), Y = u(() => ({
+      options: h,
+      textOnly: j
+    } = ve(s), r = ye(o, "modelValue"), p = O([]), m = O(), y = O(), I = O(""), _ = O(!1);
+    let V = !1;
+    const le = () => {
+      _.value = !0;
+    }, te = i(() => {
+      var e;
+      return ((e = m.value) == null ? void 0 : e.isOpen) ?? !1;
+    }), D = i(() => s.autocomplete && Object.keys(s.autocomplete).length > 0), oe = i(() => ({
       id: s.autocomplete.id || `autocomplete-${s.id}`,
       label: s.autocomplete.label || s.label,
       icon: s.autocomplete.icon || "",
@@ -185,52 +210,52 @@ import './style/dropdown.css';const $e = { class: "rds-e-dropdown" }, Ce = { cla
       helperText: s.autocomplete.helperText ?? "",
       readonly: s.autocomplete.readonly ?? !1
     }));
-    I("registerDropdownFocusElement", (e) => {
-      e && !i.value.includes(e) && i.value.push(e);
-    }), I("unregisterDropdownFocusElement", (e) => {
-      const l = i.value.findIndex((t) => t === e);
-      l > -1 && i.value.splice(l, 1);
-    }), I("isFocusWithinDropdown", (e) => {
-      const l = i.value.some((p) => p === e || p.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"));
+    U("registerDropdownFocusElement", (e) => {
+      e && !p.value.includes(e) && p.value.push(e);
+    }), U("unregisterDropdownFocusElement", (e) => {
+      const l = p.value.findIndex((t) => t === e);
+      l > -1 && p.value.splice(l, 1);
+    }), U("isFocusWithinDropdown", (e) => {
+      const l = p.value.some((f) => f === e || f.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"));
       return l || t;
     });
-    const q = u({
+    const H = i({
       get: () => r.value && typeof r.value == "object" && !Array.isArray(r.value) ? r.value.id : typeof r.value == "string" || typeof r.value == "number" ? r.value : null,
       set: (e) => {
         const l = h.value.find((t) => typeof t == "object" ? t.id === e : t === e);
         r.value = l || null;
       }
-    }), Z = u(() => (h.value ?? []).every((e) => typeof e == "object" && (e == null ? void 0 : e.id) && (e == null ? void 0 : e.label))), ee = u(() => !C.value || s.closeOnSelect), N = u({
-      get: () => r.value ? s.multiple ? Array.isArray(r.value) ? r.value.length > E.value ? s.limitText(E.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 : "" : "",
+    }), se = i(() => (h.value ?? []).every((e) => typeof e == "object" && (e == null ? void 0 : e.id) && (e == null ? void 0 : e.label))), re = i(() => !C.value || s.closeOnSelect), q = i({
+      get: () => r.value ? s.multiple ? Array.isArray(r.value) ? r.value.length > M.value ? s.limitText(M.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
-    }), le = u(() => ({
+    }), ne = i(() => ({
       "rds-e-dropdown-input": !0,
       "rds-e-dropdown--disabled": $.value,
       "rds-e-dropdown--small": s.small
-    })), te = u(() => s.openDirection !== "auto" ? s.openDirection : ""), j = u(() => {
+    })), ae = i(() => s.openDirection !== "auto" ? s.openDirection : ""), N = i(() => {
       const e = {};
-      return Z.value && Object.assign(e, {
+      return se.value && Object.assign(e, {
         "track-by": "id",
         label: "label"
       }), e;
-    }), oe = u(() => D.value && s.autocomplete.autocompleteFilter ? h.value.filter((e) => s.autocomplete.autocompleteFilter(e, L.value)) : h.value), B = (e) => {
+    }), de = i(() => D.value && s.autocomplete.autocompleteFilter ? h.value.filter((e) => s.autocomplete.autocompleteFilter(e, I.value)) : h.value), B = (e) => {
       if (r.value === e) return !0;
       if (Array.isArray(r.value)) {
         if (typeof e == "string") return r.value.includes(e);
-        if (j.value.label)
+        if (N.value.label)
           return r.value.some((l) => l.id === e.id);
       }
       return !1;
-    }, se = (e) => {
+    }, ie = (e) => {
       k("open", e, s.id);
-    }, re = (e) => {
+    }, ue = (e) => {
       k("close", e, s.id);
-    }, ae = (e) => {
-      F(() => {
+    }, ce = (e) => {
+      R(() => {
         k("select", e);
       });
-    }, ne = () => {
-      F(() => {
+    }, pe = () => {
+      R(() => {
         if (C.value) {
           const e = h.value.filter(
             (l) => B(l)
@@ -243,83 +268,107 @@ import './style/dropdown.css';const $e = { class: "rds-e-dropdown" }, Ce = { cla
           k("change", [e]);
         }
       });
-    }, U = (e) => {
-      v.value.select(e), A = !0;
-    }, M = () => {
-      v.value.activate();
-    }, T = () => {
-      v.value.deactivate();
-    }, K = () => {
-      v.value.toggle(), A = !0;
-    }, de = () => {
-      D.value && b.value && (X(), M(), F(() => {
-        b.value.focus();
+    }, P = (e) => {
+      m.value.select(e), V = !0;
+    }, A = () => {
+      m.value.activate();
+    }, F = () => {
+      m.value.deactivate();
+    }, W = () => {
+      m.value.toggle(), V = !0;
+    }, z = () => {
+      te.value ? F() : A();
+    }, me = () => {
+      D.value && y.value && (le(), A(), R(() => {
+        y.value.focus();
       }));
-    }, H = (e) => {
-      var p, w;
-      if (A) {
-        A = !1;
+    }, G = (e) => {
+      var f, g;
+      if (V) {
+        V = !1;
         return;
       }
-      const l = e.target, t = !((w = (p = v.value) == null ? void 0 : p.$el) != null && w.contains(l));
-      if (x.value) {
-        const y = b.value && !b.value.$el.contains(l) && !l.closest(".rds-e-dropdown__before-list");
-        t && y && (x.value = !1, T());
-      } else t && T();
+      const l = e.target, t = !((g = (f = m.value) == null ? void 0 : f.$el) != null && g.contains(l));
+      if (_.value) {
+        const b = y.value && !y.value.$el.contains(l) && !l.closest(".rds-e-dropdown__before-list");
+        t && b && (_.value = !1, F());
+      } else t && F();
     };
-    return pe(() => {
+    return be(() => {
       var e;
-      (e = v.value) != null && e.$el && i.value.push(v.value.$el), F(() => {
+      (e = m.value) != null && e.$el && p.value.push(m.value.$el), R(() => {
         var l;
-        if (D.value && ((l = b.value) != null && l.$el)) {
-          i.value.push(b.value.$el);
-          const t = b.value.$el.closest(".rds-e-dropdown__before-list");
-          t && !i.value.includes(t) && i.value.push(t);
+        if (D.value && ((l = y.value) != null && l.$el)) {
+          p.value.push(y.value.$el);
+          const t = y.value.$el.closest(".rds-e-dropdown__before-list");
+          t && !p.value.includes(t) && p.value.push(t);
         }
-      }), document.addEventListener("click", H);
-    }), me(() => {
-      i.value = [], document.removeEventListener("click", H);
-    }), R({
+      }), document.addEventListener("click", G);
+    }), we(() => {
+      p.value = [], document.removeEventListener("click", G);
+    }), L({
       /**
        * Abre el dropdown
        */
-      activate: M,
+      activate: A,
       /**
        * Cierra el dropdown
        */
-      deactivate: T
-    }), (e, l) => (m(), g("div", $e, [
-      V(be, W({
+      deactivate: F
+    }), (e, l) => (u(), w("div", {
+      class: T(["rds-e-dropdown", {
+        "rds-e-dropdown--text-only": n(j),
+        "rds-e-dropdown--inverse": o.inverse
+      }])
+    }, [
+      S(he, Q({
         ref_key: "multiselect",
-        ref: v,
+        ref: m,
         modelValue: r.value,
         "onUpdate:modelValue": l[12] || (l[12] = (t) => r.value = t),
-        class: le.value,
-        options: oe.value,
-        "close-on-select": ee.value,
+        class: ne.value,
+        options: de.value,
+        "close-on-select": re.value,
         "show-labels": !1,
         disabled: n($),
         multiple: n(C),
         "max-height": o.maxHeight,
         searchable: !1,
         small: o.small,
-        "open-direction": te.value,
-        limit: n(E),
+        "open-direction": ae.value,
+        limit: n(M),
         "limit-text": o.limitText
-      }, j.value, {
+      }, N.value, {
         "append-to-body": o.appendToBody,
-        onOpen: se,
-        onClose: re,
-        onSelect: ae,
-        "onUpdate:modelValue": ne,
-        onFocus: l[13] || (l[13] = a(() => M(), ["prevent"])),
+        "text-only": n(j),
+        onOpen: ie,
+        onClose: ue,
+        onSelect: ce,
+        "onUpdate:modelValue": pe,
+        onFocus: l[13] || (l[13] = a(() => A(), ["prevent"])),
         onBlur: a(() => null, ["prevent"])
-      }), z({
+      }), X({
         selection: d(({ isOpen: t }) => [
-          V(n(J), {
+          n(j) ? (u(), w("div", {
+            key: 0,
+            id: `multiselect-dropdown-${o.id}`,
+            class: T([o.customTriggerClass, "rds-e-dropdown__text-only"]),
+            onMousedown: a(z, ["prevent", "stop"])
+          }, [
+            c("span", null, E(q.value || o.label), 1),
+            S(n(Y), {
+              name: "arrow_down",
+              "aria-hidden": "true",
+              class: T(["rds-e-dropdown__input-caret", {
+                "rds-e-dropdown__input-caret--open": t
+              }]),
+              onMousedown: a(z, ["prevent", "stop"])
+            }, null, 8, ["class"])
+          ], 42, Oe)) : (u(), K(n(Z), {
+            key: 1,
             id: `multiselect-dropdown-${o.id}`,
-            modelValue: N.value,
-            "onUpdate:modelValue": l[0] || (l[0] = (p) => N.value = p),
+            modelValue: q.value,
+            "onUpdate:modelValue": l[0] || (l[0] = (f) => q.value = f),
             class: "rds-e-dropdown__input",
             disabled: n($),
             label: o.label,
@@ -327,16 +376,16 @@ import './style/dropdown.css';const $e = { class: "rds-e-dropdown" }, Ce = { cla
             helper: o.helper,
             "helper-text": o.helperText,
             readonly: "",
-            onMousedown: a(K, ["prevent"])
-          }, z({
+            onMousedown: a(W, ["prevent"])
+          }, X({
             "right-icon": d(() => [
-              V(n(he), {
+              S(n(Y), {
                 name: "arrow_down",
                 "aria-hidden": "true",
-                class: ve(["rds-e-dropdown__input-caret", {
+                class: T(["rds-e-dropdown__input-caret", {
                   "rds-e-dropdown__input-caret--open": t
                 }]),
-                onMousedown: a(K, ["prevent", "stop"])
+                onMousedown: a(W, ["prevent", "stop"])
               }, null, 8, ["class"])
             ]),
             _: 2
@@ -344,64 +393,64 @@ import './style/dropdown.css';const $e = { class: "rds-e-dropdown" }, Ce = { cla
             e.$slots["helper-text"] ? {
               name: "helper-text",
               fn: d(() => [
-                f(e.$slots, "helper-text", {}, void 0, !0)
+                v(e.$slots, "helper-text", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0
-          ]), 1032, ["id", "modelValue", "disabled", "label", "error", "helper", "helper-text"])
+          ]), 1032, ["id", "modelValue", "disabled", "label", "error", "helper", "helper-text"]))
         ]),
         placeholder: d(() => [
           l[14] || (l[14] = c("span", null, null, -1))
         ]),
-        option: d(({ option: t, search: p, index: w }) => [
-          c("div", Ce, [
-            c("div", De, [
-              c("div", Se, [
-                n(C) ? (m(), G(n(ye), {
+        option: d(({ option: t, search: f, index: g }) => [
+          c("div", Se, [
+            c("div", xe, [
+              c("div", Ve, [
+                n(C) ? (u(), K(n(ke), {
                   key: 0,
-                  id: `${w}-${t.id}`,
+                  id: `${g}-${t.id}`,
                   small: o.small,
                   "is-checked": B(t),
                   disabled: n($) || (t == null ? void 0 : t.$isDisabled) || !1,
-                  onClick: a((y) => U(t), ["prevent", "stop"])
-                }, null, 8, ["id", "small", "is-checked", "disabled", "onClick"])) : !n(C) && o.showRadio ? (m(), G(n(we), {
+                  onClick: a((b) => P(t), ["prevent", "stop"])
+                }, null, 8, ["id", "small", "is-checked", "disabled", "onClick"])) : !n(C) && o.showRadio ? (u(), K(n($e), {
                   key: 1,
-                  modelValue: q.value,
-                  "onUpdate:modelValue": l[1] || (l[1] = (y) => q.value = y),
+                  modelValue: H.value,
+                  "onUpdate:modelValue": l[1] || (l[1] = (b) => H.value = b),
                   "group-name": `group-${o.id}`
                 }, {
                   default: d(() => [
-                    V(n(ge), {
-                      id: `${w}-${typeof t == "object" ? t.id : w}`,
+                    S(n(Ce), {
+                      id: `${g}-${typeof t == "object" ? t.id : g}`,
                       small: o.small,
                       option: typeof t == "object" ? t.id : t,
                       checked: B(t),
                       disabled: n($) || (t == null ? void 0 : t.$isDisabled) || !1,
-                      onClick: a((y) => U(t), ["prevent", "stop"])
+                      onClick: a((b) => P(t), ["prevent", "stop"])
                     }, null, 8, ["id", "small", "option", "checked", "disabled", "onClick"])
                   ]),
                   _: 2
-                }, 1032, ["modelValue", "group-name"])) : O("", !0)
+                }, 1032, ["modelValue", "group-name"])) : x("", !0)
               ]),
-              c("div", Ve, [
-                f(e.$slots, "singleLabel", { option: t }, () => {
-                  var y;
+              c("div", Be, [
+                v(e.$slots, "singleLabel", { option: t }, () => {
+                  var b;
                   return [
-                    (y = j.value) != null && y.label ? (m(), g(fe, { key: 0 }, [
-                      c("span", null, _(t.label), 1),
-                      t != null && t.detail ? (m(), g("span", Oe, _(t.detail), 1)) : O("", !0)
-                    ], 64)) : (m(), g("span", Ae, _(t), 1))
+                    (b = N.value) != null && b.label ? (u(), w(ge, { key: 0 }, [
+                      c("span", null, E(t.label), 1),
+                      t != null && t.detail ? (u(), w("span", Ae, E(t.detail), 1)) : x("", !0)
+                    ], 64)) : (u(), w("span", Fe, E(t), 1))
                   ];
                 }, !0)
               ])
             ]),
-            e.$slots.optionAppend ? (m(), g("div", Be, [
-              f(e.$slots, "optionAppend", {
+            e.$slots.optionAppend ? (u(), w("div", Re, [
+              v(e.$slots, "optionAppend", {
                 option: t,
-                search: p,
-                index: w
+                search: f,
+                index: g
               }, void 0, !0)
-            ])) : O("", !0)
+            ])) : x("", !0)
           ])
         ]),
         _: 2
@@ -409,40 +458,40 @@ import './style/dropdown.css';const $e = { class: "rds-e-dropdown" }, Ce = { cla
         e.$slots.limit ? {
           name: "limit",
           fn: d(() => [
-            f(e.$slots, "limit", {}, void 0, !0)
+            v(e.$slots, "limit", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         e.$slots.maxElements ? {
           name: "maxElements",
           fn: d(() => [
-            f(e.$slots, "maxElements", {}, void 0, !0)
+            v(e.$slots, "maxElements", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         e.$slots.noResult ? {
           name: "noResult",
           fn: d(({ search: t }) => [
-            f(e.$slots, "noResult", { search: t }, void 0, !0)
+            v(e.$slots, "noResult", { search: t }, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         e.$slots.noOptions ? {
           name: "noOptions",
           fn: d(() => [
-            f(e.$slots, "noOptions", {}, void 0, !0)
+            v(e.$slots, "noOptions", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         D.value || e.$slots.beforeList ? {
           name: "beforeList",
           fn: d(() => [
-            D.value ? (m(), g("div", {
+            D.value ? (u(), w("div", {
               key: 0,
               class: "rds-e-dropdown__before-list",
               onMousedown: l[5] || (l[5] = a(() => {
               }, ["stop"])),
-              onClick: a(de, ["stop"]),
+              onClick: a(me, ["stop"]),
               onBlur: l[6] || (l[6] = a(() => {
               }, ["stop"])),
               onFocus: l[7] || (l[7] = a(() => {
@@ -456,13 +505,13 @@ import './style/dropdown.css';const $e = { class: "rds-e-dropdown" }, Ce = { cla
               onChange: l[11] || (l[11] = a(() => {
               }, ["stop"]))
             }, [
-              c("div", Fe, [
-                V(n(J), W({
+              c("div", Te, [
+                S(n(Z), Q({
                   ref_key: "textFieldInput",
-                  ref: b,
-                  modelValue: L.value,
-                  "onUpdate:modelValue": l[2] || (l[2] = (t) => L.value = t)
-                }, Y.value, {
+                  ref: y,
+                  modelValue: I.value,
+                  "onUpdate:modelValue": l[2] || (l[2] = (t) => I.value = t)
+                }, oe.value, {
                   "full-width": "",
                   onMousedown: l[3] || (l[3] = a(() => {
                   }, ["stop", "prevent"])),
@@ -470,30 +519,30 @@ import './style/dropdown.css';const $e = { class: "rds-e-dropdown" }, Ce = { cla
                   }, ["stop"]))
                 }), null, 16, ["modelValue"])
               ])
-            ], 32)) : O("", !0),
-            e.$slots.beforeList ? (m(), g("div", Re, [
-              c("div", Ee, [
-                f(e.$slots, "beforeList", {}, void 0, !0)
+            ], 32)) : x("", !0),
+            e.$slots.beforeList ? (u(), w("div", Ee, [
+              c("div", Le, [
+                v(e.$slots, "beforeList", {}, void 0, !0)
               ])
-            ])) : O("", !0)
+            ])) : x("", !0)
           ]),
           key: "4"
         } : void 0,
         e.$slots.afterList ? {
           name: "afterList",
           fn: d(() => [
-            c("div", Le, [
-              c("div", xe, [
-                f(e.$slots, "afterList", {}, void 0, !0)
+            c("div", Me, [
+              c("div", je, [
+                v(e.$slots, "afterList", {}, void 0, !0)
               ])
             ])
           ]),
           key: "5"
         } : void 0
-      ]), 1040, ["modelValue", "class", "options", "close-on-select", "disabled", "multiple", "max-height", "small", "open-direction", "limit", "limit-text", "append-to-body"])
-    ]));
+      ]), 1040, ["modelValue", "class", "options", "close-on-select", "disabled", "multiple", "max-height", "small", "open-direction", "limit", "limit-text", "append-to-body", "text-only"])
+    ], 2));
   }
-}), He = /* @__PURE__ */ ke(je, [["__scopeId", "data-v-7f9fb2a0"]]);
+}), ze = /* @__PURE__ */ De(Ie, [["__scopeId", "data-v-08d45c31"]]);
 export {
-  He as default
+  ze as default
 };

package/dist/components/indicator.es.js

@@ -1,6 +1,6 @@
-import { defineComponent as k, toRefs as z, ref as y, computed as N, watch as S, onMounted as q, onBeforeUnmount as P, createElementBlock as d, openBlock as u, normalizeClass as b, createElementVNode as p, normalizeStyle as V, Fragment as W, renderList as I, createCommentVNode as B, toDisplayString as C } from "vue";
-import { d as T, t as A, a as D } from "./functions-DIHwdgF0.js";
-import { _ as F } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { defineComponent as k, toRefs as z, ref as y, computed as N, watch as S, onMounted as q, onBeforeUnmount as P, createElementBlock as d, openBlock as u, normalizeClass as b, createElementVNode as p, normalizeStyle as V, Fragment as W, renderList as F, createCommentVNode as B, toDisplayString as C } from "vue";
+import { d as I, t as A, a as T } from "./functions-DIHwdgF0.js";
+import { _ as D } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/indicator.css';const M = { class: "rds-e-indicator__inner" }, U = { class: "rds-e-indicator__step-content" }, X = { key: 0 }, Y = /* @__PURE__ */ k({
   __name: "indicator",
   props: {
@@ -11,7 +11,7 @@ import './style/indicator.css';const M = { class: "rds-e-indicator__inner" }, U
       type: Array,
       required: !0,
       validator(i) {
-        return !Array.isArray(i) || i.length === 0 ? (console.warn("Advertencia: steps debe ser un array no vacío de strings."), !1) : i.every((o) => typeof o != "string" ? (console.warn(`Advertencia: Todos los elementos en steps deben ser strings. Encontrado: ${typeof o}`), !1) : /^[a-z0-9\s]+$/i.test(o) ? !0 : (console.warn(`Advertencia: El paso "${o}" contiene caracteres no permitidos. Solo se permiten letras, números y espacios.`), !1));
+        return !Array.isArray(i) || i.length === 0 ? (console.warn("Advertencia: steps debe ser un array no vacío de strings."), !1) : i.every((o) => typeof o != "string" ? (console.warn(`Advertencia: Todos los elementos en steps deben ser strings. Encontrado: ${typeof o}`), !1) : /^[a-z0-9\s\u00C0-\u017F]+$/i.test(o) ? !0 : (console.warn(`Advertencia: El paso "${o}" contiene caracteres no permitidos. Solo se permiten letras, números y espacios.`), !1));
       }
     },
     /**
@@ -109,7 +109,7 @@ import './style/indicator.css';const M = { class: "rds-e-indicator__inner" }, U
           l,
           "rds-e-indicator__bullet--current",
           a
-        ), D(n, l) || setTimeout(() => {
+        ), T(n, l) || setTimeout(() => {
           c.value[e].classList.remove(...n), c.value[e].classList.add(...l);
         }, 150));
       });
@@ -125,7 +125,7 @@ import './style/indicator.css';const M = { class: "rds-e-indicator__inner" }, U
     ), S(f, () => {
       g();
     }), q(() => {
-      h(), g(), window.addEventListener("resize", T(m, 200));
+      h(), g(), window.addEventListener("resize", I(m, 200));
     }), P(() => {
       window.removeEventListener("resize", m);
     }), (r, e) => (u(), d("div", {
@@ -148,7 +148,7 @@ import './style/indicator.css';const M = { class: "rds-e-indicator__inner" }, U
             style: V(E.value)
           }, null, 4)
         ], 512),
-        (u(!0), d(W, null, I(t.steps, (s, a) => (u(), d("div", {
+        (u(!0), d(W, null, F(t.steps, (s, a) => (u(), d("div", {
           key: a,
           class: b(["rds-e-indicator__step-wrapper", L(a)])
         }, [
@@ -169,7 +169,7 @@ import './style/indicator.css';const M = { class: "rds-e-indicator__inner" }, U
       ])
     ], 2));
   }
-}), J = /* @__PURE__ */ F(Y, [["__scopeId", "data-v-5e262dbc"]]);
+}), J = /* @__PURE__ */ D(Y, [["__scopeId", "data-v-8eb9e922"]]);
 export {
   J as default
 };