energy-components 2.7.0 → 2.8.0

package/dist/components/link.es.js

@@ -1,6 +1,6 @@
 import { defineComponent as O, useAttrs as T, computed as t, openBlock as i, createBlock as l, resolveDynamicComponent as E, mergeProps as d, withCtx as L, createCommentVNode as s, createElementBlock as g, normalizeClass as v, renderSlot as b, createTextVNode as h, toDisplayString as w } from "vue";
 import { s as R } from "./functions-D3GA3OzJ.js";
-import { R as c } from "./icon-svg-CW3eQRcp.js";
+import { R as c } from "./icon-svg-BWxX0W6p.js";
 import { _ as $ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/link.css';const K = /* @__PURE__ */ O({
   __name: "link",

package/dist/components/modal.es.js

@@ -1,7 +1,7 @@
 import { watch as O, nextTick as M, onBeforeUnmount as E, computed as c, defineComponent as N, ref as x, onMounted as z, openBlock as C, createBlock as A, unref as u, withCtx as D, createVNode as I, withModifiers as P, normalizeStyle as W, createElementVNode as $, normalizeClass as T, renderSlot as q, createElementBlock as R, createCommentVNode as F } from "vue";
 import V from "./overlay.es.js";
 import K from "./card.es.js";
-import { R as j } from "./icon-svg-CW3eQRcp.js";
+import { R as j } from "./icon-svg-BWxX0W6p.js";
 import { _ as U } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/modal.css';function G(t, a) {
   const l = a.returnFocus ?? !0;

package/dist/components/multiselect.es.js

@@ -1,5 +1,5 @@
 import A from "./multiselectcontentwrapper.es.js";
-import { resolveComponent as F, openBlock as c, createElementBlock as g, withKeys as a, withModifiers as o, normalizeClass as H, renderSlot as u, createElementVNode as d, withDirectives as w, Fragment as K, renderList as v, toDisplayString as O, vShow as L, createCommentVNode as m, createVNode as b, Transition as T, withCtx as y, normalizeStyle as $, createTextVNode as P, createSlots as B, normalizeProps as D, guardReactiveProps as E, createBlock as R, Teleport as x } from "vue";
+import { resolveComponent as F, openBlock as c, createElementBlock as g, withKeys as a, withModifiers as o, normalizeClass as x, renderSlot as u, createElementVNode as d, withDirectives as w, Fragment as H, renderList as v, toDisplayString as O, vShow as L, createCommentVNode as m, createVNode as b, Transition as T, withCtx as y, normalizeStyle as K, createTextVNode as P, createSlots as B, normalizeProps as D, guardReactiveProps as E, createBlock as R, Teleport as $ } from "vue";
 import { _ as N } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/multiselect.css';function S(e) {
   return e === 0 ? !1 : Array.isArray(e) && e.length === 0 ? !0 : !e;
@@ -891,6 +891,10 @@ const G = (...e) => (t) => e.reduce((i, n) => n(i), t), I = {
     textOnly: {
       type: Boolean,
       default: !1
+    },
+    externalSearch: {
+      type: String,
+      default: ""
     }
   },
   computed: {
@@ -962,7 +966,7 @@ function te(e, t, i, n, r, s) {
   const p = F("MultiselectContentWrapper");
   return c(), g("div", {
     tabindex: e.searchable ? -1 : i.tabindex,
-    class: H([{ "multiselect--active": e.isOpen, "multiselect--disabled": i.disabled, "multiselect--above": s.isAbove, "multiselect--has-options-group": s.hasOptionGroup, "multiselect--kbd": r.isKeyboardFocus }, "multiselect"]),
+    class: x([{ "multiselect--active": e.isOpen, "multiselect--disabled": i.disabled, "multiselect--above": s.isAbove, "multiselect--has-options-group": s.hasOptionGroup, "multiselect--kbd": r.isKeyboardFocus }, "multiselect"]),
     onFocus: t[11] || (t[11] = (...l) => s.onRootFocus && s.onRootFocus(...l)),
     onBlur: t[12] || (t[12] = (...l) => s.onBlur && s.onBlur(...l)),
     onKeydown: [
@@ -992,7 +996,7 @@ function te(e, t, i, n, r, s) {
         isOpen: e.isOpen
       }, () => [
         w(d("div", Q, [
-          (c(!0), g(K, null, v(s.visibleValues, (l, h) => u(e.$slots, "tag", {
+          (c(!0), g(H, null, v(s.visibleValues, (l, h) => u(e.$slots, "tag", {
             option: l,
             search: e.search,
             remove: e.removeElement
@@ -1042,7 +1046,7 @@ function te(e, t, i, n, r, s) {
         spellcheck: i.spellcheck,
         placeholder: e.placeholder,
         required: i.required,
-        style: $({
+        style: K({
           ...s.inputStyle
         }),
         value: e.search,
@@ -1097,6 +1101,7 @@ function te(e, t, i, n, r, s) {
           options: e.options,
           hasOptionGroup: s.hasOptionGroup,
           search: e.search,
+          externalSearch: i.externalSearch,
           loading: i.loading,
           showNoResults: i.showNoResults,
           showNoOptions: i.showNoOptions,
@@ -1112,13 +1117,13 @@ function te(e, t, i, n, r, s) {
               u(e.$slots, h, D(E(f)), void 0, !0)
             ])
           }))
-        ]), 1032, ["id", "multiple", "max", "internalValue", "filteredOptions", "isSelected", "optionHighlight", "select", "pointerSet", "selectLabelText", "selectedLabelText", "deselectLabelText", "tagPlaceholder", "groupSelect", "selectGroupLabelText", "deselectGroupLabelText", "getOptionLabel", "groupHighlight", "selectGroup", "options", "hasOptionGroup", "search", "loading", "showNoResults", "showNoOptions", "small", "contentStyle", "customStyle", "onFocus"]), [
+        ]), 1032, ["id", "multiple", "max", "internalValue", "filteredOptions", "isSelected", "optionHighlight", "select", "pointerSet", "selectLabelText", "selectedLabelText", "deselectLabelText", "tagPlaceholder", "groupSelect", "selectGroupLabelText", "deselectGroupLabelText", "getOptionLabel", "groupHighlight", "selectGroup", "options", "hasOptionGroup", "search", "externalSearch", "loading", "showNoResults", "showNoOptions", "small", "contentStyle", "customStyle", "onFocus"]), [
           [L, e.isOpen && !i.appendToBody]
         ])
       ]),
       _: 3
     }),
-    i.appendToBody && e.isOpen ? (c(), R(x, {
+    i.appendToBody && e.isOpen ? (c(), R($, {
       key: 0,
       to: "body"
     }, [
@@ -1146,6 +1151,7 @@ function te(e, t, i, n, r, s) {
         options: e.options,
         hasOptionGroup: s.hasOptionGroup,
         search: e.search,
+        externalSearch: i.externalSearch,
         loading: i.loading,
         showNoResults: i.showNoResults,
         showNoOptions: i.showNoOptions,
@@ -1162,11 +1168,11 @@ function te(e, t, i, n, r, s) {
             u(e.$slots, h, D(E(f)), void 0, !0)
           ])
         }))
-      ]), 1032, ["id", "multiple", "max", "internalValue", "filteredOptions", "isSelected", "optionHighlight", "select", "pointerSet", "selectLabelText", "selectedLabelText", "deselectLabelText", "tagPlaceholder", "groupSelect", "selectGroupLabelText", "deselectGroupLabelText", "getOptionLabel", "groupHighlight", "selectGroup", "options", "hasOptionGroup", "search", "loading", "showNoResults", "showNoOptions", "small", "contentStyle", "customStyle", "onFocus"])
+      ]), 1032, ["id", "multiple", "max", "internalValue", "filteredOptions", "isSelected", "optionHighlight", "select", "pointerSet", "selectLabelText", "selectedLabelText", "deselectLabelText", "tagPlaceholder", "groupSelect", "selectGroupLabelText", "deselectGroupLabelText", "getOptionLabel", "groupHighlight", "selectGroup", "options", "hasOptionGroup", "search", "externalSearch", "loading", "showNoResults", "showNoOptions", "small", "contentStyle", "customStyle", "onFocus"])
     ])) : m("", !0)
   ], 42, U);
 }
-const ne = /* @__PURE__ */ N(q, [["render", te], ["__scopeId", "data-v-dae3dc31"]]);
+const ne = /* @__PURE__ */ N(q, [["render", te], ["__scopeId", "data-v-f49bc73a"]]);
 export {
   ne as default
 };

package/dist/components/multiselectcontentwrapper.es.js

@@ -1,4 +1,4 @@
-import { openBlock as o, createElementBlock as c, normalizeStyle as _, withModifiers as u, normalizeClass as m, createElementVNode as s, renderSlot as i, createTextVNode as g, toDisplayString as h, createCommentVNode as r, Fragment as S, renderList as y, withDirectives as b, vShow as f } from "vue";
+import { openBlock as o, createElementBlock as c, normalizeStyle as b, withModifiers as r, normalizeClass as m, createElementVNode as s, renderSlot as i, createTextVNode as h, toDisplayString as g, createCommentVNode as u, Fragment as f, renderList as y, withDirectives as _, vShow as S } from "vue";
 import { _ as L } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/multiselectcontentwrapper.css';const w = {
   name: "MultiselectContentWrapper",
@@ -33,6 +33,10 @@ import './style/multiselectcontentwrapper.css';const w = {
     options: Array,
     hasOptionGroup: Boolean,
     search: String,
+    externalSearch: {
+      type: String,
+      default: ""
+    },
     loading: Boolean,
     showNoResults: Boolean,
     showNoOptions: Boolean,
@@ -44,48 +48,48 @@ import './style/multiselectcontentwrapper.css';const w = {
     customStyle: Object
   },
   emits: ["focus"]
-}, O = ["id", "aria-multiselectable"], M = { key: 0 }, v = { class: "multiselect__option" }, T = ["aria-selected", "id", "role"], x = ["onClick", "onMouseenter", "data-select", "data-selected", "data-deselect"], B = ["data-select", "data-deselect", "onMouseenter", "onMousedown"], F = { class: "multiselect__option" }, N = { class: "multiselect__option" };
-function k(l, n, e, G, C, D) {
+}, x = ["id", "aria-multiselectable"], O = { key: 0 }, v = { class: "multiselect__option" }, M = ["aria-selected", "id", "role"], T = ["onClick", "onMouseenter", "data-select", "data-selected", "data-deselect"], B = ["data-select", "data-deselect", "onMouseenter", "onMousedown"], F = { class: "multiselect__option" }, N = { class: "multiselect__option" };
+function k(l, a, e, G, C, D) {
   return o(), c("div", {
     class: m([
       "multiselect__content-wrapper",
       { "multiselect__content-wrapper--small": e.small },
       e.teleported ? "multiselect__content-wrapper--teleported" : ""
     ]),
-    onFocus: n[0] || (n[0] = (t) => l.$emit("focus")),
+    onFocus: a[0] || (a[0] = (t) => l.$emit("focus")),
     tabindex: "-1",
-    onMousedown: n[1] || (n[1] = u(() => {
+    onMousedown: a[1] || (a[1] = r(() => {
     }, ["prevent"])),
-    style: _(e.customStyle),
+    style: b(e.customStyle),
     ref: "wrapper"
   }, [
     s("ul", {
       class: "multiselect__content",
-      style: _(e.contentStyle),
+      style: b(e.contentStyle),
       role: "listbox",
       id: "listbox-" + (e.teleported ? "teleported-" : "") + e.id,
       "aria-multiselectable": e.multiple
     }, [
       i(l.$slots, "beforeList", {}, void 0, !0),
-      e.multiple && e.max === e.internalValue.length ? (o(), c("li", M, [
+      e.multiple && e.max === e.internalValue.length ? (o(), c("li", O, [
         s("span", v, [
           i(l.$slots, "maxElements", {}, () => [
-            g("Maximum of " + h(e.max) + " options selected. First remove a selected option to select another.", 1)
+            h("Maximum of " + g(e.max) + " options selected. First remove a selected option to select another.", 1)
           ], !0)
         ])
-      ])) : r("", !0),
-      !e.max || e.internalValue.length < e.max ? (o(!0), c(S, { key: 1 }, y(e.filteredOptions, (t, a) => (o(), c("li", {
+      ])) : u("", !0),
+      !e.max || e.internalValue.length < e.max ? (o(!0), c(f, { key: 1 }, y(e.filteredOptions, (t, n) => (o(), c("li", {
         class: "multiselect__element",
-        key: a,
+        key: n,
         "aria-selected": e.isSelected(t),
-        id: e.id + "-" + a,
+        id: e.id + "-" + n,
         role: t && (t.$isLabel || t.$isDisabled) ? null : "option"
       }, [
-        t && (t.$isLabel || t.$isDisabled) ? r("", !0) : (o(), c("span", {
+        t && (t.$isLabel || t.$isDisabled) ? u("", !0) : (o(), c("span", {
           key: 0,
-          class: m([e.optionHighlight(a, t), "multiselect__option"]),
-          onClick: u((d) => e.select(t), ["stop"]),
-          onMouseenter: u((d) => e.pointerSet(a), ["self"]),
+          class: m([e.optionHighlight(n, t), "multiselect__option"]),
+          onClick: r((d) => e.select(t), ["stop"]),
+          onMouseenter: r((d) => e.pointerSet(n), ["self"]),
           "data-select": t && t.isTag ? e.tagPlaceholder : e.selectLabelText,
           "data-selected": e.selectedLabelText,
           "data-deselect": e.deselectLabelText
@@ -93,51 +97,53 @@ function k(l, n, e, G, C, D) {
           i(l.$slots, "option", {
             option: t,
             search: e.search,
-            index: a
+            index: n
           }, () => [
-            s("span", null, h(e.getOptionLabel(t)), 1)
+            s("span", null, g(e.getOptionLabel(t)), 1)
           ], !0)
-        ], 42, x)),
+        ], 42, T)),
         t && (t.$isLabel || t.$isDisabled) ? (o(), c("span", {
           key: 1,
           "data-select": e.groupSelect && e.selectGroupLabelText,
           "data-deselect": e.groupSelect && e.deselectGroupLabelText,
-          class: m([e.groupHighlight(a, t), "multiselect__option"]),
-          onMouseenter: u((d) => e.groupSelect && e.pointerSet(a), ["self"]),
-          onMousedown: u((d) => e.selectGroup(t), ["prevent"])
+          class: m([e.groupHighlight(n, t), "multiselect__option"]),
+          onMouseenter: r((d) => e.groupSelect && e.pointerSet(n), ["self"]),
+          onMousedown: r((d) => e.selectGroup(t), ["prevent"])
         }, [
           i(l.$slots, "option", {
             option: t,
             search: e.search,
-            index: a
+            index: n
           }, () => [
-            s("span", null, h(e.getOptionLabel(t)), 1)
+            s("span", null, g(e.getOptionLabel(t)), 1)
           ], !0)
-        ], 42, B)) : r("", !0)
-      ], 8, T))), 128)) : r("", !0),
-      b(s("li", null, [
+        ], 42, B)) : u("", !0)
+      ], 8, M))), 128)) : u("", !0),
+      _(s("li", null, [
         s("span", F, [
-          i(l.$slots, "noResult", { search: e.search }, () => [
-            n[2] || (n[2] = g("No elements found. Consider changing the search query.", -1))
+          i(l.$slots, "noResult", {
+            search: e.search || e.externalSearch
+          }, () => [
+            a[2] || (a[2] = h("No se han encontrado resultados. Prueba a cambiar el criterio de búsqueda.", -1))
           ], !0)
         ])
       ], 512), [
-        [f, e.showNoResults && e.filteredOptions.length === 0 && e.search && !e.loading]
+        [S, e.showNoResults && e.filteredOptions.length === 0 && (e.search || e.externalSearch) && !e.loading]
       ]),
-      b(s("li", null, [
+      _(s("li", null, [
         s("span", N, [
           i(l.$slots, "noOptions", {}, () => [
-            n[3] || (n[3] = g("List is empty.", -1))
+            a[3] || (a[3] = h("La lista está vacía.", -1))
           ], !0)
         ])
       ], 512), [
-        [f, e.showNoOptions && (e.options.length === 0 || e.hasOptionGroup === !0 && e.filteredOptions.length === 0) && !e.search && !e.loading]
+        [S, e.showNoOptions && (e.options.length === 0 || e.hasOptionGroup === !0 && e.filteredOptions.length === 0) && !(e.search || e.externalSearch) && !e.loading]
       ]),
       i(l.$slots, "afterList", {}, void 0, !0)
-    ], 12, O)
+    ], 12, x)
   ], 38);
 }
-const A = /* @__PURE__ */ L(w, [["render", k], ["__scopeId", "data-v-58844ad4"]]);
+const A = /* @__PURE__ */ L(w, [["render", k], ["__scopeId", "data-v-7b479642"]]);
 export {
   A as default
 };

package/dist/components/persistentToast.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as v, toRefs as y, computed as g, openBlock as t, createElementBlock as s, normalizeClass as h, createElementVNode as r, createVNode as a, createCommentVNode as o, toDisplayString as c, renderSlot as l } from "vue";
-import { R as d } from "./icon-svg-CW3eQRcp.js";
+import { R as d } from "./icon-svg-BWxX0W6p.js";
 import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/persistentToast.css';const S = ["id"], b = { class: "alert" }, $ = {
   key: 0,

package/dist/components/popover.es.js

@@ -1,11 +1,11 @@
-import { useSlots as V, computed as y, ref as _, watch as A, nextTick as L, onBeforeUnmount as U, openBlock as a, createElementBlock as c, createElementVNode as B, renderSlot as h, createBlock as H, Teleport as j, normalizeStyle as G, unref as W, normalizeClass as C, Fragment as q, renderList as J, createCommentVNode as R, toDisplayString as K } from "vue";
-import { o as Q, f as X, s as Y, b as Z, u as ee, a as te } from "./floating-ui.vue-DMBZhA6d.js";
-import { R as oe } from "./icon-svg-CW3eQRcp.js";
-import { _ as ne } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/popover.css';const le = { class: "rds-e-popover" }, se = {
+import { useSlots as z, computed as y, ref as _, watch as I, nextTick as C, onBeforeUnmount as V, openBlock as a, createElementBlock as c, createBlock as h, resolveDynamicComponent as U, withCtx as j, renderSlot as b, Teleport as G, normalizeStyle as W, unref as q, normalizeClass as B, Fragment as J, renderList as K, createCommentVNode as H, createElementVNode as Q, toDisplayString as X } from "vue";
+import { o as Y, f as Z, s as ee, b as te, u as oe, a as ne } from "./floating-ui.vue-DMBZhA6d.js";
+import { R as le } from "./icon-svg-BWxX0W6p.js";
+import { _ as re } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/popover.css';const ae = { class: "rds-e-popover" }, se = {
   key: 1,
   class: "rds-e-popover__list"
-}, re = ["onClick"], ae = { class: "rds-e-popover__item-label" }, ie = {
+}, ie = ["onClick"], ce = { class: "rds-e-popover__item-label" }, ue = {
   __name: "popover",
   props: {
     /**
@@ -71,6 +71,20 @@ import './style/popover.css';const le = { class: "rds-e-popover" }, se = {
     triggerOnHover: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * <span>Tag HTML para el contenedor del trigger</span>
+     */
+    triggerTag: {
+      type: String,
+      default: "button"
+    },
+    /**
+     * <span>Aria-label del contenedor del trigger</span>
+     */
+    triggerAriaLabel: {
+      type: String,
+      default: void 0
     }
   },
   emits: [
@@ -87,97 +101,102 @@ import './style/popover.css';const le = { class: "rds-e-popover" }, se = {
      */
     "close"
   ],
-  setup(u, { expose: F, emit: P }) {
-    const t = u, p = P, x = V(), k = y(() => !!x.default), n = _(!1), i = _(null), l = _(null), D = y(() => {
+  setup(u, { expose: R, emit: x }) {
+    const t = u, p = x, D = z(), k = y(() => !!D.default), n = _(!1), i = _(null), l = _(null), F = y(() => {
       const e = [
-        Q(t.offsetSpace)
+        Y(t.offsetSpace)
       ];
       return t.autoFlip && e.push(
-        X({
+        Z({
           fallbackPlacements: t.fallbackPlacements.length ? t.fallbackPlacements : void 0
         })
       ), e.push(
-        Y({ padding: 8 }),
-        Z({
-          apply({ availableWidth: S, elements: s }) {
-            const f = Math.min(t.width, S - 32);
-            Object.assign(s.floating.style, {
+        ee({ padding: 8 }),
+        te({
+          apply({ availableWidth: L, elements: r }) {
+            const f = Math.min(t.width, L - 32);
+            Object.assign(r.floating.style, {
               width: `${f}px`
             });
           }
         })
       ), e;
-    }), { floatingStyles: M, update: $ } = ee(
+    }), { floatingStyles: P, update: M } = oe(
       i,
       l,
       {
         placement: y(() => t.placement),
-        middleware: D,
-        whileElementsMounted: te
+        middleware: F,
+        whileElementsMounted: ne
       }
     );
-    let v, m, g, o = null;
-    const b = () => {
-      document.removeEventListener("click", v), document.removeEventListener("keydown", m), document.removeEventListener("scroll", g, !0);
-    }, r = () => {
-      n.value && (n.value = !1, p("close"), b());
+    let v, g, m, o = null;
+    const T = () => {
+      document.removeEventListener("click", v), document.removeEventListener("keydown", g), document.removeEventListener("scroll", m, !0);
+    }, s = () => {
+      n.value && (n.value = !1, p("close"), T());
     };
     v = (e) => {
-      l.value && !l.value.contains(e.target) && i.value && !i.value.contains(e.target) && r();
-    }, m = (e) => {
-      e.key === "Escape" && r();
-    }, g = () => {
+      l.value && !l.value.contains(e.target) && i.value && !i.value.contains(e.target) && s();
+    }, g = (e) => {
+      e.key === "Escape" && s();
+    }, m = () => {
       if (!i.value) return;
       const e = i.value.getBoundingClientRect();
-      (e.bottom < 0 || e.top > window.innerHeight) && r();
+      (e.bottom < 0 || e.top > window.innerHeight) && s();
     };
     const d = async () => {
-      n.value ? r() : (n.value = !0, p("open"), await L(), $(), setTimeout(() => {
-        document.addEventListener("click", v), document.addEventListener("keydown", m), t.closeOnTriggerHidden && document.addEventListener("scroll", g, !0);
+      n.value ? s() : (n.value = !0, p("open"), await C(), M(), setTimeout(() => {
+        document.addEventListener("click", v), document.addEventListener("keydown", g), t.closeOnTriggerHidden && document.addEventListener("scroll", m, !0);
       }));
-    }, N = () => {
+    }, $ = () => {
       t.triggerOnHover && (o && (clearTimeout(o), o = null), n.value || d());
-    }, T = () => {
+    }, S = () => {
       t.triggerOnHover && (o && (clearTimeout(o), o = null), o = setTimeout(() => {
-        l.value && l.value.matches(":hover, :focus-within") || r();
+        l.value && l.value.matches(":hover, :focus-within") || s();
       }, 120));
-    }, z = (e) => {
+    }, A = (e) => {
       t.triggerOnHover ? (e.preventDefault(), e.stopPropagation(), n.value || d()) : d();
-    }, E = () => {
-      N();
     }, w = () => {
-      T();
-    }, I = () => {
+      $();
+    }, E = () => {
+      S();
+    }, N = () => {
       l.value && (l.value.addEventListener("mouseenter", () => {
         o && (clearTimeout(o), o = null);
       }), l.value.addEventListener("mouseleave", () => {
-        T();
+        S();
       }));
     };
-    A(n, (e) => {
-      e && t.triggerOnHover && L(() => I());
+    I(n, (e) => {
+      e && t.triggerOnHover && C(() => N());
     });
     const O = (e) => {
-      p("select", e), r();
+      p("select", e), s();
     };
-    return U(b), F({
+    return V(T), R({
       toggle: d,
-      close: r,
+      close: s,
       isOpen: n
-    }), (e, S) => (a(), c("div", le, [
-      B("button", {
+    }), (e, L) => (a(), c("div", ae, [
+      (a(), h(U(t.triggerTag), {
         ref_key: "referenceRef",
         ref: i,
         class: "rds-e-popover__trigger-btn",
-        onClick: z,
-        onMouseenter: E,
-        onMouseleave: w,
-        onFocus: E,
-        onBlur: w
-      }, [
-        h(e.$slots, "trigger", {}, void 0, !0)
-      ], 544),
-      (a(), H(j, {
+        "aria-label": t.triggerAriaLabel,
+        type: t.triggerTag === "button" ? "button" : null,
+        onClick: A,
+        onMouseenter: w,
+        onMouseleave: E,
+        onFocus: w,
+        onBlur: E
+      }, {
+        default: j(() => [
+          b(e.$slots, "trigger", {}, void 0, !0)
+        ]),
+        _: 3
+      }, 40, ["aria-label", "type"])),
+      (a(), h(G, {
         to: u.teleportTo,
         disabled: !u.teleportTo
       }, [
@@ -185,34 +204,34 @@ import './style/popover.css';const le = { class: "rds-e-popover" }, se = {
           key: 0,
           ref_key: "floatingRef",
           ref: l,
-          class: C(["rds-e-popover__content", { "rds-e-popover__content--no-styles": k.value }]),
-          style: G(W(M))
+          class: B(["rds-e-popover__content", { "rds-e-popover__content--no-styles": k.value }]),
+          style: W(q(P))
         }, [
-          k.value ? h(e.$slots, "default", { key: 0 }, void 0, !0) : (a(), c("ul", se, [
-            (a(!0), c(q, null, J(u.items, (s, f) => h(e.$slots, "item", {
-              item: s,
+          k.value ? b(e.$slots, "default", { key: 0 }, void 0, !0) : (a(), c("ul", se, [
+            (a(!0), c(J, null, K(u.items, (r, f) => b(e.$slots, "item", {
+              item: r,
               index: f,
-              onSelect: () => O(s)
+              onSelect: () => O(r)
             }, () => [
               (a(), c("li", {
                 key: f,
-                class: C(["rds-e-popover__item rds-body-02-bold", { "rds-e-popover__item--destructive": s.isDestructive }]),
-                onClick: (ce) => O(s)
+                class: B(["rds-e-popover__item rds-body-02-bold", { "rds-e-popover__item--destructive": r.isDestructive }]),
+                onClick: (de) => O(r)
               }, [
-                s.icon ? (a(), H(oe, {
+                r.icon ? (a(), h(le, {
                   key: 0,
                   class: "rds-e-popover__item-icon",
-                  name: s.icon
-                }, null, 8, ["name"])) : R("", !0),
-                B("span", ae, K(s.label), 1)
-              ], 10, re))
+                  name: r.icon
+                }, null, 8, ["name"])) : H("", !0),
+                Q("span", ce, X(r.label), 1)
+              ], 10, ie))
             ], !0)), 256))
           ]))
-        ], 6)) : R("", !0)
+        ], 6)) : H("", !0)
       ], 8, ["to", "disabled"]))
     ]));
   }
-}, ve = /* @__PURE__ */ ne(ie, [["__scopeId", "data-v-97579838"]]);
+}, me = /* @__PURE__ */ re(ue, [["__scopeId", "data-v-522cc1ab"]]);
 export {
-  ve as default
+  me as default
 };