energy-components 2.1.0 → 2.2.0

package/dist/components/dropdown.es.js

@@ -1,15 +1,15 @@
-import { defineComponent as ge, useSlots as we, toRefs as he, useModel as ke, ref as B, computed as u, provide as P, onMounted as xe, nextTick as L, onBeforeUnmount as $e, openBlock as c, createElementBlock as y, normalizeClass as R, unref as a, createVNode as $, mergeProps as Y, withModifiers as r, createSlots as Z, withCtx as d, createElementVNode as v, createBlock as ee, createCommentVNode as V, renderSlot as m, Fragment as Se, toDisplayString as T, mergeModels as te } from "vue";
+import { defineComponent as ge, useSlots as we, toRefs as he, useModel as ke, ref as L, computed as u, provide as U, onMounted as xe, nextTick as V, onBeforeUnmount as $e, openBlock as c, createElementBlock as b, normalizeClass as T, unref as a, createVNode as S, mergeProps as X, withModifiers as r, createSlots as Y, withCtx as d, createElementVNode as m, createBlock as Z, createCommentVNode as A, renderSlot as v, Fragment as Se, toDisplayString as R, mergeModels as ee } from "vue";
 import De from "./multiselect.es.js";
 import Ce from "./checkbox.es.js";
 import { _ as Oe } from "./radio-group.vue_vue_type_script_setup_true_lang-CwgSZYeD.js";
 import Be from "./radioButton.es.js";
-import { R as oe } from "./icon-svg-CW3eQRcp.js";
-import le from "./textField.es.js";
+import { R as te } from "./icon-svg-CW3eQRcp.js";
+import oe from "./textField.es.js";
 import { _ as Le } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/dropdown.css';const Ve = ["id", "aria-expanded", "aria-controls"], Ae = ["aria-expanded", "aria-controls"], Ee = { class: "rds-e-dropdown__option" }, Re = { class: "rds-e-dropdown__option-container" }, Te = { class: "rds-e-dropdown__option--prepend" }, _e = { class: "rds-e-dropdown__option--content" }, Fe = {
+import './style/dropdown.css';const Ve = ["id", "aria-expanded", "aria-controls"], Ae = ["aria-expanded", "aria-controls"], Ee = { class: "rds-e-dropdown__option" }, Te = { class: "rds-e-dropdown__option-container" }, Re = ["onClick"], _e = { class: "rds-e-dropdown__option--content" }, Fe = {
   key: 0,
   class: "rds-e-dropdown__option-detail"
-}, Ne = { key: 1 }, je = {
+}, je = { key: 1 }, Ne = {
   key: 0,
   class: "rds-e-dropdown__option--append"
 }, Me = { class: "rds-e-dropdown__before-list-container" }, Ie = {
@@ -17,7 +17,7 @@ import './style/dropdown.css';const Ve = ["id", "aria-expanded", "aria-controls"
   class: "rds-e-dropdown__before-list"
 }, qe = { class: "rds-e-dropdown__before-list-container" }, Ke = { class: "rds-e-dropdown__after-list" }, Ue = { class: "rds-e-dropdown__after-list-container" }, Pe = "beforeList", He = "afterList", We = "singleLabel", ze = "noOptions", Ge = "noResult", Je = "limit", Qe = "maxElements", Xe = /* @__PURE__ */ ge({
   __name: "dropdown",
-  props: /* @__PURE__ */ te({
+  props: /* @__PURE__ */ ee({
     /**
      * Id del dropdown
      */
@@ -26,6 +26,18 @@ import './style/dropdown.css';const Ve = ["id", "aria-expanded", "aria-controls"
       required: !0,
       validator: (l) => !l || String(l).trim() === "" ? (console.error("[RDSDropdown]: `id` prop is required."), !1) : !0
     },
+    /**
+     * Versión compacta del dropdown con altura reducida (42px en lugar de 52px).
+     * En este modo se ocultan visualmente el label y el helper text para ahorrar espacio.
+     *
+     * ⚠️ **Uso recomendado**: Solo para celdas de tablas editables.
+     * No se recomienda fuera de este contexto por cuestiones de accesibilidad,
+     * ya que la ausencia del label visible puede dificultar la comprensión del campo.
+     */
+    compact: {
+      type: Boolean,
+      default: !1
+    },
     label: {
       type: String,
       required: !0,
@@ -189,19 +201,19 @@ import './style/dropdown.css';const Ve = ["id", "aria-expanded", "aria-controls"
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ te(["open", "close", "select", "change"], ["update:modelValue"]),
-  setup(l, { expose: _, emit: ne }) {
-    const n = l, S = ne, H = we(), p = (e) => !!(H && H[e]), {
-      disabled: h,
+  emits: /* @__PURE__ */ ee(["open", "close", "select", "change"], ["update:modelValue"]),
+  setup(l, { expose: _, emit: le }) {
+    const n = l, D = le, P = we(), p = (e) => !!(P && P[e]), {
+      disabled: w,
       limit: F,
-      multiple: D,
+      multiple: C,
       options: k,
-      textOnly: N
-    } = he(n), s = ke(l, "modelValue"), f = B([]), i = B(), b = B(), j = B(""), M = B(!1);
-    let C = !1;
-    const se = () => {
+      textOnly: j
+    } = he(n), s = ke(l, "modelValue"), f = L([]), i = L(), g = L(), N = L(""), M = L(!1);
+    let O = !1;
+    const ne = () => {
       M.value = !0;
-    }, w = u(() => i.value?.isOpen ?? !1), O = u(() => n.autocomplete && Object.keys(n.autocomplete).length > 0), ae = u(() => ({
+    }, h = u(() => i.value?.isOpen ?? !1), B = u(() => n.autocomplete && Object.keys(n.autocomplete).length > 0), se = u(() => ({
       id: n.autocomplete.id || `autocomplete-${n.id}`,
       label: n.autocomplete.label || n.label,
       icon: n.autocomplete.icon || "",
@@ -213,35 +225,35 @@ import './style/dropdown.css';const Ve = ["id", "aria-expanded", "aria-controls"
       helperText: n.autocomplete.helperText ?? "",
       readonly: n.autocomplete.readonly ?? !1
     }));
-    P("registerDropdownFocusElement", (e) => {
+    U("registerDropdownFocusElement", (e) => {
       e && !f.value.includes(e) && f.value.push(e);
-    }), P("unregisterDropdownFocusElement", (e) => {
+    }), U("unregisterDropdownFocusElement", (e) => {
       const t = f.value.findIndex((o) => o === e);
       t > -1 && f.value.splice(t, 1);
-    }), P("isFocusWithinDropdown", (e) => {
-      const t = f.value.some((g) => g === e || g.contains(e)), o = 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("isFocusWithinDropdown", (e) => {
+      const t = f.value.some((y) => y === e || y.contains(e)), o = 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 t || o;
     });
-    const W = u({
+    const H = u({
       get: () => s.value && typeof s.value == "object" && !Array.isArray(s.value) ? s.value.id : typeof s.value == "string" || typeof s.value == "number" ? s.value : null,
       set: (e) => {
         const t = k.value.find((o) => typeof o == "object" ? o.id === e : o === e);
         s.value = t || null;
       }
-    }), re = u(() => (k.value ?? []).every((e) => typeof e == "object" && e?.id && e?.label)), z = u(() => !D.value || n.closeOnSelect), I = u({
+    }), ae = u(() => (k.value ?? []).every((e) => typeof e == "object" && e?.id && e?.label)), W = u(() => !C.value || n.closeOnSelect), I = u({
       get: () => s.value ? n.multiple ? Array.isArray(s.value) ? s.value.length > F.value ? n.limitText(F.value) : s.value.map((e) => typeof e == "string" ? e : e.label).join(", ") : "" : typeof s.value == "object" ? s.value.label : typeof s.value == "string" ? s.value : "" : "",
       set: () => null
-    }), ie = u(() => ({
+    }), re = u(() => ({
       "rds-e-dropdown-input": !0,
-      "rds-e-dropdown--disabled": h.value,
+      "rds-e-dropdown--disabled": w.value,
       "rds-e-dropdown--small": n.small
-    })), de = u(() => n.openDirection !== "auto" ? n.openDirection : "auto"), q = u(() => {
+    })), ie = u(() => n.openDirection !== "auto" ? n.openDirection : "auto"), q = u(() => {
       const e = {};
-      return re.value && Object.assign(e, {
+      return ae.value && Object.assign(e, {
         "track-by": "id",
         label: "label"
       }), e;
-    }), ue = u(() => O.value && n.autocomplete.autocompleteFilter ? k.value.filter((e) => n.autocomplete.autocompleteFilter(e, j.value)) : k.value), A = (e) => {
+    }), de = u(() => B.value && n.autocomplete.autocompleteFilter ? k.value.filter((e) => n.autocomplete.autocompleteFilter(e, N.value)) : k.value), E = (e) => {
       if (s.value === e) return !0;
       if (Array.isArray(s.value)) {
         if (typeof e == "string") return s.value.includes(e);
@@ -249,48 +261,48 @@ import './style/dropdown.css';const Ve = ["id", "aria-expanded", "aria-controls"
           return s.value.some((t) => t.id === e.id);
       }
       return !1;
+    }, ue = (e) => {
+      D("open", e, n.id);
     }, ce = (e) => {
-      S("open", e, n.id);
+      D("close", e, n.id);
     }, pe = (e) => {
-      S("close", e, n.id);
-    }, fe = (e) => {
-      L(() => {
-        S("select", e);
+      V(() => {
+        D("select", e);
       });
-    }, ve = () => {
-      L(() => {
-        if (D.value) {
+    }, fe = () => {
+      V(() => {
+        if (C.value) {
           const e = k.value.filter(
-            (t) => A(t)
+            (t) => E(t)
           ) || [];
-          S("change", e);
+          D("change", e);
         } else {
           const e = k.value.find(
-            (t) => A(t)
+            (t) => E(t)
           );
-          S("change", [e]);
+          D("change", [e]);
         }
       });
-    }, G = (e) => {
-      i.value.select(e), C = !0;
+    }, me = (e) => {
+      w.value || typeof e == "object" && e?.$isDisabled || (i.value.select(e), O = !0);
     }, K = () => {
       i.value.activate();
     }, x = () => {
       i.value.deactivate();
-    }, me = () => {
-      i.value.toggle(), C = !0;
+    }, ve = () => {
+      i.value.toggle(), O = !0;
     }, ye = () => {
-      w.value ? x() : K();
-    }, J = () => {
-      C = !0;
-    }, Q = (e) => {
-      if (!h.value && e.key !== "Tab") {
-        if (!w.value && (e.key === "Enter" || e.key === " ")) {
+      h.value ? x() : K();
+    }, z = () => {
+      O = !0;
+    }, G = (e) => {
+      if (!w.value && e.key !== "Tab") {
+        if (!h.value && (e.key === "Enter" || e.key === " ")) {
           e.preventDefault(), i.value?.toggle();
           return;
         }
-        if (!w.value && e.key === "ArrowDown") {
-          e.preventDefault(), i.value?.toggle(), L(() => {
+        if (!h.value && e.key === "ArrowDown") {
+          e.preventDefault(), i.value?.toggle(), V(() => {
             try {
               i.value?.pointerForward?.();
             } catch {
@@ -298,44 +310,44 @@ import './style/dropdown.css';const Ve = ["id", "aria-expanded", "aria-controls"
           });
           return;
         }
-        if (w.value && e.key === "Escape") {
+        if (h.value && e.key === "Escape") {
           e.preventDefault(), x();
           return;
         }
-        if (w.value && (e.key === "Enter" || e.key === " ")) {
+        if (h.value && (e.key === "Enter" || e.key === " ")) {
           e.preventDefault();
           try {
             i.value?.addPointerElement?.({ key: e.key });
           } catch {
           }
-          z.value && x();
+          W.value && x();
         }
       }
     }, be = () => {
-      O.value && b.value && (se(), K(), L(() => {
-        b.value.focus();
+      B.value && g.value && (ne(), K(), V(() => {
+        g.value.focus();
       }));
-    }, X = (e) => {
-      if (C) {
-        C = !1;
+    }, J = (e) => {
+      if (O) {
+        O = !1;
         return;
       }
-      const t = e.target, o = !i.value?.$el?.contains(t);
+      const t = e.target, o = t.closest(".multiselect__content-wrapper--teleported"), y = !i.value?.$el?.contains(t) && !o;
       if (M.value) {
-        const g = b.value && !b.value.$el.contains(t) && !t.closest(".rds-e-dropdown__before-list");
-        o && g && (M.value = !1, x());
-      } else o && x();
+        const $ = g.value && !g.value.$el.contains(t) && !t.closest(".rds-e-dropdown__before-list");
+        y && $ && (M.value = !1, x());
+      } else y && x();
     };
     return xe(() => {
-      i.value?.$el && f.value.push(i.value.$el), L(() => {
-        if (O.value && b.value?.$el) {
-          f.value.push(b.value.$el);
-          const e = b.value.$el.closest(".rds-e-dropdown__before-list");
+      i.value?.$el && f.value.push(i.value.$el), V(() => {
+        if (B.value && g.value?.$el) {
+          f.value.push(g.value.$el);
+          const e = g.value.$el.closest(".rds-e-dropdown__before-list");
           e && !f.value.includes(e) && f.value.push(e);
         }
-      }), document.addEventListener("pointerdown", X);
+      }), document.addEventListener("pointerdown", J);
     }), $e(() => {
-      f.value = [], document.removeEventListener("pointerdown", X);
+      f.value = [], document.removeEventListener("pointerdown", J);
     }), _({
       /**
        * Abre el dropdown
@@ -345,90 +357,91 @@ import './style/dropdown.css';const Ve = ["id", "aria-expanded", "aria-controls"
        * Cierra el dropdown
        */
       deactivate: x
-    }), (e, t) => (c(), y("div", {
-      class: R(["rds-e-dropdown", {
-        "rds-e-dropdown--text-only": a(N),
+    }), (e, t) => (c(), b("div", {
+      class: T(["rds-e-dropdown", {
+        "rds-e-dropdown--text-only": a(j),
         "rds-e-dropdown--inverse": l.inverse
       }])
     }, [
-      $(De, Y({
+      S(De, X({
         ref_key: "multiselect",
         ref: i,
         modelValue: s.value,
         "onUpdate:modelValue": t[12] || (t[12] = (o) => s.value = o),
-        class: ie.value,
-        options: ue.value,
-        "close-on-select": z.value,
+        class: re.value,
+        options: de.value,
+        "close-on-select": W.value,
         "show-labels": !1,
-        disabled: a(h),
-        multiple: a(D),
+        disabled: a(w),
+        multiple: a(C),
         "max-height": l.maxHeight,
         searchable: !1,
         "open-on-focus": !1,
         small: l.small,
-        "open-direction": de.value,
+        "open-direction": ie.value,
         limit: a(F),
         "limit-text": l.limitText
       }, { ...q.value, ...e.$attrs }, {
         "append-to-body": l.appendToBody,
-        "text-only": a(N),
-        onOpen: ce,
-        onClose: pe,
-        onSelect: fe,
-        "onUpdate:modelValue": ve,
+        "text-only": a(j),
+        onOpen: ue,
+        onClose: ce,
+        onSelect: pe,
+        "onUpdate:modelValue": fe,
         onBlur: r(() => null, ["prevent"])
-      }), Z({
+      }), Y({
         selection: d(({ isOpen: o }) => [
-          a(N) ? (c(), y("div", {
+          a(j) ? (c(), b("div", {
             key: 0,
             id: `multiselect-dropdown-${l.id}`,
-            class: R([l.customTriggerClass, "rds-e-dropdown__text-only"]),
+            class: T([l.customTriggerClass, "rds-e-dropdown__text-only"]),
             role: "combobox",
             "aria-haspopup": "listbox",
-            "aria-expanded": w.value ? "true" : "false",
+            "aria-expanded": h.value ? "true" : "false",
             "aria-controls": `listbox-${l.id}`,
             tabindex: "0",
             onClick: r(ye, ["prevent", "stop"]),
-            onMousedown: r(J, ["prevent", "stop"]),
-            onKeydown: Q
+            onMousedown: r(z, ["prevent", "stop"]),
+            onKeydown: G
           }, [
-            v("span", null, T(I.value || l.label), 1),
-            $(a(oe), {
+            m("span", null, R(I.value || l.label), 1),
+            S(a(te), {
               name: "arrow_down",
               "aria-hidden": "true",
-              class: R(["rds-e-dropdown__input-caret", {
+              class: T(["rds-e-dropdown__input-caret", {
                 "rds-e-dropdown__input-caret--open": o
               }])
             }, null, 8, ["class"])
-          ], 42, Ve)) : (c(), y("div", {
+          ], 42, Ve)) : (c(), b("div", {
             key: 1,
             class: "rds-e-dropdown__input-wrapper",
             role: "button",
             "aria-haspopup": "listbox",
-            "aria-expanded": w.value ? "true" : "false",
+            "aria-expanded": h.value ? "true" : "false",
             "aria-controls": `listbox-${l.id}`,
-            onClick: r(me, ["prevent"]),
-            onMousedown: r(J, ["prevent"]),
-            onKeydown: Q
+            onClick: r(ve, ["prevent"]),
+            onMousedown: r(z, ["prevent"]),
+            onKeydown: G
           }, [
-            $(a(le), {
+            S(a(oe), {
               id: `multiselect-dropdown-${l.id}`,
               modelValue: I.value,
-              "onUpdate:modelValue": t[0] || (t[0] = (g) => I.value = g),
+              "onUpdate:modelValue": t[0] || (t[0] = (y) => I.value = y),
               class: "rds-e-dropdown__input",
               label: l.label,
-              disabled: a(h),
+              disabled: a(w),
               error: l.error,
               helper: l.helper,
               "helper-text": l.helperText,
               loading: l.loading,
+              compact: l.compact,
               readonly: ""
-            }, Z({
+            }, Y({
               "right-icon": d(() => [
-                $(a(oe), {
+                S(a(te), {
                   name: "arrow_down",
                   "aria-hidden": "true",
-                  class: R(["rds-e-dropdown__input-caret", {
+                  class: T(["rds-e-dropdown__input-caret", {
                     "rds-e-dropdown__input-caret--open": o
                   }])
                 }, null, 8, ["class"])
@@ -438,67 +451,68 @@ import './style/dropdown.css';const Ve = ["id", "aria-expanded", "aria-controls"
               p("helper-text") ? {
                 name: "helper-text",
                 fn: d(() => [
-                  m(e.$slots, "helper-text", {}, void 0, !0)
+                  v(e.$slots, "helper-text", {}, void 0, !0)
                 ]),
                 key: "0"
               } : void 0
-            ]), 1032, ["id", "modelValue", "label", "disabled", "error", "helper", "helper-text", "loading"])
+            ]), 1032, ["id", "modelValue", "label", "disabled", "error", "helper", "helper-text", "loading", "compact"])
           ], 40, Ae))
         ]),
-        option: d(({ option: o, search: g, index: E }) => [
-          v("div", Ee, [
-            v("div", Re, [
-              v("div", Te, [
-                a(D) ? (c(), ee(a(Ce), {
+        option: d(({ option: o, search: y, index: $ }) => [
+          m("div", Ee, [
+            m("div", Te, [
+              m("div", {
+                class: "rds-e-dropdown__option--prepend",
+                onClick: r((Q) => me(o), ["prevent", "stop"])
+              }, [
+                a(C) ? (c(), Z(a(Ce), {
                   key: 0,
-                  id: `${E}-${o.id}`,
+                  id: `${$}-${o.id}`,
                   small: l.small,
-                  "model-value": A(o),
-                  disabled: a(h) || o?.$isDisabled || !1,
-                  onClick: r((U) => G(o), ["prevent", "stop"])
-                }, null, 8, ["id", "small", "model-value", "disabled", "onClick"])) : !a(D) && l.showRadio ? (c(), ee(a(Oe), {
+                  "model-value": E(o),
+                  disabled: a(w) || o?.$isDisabled || !1
+                }, null, 8, ["id", "small", "model-value", "disabled"])) : !a(C) && l.showRadio ? (c(), Z(a(Oe), {
                   key: 1,
-                  modelValue: W.value,
-                  "onUpdate:modelValue": t[1] || (t[1] = (U) => W.value = U),
+                  modelValue: H.value,
+                  "onUpdate:modelValue": t[1] || (t[1] = (Q) => H.value = Q),
                   "group-name": `group-${l.id}`
                 }, {
                   default: d(() => [
-                    $(a(Be), {
-                      id: `${E}-${typeof o == "object" ? o.id : E}`,
+                    S(a(Be), {
+                      id: `${$}-${typeof o == "object" ? o.id : $}`,
                       small: l.small,
                       option: typeof o == "object" ? o.id : o,
-                      checked: A(o),
-                      disabled: a(h) || o?.$isDisabled || !1,
-                      onClick: r((U) => G(o), ["prevent", "stop"])
-                    }, null, 8, ["id", "small", "option", "checked", "disabled", "onClick"])
+                      checked: E(o),
+                      disabled: a(w) || o?.$isDisabled || !1
+                    }, null, 8, ["id", "small", "option", "checked", "disabled"])
                   ]),
                   _: 2
-                }, 1032, ["modelValue", "group-name"])) : V("", !0)
-              ]),
-              v("div", _e, [
-                m(e.$slots, "singleLabel", { option: o }, () => [
-                  q.value?.label ? (c(), y(Se, { key: 0 }, [
-                    v("span", null, T(o.label), 1),
-                    o?.detail ? (c(), y("span", Fe, T(o.detail), 1)) : V("", !0)
-                  ], 64)) : (c(), y("span", Ne, T(o), 1))
+                }, 1032, ["modelValue", "group-name"])) : A("", !0)
+              ], 8, Re),
+              m("div", _e, [
+                v(e.$slots, "singleLabel", { option: o }, () => [
+                  q.value?.label ? (c(), b(Se, { key: 0 }, [
+                    m("span", null, R(o.label), 1),
+                    o?.detail ? (c(), b("span", Fe, R(o.detail), 1)) : A("", !0)
+                  ], 64)) : (c(), b("span", je, R(o), 1))
                 ], !0)
               ])
             ]),
-            p("optionAppend") ? (c(), y("div", je, [
-              m(e.$slots, "optionAppend", {
+            p("optionAppend") ? (c(), b("div", Ne, [
+              v(e.$slots, "optionAppend", {
                 option: o,
-                search: g,
-                index: E
+                search: y,
+                index: $
               }, void 0, !0)
-            ])) : V("", !0)
+            ])) : A("", !0)
           ])
         ]),
         _: 2
       }, [
-        O.value || p("beforeList") ? {
+        B.value || p("beforeList") ? {
           name: Pe,
           fn: d(() => [
-            O.value ? (c(), y("div", {
+            B.value ? (c(), b("div", {
               key: 0,
               class: "rds-e-dropdown__before-list",
               onMousedown: t[5] || (t[5] = r(() => {
@@ -517,13 +531,13 @@ import './style/dropdown.css';const Ve = ["id", "aria-expanded", "aria-controls"
               onChange: t[11] || (t[11] = r(() => {
               }, ["stop"]))
             }, [
-              v("div", Me, [
-                $(a(le), Y({
+              m("div", Me, [
+                S(a(oe), X({
                   ref_key: "textFieldInput",
-                  ref: b,
-                  modelValue: j.value,
-                  "onUpdate:modelValue": t[2] || (t[2] = (o) => j.value = o)
-                }, ae.value, {
+                  ref: g,
+                  modelValue: N.value,
+                  "onUpdate:modelValue": t[2] || (t[2] = (o) => N.value = o)
+                }, se.value, {
                   "full-width": "",
                   onMousedown: t[3] || (t[3] = r(() => {
                   }, ["stop", "prevent"])),
@@ -531,21 +545,21 @@ import './style/dropdown.css';const Ve = ["id", "aria-expanded", "aria-controls"
                   }, ["stop"]))
                 }), null, 16, ["modelValue"])
               ])
-            ], 32)) : V("", !0),
-            p("beforeList") ? (c(), y("div", Ie, [
-              v("div", qe, [
-                m(e.$slots, "beforeList", {}, void 0, !0)
+            ], 32)) : A("", !0),
+            p("beforeList") ? (c(), b("div", Ie, [
+              m("div", qe, [
+                v(e.$slots, "beforeList", {}, void 0, !0)
               ])
-            ])) : V("", !0)
+            ])) : A("", !0)
           ]),
           key: "0"
         } : void 0,
         p("afterList") ? {
           name: He,
           fn: d(() => [
-            v("div", Ke, [
-              v("div", Ue, [
-                m(e.$slots, "afterList", {}, void 0, !0)
+            m("div", Ke, [
+              m("div", Ue, [
+                v(e.$slots, "afterList", {}, void 0, !0)
               ])
             ])
           ]),
@@ -554,42 +568,42 @@ import './style/dropdown.css';const Ve = ["id", "aria-expanded", "aria-controls"
         p("noOptions") ? {
           name: ze,
           fn: d(() => [
-            m(e.$slots, "noOptions", {}, void 0, !0)
+            v(e.$slots, "noOptions", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         p("noResult") ? {
           name: Ge,
           fn: d(({ search: o }) => [
-            m(e.$slots, "noResult", { search: o }, void 0, !0)
+            v(e.$slots, "noResult", { search: o }, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         p("limit") ? {
           name: Je,
           fn: d(() => [
-            m(e.$slots, "limit", {}, void 0, !0)
+            v(e.$slots, "limit", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         p("maxElements") ? {
           name: Qe,
           fn: d(() => [
-            m(e.$slots, "maxElements", {}, void 0, !0)
+            v(e.$slots, "maxElements", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         p("singleLabel") ? {
           name: We,
           fn: d(({ option: o }) => [
-            m(e.$slots, "singleLabel", { option: o }, void 0, !0)
+            v(e.$slots, "singleLabel", { option: o }, void 0, !0)
           ]),
           key: "6"
         } : void 0
       ]), 1040, ["modelValue", "class", "options", "close-on-select", "disabled", "multiple", "max-height", "small", "open-direction", "limit", "limit-text", "append-to-body", "text-only"])
     ], 2));
   }
-}), at = /* @__PURE__ */ Le(Xe, [["__scopeId", "data-v-14ac5f89"]]);
+}), at = /* @__PURE__ */ Le(Xe, [["__scopeId", "data-v-b0db67b1"]]);
 export {
   at as default
 };