energy-components 1.23.0 → 2.0.0-beta.0

package/dist/components/link.es.js

@@ -1,22 +1,21 @@
-import { defineComponent as D, computed as n, createBlock as l, openBlock as i, resolveDynamicComponent as z, mergeProps as s, withCtx as N, createCommentVNode as o, createElementBlock as g, normalizeClass as d, renderSlot as v, createTextVNode as w, toDisplayString as b, normalizeStyle as j } from "vue";
-import { R as c } from "./icon-svg-K8-vLJgV.js";
+import { defineComponent as $, toRefs as M, computed as s, createBlock as f, openBlock as t, resolveDynamicComponent as O, unref as e, normalizeStyle as P, normalizeClass as p, withCtx as U, createCommentVNode as d, createElementBlock as B, mergeProps as _, renderSlot as I, createTextVNode as z, toDisplayString as j } from "vue";
+import { s as q } from "./functions-D3GA3OzJ.js";
+import { I as k } from "./icon-svg-DxlNo61Q.js";
 import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/link.css';const R = /* @__PURE__ */ D({
+import './style/link.css';const F = /* @__PURE__ */ $({
   __name: "link",
   props: {
     /**
      * <span>Texto a mostrar en el link</span>
      */
     text: {
-      type: String,
-      default: void 0
+      type: String
     },
     /**
-     * <span>Url a la que redirige el link. Acepta string o Location object</span>
+     * <span>Url a la que redirige el link</span>
      */
     to: {
-      type: [String, Object],
-      // Corregido: Permite objetos de ruta sin lanzar warning
+      type: String,
       default: ""
     },
     /**
@@ -25,7 +24,7 @@ import './style/link.css';const R = /* @__PURE__ */ D({
     icon: {
       type: Object,
       default: () => ({ name: "", modifier: "" }),
-      validator: (r) => typeof r.name == "string" && (r.modifier === void 0 || typeof r.modifier == "string") ? !0 : (console.error("El icono debe tener una propiedad name de tipo string y una propiedad modifier opcional de tipo string"), !1)
+      validator: (o) => typeof o.name == "string" && (o.modifier === void 0 || typeof o.modifier == "string") ? !0 : (console.error("El icono debe tener una propiedad name de tipo string y una propiedad modifier opcional de tipo string"), !1)
     },
     /**
      * <span>Tag del link</span>
@@ -99,94 +98,92 @@ import './style/link.css';const R = /* @__PURE__ */ D({
     }
   },
   emits: ["click"],
-  setup(r, { emit: u }) {
-    const e = r, h = u, x = (t) => {
-      if (e.disabled) {
-        t.preventDefault(), t.stopPropagation();
-        return;
-      }
-      h("click", t);
-    }, S = n(() => e.disabled ? "span" : e.tag === "a" ? "a" : e.tag), C = n(() => {
-      const t = {};
-      return e.disabled ? (t.role = "link", t["aria-disabled"] = !0, t) : (e.tag === "router-link" ? t.to = e.to : t.href = typeof e.to == "string" ? e.to : void 0, t);
-    }), B = n(() => e.color ? { color: e.color } : void 0), I = n(() => {
-      var a;
-      const t = ((a = e.icon) == null ? void 0 : a.name) === "arrow";
-      return {
-        "rds-e-link": !0,
-        "rds-e-link--inverse": e.inverse,
-        "rds-e-link--underline": e.underline,
-        "rds-e-style-state-disabled": e.disabled,
-        "rds-e-arrow-link": !t,
-        "rds-e-arrow-link__icon--inverse": !t && e.inverse,
-        "rds-e-link__breadcrumbs": e.customClass === "rds-e-breadcrumbs__link--text"
-      };
-    }), m = n(() => {
-      var k, y;
-      const t = ["rds-e-arrow-link__icon--arrow"], a = !!((k = e.icon) != null && k.name), p = ((y = e.icon) == null ? void 0 : y.name) !== "arrow";
-      return a && (t.push("rds-e-arrow-link__icon"), e.disabled && t.push("rds-e-arrow-link__icon--disabled")), p && e.inverse && t.push("rds-e-arrow-link__icon--inverse"), t.push(e.right ? "rds-e-arrow-link__icon--animation-right" : "rds-e-arrow-link__icon--animation-left"), t.join(" ");
-    }), f = n(() => {
-      var t;
-      return e.arrow || !!((t = e.icon) != null && t.name);
-    });
-    return (t, a) => (i(), l(z(S.value), s({
-      id: r.id,
-      class: I.value
-    }, C.value, {
-      style: B.value,
-      tabindex: r.disabled ? -1 : void 0,
-      "aria-disabled": r.disabled,
-      onClick: x
-    }), {
-      default: N(() => [
-        r.icon.name && !r.right && !r.arrow ? (i(), l(c, s({
+  setup(o, { emit: v }) {
+    const D = o, E = v, {
+      text: y,
+      to: w,
+      icon: a,
+      tag: u,
+      disabled: i,
+      inverse: m,
+      arrow: c,
+      right: n,
+      underline: g,
+      customClass: h,
+      color: l,
+      arrowSmall: b,
+      id: L
+    } = M(D), N = s(() => l.value ? { color: l.value } : void 0), R = s(() => q(w.value)), T = s(() => {
+      const r = ["rds-e-link"];
+      return m.value && r.push("rds-e-link--inverse"), g.value && r.push("rds-e-link--underline"), i.value && r.push("rds-e-style-state-disabled"), a?.value?.name !== "arrow" && r.push("rds-e-arrow-link"), a?.value?.name !== "arrow" && m.value && r.push("rds-e-arrow-link__icon--inverse"), h.value === "rds-e-breadcrumbs__link--text" && r.push("rds-e-link__breadcrumbs"), r.join(" ");
+    }), x = s(() => {
+      const r = ["rds-e-arrow-link__icon--arrow"];
+      return a?.value && (r.push("rds-e-arrow-link__icon"), i.value && r.push("rds-e-arrow-link__icon--disabled")), a?.value?.name !== "arrow" && m.value && r.push("rds-e-arrow-link__icon--inverse"), r.push(
+        n.value ? "rds-e-arrow-link__icon--animation-right" : "rds-e-arrow-link__icon--animation-left"
+      ), r.join(" ");
+    }), S = s(() => c.value || a?.value?.name);
+    return (r, C) => (t(), f(O(e(u) === "a" ? e(u) : "router-link"), {
+      id: e(L),
+      class: p(T.value),
+      to: e(u) === "router-link" ? e(w) : null,
+      href: e(u) === "a" ? R.value : null,
+      disable: e(i),
+      style: P(N.value),
+      tabindex: e(i) ? -1 : void 0,
+      "aria-disabled": e(i),
+      onClick: C[0] || (C[0] = (V) => E("click", V))
+    }, {
+      default: U(() => [
+        e(a).name && !e(n) && !e(c) ? (t(), f(k, _({
           key: 0,
-          name: r.icon.name
-        }, { ...r.icon }, {
-          class: ["rds-e-link__icon-left", m.value],
-          style: e.color ? { color: e.color } : void 0
-        }), null, 16, ["name", "class", "style"])) : o("", !0),
-        r.right ? (i(), g("span", {
+          name: e(a).name
+        }, {
+          ...e(a)
+        }, {
+          class: ["rds-e-link__icon-left", x.value],
+          style: e(l) ? { color: e(l) } : void 0
+        }), null, 16, ["name", "class", "style"])) : d("", !0),
+        e(n) ? (t(), B("span", {
           key: 1,
-          class: d(["rds-e-link__text", [r.customClass, {
-            "rds-e-mr-xs": f.value,
-            "rds-e-link__text--underline": r.underline
+          class: p(["rds-e-link__text", [e(h), {
+            "rds-e-mr-xs": S.value,
+            "rds-e-link__text--underline": e(g)
           }]])
         }, [
-          v(t.$slots, "default", {}, () => [
-            w(b(r.text), 1)
+          I(r.$slots, "default", {}, () => [
+            z(j(e(y)), 1)
           ], !0)
-        ], 2)) : o("", !0),
-        r.arrow ? (i(), l(c, {
-          key: 2,
-          name: r.right ? "arrow_right" : "arrow_left",
-          size: r.arrowSmall ? 16 : void 0,
-          class: d(["rds-e-arrow-link__icon--arrow", [
-            r.right ? "rds-e-arrow-link__icon--animation-right" : "rds-e-arrow-link__icon--animation-left",
-            { "rds-flex rds-flex-center-center": r.arrowSmall }
-          ]]),
-          style: j(e.color ? { color: e.color } : void 0)
-        }, null, 8, ["name", "size", "class", "style"])) : o("", !0),
-        r.right ? o("", !0) : (i(), g("span", {
+        ], 2)) : d("", !0),
+        e(c) ? (t(), f(k, _({ key: 2 }, {
+          name: e(n) ? "arrow_right" : "arrow_left",
+          size: e(b) ? 16 : void 0
+        }, {
+          class: ["rds-e-arrow-link__icon--arrow", [
+            e(n) ? "rds-e-arrow-link__icon--animation-right" : "rds-e-arrow-link__icon--animation-left",
+            { "rds-flex rds-flex-center-center": e(b) }
+          ]],
+          style: e(l) ? { color: e(l) } : void 0
+        }), null, 16, ["class", "style"])) : d("", !0),
+        e(n) ? d("", !0) : (t(), B("span", {
           key: 3,
-          class: d(["rds-e-link__text", { "rds-e-ml-xs": f.value }])
+          class: p(["rds-e-link__text", { "rds-e-ml-xs": S.value }])
         }, [
-          v(t.$slots, "default", {}, () => [
-            w(b(r.text), 1)
+          I(r.$slots, "default", {}, () => [
+            z(j(e(y)), 1)
           ], !0)
         ], 2)),
-        r.icon.name && r.right && !r.arrow ? (i(), l(c, s({
+        e(a).name && e(n) && !e(c) ? (t(), f(k, _({
           key: 4,
-          name: r.icon.name
-        }, r.icon, {
-          class: ["rds-e-link__icon-right", m.value],
-          style: e.color ? { color: e.color } : void 0
-        }), null, 16, ["name", "class", "style"])) : o("", !0)
+          name: e(a).name
+        }, e(a), {
+          class: ["rds-e-link__icon-right", x.value],
+          style: e(l) ? { color: e(l) } : void 0
+        }), null, 16, ["name", "class", "style"])) : d("", !0)
       ]),
       _: 3
-    }, 16, ["id", "class", "style", "tabindex", "aria-disabled"]));
+    }, 8, ["id", "class", "to", "href", "disable", "style", "tabindex", "aria-disabled"]));
   }
-}), T = /* @__PURE__ */ A(R, [["__scopeId", "data-v-31849beb"]]);
+}), Q = /* @__PURE__ */ A(F, [["__scopeId", "data-v-794c0d15"]]);
 export {
-  T as default
+  Q as default
 };

package/dist/components/modal.es.js

@@ -1,8 +1,8 @@
-import { defineComponent as z, ref as m, onMounted as N, onBeforeUnmount as W, watch as D, computed as _, createBlock as R, createCommentVNode as f, openBlock as d, unref as c, withCtx as C, createVNode as E, withModifiers as F, normalizeStyle as T, createElementVNode as v, normalizeClass as S, createElementBlock as h, renderSlot as p } from "vue";
-import V from "./overlay.es.js";
+import { defineComponent as z, ref as m, onMounted as N, onBeforeUnmount as W, watch as E, computed as _, createBlock as C, createCommentVNode as f, openBlock as d, unref as c, withCtx as R, createVNode as F, withModifiers as T, normalizeStyle as V, createElementVNode as v, normalizeClass as k, createElementBlock as h, renderSlot as p } from "vue";
+import I from "./overlay.es.js";
 import L from "./card.es.js";
-import { R as A } from "./icon-svg-K8-vLJgV.js";
-import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { I as A } from "./icon-svg-DxlNo61Q.js";
+import { _ as D } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/modal.css';const U = { class: "rds-e-modal__header" }, j = { class: "rds-e-modal__header-text" }, G = {
   key: 1,
   class: "rds-e-modal__spacer"
@@ -73,8 +73,8 @@ import './style/modal.css';const U = { class: "rds-e-modal__header" }, j = { cla
     }
   },
   emits: ["onCloseRequest", "onOpenRequest", "onToggleRequest"],
-  setup(o, { expose: k, emit: O }) {
-    const t = o, s = O, q = m(null), r = m(null), $ = m(null), u = m(!1);
+  setup(o, { expose: S, emit: O }) {
+    const t = o, s = O, $ = m(null), r = m(null), q = m(null), u = m(!1);
     let i = null, a = null;
     const n = () => {
       const e = r.value;
@@ -103,7 +103,7 @@ import './style/modal.css';const U = { class: "rds-e-modal__header" }, j = { cla
       t.open && y();
     }), W(() => {
       b();
-    }), D(() => t.open, (e) => {
+    }), E(() => t.open, (e) => {
       e ? y() : b();
     });
     const x = _(() => t.mobileHeight < 30 ? "30vh" : t.mobileHeight > 90 ? "90vh" : `${t.mobileHeight}vh`), B = _(() => {
@@ -112,7 +112,7 @@ import './style/modal.css';const U = { class: "rds-e-modal__header" }, j = { cla
     }), g = () => {
       t.preventClose || s("onCloseRequest");
     };
-    return k({
+    return S({
       /**
        * { () => void } Gestiona el clic fuera del modal.
        */
@@ -142,32 +142,32 @@ import './style/modal.css';const U = { class: "rds-e-modal__header" }, j = { cla
       toggleModal: () => {
         s("onToggleRequest");
       }
-    }), (e, l) => o.open ? (d(), R(c(V), {
+    }), (e, l) => o.open ? (d(), C(c(I), {
       key: 0,
       id: o.id,
       ref_key: "overlay",
-      ref: q,
+      ref: $,
       class: "rds-e-modal__overlay",
       teleport: t.teleport,
       onClick: g
     }, {
-      default: C(() => [
-        E(c(L), {
+      default: R(() => [
+        F(c(L), {
           id: o.id ? `${o.id}-card` : void 0,
           class: "rds-e-modal__card",
-          style: T(B.value),
-          onClick: l[1] || (l[1] = F(() => {
+          style: V(B.value),
+          onClick: l[1] || (l[1] = T(() => {
           }, ["stop"]))
         }, {
-          default: C(() => [
+          default: R(() => [
             v("div", {
-              class: S(["rds-e-modal__container", { "rds-e-modal__container--no-footer": !e.$slots.footer }])
+              class: k(["rds-e-modal__container", { "rds-e-modal__container--no-footer": !e.$slots.footer }])
             }, [
               v("div", U, [
                 v("div", j, [
                   p(e.$slots, "header", {}, void 0, !0)
                 ]),
-                t.showClose ? (d(), R(c(A), {
+                t.showClose ? (d(), C(c(A), {
                   key: 0,
                   class: "rds-e-modal__header-close",
                   name: "close",
@@ -187,8 +187,8 @@ import './style/modal.css';const U = { class: "rds-e-modal__header" }, j = { cla
               e.$slots.footer ? (d(), h("div", {
                 key: 2,
                 ref_key: "footerRef",
-                ref: $,
-                class: S(["rds-e-modal__footer", { "rds-e-modal__footer--has-shadow": u.value }])
+                ref: q,
+                class: k(["rds-e-modal__footer", { "rds-e-modal__footer--has-shadow": u.value }])
               }, [
                 p(e.$slots, "footer", {}, void 0, !0)
               ], 2)) : f("", !0)
@@ -200,7 +200,7 @@ import './style/modal.css';const U = { class: "rds-e-modal__header" }, j = { cla
       _: 3
     }, 8, ["id", "teleport"])) : f("", !0);
   }
-}), Z = /* @__PURE__ */ I(J, [["__scopeId", "data-v-5521fdf1"]]);
+}), Z = /* @__PURE__ */ D(J, [["__scopeId", "data-v-5521fdf1"]]);
 export {
   Z as default
 };

package/dist/components/multiselect.es.js

@@ -11,7 +11,7 @@ function M(e, t) {
   return e === void 0 && (e = "undefined"), e === null && (e = "null"), e === !1 && (e = "false"), e.toString().toLowerCase().indexOf(t.trim()) !== -1;
 }
 function E(e, t, i, r) {
-  return t ? e.filter((n) => M(r(n, i), t)).sort((n, l) => r(n, i).length - r(l, i).length) : e;
+  return t ? e.filter((n) => M(r(n, i), t)).sort((n, s) => r(n, i).length - r(s, i).length) : e;
 }
 function z(e) {
   return e.filter((t) => !t.$isLabel);
@@ -23,13 +23,13 @@ function V(e, t) {
   }), r.concat(n[e])) : r, []);
 }
 function j(e, t, i, r, n) {
-  return (l) => l.map((d) => {
+  return (s) => s.map((d) => {
     if (!d[i])
       return console.warn("Options passed to vue-multiselect do not contain groups, despite the config."), [];
-    const s = E(d[i], e, t, n);
-    return s.length ? {
+    const l = E(d[i], e, t, n);
+    return l.length ? {
       [r]: d[r],
-      [i]: s
+      [i]: l
     } : [];
   });
 }
@@ -420,7 +420,7 @@ const G = (...e) => (t) => e.reduce((i, r) => r(i), t), q = {
           this.$emit("tag", e.label, this.id), this.search = "", this.closeOnSelect && !this.multiple && this.deactivate();
         else {
           if (this.isSelected(e)) {
-            this.multiple && t !== "Tab" ? this.removeElement(e) : !this.multiple && this.closeOnSelect && this.deactivate();
+            t !== "Tab" && this.removeElement(e);
             return;
           }
           this.multiple ? this.$emit("update:modelValue", this.internalValue.concat([e])) : this.$emit("update:modelValue", e), this.$emit("select", e, this.id), this.clearOnSelect && (this.search = "");
@@ -618,10 +618,9 @@ const G = (...e) => (t) => e.reduce((i, r) => r(i), t), q = {
       this.pointer > 0 ? (this.pointer--, this.$refs.list.scrollTop >= this.pointerPosition && (this.$refs.list.scrollTop = this.pointerPosition), this.filteredOptions[this.pointer] && this.filteredOptions[this.pointer].$isLabel && !this.groupSelect && this.pointerBackward()) : this.filteredOptions[this.pointer] && this.filteredOptions[0].$isLabel && !this.groupSelect && this.pointerForward(), this.pointerDirty = !0;
     },
     pointerReset() {
-      var e;
       if (this.closeOnSelect && (this.pointer = 0, this.$refs.list)) {
-        const t = ((e = this.$refs.list.$refs) == null ? void 0 : e.wrapper) || this.$refs.list;
-        t.scrollTop && (t.scrollTop = 0);
+        const e = this.$refs.list.$refs?.wrapper || this.$refs.list;
+        e.scrollTop && (e.scrollTop = 0);
       }
     },
     pointerAdjust() {
@@ -898,25 +897,25 @@ const G = (...e) => (t) => e.reduce((i, r) => r(i), t), q = {
   ref: "tags",
   class: "multiselect__tags"
 }, Q = { class: "multiselect__tags-wrap" }, X = ["textContent"], Y = ["onKeypress", "onMousedown"], Z = ["textContent"], _ = { class: "multiselect__spinner" }, ee = ["name", "id", "spellcheck", "placeholder", "required", "value", "disabled", "tabindex", "aria-controls"];
-function te(e, t, i, r, n, l) {
+function te(e, t, i, r, n, s) {
   const d = H("MultiselectContentWrapper");
   return c(), g("div", {
     tabindex: e.searchable ? -1 : i.tabindex,
-    class: P([{ "multiselect--active": e.isOpen, "multiselect--disabled": i.disabled, "multiselect--above": l.isAbove, "multiselect--has-options-group": l.hasOptionGroup }, "multiselect"]),
-    onFocus: t[11] || (t[11] = (s) => e.activate()),
-    onBlur: t[12] || (t[12] = (...s) => l.onBlur && l.onBlur(...s)),
+    class: P([{ "multiselect--active": e.isOpen, "multiselect--disabled": i.disabled, "multiselect--above": s.isAbove, "multiselect--has-options-group": s.hasOptionGroup }, "multiselect"]),
+    onFocus: t[11] || (t[11] = (l) => e.activate()),
+    onBlur: t[12] || (t[12] = (...l) => s.onBlur && s.onBlur(...l)),
     onKeydown: [
-      t[13] || (t[13] = a(o((s) => e.pointerForward(), ["self", "prevent"]), ["down"])),
-      t[14] || (t[14] = a(o((s) => e.pointerBackward(), ["self", "prevent"]), ["up"]))
+      t[13] || (t[13] = a(o((l) => e.pointerForward(), ["self", "prevent"]), ["down"])),
+      t[14] || (t[14] = a(o((l) => e.pointerBackward(), ["self", "prevent"]), ["up"]))
     ],
-    onKeypress: t[15] || (t[15] = a(o((s) => e.addPointerElement(s), ["stop", "self"]), ["enter", "tab"])),
-    onKeyup: t[16] || (t[16] = a((s) => e.deactivate(), ["esc"])),
+    onKeypress: t[15] || (t[15] = a(o((l) => e.addPointerElement(l), ["stop", "self"]), ["enter", "tab"])),
+    onKeyup: t[16] || (t[16] = a((l) => e.deactivate(), ["esc"])),
     role: "combobox",
     "aria-owns": "listbox-" + e.id
   }, [
     u(e.$slots, "caret", { toggle: e.toggle }, () => [
       p("div", {
-        onMousedown: t[0] || (t[0] = o((s) => e.toggle(), ["prevent", "stop"])),
+        onMousedown: t[0] || (t[0] = o((l) => e.toggle(), ["prevent", "stop"])),
         class: "multiselect__select"
       }, null, 32)
     ], !0),
@@ -925,12 +924,12 @@ function te(e, t, i, r, n, l) {
       u(e.$slots, "selection", {
         search: e.search,
         remove: e.removeElement,
-        values: l.visibleValues,
+        values: s.visibleValues,
         isOpen: e.isOpen
       }, () => [
         v(p("div", Q, [
-          (c(!0), g(N, null, L(l.visibleValues, (s, h) => u(e.$slots, "tag", {
-            option: s,
+          (c(!0), g(N, null, L(s.visibleValues, (l, h) => u(e.$slots, "tag", {
+            option: l,
             search: e.search,
             remove: e.removeElement
           }, () => [
@@ -939,18 +938,18 @@ function te(e, t, i, r, n, l) {
               key: h
             }, [
               p("span", {
-                textContent: w(e.getOptionLabel(s))
+                textContent: w(e.getOptionLabel(l))
               }, null, 8, X),
               p("i", {
                 tabindex: "1",
-                onKeypress: a(o((f) => e.removeElement(s), ["prevent"]), ["enter"]),
-                onMousedown: o((f) => e.removeElement(s), ["prevent"]),
+                onKeypress: a(o((f) => e.removeElement(l), ["prevent"]), ["enter"]),
+                onMousedown: o((f) => e.removeElement(l), ["prevent"]),
                 class: "multiselect__tag-icon"
               }, null, 40, Y)
             ]))
           ], !0)), 256))
         ], 512), [
-          [O, l.visibleValues.length > 0]
+          [O, s.visibleValues.length > 0]
         ]),
         e.internalValue && e.internalValue.length > i.limit ? u(e.$slots, "limit", { key: 0 }, () => [
           p("strong", {
@@ -980,30 +979,30 @@ function te(e, t, i, r, n, l) {
         placeholder: e.placeholder,
         required: i.required,
         style: C({
-          ...l.inputStyle
+          ...s.inputStyle
         }),
         value: e.search,
         disabled: i.disabled,
         tabindex: i.tabindex,
-        onInput: t[1] || (t[1] = (s) => e.updateSearch(s.target.value)),
-        onFocus: t[2] || (t[2] = o((s) => e.activate(), ["prevent"])),
-        onBlur: t[3] || (t[3] = o((s) => e.deactivate(), ["prevent"])),
-        onKeyup: t[4] || (t[4] = a((s) => e.deactivate(), ["esc"])),
+        onInput: t[1] || (t[1] = (l) => e.updateSearch(l.target.value)),
+        onFocus: t[2] || (t[2] = o((l) => e.activate(), ["prevent"])),
+        onBlur: t[3] || (t[3] = o((l) => e.deactivate(), ["prevent"])),
+        onKeyup: t[4] || (t[4] = a((l) => e.deactivate(), ["esc"])),
         onKeydown: [
-          t[5] || (t[5] = a(o((s) => e.pointerForward(), ["prevent"]), ["down"])),
-          t[6] || (t[6] = a(o((s) => e.pointerBackward(), ["prevent"]), ["up"])),
-          t[8] || (t[8] = a(o((s) => e.removeLastElement(), ["stop"]), ["delete"]))
+          t[5] || (t[5] = a(o((l) => e.pointerForward(), ["prevent"]), ["down"])),
+          t[6] || (t[6] = a(o((l) => e.pointerBackward(), ["prevent"]), ["up"])),
+          t[8] || (t[8] = a(o((l) => e.removeLastElement(), ["stop"]), ["delete"]))
         ],
-        onKeypress: t[7] || (t[7] = a(o((s) => e.addPointerElement(s), ["prevent", "stop", "self"]), ["enter"])),
+        onKeypress: t[7] || (t[7] = a(o((l) => e.addPointerElement(l), ["prevent", "stop", "self"]), ["enter"])),
         class: "multiselect__input",
         "aria-controls": "listbox-" + e.id
       }, null, 44, ee)) : b("", !0),
-      l.isSingleLabelVisible ? (c(), g("span", {
+      s.isSingleLabelVisible ? (c(), g("span", {
         key: 1,
         class: "multiselect__single",
-        onMousedown: t[9] || (t[9] = o((...s) => e.toggle && e.toggle(...s), ["prevent"]))
+        onMousedown: t[9] || (t[9] = o((...l) => e.toggle && e.toggle(...l), ["prevent"]))
       }, [
-        u(e.$slots, "singleLabel", { option: l.singleValue }, () => [
+        u(e.$slots, "singleLabel", { option: s.singleValue }, () => [
           F(w(e.currentOptionLabel), 1)
         ], !0)
       ], 32)) : b("", !0)
@@ -1021,29 +1020,29 @@ function te(e, t, i, r, n, l) {
           optionHighlight: e.optionHighlight,
           select: e.select,
           pointerSet: e.pointerSet,
-          selectLabelText: l.selectLabelText,
-          selectedLabelText: l.selectedLabelText,
-          deselectLabelText: l.deselectLabelText,
+          selectLabelText: s.selectLabelText,
+          selectedLabelText: s.selectedLabelText,
+          deselectLabelText: s.deselectLabelText,
           tagPlaceholder: e.tagPlaceholder,
           groupSelect: e.groupSelect,
-          selectGroupLabelText: l.selectGroupLabelText,
-          deselectGroupLabelText: l.deselectGroupLabelText,
+          selectGroupLabelText: s.selectGroupLabelText,
+          deselectGroupLabelText: s.deselectGroupLabelText,
           getOptionLabel: e.getOptionLabel,
           groupHighlight: e.groupHighlight,
           selectGroup: e.selectGroup,
           options: e.options,
-          hasOptionGroup: l.hasOptionGroup,
+          hasOptionGroup: s.hasOptionGroup,
           search: e.search,
           loading: i.loading,
           showNoResults: i.showNoResults,
           showNoOptions: i.showNoOptions,
           small: i.small,
-          contentStyle: l.contentStyle,
-          customStyle: l.dropdownStyle,
+          contentStyle: s.contentStyle,
+          customStyle: s.dropdownStyle,
           ref: "list",
           onFocus: e.activate
         }, B({ _: 2 }, [
-          L(e.$slots, (s, h) => ({
+          L(e.$slots, (l, h) => ({
             name: h,
             fn: y((f) => [
               u(e.$slots, h, $(D(f)), void 0, !0)
@@ -1070,30 +1069,30 @@ function te(e, t, i, r, n, l) {
         optionHighlight: e.optionHighlight,
         select: e.select,
         pointerSet: e.pointerSet,
-        selectLabelText: l.selectLabelText,
-        selectedLabelText: l.selectedLabelText,
-        deselectLabelText: l.deselectLabelText,
+        selectLabelText: s.selectLabelText,
+        selectedLabelText: s.selectedLabelText,
+        deselectLabelText: s.deselectLabelText,
         tagPlaceholder: e.tagPlaceholder,
         groupSelect: e.groupSelect,
-        selectGroupLabelText: l.selectGroupLabelText,
-        deselectGroupLabelText: l.deselectGroupLabelText,
+        selectGroupLabelText: s.selectGroupLabelText,
+        deselectGroupLabelText: s.deselectGroupLabelText,
         getOptionLabel: e.getOptionLabel,
         groupHighlight: e.groupHighlight,
         selectGroup: e.selectGroup,
         options: e.options,
-        hasOptionGroup: l.hasOptionGroup,
+        hasOptionGroup: s.hasOptionGroup,
         search: e.search,
         loading: i.loading,
         showNoResults: i.showNoResults,
         showNoOptions: i.showNoOptions,
         small: i.small,
-        contentStyle: l.contentStyle,
-        customStyle: l.teleportedContentStyle,
+        contentStyle: s.contentStyle,
+        customStyle: s.teleportedContentStyle,
         onFocus: e.activate,
         onClick: t[10] || (t[10] = o(() => {
         }, ["stop"]))
       }, B({ _: 2 }, [
-        L(e.$slots, (s, h) => ({
+        L(e.$slots, (l, h) => ({
           name: h,
           fn: y((f) => [
             u(e.$slots, h, $(D(f)), void 0, !0)

package/dist/components/overlay.es.js

@@ -1,6 +1,6 @@
-import { defineComponent as d, createBlock as s, openBlock as a, Teleport as n, createElementVNode as o, mergeProps as l, renderSlot as i } from "vue";
-import { _ as c } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/overlay.css';const p = ["id"], _ = { class: "rds-e-overlay__content" }, f = /* @__PURE__ */ d({
+import { defineComponent as c, useAttrs as d, computed as l, createBlock as p, openBlock as u, Teleport as f, createElementVNode as s, mergeProps as _, renderSlot as m } from "vue";
+import { _ as v } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/overlay.css';const y = ["id"], h = { class: "rds-e-overlay__content" }, g = /* @__PURE__ */ c({
   __name: "overlay",
   props: {
     /**
@@ -20,22 +20,27 @@ import './style/overlay.css';const p = ["id"], _ = { class: "rds-e-overlay__cont
       default: void 0
     }
   },
-  setup(e) {
-    const r = e;
-    return (t, u) => (a(), s(n, {
-      to: r.teleport
+  setup(o) {
+    const a = o, n = d(), i = l(() => {
+      const t = {};
+      return Object.entries(n).forEach(([e, r]) => {
+        /^on[a-z]+/i.test(e) || typeof r == "string" && r.trim().toLowerCase().startsWith("javascript:") || (t[e] = r);
+      }), t;
+    });
+    return (t, e) => (u(), p(f, {
+      to: a.teleport
     }, [
-      o("div", l({
-        id: e.id,
+      s("div", _({
+        id: o.id,
         class: "rds-e-overlay"
-      }, t.$attrs), [
-        o("div", _, [
-          i(t.$slots, "default", {}, void 0, !0)
+      }, i.value), [
+        s("div", h, [
+          m(t.$slots, "default", {}, void 0, !0)
         ])
-      ], 16, p)
+      ], 16, y)
     ], 8, ["to"]));
   }
-}), y = /* @__PURE__ */ c(f, [["__scopeId", "data-v-f5f6d56b"]]);
+}), j = /* @__PURE__ */ v(g, [["__scopeId", "data-v-e82b4703"]]);
 export {
-  y as default
+  j as default
 };