energy-components 2.0.0-beta.3 → 2.0.0-beta.4

package/dist/components/dropdown.es.js

@@ -1,23 +1,23 @@
-import { defineComponent as be, mergeModels as X, useSlots as we, toRefs as ge, useModel as he, ref as $, computed as d, provide as W, onMounted as ke, nextTick as V, onBeforeUnmount as xe, createElementBlock as y, openBlock as u, normalizeClass as A, unref as r, createVNode as h, mergeProps as Y, withModifiers as a, createSlots as Z, withCtx as i, createElementVNode as m, createCommentVNode as C, createBlock as ee, renderSlot as f, Fragment as Se, toDisplayString as R, withKeys as E } from "vue";
-import $e from "./multiselect.es.js";
+import { defineComponent as ge, mergeModels as Y, 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, createElementBlock as y, openBlock as c, normalizeClass as R, unref as a, createVNode as $, mergeProps as Z, withModifiers as r, createSlots as ee, withCtx as d, createElementVNode as v, createCommentVNode as V, createBlock as te, renderSlot as m, Fragment as Se, toDisplayString as T } from "vue";
+import De from "./multiselect.es.js";
 import Ce from "./checkbox.es.js";
-import { _ as De } from "./radio-group.vue_vue_type_script_setup_true_lang-DpguLlRK.js";
-import _e from "./radioButton.es.js";
-import { R as te } from "./icon-svg-CTR8GnC2.js";
-import oe from "./textField.es.js";
-import { _ as Be } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/dropdown.css';const Oe = ["id", "aria-expanded", "onKeydown"], Le = ["aria-expanded", "onKeydown"], Ve = { class: "rds-e-dropdown__option" }, Ae = { class: "rds-e-dropdown__option-container" }, Re = { class: "rds-e-dropdown__option--prepend" }, Ee = { class: "rds-e-dropdown__option--content" }, Fe = {
+import { _ as Oe } from "./radio-group.vue_vue_type_script_setup_true_lang-DpguLlRK.js";
+import Be from "./radioButton.es.js";
+import { R as oe } from "./icon-svg-CTR8GnC2.js";
+import le 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 = {
   key: 0,
   class: "rds-e-dropdown__option-detail"
-}, Te = { key: 1 }, Ne = {
+}, Ne = { key: 1 }, je = {
   key: 0,
   class: "rds-e-dropdown__option--append"
-}, je = { class: "rds-e-dropdown__before-list-container" }, Ie = {
+}, Me = { class: "rds-e-dropdown__before-list-container" }, Ie = {
   key: 1,
   class: "rds-e-dropdown__before-list"
-}, Me = { class: "rds-e-dropdown__before-list-container" }, Ke = { class: "rds-e-dropdown__after-list" }, qe = { class: "rds-e-dropdown__after-list-container" }, Ue = "beforeList", He = "afterList", Pe = "singleLabel", We = "noOptions", ze = "noResult", Ge = "limit", Je = "maxElements", Qe = /* @__PURE__ */ be({
+}, 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__ */ X({
+  props: /* @__PURE__ */ Y({
     /**
      * Id del dropdown
      */
@@ -74,7 +74,7 @@ import './style/dropdown.css';const Oe = ["id", "aria-expanded", "onKeydown"], L
     showRadio: {
       type: Boolean,
       default: !1,
-      validator: (l, F) => l && F.multiple ? (console.error("showRadio solo es valido para seleccion unica"), !1) : !0
+      validator: (l, _) => l && _.multiple ? (console.error("showRadio solo es valido para seleccion unica"), !1) : !0
     },
     /**
      * Indica si el campo de entrada contiene un error o no.
@@ -189,217 +189,246 @@ import './style/dropdown.css';const Oe = ["id", "aria-expanded", "onKeydown"], L
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ X(["open", "close", "select", "change"], ["update:modelValue"]),
-  setup(l, { expose: F, emit: le }) {
-    const s = l, k = le, z = we(), p = (e) => !!(z && z[e]), {
-      disabled: D,
-      limit: T,
-      multiple: x,
-      options: g,
+  emits: /* @__PURE__ */ Y(["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,
+      limit: F,
+      multiple: D,
+      options: k,
       textOnly: N
-    } = ge(s), n = he(l, "modelValue"), c = $([]), v = $(), b = $(), j = $(""), I = $(!1);
-    let _ = !1;
+    } = he(n), s = ke(l, "modelValue"), f = B([]), i = B(), b = B(), j = B(""), M = B(!1);
+    let C = !1;
     const se = () => {
-      I.value = !0;
-    }, ne = d(() => v.value?.isOpen ?? !1), S = d(() => s.autocomplete && Object.keys(s.autocomplete).length > 0), ae = d(() => ({
-      id: s.autocomplete.id || `autocomplete-${s.id}`,
-      label: s.autocomplete.label || s.label,
-      icon: s.autocomplete.icon || "",
-      rightIcon: s.autocomplete.rightIcon || "",
-      disabled: s.autocomplete.disabled || !1,
-      clearable: s.autocomplete.clearable || !1,
-      error: s.autocomplete.error ?? !1,
-      helper: s.autocomplete.helper ?? !1,
-      helperText: s.autocomplete.helperText ?? "",
-      readonly: s.autocomplete.readonly ?? !1
+      M.value = !0;
+    }, w = u(() => i.value?.isOpen ?? !1), O = u(() => n.autocomplete && Object.keys(n.autocomplete).length > 0), ae = u(() => ({
+      id: n.autocomplete.id || `autocomplete-${n.id}`,
+      label: n.autocomplete.label || n.label,
+      icon: n.autocomplete.icon || "",
+      rightIcon: n.autocomplete.rightIcon || "",
+      disabled: n.autocomplete.disabled || !1,
+      clearable: n.autocomplete.clearable || !1,
+      error: n.autocomplete.error ?? !1,
+      helper: n.autocomplete.helper ?? !1,
+      helperText: n.autocomplete.helperText ?? "",
+      readonly: n.autocomplete.readonly ?? !1
     }));
-    W("registerDropdownFocusElement", (e) => {
-      e && !c.value.includes(e) && c.value.push(e);
-    }), W("unregisterDropdownFocusElement", (e) => {
-      const t = c.value.findIndex((o) => o === e);
-      t > -1 && c.value.splice(t, 1);
-    }), W("isFocusWithinDropdown", (e) => {
-      const t = c.value.some((w) => w === e || w.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"));
+    P("registerDropdownFocusElement", (e) => {
+      e && !f.value.includes(e) && f.value.push(e);
+    }), P("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"));
       return t || o;
     });
-    const G = d({
-      get: () => n.value && typeof n.value == "object" && !Array.isArray(n.value) ? n.value.id : typeof n.value == "string" || typeof n.value == "number" ? n.value : null,
+    const W = 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 = g.value.find((o) => typeof o == "object" ? o.id === e : o === e);
-        n.value = t || null;
+        const t = k.value.find((o) => typeof o == "object" ? o.id === e : o === e);
+        s.value = t || null;
       }
-    }), re = d(() => (g.value ?? []).every((e) => typeof e == "object" && e?.id && e?.label)), ie = d(() => !x.value || s.closeOnSelect), M = d({
-      get: () => n.value ? s.multiple ? Array.isArray(n.value) ? n.value.length > T.value ? s.limitText(T.value) : n.value.map((e) => typeof e == "string" ? e : e.label).join(", ") : "" : typeof n.value == "object" ? n.value.label : typeof n.value == "string" ? n.value : "" : "",
+    }), re = u(() => (k.value ?? []).every((e) => typeof e == "object" && e?.id && e?.label)), z = u(() => !D.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
-    }), de = d(() => ({
+    }), ie = u(() => ({
       "rds-e-dropdown-input": !0,
-      "rds-e-dropdown--disabled": D.value,
-      "rds-e-dropdown--small": s.small
-    })), ue = d(() => s.openDirection !== "auto" ? s.openDirection : "auto"), K = d(() => {
+      "rds-e-dropdown--disabled": h.value,
+      "rds-e-dropdown--small": n.small
+    })), de = u(() => n.openDirection !== "auto" ? n.openDirection : "auto"), q = u(() => {
       const e = {};
       return re.value && Object.assign(e, {
         "track-by": "id",
         label: "label"
       }), e;
-    }), pe = d(() => S.value && s.autocomplete.autocompleteFilter ? g.value.filter((e) => s.autocomplete.autocompleteFilter(e, j.value)) : g.value), B = (e) => {
-      if (n.value === e) return !0;
-      if (Array.isArray(n.value)) {
-        if (typeof e == "string") return n.value.includes(e);
-        if (K.value.label)
-          return n.value.some((t) => t.id === e.id);
+    }), ue = u(() => O.value && n.autocomplete.autocompleteFilter ? k.value.filter((e) => n.autocomplete.autocompleteFilter(e, j.value)) : k.value), A = (e) => {
+      if (s.value === e) return !0;
+      if (Array.isArray(s.value)) {
+        if (typeof e == "string") return s.value.includes(e);
+        if (q.value.label)
+          return s.value.some((t) => t.id === e.id);
       }
       return !1;
     }, ce = (e) => {
-      k("open", e, s.id);
-    }, me = (e) => {
-      k("close", e, s.id);
+      S("open", e, n.id);
+    }, pe = (e) => {
+      S("close", e, n.id);
     }, fe = (e) => {
-      V(() => {
-        k("select", e);
+      L(() => {
+        S("select", e);
       });
     }, ve = () => {
-      V(() => {
-        if (x.value) {
-          const e = g.value.filter(
-            (t) => B(t)
+      L(() => {
+        if (D.value) {
+          const e = k.value.filter(
+            (t) => A(t)
           ) || [];
-          k("change", e);
+          S("change", e);
         } else {
-          const e = g.value.find(
-            (t) => B(t)
+          const e = k.value.find(
+            (t) => A(t)
           );
-          k("change", [e]);
+          S("change", [e]);
         }
       });
-    }, J = (e) => {
-      v.value.select(e), _ = !0;
-    }, q = () => {
-      v.value.activate();
-    }, O = () => {
-      v.value.deactivate();
-    }, U = () => {
-      v.value.toggle(), _ = !0;
-    }, H = () => {
-      ne.value ? O() : q();
+    }, G = (e) => {
+      i.value.select(e), C = !0;
+    }, K = () => {
+      i.value.activate();
+    }, x = () => {
+      i.value.deactivate();
+    }, me = () => {
+      i.value.toggle(), C = !0;
     }, ye = () => {
-      S.value && b.value && (se(), q(), V(() => {
+      w.value ? x() : K();
+    }, J = () => {
+      C = !0;
+    }, Q = (e) => {
+      if (!h.value && e.key !== "Tab") {
+        if (!w.value && (e.key === "Enter" || e.key === " ")) {
+          e.preventDefault(), i.value?.toggle();
+          return;
+        }
+        if (!w.value && e.key === "ArrowDown") {
+          e.preventDefault(), i.value?.toggle(), L(() => {
+            try {
+              i.value?.pointerForward?.();
+            } catch {
+            }
+          });
+          return;
+        }
+        if (w.value && e.key === "Escape") {
+          e.preventDefault(), x();
+          return;
+        }
+        if (w.value && (e.key === "Enter" || e.key === " ")) {
+          e.preventDefault();
+          try {
+            i.value?.addPointerElement?.({ key: e.key });
+          } catch {
+          }
+          z.value && x();
+        }
+      }
+    }, be = () => {
+      O.value && b.value && (se(), K(), L(() => {
         b.value.focus();
       }));
-    }, Q = (e) => {
-      if (_) {
-        _ = !1;
+    }, X = (e) => {
+      if (C) {
+        C = !1;
         return;
       }
-      const t = e.target, o = !v.value?.$el?.contains(t);
-      if (I.value) {
-        const w = b.value && !b.value.$el.contains(t) && !t.closest(".rds-e-dropdown__before-list");
-        o && w && (I.value = !1, O());
-      } else o && O();
+      const t = e.target, o = !i.value?.$el?.contains(t);
+      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();
     };
-    return ke(() => {
-      v.value?.$el && c.value.push(v.value.$el), V(() => {
-        if (S.value && b.value?.$el) {
-          c.value.push(b.value.$el);
+    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");
-          e && !c.value.includes(e) && c.value.push(e);
+          e && !f.value.includes(e) && f.value.push(e);
         }
-      }), document.addEventListener("pointerdown", Q);
-    }), xe(() => {
-      c.value = [], document.removeEventListener("pointerdown", Q);
-    }), F({
+      }), document.addEventListener("pointerdown", X);
+    }), $e(() => {
+      f.value = [], document.removeEventListener("pointerdown", X);
+    }), _({
       /**
        * Abre el dropdown
        */
-      activate: q,
+      activate: K,
       /**
        * Cierra el dropdown
        */
-      deactivate: O
-    }), (e, t) => (u(), y("div", {
-      class: A(["rds-e-dropdown", {
-        "rds-e-dropdown--text-only": r(N),
+      deactivate: x
+    }), (e, t) => (c(), y("div", {
+      class: R(["rds-e-dropdown", {
+        "rds-e-dropdown--text-only": a(N),
         "rds-e-dropdown--inverse": l.inverse
       }])
     }, [
-      h($e, Y({
+      $(De, Z({
         ref_key: "multiselect",
-        ref: v,
-        modelValue: n.value,
-        "onUpdate:modelValue": t[12] || (t[12] = (o) => n.value = o),
-        class: de.value,
-        options: pe.value,
-        "close-on-select": ie.value,
+        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,
         "show-labels": !1,
-        disabled: r(D),
-        multiple: r(x),
+        disabled: a(h),
+        multiple: a(D),
         "max-height": l.maxHeight,
         searchable: !1,
         "open-on-focus": !1,
         small: l.small,
-        "open-direction": ue.value,
-        limit: r(T),
+        "open-direction": de.value,
+        limit: a(F),
         "limit-text": l.limitText
-      }, { ...K.value, ...e.$attrs }, {
+      }, { ...q.value, ...e.$attrs }, {
         "append-to-body": l.appendToBody,
-        "text-only": r(N),
+        "text-only": a(N),
         onOpen: ce,
-        onClose: me,
+        onClose: pe,
         onSelect: fe,
         "onUpdate:modelValue": ve,
-        onBlur: a(() => null, ["prevent"])
-      }), Z({
-        selection: i(({ isOpen: o }) => [
-          r(N) ? (u(), y("div", {
+        onBlur: r(() => null, ["prevent"])
+      }), ee({
+        selection: d(({ isOpen: o }) => [
+          a(N) ? (c(), y("div", {
             key: 0,
             id: `multiselect-dropdown-${l.id}`,
-            class: A([l.customTriggerClass, "rds-e-dropdown__text-only"]),
-            role: "button",
-            tabindex: "0",
+            class: R([l.customTriggerClass, "rds-e-dropdown__text-only"]),
+            role: "combobox",
             "aria-haspopup": "listbox",
-            "aria-expanded": o,
-            onClick: a(H, ["prevent", "stop"]),
-            onKeydown: [
-              E(a(H, ["prevent", "stop"]), ["enter"]),
-              E(a(H, ["prevent", "stop"]), ["space"])
-            ]
+            "aria-expanded": w.value ? "true" : "false",
+            "aria-controls": `listbox-${l.id}`,
+            tabindex: "0",
+            onClick: r(ye, ["prevent", "stop"]),
+            onMousedown: r(J, ["prevent", "stop"]),
+            onKeydown: Q
           }, [
-            m("span", null, R(M.value || l.label), 1),
-            h(r(te), {
+            v("span", null, T(I.value || l.label), 1),
+            $(a(oe), {
               name: "arrow_down",
               "aria-hidden": "true",
-              class: A(["rds-e-dropdown__input-caret", {
+              class: R(["rds-e-dropdown__input-caret", {
                 "rds-e-dropdown__input-caret--open": o
               }])
             }, null, 8, ["class"])
-          ], 42, Oe)) : (u(), y("div", {
+          ], 42, Ve)) : (c(), y("div", {
             key: 1,
             class: "rds-e-dropdown__input-wrapper",
             role: "button",
             "aria-haspopup": "listbox",
-            "aria-expanded": o,
-            onClick: a(U, ["prevent"]),
-            onKeydown: [
-              E(a(U, ["prevent"]), ["enter"]),
-              E(a(U, ["prevent"]), ["space"])
-            ]
+            "aria-expanded": w.value ? "true" : "false",
+            "aria-controls": `listbox-${l.id}`,
+            onClick: r(me, ["prevent"]),
+            onMousedown: r(J, ["prevent"]),
+            onKeydown: Q
           }, [
-            h(r(oe), {
+            $(a(le), {
               id: `multiselect-dropdown-${l.id}`,
-              modelValue: M.value,
-              "onUpdate:modelValue": t[0] || (t[0] = (w) => M.value = w),
+              modelValue: I.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (g) => I.value = g),
               class: "rds-e-dropdown__input",
               label: l.label,
+              disabled: a(h),
               error: l.error,
               helper: l.helper,
               "helper-text": l.helperText,
               loading: l.loading,
               readonly: ""
-            }, Z({
-              "right-icon": i(() => [
-                h(r(te), {
+            }, ee({
+              "right-icon": d(() => [
+                $(a(oe), {
                   name: "arrow_down",
                   "aria-hidden": "true",
-                  class: A(["rds-e-dropdown__input-caret", {
+                  class: R(["rds-e-dropdown__input-caret", {
                     "rds-e-dropdown__input-caret--open": o
                   }])
                 }, null, 8, ["class"])
@@ -408,159 +437,159 @@ import './style/dropdown.css';const Oe = ["id", "aria-expanded", "onKeydown"], L
             }, [
               p("helper-text") ? {
                 name: "helper-text",
-                fn: i(() => [
-                  f(e.$slots, "helper-text", {}, void 0, !0)
+                fn: d(() => [
+                  m(e.$slots, "helper-text", {}, void 0, !0)
                 ]),
                 key: "0"
               } : void 0
-            ]), 1032, ["id", "modelValue", "label", "error", "helper", "helper-text", "loading"])
-          ], 40, Le))
+            ]), 1032, ["id", "modelValue", "label", "disabled", "error", "helper", "helper-text", "loading"])
+          ], 40, Ae))
         ]),
-        option: i(({ option: o, search: w, index: L }) => [
-          m("div", Ve, [
-            m("div", Ae, [
-              m("div", Re, [
-                r(x) ? (u(), ee(r(Ce), {
+        option: d(({ option: o, search: g, index: E }) => [
+          v("div", Ee, [
+            v("div", Re, [
+              v("div", Te, [
+                a(D) ? (c(), te(a(Ce), {
                   key: 0,
-                  id: `${L}-${o.id}`,
+                  id: `${E}-${o.id}`,
                   small: l.small,
-                  "model-value": B(o),
-                  disabled: r(D) || o?.$isDisabled || !1,
-                  onClick: a((P) => J(o), ["prevent", "stop"])
-                }, null, 8, ["id", "small", "model-value", "disabled", "onClick"])) : !r(x) && l.showRadio ? (u(), ee(r(De), {
+                  "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(), te(a(Oe), {
                   key: 1,
-                  modelValue: G.value,
-                  "onUpdate:modelValue": t[1] || (t[1] = (P) => G.value = P),
+                  modelValue: W.value,
+                  "onUpdate:modelValue": t[1] || (t[1] = (U) => W.value = U),
                   "group-name": `group-${l.id}`
                 }, {
-                  default: i(() => [
-                    h(r(_e), {
-                      id: `${L}-${typeof o == "object" ? o.id : L}`,
+                  default: d(() => [
+                    $(a(Be), {
+                      id: `${E}-${typeof o == "object" ? o.id : E}`,
                       small: l.small,
                       option: typeof o == "object" ? o.id : o,
-                      checked: B(o),
-                      disabled: r(D) || o?.$isDisabled || !1,
-                      onClick: a((P) => J(o), ["prevent", "stop"])
+                      checked: A(o),
+                      disabled: a(h) || o?.$isDisabled || !1,
+                      onClick: r((U) => G(o), ["prevent", "stop"])
                     }, null, 8, ["id", "small", "option", "checked", "disabled", "onClick"])
                   ]),
                   _: 2
-                }, 1032, ["modelValue", "group-name"])) : C("", !0)
+                }, 1032, ["modelValue", "group-name"])) : V("", !0)
               ]),
-              m("div", Ee, [
-                f(e.$slots, "singleLabel", { option: o }, () => [
-                  K.value?.label ? (u(), y(Se, { key: 0 }, [
-                    m("span", null, R(o.label), 1),
-                    o?.detail ? (u(), y("span", Fe, R(o.detail), 1)) : C("", !0)
-                  ], 64)) : (u(), y("span", Te, R(o), 1))
+              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))
                 ], !0)
               ])
             ]),
-            p("optionAppend") ? (u(), y("div", Ne, [
-              f(e.$slots, "optionAppend", {
+            p("optionAppend") ? (c(), y("div", je, [
+              m(e.$slots, "optionAppend", {
                 option: o,
-                search: w,
-                index: L
+                search: g,
+                index: E
               }, void 0, !0)
-            ])) : C("", !0)
+            ])) : V("", !0)
           ])
         ]),
         _: 2
       }, [
-        S.value || p("beforeList") ? {
-          name: Ue,
-          fn: i(() => [
-            S.value ? (u(), y("div", {
+        O.value || p("beforeList") ? {
+          name: Pe,
+          fn: d(() => [
+            O.value ? (c(), y("div", {
               key: 0,
               class: "rds-e-dropdown__before-list",
-              onMousedown: t[5] || (t[5] = a(() => {
+              onMousedown: t[5] || (t[5] = r(() => {
               }, ["stop"])),
-              onClick: a(ye, ["stop"]),
-              onBlur: t[6] || (t[6] = a(() => {
+              onClick: r(be, ["stop"]),
+              onBlur: t[6] || (t[6] = r(() => {
               }, ["stop"])),
-              onFocus: t[7] || (t[7] = a(() => {
+              onFocus: t[7] || (t[7] = r(() => {
               }, ["stop"])),
-              onKeydown: t[8] || (t[8] = a(() => {
+              onKeydown: t[8] || (t[8] = r(() => {
               }, ["stop"])),
-              onKeyup: t[9] || (t[9] = a(() => {
+              onKeyup: t[9] || (t[9] = r(() => {
               }, ["stop"])),
-              onKeypress: t[10] || (t[10] = a(() => {
+              onKeypress: t[10] || (t[10] = r(() => {
               }, ["stop"])),
-              onChange: t[11] || (t[11] = a(() => {
+              onChange: t[11] || (t[11] = r(() => {
               }, ["stop"]))
             }, [
-              m("div", je, [
-                h(r(oe), Y({
+              v("div", Me, [
+                $(a(le), Z({
                   ref_key: "textFieldInput",
                   ref: b,
                   modelValue: j.value,
                   "onUpdate:modelValue": t[2] || (t[2] = (o) => j.value = o)
                 }, ae.value, {
                   "full-width": "",
-                  onMousedown: t[3] || (t[3] = a(() => {
+                  onMousedown: t[3] || (t[3] = r(() => {
                   }, ["stop", "prevent"])),
-                  onFocus: t[4] || (t[4] = a(() => {
+                  onFocus: t[4] || (t[4] = r(() => {
                   }, ["stop"]))
                 }), null, 16, ["modelValue"])
               ])
-            ], 32)) : C("", !0),
-            p("beforeList") ? (u(), y("div", Ie, [
-              m("div", Me, [
-                f(e.$slots, "beforeList", {}, void 0, !0)
+            ], 32)) : V("", !0),
+            p("beforeList") ? (c(), y("div", Ie, [
+              v("div", qe, [
+                m(e.$slots, "beforeList", {}, void 0, !0)
               ])
-            ])) : C("", !0)
+            ])) : V("", !0)
           ]),
           key: "0"
         } : void 0,
         p("afterList") ? {
           name: He,
-          fn: i(() => [
-            m("div", Ke, [
-              m("div", qe, [
-                f(e.$slots, "afterList", {}, void 0, !0)
+          fn: d(() => [
+            v("div", Ke, [
+              v("div", Ue, [
+                m(e.$slots, "afterList", {}, void 0, !0)
               ])
             ])
           ]),
           key: "1"
         } : void 0,
         p("noOptions") ? {
-          name: We,
-          fn: i(() => [
-            f(e.$slots, "noOptions", {}, void 0, !0)
+          name: ze,
+          fn: d(() => [
+            m(e.$slots, "noOptions", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         p("noResult") ? {
-          name: ze,
-          fn: i(({ search: o }) => [
-            f(e.$slots, "noResult", { search: o }, void 0, !0)
+          name: Ge,
+          fn: d(({ search: o }) => [
+            m(e.$slots, "noResult", { search: o }, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         p("limit") ? {
-          name: Ge,
-          fn: i(() => [
-            f(e.$slots, "limit", {}, void 0, !0)
+          name: Je,
+          fn: d(() => [
+            m(e.$slots, "limit", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         p("maxElements") ? {
-          name: Je,
-          fn: i(() => [
-            f(e.$slots, "maxElements", {}, void 0, !0)
+          name: Qe,
+          fn: d(() => [
+            m(e.$slots, "maxElements", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         p("singleLabel") ? {
-          name: Pe,
-          fn: i(({ option: o }) => [
-            f(e.$slots, "singleLabel", { option: o }, void 0, !0)
+          name: We,
+          fn: d(({ option: o }) => [
+            m(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));
   }
-}), nt = /* @__PURE__ */ Be(Qe, [["__scopeId", "data-v-41324414"]]);
+}), at = /* @__PURE__ */ Le(Xe, [["__scopeId", "data-v-14ac5f89"]]);
 export {
-  nt as default
+  at as default
 };