energy-components 1.20.0-beta.0 → 1.21.0-beta.0

package/dist/components/multiselect.es.js

@@ -1,17 +1,17 @@
-import E from "./multiselectcontentwrapper.es.js";
-import { resolveComponent as H, createElementBlock as g, openBlock as c, withKeys as a, normalizeClass as P, withModifiers as o, renderSlot as u, createElementVNode as p, createVNode as m, createBlock as A, createCommentVNode as b, withDirectives as v, Fragment as N, renderList as S, toDisplayString as O, vShow as L, Transition as T, withCtx as y, normalizeStyle as F, createTextVNode as x, createSlots as B, normalizeProps as $, guardReactiveProps as D, Teleport as C } from "vue";
-import { _ as K } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/multiselect.css';function w(e) {
+import k from "./multiselectcontentwrapper.es.js";
+import { resolveComponent as H, createElementBlock as g, openBlock as c, withKeys as a, normalizeClass as P, withModifiers as o, renderSlot as u, createElementVNode as p, createVNode as m, createBlock as A, createCommentVNode as b, withDirectives as v, Fragment as N, renderList as L, toDisplayString as w, vShow as O, Transition as T, withCtx as y, normalizeStyle as C, createTextVNode as F, createSlots as B, normalizeProps as $, guardReactiveProps as D, Teleport as x } from "vue";
+import { _ as R } 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;
 }
-function R(e) {
+function K(e) {
   return (...t) => !e(...t);
 }
 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 k(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;
+function E(e, t, i, r) {
+  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 = k(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
     } : [];
   });
 }
@@ -40,7 +40,8 @@ const G = (...e) => (t) => e.reduce((i, r) => r(i), t), q = {
       isOpen: !1,
       preferredOpenDirection: "below",
       optimizedHeight: this.maxHeight,
-      currentElRect: null
+      currentElRect: null,
+      scrollListener: null
     };
   },
   props: {
@@ -160,7 +161,7 @@ const G = (...e) => (t) => e.reduce((i, r) => r(i), t), q = {
     customLabel: {
       type: Function,
       default(e, t) {
-        return w(e) ? "" : t ? e[t] : e;
+        return S(e) ? "" : t ? e[t] : e;
       }
     },
     /**
@@ -298,7 +299,7 @@ const G = (...e) => (t) => e.reduce((i, r) => r(i), t), q = {
     filteredOptions() {
       const e = this.search || "", t = e.toLowerCase().trim();
       let i = this.options.concat();
-      return this.internalSearch ? i = this.groupValues ? this.filterAndFlat(i, t, this.label) : k(i, t, this.label, this.customLabel) : i = this.groupValues ? V(this.groupValues, this.groupLabel)(i) : i, i = this.hideSelected ? i.filter(R(this.isSelected)) : i, this.taggable && t.length && !this.isExistingOption(t) && (this.tagPosition === "bottom" ? i.push({ isTag: !0, label: e }) : i.unshift({ isTag: !0, label: e })), i.slice(0, this.optionsLimit);
+      return this.internalSearch ? i = this.groupValues ? this.filterAndFlat(i, t, this.label) : E(i, t, this.label, this.customLabel) : i = this.groupValues ? V(this.groupValues, this.groupLabel)(i) : i, i = this.hideSelected ? i.filter(K(this.isSelected)) : i, this.taggable && t.length && !this.isExistingOption(t) && (this.tagPosition === "bottom" ? i.push({ isTag: !0, label: e }) : i.unshift({ isTag: !0, label: e })), i.slice(0, this.optionsLimit);
     },
     valueKeys() {
       return this.trackBy ? this.internalValue.map((e) => e[this.trackBy]) : this.internalValue;
@@ -395,11 +396,11 @@ const G = (...e) => (t) => e.reduce((i, r) => r(i), t), q = {
      * @returns {Object||String}
      */
     getOptionLabel(e) {
-      if (w(e)) return "";
+      if (S(e)) return "";
       if (e.isTag) return e.label;
       if (e.$isLabel) return e.$groupLabel;
       const t = this.customLabel(e, this.label);
-      return w(t) ? "" : t;
+      return S(t) ? "" : t;
     },
     /**
      * Add the given option to the list of selected options
@@ -504,18 +505,20 @@ const G = (...e) => (t) => e.reduce((i, r) => r(i), t), q = {
       this.blockKeys.indexOf("Delete") === -1 && this.search.length === 0 && Array.isArray(this.internalValue) && this.internalValue.length && this.removeElement(this.internalValue[this.internalValue.length - 1], !1);
     },
     /**
-     * Opens the multiselect’s dropdown.
+     * Opens the multiselect's dropdown.
      * Sets this.isOpen to TRUE
      */
     activate() {
-      this.isOpen || this.disabled || (this.adjustPosition(), this.groupValues && this.pointer === 0 && this.filteredOptions.length && (this.pointer = 1), this.isOpen = !0, this.searchable ? (this.preserveSearch || (this.search = ""), this.preventAutofocus || this.$nextTick(() => this.$refs.search && this.$refs.search.focus())) : this.preventAutofocus || typeof this.$el < "u" && this.$el.focus(), this.$emit("open", this.id));
+      this.isOpen || this.disabled || (this.adjustPosition(), this.groupValues && this.pointer === 0 && this.filteredOptions.length && (this.pointer = 1), this.isOpen = !0, this.appendToBody && typeof window < "u" && (this.scrollListener = () => {
+        this.isOpen && this.$el && (this.currentElRect = this.$el.getBoundingClientRect());
+      }, window.addEventListener("scroll", this.scrollListener, !0), window.addEventListener("resize", this.scrollListener)), this.searchable ? (this.preserveSearch || (this.search = ""), this.preventAutofocus || this.$nextTick(() => this.$refs.search && this.$refs.search.focus())) : this.preventAutofocus || typeof this.$el < "u" && this.$el.focus(), this.$emit("open", this.id));
     },
     /**
-     * Closes the multiselect’s dropdown.
+     * Closes the multiselect's dropdown.
      * Sets this.isOpen to FALSE
      */
     deactivate() {
-      this.isOpen && (this.isOpen = !1, this.searchable ? this.$refs.search !== null && typeof this.$refs.search < "u" && this.$refs.search.blur() : typeof this.$el < "u" && this.$el.blur(), this.preserveSearch || (this.search = ""), this.$emit("close", this.getValue(), this.id));
+      this.isOpen && (this.isOpen = !1, this.scrollListener && typeof window < "u" && (window.removeEventListener("scroll", this.scrollListener, !0), window.removeEventListener("resize", this.scrollListener), this.scrollListener = null), this.searchable ? this.$refs.search !== null && typeof this.$refs.search < "u" && this.$refs.search.blur() : typeof this.$el < "u" && this.$el.blur(), this.preserveSearch || (this.search = ""), this.$emit("close", this.getValue(), this.id));
     },
     /**
      * Call this.activate() or this.deactivate()
@@ -631,7 +634,7 @@ const G = (...e) => (t) => e.reduce((i, r) => r(i), t), q = {
 }, I = {
   name: "vue-multiselect",
   components: {
-    MultiselectContentWrapper: E
+    MultiselectContentWrapper: k
   },
   mixins: [q, W],
   compatConfig: {
@@ -895,25 +898,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),
@@ -922,12 +925,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, S(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
           }, () => [
@@ -936,23 +939,23 @@ function te(e, t, i, r, n, l) {
               key: h
             }, [
               p("span", {
-                textContent: O(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), [
-          [L, l.visibleValues.length > 0]
+          [O, s.visibleValues.length > 0]
         ]),
         e.internalValue && e.internalValue.length > i.limit ? u(e.$slots, "limit", { key: 0 }, () => [
           p("strong", {
             class: "multiselect__strong",
-            textContent: O(i.limitText(e.internalValue.length - i.limit))
+            textContent: w(i.limitText(e.internalValue.length - i.limit))
           }, null, 8, Z)
         ], !0) : b("", !0)
       ], !0),
@@ -960,7 +963,7 @@ function te(e, t, i, r, n, l) {
         default: y(() => [
           u(e.$slots, "loading", {}, () => [
             v(p("div", _, null, 512), [
-              [L, i.loading]
+              [O, i.loading]
             ])
           ], !0)
         ]),
@@ -976,32 +979,32 @@ function te(e, t, i, r, n, l) {
         spellcheck: i.spellcheck,
         placeholder: e.placeholder,
         required: i.required,
-        style: F({
-          ...l.inputStyle
+        style: C({
+          ...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 }, () => [
-          x(O(e.currentOptionLabel), 1)
+        u(e.$slots, "singleLabel", { option: s.singleValue }, () => [
+          F(w(e.currentOptionLabel), 1)
         ], !0)
       ], 32)) : b("", !0)
     ], 512),
@@ -1018,41 +1021,41 @@ 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 }, [
-          S(e.$slots, (s, h) => ({
+          L(e.$slots, (l, h) => ({
             name: h,
             fn: y((f) => [
               u(e.$slots, h, $(D(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"]), [
-          [L, e.isOpen && !i.appendToBody]
+          [O, e.isOpen && !i.appendToBody]
         ])
       ]),
       _: 3
     }),
-    i.appendToBody && e.isOpen ? (c(), A(C, {
+    i.appendToBody && e.isOpen ? (c(), A(x, {
       key: 0,
       to: "body"
     }, [
@@ -1067,30 +1070,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 }, [
-        S(e.$slots, (s, h) => ({
+        L(e.$slots, (l, h) => ({
           name: h,
           fn: y((f) => [
             u(e.$slots, h, $(D(f)), void 0, !0)
@@ -1100,7 +1103,7 @@ function te(e, t, i, r, n, l) {
     ])) : b("", !0)
   ], 42, U);
 }
-const re = /* @__PURE__ */ K(I, [["render", te], ["__scopeId", "data-v-2093ab38"]]);
+const re = /* @__PURE__ */ R(I, [["render", te], ["__scopeId", "data-v-2093ab38"]]);
 export {
   re as default
 };

package/dist/components/persistentToast.es.js

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

package/dist/components/popover.es.js

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