energy-components 1.9.0 → 1.10.0-beta.0

package/dist/components/accordion.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as R, toRefs as B, ref as l, watch as D, nextTick as N, inject as v, onMounted as V, onBeforeUnmount as q, createElementBlock as w, openBlock as _, createElementVNode as n, toDisplayString as h, createBlock as H, createCommentVNode as P, createVNode as T, unref as d, mergeProps as j, normalizeClass as y, renderSlot as A, createTextVNode as E } from "vue";
-import { R as I } from "./icon-svg-_WCkLP8-.js";
+import { R as I } from "./icon-svg-YXBqzlJN.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({

package/dist/components/avatar.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as _, computed as a, createElementBlock as s, openBlock as r, withKeys as o, normalizeStyle as u, normalizeClass as h, createBlock as k, createCommentVNode as b, toDisplayString as z } from "vue";
-import { R as C } from "./icon-svg-_WCkLP8-.js";
+import { R as C } from "./icon-svg-YXBqzlJN.js";
 import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/avatar.css';const A = ["aria-label"], B = ["src", "alt"], D = {
   key: 1,

package/dist/components/button.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as B, toRefs as S, computed as l, createElementBlock as x, openBlock as b, normalizeClass as m, unref as o, 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-_WCkLP8-.js";
+import { R as V } from "./icon-svg-YXBqzlJN.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({
   __name: "button",

package/dist/components/checkbox.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as y, ref as n, watch as b, onMounted as w, onBeforeUnmount as g, createElementBlock as S, openBlock as f, normalizeClass as d, createElementVNode as r, renderSlot as B, createTextVNode as C, createBlock as _, createCommentVNode as E, toDisplayString as L } from "vue";
-import { R as V } from "./icon-svg-_WCkLP8-.js";
+import { R as V } from "./icon-svg-YXBqzlJN.js";
 import { _ as D } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/checkbox.css';const N = ["id", "checked", "aria-label", "required", "disabled"], R = ["for"], q = /* @__PURE__ */ y({
   __name: "checkbox",

package/dist/components/directAccess.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as j, toRefs as E, computed as o, createBlock as d, openBlock as i, resolveDynamicComponent as I, unref as t, normalizeClass as N, withCtx as O, renderSlot as u, createElementVNode as m, createCommentVNode as w, createElementBlock as T, normalizeStyle as b, toDisplayString as V } from "vue";
-import { R as S } from "./icon-svg-_WCkLP8-.js";
+import { R as S } from "./icon-svg-YXBqzlJN.js";
 import { _ as q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/directAccess.css';const A = { class: "rds-e-direct-access__artwork-container" }, M = ["src", "alt", "aria-hidden"], F = { class: "rds-e-direct-access__text-container" }, G = { class: "rds-e-direct-access__text" }, H = /* @__PURE__ */ j({
   __name: "direct-access",

package/dist/components/dragAndDrop.es.js

@@ -1,6 +1,6 @@
 import { defineComponent as k, ref as _, computed as c, createElementBlock as b, openBlock as x, withModifiers as f, normalizeClass as q, createElementVNode as u, renderSlot as L, createVNode as M, createCommentVNode as z, toDisplayString as D } from "vue";
 import { g as A } from "./getInstance-GhoEcxLF.js";
-import { R as U } from "./icon-svg-_WCkLP8-.js";
+import { R as U } from "./icon-svg-YXBqzlJN.js";
 import { _ as V } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/dragAndDrop.css';const O = ["id", "accept", "multiple", "disabled"], P = ["for"], j = { class: "rds-e-drag-and-drop__icon-wrapper" }, G = { class: "rds-e-drag-and-drop__text-container" }, H = { class: "rds-e-drag-and-drop__text" }, J = {
   key: 0,

package/dist/components/dropdown.es.js

@@ -1,21 +1,21 @@
-import { defineComponent as ne, mergeModels as K, toRefs as de, useModel as ie, ref as S, computed as p, provide as T, onMounted as ue, nextTick as F, onBeforeUnmount as ce, createElementBlock as y, openBlock as m, createVNode as V, mergeProps as H, unref as n, withModifiers as a, createSlots as P, withCtx as d, createElementVNode as u, createCommentVNode as D, createBlock as W, renderSlot as f, Fragment as pe, toDisplayString as M, normalizeClass as me } from "vue";
-import fe from "./multiselect.es.js";
-import ve from "./checkbox.es.js";
-import { _ as be } from "./radio-group.vue_vue_type_script_setup_true_lang-DpguLlRK.js";
-import ye from "./radioButton.es.js";
+import { defineComponent as de, mergeModels as K, toRefs as ie, useModel as ue, ref as D, computed as u, provide as T, onMounted as ce, nextTick as F, onBeforeUnmount as pe, createElementBlock as y, openBlock as m, createVNode as S, mergeProps as H, unref as a, withModifiers as n, createSlots as P, withCtx as d, createElementVNode as c, createCommentVNode as V, createBlock as W, renderSlot as f, Fragment as me, toDisplayString as M, normalizeClass as fe } from "vue";
+import ve from "./multiselect.es.js";
+import be from "./checkbox.es.js";
+import { _ as ye } from "./radio-group.vue_vue_type_script_setup_true_lang-DpguLlRK.js";
+import ge from "./radioButton.es.js";
 import z from "./textField.es.js";
-import { R as ge } from "./icon-svg-_WCkLP8-.js";
-import { _ as we } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/dropdown.css';const he = { class: "rds-e-dropdown" }, ke = { class: "rds-e-dropdown__option" }, $e = { class: "rds-e-dropdown__option-container" }, Ce = { class: "rds-e-dropdown__option--prepend" }, Se = { class: "rds-e-dropdown__option--content" }, Ve = {
+import { R as we } from "./icon-svg-YXBqzlJN.js";
+import { _ as he } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/dropdown.css';const ke = { class: "rds-e-dropdown" }, $e = { class: "rds-e-dropdown__option" }, Ce = { class: "rds-e-dropdown__option-container" }, De = { class: "rds-e-dropdown__option--prepend" }, Se = { class: "rds-e-dropdown__option--content" }, Ve = {
   key: 0,
   class: "rds-e-dropdown__option-detail"
-}, De = { key: 1 }, Be = {
+}, Be = { key: 1 }, Oe = {
   key: 0,
   class: "rds-e-dropdown__option--append"
-}, Oe = { class: "rds-e-dropdown__before-list-container" }, Ae = {
+}, Ae = { class: "rds-e-dropdown__before-list-container" }, Fe = {
   key: 1,
   class: "rds-e-dropdown__before-list"
-}, Fe = { class: "rds-e-dropdown__before-list-container" }, Re = { class: "rds-e-dropdown__after-list" }, Ee = { class: "rds-e-dropdown__after-list-container" }, Le = /* @__PURE__ */ ne({
+}, Re = { class: "rds-e-dropdown__before-list-container" }, Ee = { class: "rds-e-dropdown__after-list" }, Le = { class: "rds-e-dropdown__after-list-container" }, xe = /* @__PURE__ */ de({
   __name: "dropdown",
   props: /* @__PURE__ */ K({
     /**
@@ -127,6 +127,19 @@ import './style/dropdown.css';const he = { class: "rds-e-dropdown" }, ke = { cla
       type: Boolean,
       default: !1
     },
+    /**
+     * Define la dirección de apertura del dropdown
+     * 'auto': detecta automáticamente (default)
+     * 'above': siempre se abre hacia arriba
+     * 'below': siempre se abre hacia abajo
+     */
+    openDirection: {
+      type: String,
+      default: "auto",
+      validator(o) {
+        return ["auto", "above", "below"].includes(o);
+      }
+    },
     /**
      * Muestra un campo de texto para filtrar los elementos del dropdown.
      * La propiedad `autocompleteFilter` es requerida cuando se usa esta opción.
@@ -151,24 +164,24 @@ import './style/dropdown.css';const he = { class: "rds-e-dropdown" }, ke = { cla
   }),
   emits: /* @__PURE__ */ K(["open", "close", "select", "change"], ["update:modelValue"]),
   setup(o, { expose: R, emit: G }) {
-    const r = o, h = G, {
+    const s = o, h = G, {
       disabled: k,
       limit: E,
       multiple: $,
       options: g
-    } = de(r), s = ie(o, "modelValue"), i = S([]), v = S(), b = S(), L = S(""), x = S(!1), J = () => {
+    } = ie(s), r = ue(o, "modelValue"), i = D([]), v = D(), b = D(), L = D(""), x = D(!1), J = () => {
       x.value = !0;
-    }, C = p(() => r.autocomplete && Object.keys(r.autocomplete).length > 0), Q = p(() => ({
-      id: r.autocomplete.id || `autocomplete-${r.id}`,
-      label: r.autocomplete.label || r.label,
-      icon: r.autocomplete.icon || "",
-      rightIcon: r.autocomplete.rightIcon || "",
-      disabled: r.autocomplete.disabled || !1,
-      clearable: r.autocomplete.clearable || !1,
-      error: r.autocomplete.error ?? !1,
-      helper: r.autocomplete.helper ?? "",
-      helperText: r.autocomplete.helperText ?? "",
-      readonly: r.autocomplete.readonly ?? !1
+    }, C = u(() => s.autocomplete && Object.keys(s.autocomplete).length > 0), Q = u(() => ({
+      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 ?? "",
+      helperText: s.autocomplete.helperText ?? "",
+      readonly: s.autocomplete.readonly ?? !1
     }));
     T("registerDropdownFocusElement", (e) => {
       e && !i.value.includes(e) && i.value.push(e);
@@ -176,45 +189,45 @@ import './style/dropdown.css';const he = { class: "rds-e-dropdown" }, ke = { cla
       const l = i.value.findIndex((t) => t === e);
       l > -1 && i.value.splice(l, 1);
     }), T("isFocusWithinDropdown", (e) => {
-      const l = i.value.some((c) => c === e || c.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"));
+      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"));
       return l || t;
     });
-    const I = p({
-      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,
+    const I = u({
+      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 = g.value.find((t) => typeof t == "object" ? t.id === e : t === e);
-        s.value = l || null;
+        r.value = l || null;
       }
-    }), X = p(() => (g.value ?? []).every((e) => typeof e == "object" && (e == null ? void 0 : e.id) && (e == null ? void 0 : e.label))), Y = p(() => !$.value || r.closeOnSelect), q = p({
-      get: () => s.value ? r.multiple ? Array.isArray(s.value) ? s.value.length > E.value ? r.limitText(E.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 : "" : "",
+    }), X = u(() => (g.value ?? []).every((e) => typeof e == "object" && (e == null ? void 0 : e.id) && (e == null ? void 0 : e.label))), Y = u(() => !$.value || s.closeOnSelect), q = 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 : "" : "",
       set: () => null
-    }), Z = p(() => ({
+    }), Z = u(() => ({
       "rds-e-dropdown-input": !0,
       "rds-e-dropdown--disabled": k.value,
-      "rds-e-dropdown--small": r.small
-    })), j = p(() => {
+      "rds-e-dropdown--small": s.small
+    })), ee = u(() => s.openDirection !== "auto" ? s.openDirection : ""), j = u(() => {
       const e = {};
       return X.value && Object.assign(e, {
         "track-by": "id",
         label: "label"
       }), e;
-    }), ee = p(() => C.value && r.autocomplete.autocompleteFilter ? g.value.filter((e) => r.autocomplete.autocompleteFilter(e, L.value)) : g.value), B = (e) => {
-      if (s.value === e) return !0;
-      if (Array.isArray(s.value)) {
-        if (typeof e == "string") return s.value.includes(e);
+    }), le = u(() => C.value && s.autocomplete.autocompleteFilter ? g.value.filter((e) => s.autocomplete.autocompleteFilter(e, L.value)) : g.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)
-          return s.value.some((l) => l.id === e.id);
+          return r.value.some((l) => l.id === e.id);
       }
       return !1;
-    }, le = (e) => {
-      h("open", e);
     }, te = (e) => {
-      h("close", e);
+      h("open", e);
     }, oe = (e) => {
+      h("close", e);
+    }, se = (e) => {
       F(() => {
         h("select", e);
       });
-    }, se = () => {
+    }, re = () => {
       F(() => {
         if ($.value) {
           const e = g.value.filter(
@@ -234,7 +247,7 @@ import './style/dropdown.css';const he = { class: "rds-e-dropdown" }, ke = { cla
       v.value.activate();
     }, U = () => {
       v.value.deactivate();
-    }, re = () => {
+    }, ne = () => {
       v.value.toggle();
     }, ae = () => {
       C.value && b.value && (J(), O(), F(() => {
@@ -242,10 +255,10 @@ import './style/dropdown.css';const he = { class: "rds-e-dropdown" }, ke = { cla
       }));
     }, _ = (e) => {
       if (!x.value) return;
-      const l = e.target, t = !v.value.$el.contains(l), c = b.value && !b.value.$el.contains(l) && !l.closest(".rds-e-dropdown__before-list");
-      t && c && (x.value = !1, U());
+      const l = e.target, t = !v.value.$el.contains(l), p = b.value && !b.value.$el.contains(l) && !l.closest(".rds-e-dropdown__before-list");
+      t && p && (x.value = !1, U());
     };
-    return ue(() => {
+    return ce(() => {
       var e;
       (e = v.value) != null && e.$el && i.value.push(v.value.$el), F(() => {
         var l;
@@ -255,7 +268,7 @@ import './style/dropdown.css';const he = { class: "rds-e-dropdown" }, ke = { cla
           t && !i.value.includes(t) && i.value.push(t);
         }
       }), document.addEventListener("click", _);
-    }), ce(() => {
+    }), pe(() => {
       i.value = [], document.removeEventListener("click", _);
     }), R({
       /**
@@ -266,57 +279,57 @@ import './style/dropdown.css';const he = { class: "rds-e-dropdown" }, ke = { cla
        * Cierra el dropdown
        */
       deactivate: U
-    }), (e, l) => (m(), y("div", he, [
-      V(fe, H({
+    }), (e, l) => (m(), y("div", ke, [
+      S(ve, H({
         ref_key: "multiselect",
         ref: v,
-        modelValue: s.value,
-        "onUpdate:modelValue": l[13] || (l[13] = (t) => s.value = t),
+        modelValue: r.value,
+        "onUpdate:modelValue": l[13] || (l[13] = (t) => r.value = t),
         class: Z.value,
-        options: ee.value,
+        options: le.value,
         "close-on-select": Y.value,
         "show-labels": !1,
-        disabled: n(k),
-        multiple: n($),
+        disabled: a(k),
+        multiple: a($),
         "max-height": o.maxHeight,
         searchable: !1,
         small: o.small,
-        "open-direction": "bottom",
-        limit: n(E),
+        "open-direction": ee.value,
+        limit: a(E),
         "limit-text": o.limitText
       }, j.value, {
         "append-to-body": o.appendToBody,
-        onOpen: le,
-        onClose: te,
-        onSelect: oe,
-        "onUpdate:modelValue": se,
-        onFocus: l[14] || (l[14] = a(() => O(), ["prevent"])),
-        onBlur: a(() => null, ["prevent"])
+        onOpen: te,
+        onClose: oe,
+        onSelect: se,
+        "onUpdate:modelValue": re,
+        onFocus: l[14] || (l[14] = n(() => O(), ["prevent"])),
+        onBlur: n(() => null, ["prevent"])
       }), P({
         selection: d(({ isOpen: t }) => [
-          V(n(z), {
+          S(a(z), {
             id: `multiselect-dropdown-${o.id}`,
             modelValue: q.value,
-            "onUpdate:modelValue": l[1] || (l[1] = (c) => q.value = c),
+            "onUpdate:modelValue": l[1] || (l[1] = (p) => q.value = p),
             class: "rds-e-dropdown__input",
-            disabled: n(k),
+            disabled: a(k),
             label: o.label,
             error: o.error,
             helper: o.helper,
             "helper-text": o.helperText,
             readonly: "",
-            onClick: a((c) => t ? null : O(), ["prevent", "stop"])
+            onClick: n((p) => t ? null : O(), ["prevent", "stop"])
           }, P({
             "right-icon": d(() => [
-              V(n(ge), {
+              S(a(we), {
                 name: "arrow_down",
                 "aria-hidden": "true",
-                class: me(["rds-e-dropdown__input-caret", {
+                class: fe(["rds-e-dropdown__input-caret", {
                   "rds-e-dropdown__input-caret--open": t
                 }]),
-                onClick: l[0] || (l[0] = a(() => {
+                onClick: l[0] || (l[0] = n(() => {
                 }, ["self", "stop"])),
-                onMousedown: a(re, ["self", "prevent", "stop"])
+                onMousedown: n(ne, ["self", "prevent", "stop"])
               }, null, 8, ["class"])
             ]),
             _: 2
@@ -331,57 +344,57 @@ import './style/dropdown.css';const he = { class: "rds-e-dropdown" }, ke = { cla
           ]), 1032, ["id", "modelValue", "disabled", "label", "error", "helper", "helper-text", "onClick"])
         ]),
         placeholder: d(() => [
-          l[15] || (l[15] = u("span", null, null, -1))
+          l[15] || (l[15] = c("span", null, null, -1))
         ]),
-        option: d(({ option: t, search: c, index: A }) => [
-          u("div", ke, [
-            u("div", $e, [
-              u("div", Ce, [
-                n($) ? (m(), W(n(ve), {
+        option: d(({ option: t, search: p, index: A }) => [
+          c("div", $e, [
+            c("div", Ce, [
+              c("div", De, [
+                a($) ? (m(), W(a(be), {
                   key: 0,
                   id: `${A}-${t.id}`,
                   small: o.small,
                   "is-checked": B(t),
-                  disabled: n(k) || (t == null ? void 0 : t.$isDisabled) || !1,
-                  onClick: a((w) => N(t), ["prevent", "stop"])
-                }, null, 8, ["id", "small", "is-checked", "disabled", "onClick"])) : !n($) && o.showRadio ? (m(), W(n(be), {
+                  disabled: a(k) || (t == null ? void 0 : t.$isDisabled) || !1,
+                  onClick: n((w) => N(t), ["prevent", "stop"])
+                }, null, 8, ["id", "small", "is-checked", "disabled", "onClick"])) : !a($) && o.showRadio ? (m(), W(a(ye), {
                   key: 1,
                   modelValue: I.value,
                   "onUpdate:modelValue": l[2] || (l[2] = (w) => I.value = w),
                   "group-name": `group-${o.id}`
                 }, {
                   default: d(() => [
-                    V(n(ye), {
+                    S(a(ge), {
                       id: `${A}-${typeof t == "object" ? t.id : A}`,
                       small: o.small,
                       option: typeof t == "object" ? t.id : t,
                       checked: B(t),
-                      disabled: n(k) || (t == null ? void 0 : t.$isDisabled) || !1,
-                      onClick: a((w) => N(t), ["prevent", "stop"])
+                      disabled: a(k) || (t == null ? void 0 : t.$isDisabled) || !1,
+                      onClick: n((w) => N(t), ["prevent", "stop"])
                     }, null, 8, ["id", "small", "option", "checked", "disabled", "onClick"])
                   ]),
                   _: 2
-                }, 1032, ["modelValue", "group-name"])) : D("", !0)
+                }, 1032, ["modelValue", "group-name"])) : V("", !0)
               ]),
-              u("div", Se, [
+              c("div", Se, [
                 f(e.$slots, "singleLabel", { option: t }, () => {
                   var w;
                   return [
-                    (w = j.value) != null && w.label ? (m(), y(pe, { key: 0 }, [
-                      u("span", null, M(t.label), 1),
-                      t != null && t.detail ? (m(), y("span", Ve, M(t.detail), 1)) : D("", !0)
-                    ], 64)) : (m(), y("span", De, M(t), 1))
+                    (w = j.value) != null && w.label ? (m(), y(me, { key: 0 }, [
+                      c("span", null, M(t.label), 1),
+                      t != null && t.detail ? (m(), y("span", Ve, M(t.detail), 1)) : V("", !0)
+                    ], 64)) : (m(), y("span", Be, M(t), 1))
                   ];
                 }, !0)
               ])
             ]),
-            e.$slots.optionAppend ? (m(), y("div", Be, [
+            e.$slots.optionAppend ? (m(), y("div", Oe, [
               f(e.$slots, "optionAppend", {
                 option: t,
-                search: c,
+                search: p,
                 index: A
               }, void 0, !0)
-            ])) : D("", !0)
+            ])) : V("", !0)
           ])
         ]),
         _: 2
@@ -420,59 +433,59 @@ import './style/dropdown.css';const he = { class: "rds-e-dropdown" }, ke = { cla
             C.value ? (m(), y("div", {
               key: 0,
               class: "rds-e-dropdown__before-list",
-              onMousedown: l[6] || (l[6] = a(() => {
+              onMousedown: l[6] || (l[6] = n(() => {
               }, ["stop"])),
-              onClick: a(ae, ["stop"]),
-              onBlur: l[7] || (l[7] = a(() => {
+              onClick: n(ae, ["stop"]),
+              onBlur: l[7] || (l[7] = n(() => {
               }, ["stop"])),
-              onFocus: l[8] || (l[8] = a(() => {
+              onFocus: l[8] || (l[8] = n(() => {
               }, ["stop"])),
-              onKeydown: l[9] || (l[9] = a(() => {
+              onKeydown: l[9] || (l[9] = n(() => {
               }, ["stop"])),
-              onKeyup: l[10] || (l[10] = a(() => {
+              onKeyup: l[10] || (l[10] = n(() => {
               }, ["stop"])),
-              onKeypress: l[11] || (l[11] = a(() => {
+              onKeypress: l[11] || (l[11] = n(() => {
               }, ["stop"])),
-              onChange: l[12] || (l[12] = a(() => {
+              onChange: l[12] || (l[12] = n(() => {
               }, ["stop"]))
             }, [
-              u("div", Oe, [
-                V(n(z), H({
+              c("div", Ae, [
+                S(a(z), H({
                   ref_key: "textFieldInput",
                   ref: b,
                   modelValue: L.value,
                   "onUpdate:modelValue": l[3] || (l[3] = (t) => L.value = t)
                 }, Q.value, {
-                  onMousedown: l[4] || (l[4] = a(() => {
+                  onMousedown: l[4] || (l[4] = n(() => {
                   }, ["stop", "prevent"])),
-                  onFocus: l[5] || (l[5] = a(() => {
+                  onFocus: l[5] || (l[5] = n(() => {
                   }, ["stop"]))
                 }), null, 16, ["modelValue"])
               ])
-            ], 32)) : D("", !0),
-            e.$slots.beforeList ? (m(), y("div", Ae, [
-              u("div", Fe, [
+            ], 32)) : V("", !0),
+            e.$slots.beforeList ? (m(), y("div", Fe, [
+              c("div", Re, [
                 f(e.$slots, "beforeList", {}, void 0, !0)
               ])
-            ])) : D("", !0)
+            ])) : V("", !0)
           ]),
           key: "4"
         } : void 0,
         e.$slots.afterList ? {
           name: "afterList",
           fn: d(() => [
-            u("div", Re, [
-              u("div", Ee, [
+            c("div", Ee, [
+              c("div", Le, [
                 f(e.$slots, "afterList", {}, void 0, !0)
               ])
             ])
           ]),
           key: "5"
         } : void 0
-      ]), 1040, ["modelValue", "class", "options", "close-on-select", "disabled", "multiple", "max-height", "small", "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"])
     ]));
   }
-}), _e = /* @__PURE__ */ we(Le, [["__scopeId", "data-v-c91ac7b6"]]);
+}), Ke = /* @__PURE__ */ he(xe, [["__scopeId", "data-v-9000f56f"]]);
 export {
-  _e as default
+  Ke as default
 };

package/dist/components/fileUploadItem.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as M, ref as N, computed as c, createElementBlock as l, openBlock as o, normalizeClass as $, createElementVNode as r, renderSlot as v, createVNode as p, createCommentVNode as n, toDisplayString as m, withModifiers as I } from "vue";
-import { R as g } from "./icon-svg-_WCkLP8-.js";
+import { R as g } from "./icon-svg-YXBqzlJN.js";
 import z from "./progressBar.es.js";
 import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/fileUploadItem.css';const R = { class: "rds-e-file-upload-item__icon-container" }, w = { class: "rds-e-file-upload-item__details" }, E = { class: "rds-e-file-upload-item__info-wrapper" }, F = { class: "rds-e-file-upload-item__name" }, x = {

package/dist/components/filterChip.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as g, ref as b, computed as c, createElementBlock as s, openBlock as l, normalizeClass as y, createCommentVNode as r, createElementVNode as _, createBlock as a, toDisplayString as n } from "vue";
-import { R as o } from "./icon-svg-_WCkLP8-.js";
+import { R as o } from "./icon-svg-YXBqzlJN.js";
 import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/filterChip.css';const C = ["disabled"], I = {
   key: 0,