energy-components 1.14.1 → 1.15.0

package/dist/components/tooltip.es.js

@@ -1,969 +1,11 @@
-import { unref as at, defineComponent as jt, toRefs as It, ref as U, computed as Yt, createElementBlock as vt, openBlock as bt, createElementVNode as Z, renderSlot as At, normalizeClass as Ct, createCommentVNode as zt, createVNode as Xt, toDisplayString as Rt, createTextVNode as Kt } from "vue";
-import { R as qt } from "./icon-svg-DuzOdbk1.js";
-import { _ as Gt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/tooltip.css';const X = Math.min, S = Math.max, nt = Math.round, N = (t) => ({
-  x: t,
-  y: t
-}), Jt = {
-  left: "right",
-  right: "left",
-  bottom: "top",
-  top: "bottom"
-}, Qt = {
-  start: "end",
-  end: "start"
-};
-function ft(t, e, o) {
-  return S(t, X(e, o));
-}
-function J(t, e) {
-  return typeof t == "function" ? t(e) : t;
-}
-function I(t) {
-  return t.split("-")[0];
-}
-function Q(t) {
-  return t.split("-")[1];
-}
-function Lt(t) {
-  return t === "x" ? "y" : "x";
-}
-function mt(t) {
-  return t === "y" ? "height" : "width";
-}
-const Ut = /* @__PURE__ */ new Set(["top", "bottom"]);
-function B(t) {
-  return Ut.has(I(t)) ? "y" : "x";
-}
-function pt(t) {
-  return Lt(B(t));
-}
-function Zt(t, e, o) {
-  o === void 0 && (o = !1);
-  const n = Q(t), i = pt(t), r = mt(i);
-  let s = i === "x" ? n === (o ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
-  return e.reference[r] > e.floating[r] && (s = ot(s)), [s, ot(s)];
-}
-function te(t) {
-  const e = ot(t);
-  return [ut(t), e, ut(e)];
-}
-function ut(t) {
-  return t.replace(/start|end/g, (e) => Qt[e]);
-}
-const Ot = ["left", "right"], St = ["right", "left"], ee = ["top", "bottom"], ne = ["bottom", "top"];
-function oe(t, e, o) {
-  switch (t) {
-    case "top":
-    case "bottom":
-      return o ? e ? St : Ot : e ? Ot : St;
-    case "left":
-    case "right":
-      return e ? ee : ne;
-    default:
-      return [];
-  }
-}
-function ie(t, e, o, n) {
-  const i = Q(t);
-  let r = oe(I(t), o === "start", n);
-  return i && (r = r.map((s) => s + "-" + i), e && (r = r.concat(r.map(ut)))), r;
-}
-function ot(t) {
-  return t.replace(/left|right|bottom|top/g, (e) => Jt[e]);
-}
-function se(t) {
-  return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    ...t
-  };
-}
-function Et(t) {
-  return typeof t != "number" ? se(t) : {
-    top: t,
-    right: t,
-    bottom: t,
-    left: t
-  };
-}
-function it(t) {
-  const {
-    x: e,
-    y: o,
-    width: n,
-    height: i
-  } = t;
-  return {
-    width: n,
-    height: i,
-    top: o,
-    left: e,
-    right: e + n,
-    bottom: o + i,
-    x: e,
-    y: o
-  };
-}
-function _t(t, e, o) {
-  let {
-    reference: n,
-    floating: i
-  } = t;
-  const r = B(e), s = pt(e), l = mt(s), a = I(e), c = r === "y", f = n.x + n.width / 2 - i.width / 2, u = n.y + n.height / 2 - i.height / 2, p = n[l] / 2 - i[l] / 2;
-  let d;
-  switch (a) {
-    case "top":
-      d = {
-        x: f,
-        y: n.y - i.height
-      };
-      break;
-    case "bottom":
-      d = {
-        x: f,
-        y: n.y + n.height
-      };
-      break;
-    case "right":
-      d = {
-        x: n.x + n.width,
-        y: u
-      };
-      break;
-    case "left":
-      d = {
-        x: n.x - i.width,
-        y: u
-      };
-      break;
-    default:
-      d = {
-        x: n.x,
-        y: n.y
-      };
-  }
-  switch (Q(e)) {
-    case "start":
-      d[s] -= p * (o && c ? -1 : 1);
-      break;
-    case "end":
-      d[s] += p * (o && c ? -1 : 1);
-      break;
-  }
-  return d;
-}
-const re = async (t, e, o) => {
-  const {
-    placement: n = "bottom",
-    strategy: i = "absolute",
-    middleware: r = [],
-    platform: s
-  } = o, l = r.filter(Boolean), a = await (s.isRTL == null ? void 0 : s.isRTL(e));
-  let c = await s.getElementRects({
-    reference: t,
-    floating: e,
-    strategy: i
-  }), {
-    x: f,
-    y: u
-  } = _t(c, n, a), p = n, d = {}, m = 0;
-  for (let h = 0; h < l.length; h++) {
-    const {
-      name: g,
-      fn: w
-    } = l[h], {
-      x,
-      y,
-      data: b,
-      reset: v
-    } = await w({
-      x: f,
-      y: u,
-      initialPlacement: n,
-      placement: p,
-      strategy: i,
-      middlewareData: d,
-      rects: c,
-      platform: s,
-      elements: {
-        reference: t,
-        floating: e
-      }
-    });
-    f = x ?? f, u = y ?? u, d = {
-      ...d,
-      [g]: {
-        ...d[g],
-        ...b
-      }
-    }, v && m <= 50 && (m++, typeof v == "object" && (v.placement && (p = v.placement), v.rects && (c = v.rects === !0 ? await s.getElementRects({
-      reference: t,
-      floating: e,
-      strategy: i
-    }) : v.rects), {
-      x: f,
-      y: u
-    } = _t(c, p, a)), h = -1);
-  }
-  return {
-    x: f,
-    y: u,
-    placement: p,
-    strategy: i,
-    middlewareData: d
-  };
-};
-async function ht(t, e) {
-  var o;
-  e === void 0 && (e = {});
-  const {
-    x: n,
-    y: i,
-    platform: r,
-    rects: s,
-    elements: l,
-    strategy: a
-  } = t, {
-    boundary: c = "clippingAncestors",
-    rootBoundary: f = "viewport",
-    elementContext: u = "floating",
-    altBoundary: p = !1,
-    padding: d = 0
-  } = J(e, t), m = Et(d), g = l[p ? u === "floating" ? "reference" : "floating" : u], w = it(await r.getClippingRect({
-    element: (o = await (r.isElement == null ? void 0 : r.isElement(g))) == null || o ? g : g.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(l.floating)),
-    boundary: c,
-    rootBoundary: f,
-    strategy: a
-  })), x = u === "floating" ? {
-    x: n,
-    y: i,
-    width: s.floating.width,
-    height: s.floating.height
-  } : s.reference, y = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(l.floating)), b = await (r.isElement == null ? void 0 : r.isElement(y)) ? await (r.getScale == null ? void 0 : r.getScale(y)) || {
-    x: 1,
-    y: 1
-  } : {
-    x: 1,
-    y: 1
-  }, v = it(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: l,
-    rect: x,
-    offsetParent: y,
-    strategy: a
-  }) : x);
-  return {
-    top: (w.top - v.top + m.top) / b.y,
-    bottom: (v.bottom - w.bottom + m.bottom) / b.y,
-    left: (w.left - v.left + m.left) / b.x,
-    right: (v.right - w.right + m.right) / b.x
-  };
-}
-const le = (t) => ({
-  name: "arrow",
-  options: t,
-  async fn(e) {
-    const {
-      x: o,
-      y: n,
-      placement: i,
-      rects: r,
-      platform: s,
-      elements: l,
-      middlewareData: a
-    } = e, {
-      element: c,
-      padding: f = 0
-    } = J(t, e) || {};
-    if (c == null)
-      return {};
-    const u = Et(f), p = {
-      x: o,
-      y: n
-    }, d = pt(i), m = mt(d), h = await s.getDimensions(c), g = d === "y", w = g ? "top" : "left", x = g ? "bottom" : "right", y = g ? "clientHeight" : "clientWidth", b = r.reference[m] + r.reference[d] - p[d] - r.floating[m], v = p[d] - r.reference[d], E = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(c));
-    let C = E ? E[y] : 0;
-    (!C || !await (s.isElement == null ? void 0 : s.isElement(E))) && (C = l.floating[y] || r.floating[m]);
-    const _ = b / 2 - v / 2, k = C / 2 - h[m] / 2 - 1, O = X(u[w], k), F = X(u[x], k), $ = O, H = C - h[m] - F, A = C / 2 - h[m] / 2 + _, z = ft($, A, H), W = !a.arrow && Q(i) != null && A !== z && r.reference[m] / 2 - (A < $ ? O : F) - h[m] / 2 < 0, T = W ? A < $ ? A - $ : A - H : 0;
-    return {
-      [d]: p[d] + T,
-      data: {
-        [d]: z,
-        centerOffset: A - z - T,
-        ...W && {
-          alignmentOffset: T
-        }
-      },
-      reset: W
-    };
-  }
-}), ce = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "flip",
-    options: t,
-    async fn(e) {
-      var o, n;
-      const {
-        placement: i,
-        middlewareData: r,
-        rects: s,
-        initialPlacement: l,
-        platform: a,
-        elements: c
-      } = e, {
-        mainAxis: f = !0,
-        crossAxis: u = !0,
-        fallbackPlacements: p,
-        fallbackStrategy: d = "bestFit",
-        fallbackAxisSideDirection: m = "none",
-        flipAlignment: h = !0,
-        ...g
-      } = J(t, e);
-      if ((o = r.arrow) != null && o.alignmentOffset)
-        return {};
-      const w = I(i), x = B(l), y = I(l) === l, b = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), v = p || (y || !h ? [ot(l)] : te(l)), E = m !== "none";
-      !p && E && v.push(...ie(l, h, m, b));
-      const C = [l, ...v], _ = await ht(e, g), k = [];
-      let O = ((n = r.flip) == null ? void 0 : n.overflows) || [];
-      if (f && k.push(_[w]), u) {
-        const A = Zt(i, s, b);
-        k.push(_[A[0]], _[A[1]]);
-      }
-      if (O = [...O, {
-        placement: i,
-        overflows: k
-      }], !k.every((A) => A <= 0)) {
-        var F, $;
-        const A = (((F = r.flip) == null ? void 0 : F.index) || 0) + 1, z = C[A];
-        if (z && (!(u === "alignment" ? x !== B(z) : !1) || // We leave the current main axis only if every placement on that axis
-        // overflows the main axis.
-        O.every((D) => D.overflows[0] > 0 && B(D.placement) === x)))
-          return {
-            data: {
-              index: A,
-              overflows: O
-            },
-            reset: {
-              placement: z
-            }
-          };
-        let W = ($ = O.filter((T) => T.overflows[0] <= 0).sort((T, D) => T.overflows[1] - D.overflows[1])[0]) == null ? void 0 : $.placement;
-        if (!W)
-          switch (d) {
-            case "bestFit": {
-              var H;
-              const T = (H = O.filter((D) => {
-                if (E) {
-                  const j = B(D.placement);
-                  return j === x || // Create a bias to the `y` side axis due to horizontal
-                  // reading directions favoring greater width.
-                  j === "y";
-                }
-                return !0;
-              }).map((D) => [D.placement, D.overflows.filter((j) => j > 0).reduce((j, Ht) => j + Ht, 0)]).sort((D, j) => D[1] - j[1])[0]) == null ? void 0 : H[0];
-              T && (W = T);
-              break;
-            }
-            case "initialPlacement":
-              W = l;
-              break;
-          }
-        if (i !== W)
-          return {
-            reset: {
-              placement: W
-            }
-          };
-      }
-      return {};
-    }
-  };
-}, ae = /* @__PURE__ */ new Set(["left", "top"]);
-async function fe(t, e) {
-  const {
-    placement: o,
-    platform: n,
-    elements: i
-  } = t, r = await (n.isRTL == null ? void 0 : n.isRTL(i.floating)), s = I(o), l = Q(o), a = B(o) === "y", c = ae.has(s) ? -1 : 1, f = r && a ? -1 : 1, u = J(e, t);
-  let {
-    mainAxis: p,
-    crossAxis: d,
-    alignmentAxis: m
-  } = typeof u == "number" ? {
-    mainAxis: u,
-    crossAxis: 0,
-    alignmentAxis: null
-  } : {
-    mainAxis: u.mainAxis || 0,
-    crossAxis: u.crossAxis || 0,
-    alignmentAxis: u.alignmentAxis
-  };
-  return l && typeof m == "number" && (d = l === "end" ? m * -1 : m), a ? {
-    x: d * f,
-    y: p * c
-  } : {
-    x: p * c,
-    y: d * f
-  };
-}
-const ue = function(t) {
-  return t === void 0 && (t = 0), {
-    name: "offset",
-    options: t,
-    async fn(e) {
-      var o, n;
-      const {
-        x: i,
-        y: r,
-        placement: s,
-        middlewareData: l
-      } = e, a = await fe(e, t);
-      return s === ((o = l.offset) == null ? void 0 : o.placement) && (n = l.arrow) != null && n.alignmentOffset ? {} : {
-        x: i + a.x,
-        y: r + a.y,
-        data: {
-          ...a,
-          placement: s
-        }
-      };
-    }
-  };
-}, de = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "shift",
-    options: t,
-    async fn(e) {
-      const {
-        x: o,
-        y: n,
-        placement: i
-      } = e, {
-        mainAxis: r = !0,
-        crossAxis: s = !1,
-        limiter: l = {
-          fn: (g) => {
-            let {
-              x: w,
-              y: x
-            } = g;
-            return {
-              x: w,
-              y: x
-            };
-          }
-        },
-        ...a
-      } = J(t, e), c = {
-        x: o,
-        y: n
-      }, f = await ht(e, a), u = B(I(i)), p = Lt(u);
-      let d = c[p], m = c[u];
-      if (r) {
-        const g = p === "y" ? "top" : "left", w = p === "y" ? "bottom" : "right", x = d + f[g], y = d - f[w];
-        d = ft(x, d, y);
-      }
-      if (s) {
-        const g = u === "y" ? "top" : "left", w = u === "y" ? "bottom" : "right", x = m + f[g], y = m - f[w];
-        m = ft(x, m, y);
-      }
-      const h = l.fn({
-        ...e,
-        [p]: d,
-        [u]: m
-      });
-      return {
-        ...h,
-        data: {
-          x: h.x - o,
-          y: h.y - n,
-          enabled: {
-            [p]: r,
-            [u]: s
-          }
-        }
-      };
-    }
-  };
-}, me = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "size",
-    options: t,
-    async fn(e) {
-      var o, n;
-      const {
-        placement: i,
-        rects: r,
-        platform: s,
-        elements: l
-      } = e, {
-        apply: a = () => {
-        },
-        ...c
-      } = J(t, e), f = await ht(e, c), u = I(i), p = Q(i), d = B(i) === "y", {
-        width: m,
-        height: h
-      } = r.floating;
-      let g, w;
-      u === "top" || u === "bottom" ? (g = u, w = p === (await (s.isRTL == null ? void 0 : s.isRTL(l.floating)) ? "start" : "end") ? "left" : "right") : (w = u, g = p === "end" ? "top" : "bottom");
-      const x = h - f.top - f.bottom, y = m - f.left - f.right, b = X(h - f[g], x), v = X(m - f[w], y), E = !e.middlewareData.shift;
-      let C = b, _ = v;
-      if ((o = e.middlewareData.shift) != null && o.enabled.x && (_ = y), (n = e.middlewareData.shift) != null && n.enabled.y && (C = x), E && !p) {
-        const O = S(f.left, 0), F = S(f.right, 0), $ = S(f.top, 0), H = S(f.bottom, 0);
-        d ? _ = m - 2 * (O !== 0 || F !== 0 ? O + F : S(f.left, f.right)) : C = h - 2 * ($ !== 0 || H !== 0 ? $ + H : S(f.top, f.bottom));
-      }
-      await a({
-        ...e,
-        availableWidth: _,
-        availableHeight: C
-      });
-      const k = await s.getDimensions(l.floating);
-      return m !== k.width || h !== k.height ? {
-        reset: {
-          rects: !0
-        }
-      } : {};
-    }
-  };
-};
-function st() {
-  return typeof window < "u";
-}
-function K(t) {
-  return gt(t) ? (t.nodeName || "").toLowerCase() : "#document";
-}
-function R(t) {
-  var e;
-  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
-}
-function M(t) {
-  var e;
-  return (e = (gt(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
-}
-function gt(t) {
-  return st() ? t instanceof Node || t instanceof R(t).Node : !1;
-}
-function P(t) {
-  return st() ? t instanceof Element || t instanceof R(t).Element : !1;
-}
-function V(t) {
-  return st() ? t instanceof HTMLElement || t instanceof R(t).HTMLElement : !1;
-}
-function Tt(t) {
-  return !st() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof R(t).ShadowRoot;
-}
-const pe = /* @__PURE__ */ new Set(["inline", "contents"]);
-function et(t) {
-  const {
-    overflow: e,
-    overflowX: o,
-    overflowY: n,
-    display: i
-  } = L(t);
-  return /auto|scroll|overlay|hidden|clip/.test(e + n + o) && !pe.has(i);
-}
-const he = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function ge(t) {
-  return he.has(K(t));
-}
-const we = [":popover-open", ":modal"];
-function rt(t) {
-  return we.some((e) => {
-    try {
-      return t.matches(e);
-    } catch {
-      return !1;
-    }
-  });
-}
-const xe = ["transform", "translate", "scale", "rotate", "perspective"], ye = ["transform", "translate", "scale", "rotate", "perspective", "filter"], ve = ["paint", "layout", "strict", "content"];
-function wt(t) {
-  const e = xt(), o = P(t) ? L(t) : t;
-  return xe.some((n) => o[n] ? o[n] !== "none" : !1) || (o.containerType ? o.containerType !== "normal" : !1) || !e && (o.backdropFilter ? o.backdropFilter !== "none" : !1) || !e && (o.filter ? o.filter !== "none" : !1) || ye.some((n) => (o.willChange || "").includes(n)) || ve.some((n) => (o.contain || "").includes(n));
-}
-function be(t) {
-  let e = Y(t);
-  for (; V(e) && !G(e); ) {
-    if (wt(e))
-      return e;
-    if (rt(e))
-      return null;
-    e = Y(e);
-  }
-  return null;
-}
-function xt() {
-  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
-}
-const Ae = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function G(t) {
-  return Ae.has(K(t));
-}
-function L(t) {
-  return R(t).getComputedStyle(t);
-}
-function lt(t) {
-  return P(t) ? {
-    scrollLeft: t.scrollLeft,
-    scrollTop: t.scrollTop
-  } : {
-    scrollLeft: t.scrollX,
-    scrollTop: t.scrollY
-  };
-}
-function Y(t) {
-  if (K(t) === "html")
-    return t;
-  const e = (
-    // Step into the shadow DOM of the parent of a slotted node.
-    t.assignedSlot || // DOM Element detected.
-    t.parentNode || // ShadowRoot detected.
-    Tt(t) && t.host || // Fallback.
-    M(t)
-  );
-  return Tt(e) ? e.host : e;
-}
-function kt(t) {
-  const e = Y(t);
-  return G(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : V(e) && et(e) ? e : kt(e);
-}
-function $t(t, e, o) {
-  var n;
-  e === void 0 && (e = []);
-  const i = kt(t), r = i === ((n = t.ownerDocument) == null ? void 0 : n.body), s = R(i);
-  return r ? (dt(s), e.concat(s, s.visualViewport || [], et(i) ? i : [], [])) : e.concat(i, $t(i, []));
-}
-function dt(t) {
-  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
-}
-function Nt(t) {
-  const e = L(t);
-  let o = parseFloat(e.width) || 0, n = parseFloat(e.height) || 0;
-  const i = V(t), r = i ? t.offsetWidth : o, s = i ? t.offsetHeight : n, l = nt(o) !== r || nt(n) !== s;
-  return l && (o = r, n = s), {
-    width: o,
-    height: n,
-    $: l
-  };
-}
-function Vt(t) {
-  return P(t) ? t : t.contextElement;
-}
-function q(t) {
-  const e = Vt(t);
-  if (!V(e))
-    return N(1);
-  const o = e.getBoundingClientRect(), {
-    width: n,
-    height: i,
-    $: r
-  } = Nt(e);
-  let s = (r ? nt(o.width) : o.width) / n, l = (r ? nt(o.height) : o.height) / i;
-  return (!s || !Number.isFinite(s)) && (s = 1), (!l || !Number.isFinite(l)) && (l = 1), {
-    x: s,
-    y: l
-  };
-}
-const Ce = /* @__PURE__ */ N(0);
-function Wt(t) {
-  const e = R(t);
-  return !xt() || !e.visualViewport ? Ce : {
-    x: e.visualViewport.offsetLeft,
-    y: e.visualViewport.offsetTop
-  };
-}
-function Re(t, e, o) {
-  return e === void 0 && (e = !1), !o || e && o !== R(t) ? !1 : e;
-}
-function tt(t, e, o, n) {
-  e === void 0 && (e = !1), o === void 0 && (o = !1);
-  const i = t.getBoundingClientRect(), r = Vt(t);
-  let s = N(1);
-  e && (n ? P(n) && (s = q(n)) : s = q(t));
-  const l = Re(r, o, n) ? Wt(r) : N(0);
-  let a = (i.left + l.x) / s.x, c = (i.top + l.y) / s.y, f = i.width / s.x, u = i.height / s.y;
-  if (r) {
-    const p = R(r), d = n && P(n) ? R(n) : n;
-    let m = p, h = dt(m);
-    for (; h && n && d !== m; ) {
-      const g = q(h), w = h.getBoundingClientRect(), x = L(h), y = w.left + (h.clientLeft + parseFloat(x.paddingLeft)) * g.x, b = w.top + (h.clientTop + parseFloat(x.paddingTop)) * g.y;
-      a *= g.x, c *= g.y, f *= g.x, u *= g.y, a += y, c += b, m = R(h), h = dt(m);
-    }
-  }
-  return it({
-    width: f,
-    height: u,
-    x: a,
-    y: c
-  });
-}
-function yt(t, e) {
-  const o = lt(t).scrollLeft;
-  return e ? e.left + o : tt(M(t)).left + o;
-}
-function Bt(t, e, o) {
-  o === void 0 && (o = !1);
-  const n = t.getBoundingClientRect(), i = n.left + e.scrollLeft - (o ? 0 : (
-    // RTL <body> scrollbar.
-    yt(t, n)
-  )), r = n.top + e.scrollTop;
-  return {
-    x: i,
-    y: r
-  };
-}
-function Oe(t) {
-  let {
-    elements: e,
-    rect: o,
-    offsetParent: n,
-    strategy: i
-  } = t;
-  const r = i === "fixed", s = M(n), l = e ? rt(e.floating) : !1;
-  if (n === s || l && r)
-    return o;
-  let a = {
-    scrollLeft: 0,
-    scrollTop: 0
-  }, c = N(1);
-  const f = N(0), u = V(n);
-  if ((u || !u && !r) && ((K(n) !== "body" || et(s)) && (a = lt(n)), V(n))) {
-    const d = tt(n);
-    c = q(n), f.x = d.x + n.clientLeft, f.y = d.y + n.clientTop;
-  }
-  const p = s && !u && !r ? Bt(s, a, !0) : N(0);
-  return {
-    width: o.width * c.x,
-    height: o.height * c.y,
-    x: o.x * c.x - a.scrollLeft * c.x + f.x + p.x,
-    y: o.y * c.y - a.scrollTop * c.y + f.y + p.y
-  };
-}
-function Se(t) {
-  return Array.from(t.getClientRects());
-}
-function _e(t) {
-  const e = M(t), o = lt(t), n = t.ownerDocument.body, i = S(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), r = S(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight);
-  let s = -o.scrollLeft + yt(t);
-  const l = -o.scrollTop;
-  return L(n).direction === "rtl" && (s += S(e.clientWidth, n.clientWidth) - i), {
-    width: i,
-    height: r,
-    x: s,
-    y: l
-  };
-}
-function Te(t, e) {
-  const o = R(t), n = M(t), i = o.visualViewport;
-  let r = n.clientWidth, s = n.clientHeight, l = 0, a = 0;
-  if (i) {
-    r = i.width, s = i.height;
-    const c = xt();
-    (!c || c && e === "fixed") && (l = i.offsetLeft, a = i.offsetTop);
-  }
-  return {
-    width: r,
-    height: s,
-    x: l,
-    y: a
-  };
-}
-const De = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function Pe(t, e) {
-  const o = tt(t, !0, e === "fixed"), n = o.top + t.clientTop, i = o.left + t.clientLeft, r = V(t) ? q(t) : N(1), s = t.clientWidth * r.x, l = t.clientHeight * r.y, a = i * r.x, c = n * r.y;
-  return {
-    width: s,
-    height: l,
-    x: a,
-    y: c
-  };
-}
-function Dt(t, e, o) {
-  let n;
-  if (e === "viewport")
-    n = Te(t, o);
-  else if (e === "document")
-    n = _e(M(t));
-  else if (P(e))
-    n = Pe(e, o);
-  else {
-    const i = Wt(t);
-    n = {
-      x: e.x - i.x,
-      y: e.y - i.y,
-      width: e.width,
-      height: e.height
-    };
-  }
-  return it(n);
-}
-function Mt(t, e) {
-  const o = Y(t);
-  return o === e || !P(o) || G(o) ? !1 : L(o).position === "fixed" || Mt(o, e);
-}
-function Le(t, e) {
-  const o = e.get(t);
-  if (o)
-    return o;
-  let n = $t(t, []).filter((l) => P(l) && K(l) !== "body"), i = null;
-  const r = L(t).position === "fixed";
-  let s = r ? Y(t) : t;
-  for (; P(s) && !G(s); ) {
-    const l = L(s), a = wt(s);
-    !a && l.position === "fixed" && (i = null), (r ? !a && !i : !a && l.position === "static" && !!i && De.has(i.position) || et(s) && !a && Mt(t, s)) ? n = n.filter((f) => f !== s) : i = l, s = Y(s);
-  }
-  return e.set(t, n), n;
-}
-function Ee(t) {
-  let {
-    element: e,
-    boundary: o,
-    rootBoundary: n,
-    strategy: i
-  } = t;
-  const s = [...o === "clippingAncestors" ? rt(e) ? [] : Le(e, this._c) : [].concat(o), n], l = s[0], a = s.reduce((c, f) => {
-    const u = Dt(e, f, i);
-    return c.top = S(u.top, c.top), c.right = X(u.right, c.right), c.bottom = X(u.bottom, c.bottom), c.left = S(u.left, c.left), c;
-  }, Dt(e, l, i));
-  return {
-    width: a.right - a.left,
-    height: a.bottom - a.top,
-    x: a.left,
-    y: a.top
-  };
-}
-function ke(t) {
-  const {
-    width: e,
-    height: o
-  } = Nt(t);
-  return {
-    width: e,
-    height: o
-  };
-}
-function $e(t, e, o) {
-  const n = V(e), i = M(e), r = o === "fixed", s = tt(t, !0, r, e);
-  let l = {
-    scrollLeft: 0,
-    scrollTop: 0
-  };
-  const a = N(0);
-  function c() {
-    a.x = yt(i);
-  }
-  if (n || !n && !r)
-    if ((K(e) !== "body" || et(i)) && (l = lt(e)), n) {
-      const d = tt(e, !0, r, e);
-      a.x = d.x + e.clientLeft, a.y = d.y + e.clientTop;
-    } else i && c();
-  r && !n && i && c();
-  const f = i && !n && !r ? Bt(i, l) : N(0), u = s.left + l.scrollLeft - a.x - f.x, p = s.top + l.scrollTop - a.y - f.y;
-  return {
-    x: u,
-    y: p,
-    width: s.width,
-    height: s.height
-  };
-}
-function ct(t) {
-  return L(t).position === "static";
-}
-function Pt(t, e) {
-  if (!V(t) || L(t).position === "fixed")
-    return null;
-  if (e)
-    return e(t);
-  let o = t.offsetParent;
-  return M(t) === o && (o = o.ownerDocument.body), o;
-}
-function Ft(t, e) {
-  const o = R(t);
-  if (rt(t))
-    return o;
-  if (!V(t)) {
-    let i = Y(t);
-    for (; i && !G(i); ) {
-      if (P(i) && !ct(i))
-        return i;
-      i = Y(i);
-    }
-    return o;
-  }
-  let n = Pt(t, e);
-  for (; n && ge(n) && ct(n); )
-    n = Pt(n, e);
-  return n && G(n) && ct(n) && !wt(n) ? o : n || be(t) || o;
-}
-const Ne = async function(t) {
-  const e = this.getOffsetParent || Ft, o = this.getDimensions, n = await o(t.floating);
-  return {
-    reference: $e(t.reference, await e(t.floating), t.strategy),
-    floating: {
-      x: 0,
-      y: 0,
-      width: n.width,
-      height: n.height
-    }
-  };
-};
-function Ve(t) {
-  return L(t).direction === "rtl";
-}
-const We = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Oe,
-  getDocumentElement: M,
-  getClippingRect: Ee,
-  getOffsetParent: Ft,
-  getElementRects: Ne,
-  getClientRects: Se,
-  getDimensions: ke,
-  getScale: q,
-  isElement: P,
-  isRTL: Ve
-}, Be = ue, Me = de, Fe = ce, He = me, je = le, Ie = (t, e, o) => {
-  const n = /* @__PURE__ */ new Map(), i = {
-    platform: We,
-    ...o
-  }, r = {
-    ...i.platform,
-    _c: n
-  };
-  return re(t, e, {
-    ...i,
-    platform: r
-  });
-};
-function Ye(t) {
-  return t != null && typeof t == "object" && "$el" in t;
-}
-function ze(t) {
-  if (Ye(t)) {
-    const e = t.$el;
-    return gt(e) && K(e) === "#comment" ? null : e;
-  }
-  return t;
-}
-function Xe(t) {
-  return typeof t == "function" ? t() : at(t);
-}
-function Ke(t) {
-  return {
-    name: "arrow",
-    options: t,
-    fn(e) {
-      const o = ze(Xe(t.element));
-      return o == null ? {} : je({
-        element: o,
-        padding: t.padding
-      }).fn(e);
-    }
-  };
-}
-const qe = { class: "rds-e-tooltip" }, Ge = {
+import { defineComponent as j, toRefs as O, ref as o, computed as W, createElementBlock as h, openBlock as x, createElementVNode as l, renderSlot as w, normalizeClass as S, createCommentVNode as z, unref as R, createVNode as E, toDisplayString as $, createTextVNode as H } from "vue";
+import { c as I, o as P, f as T, s as A, a as F, b as X } from "./floating-ui.vue-7LKzPqHI.js";
+import { R as Y } from "./icon-svg-BU0OQFKH.js";
+import { _ as q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/tooltip.css';const G = ["id"], J = {
   key: 0,
   class: "rds-e-tooltip__header"
-}, Je = { class: "rds-e-tooltip__title" }, Qe = { class: "rds-e-tooltip__content" }, Ue = /* @__PURE__ */ jt({
+}, K = { class: "rds-e-tooltip__title" }, L = { class: "rds-e-tooltip__content" }, Q = /* @__PURE__ */ j({
   __name: "tooltip",
   props: {
     /**
@@ -1014,102 +56,112 @@ const qe = { class: "rds-e-tooltip" }, Ge = {
     inverse: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * ID para testing
+     */
+    id: {
+      type: String,
+      default: void 0
     }
   },
-  setup(t) {
-    const e = t, { large: o, fullWidth: n, title: i, inverse: r } = It(e), s = U(), l = U(), a = U(), c = U(!0), f = U(""), u = Yt(() => ({
+  setup(r) {
+    const i = r, { large: d, fullWidth: b, title: e, inverse: k } = O(i), c = o(), n = o(), p = o(), t = o(!0), f = o(""), B = W(() => ({
       "rds-e-tooltip__tooltip": !0,
-      "rds-e-tooltip__tooltip-hidden": c.value,
-      "rds-e-tooltip__tooltip--large": o.value,
-      "rds-e-tooltip__tooltip--inverse": r.value
-    })), p = async () => {
-      const { x: h, y: g, middlewareData: w, placement: x } = await Ie(
-        s.value,
-        l.value,
+      "rds-e-tooltip__tooltip-hidden": t.value,
+      "rds-e-tooltip__tooltip--large": d.value,
+      "rds-e-tooltip__tooltip--inverse": k.value
+    })), C = async () => {
+      const { x: a, y: s, middlewareData: _, placement: v } = await I(
+        c.value,
+        n.value,
         {
-          placement: e.placement,
+          placement: i.placement,
           middleware: [
-            Be(e.offsetSpace),
-            Fe(),
-            Me(),
-            He({
-              apply({ availableHeight: E, availableWidth: C, elements: _ }) {
-                Object.assign(_.floating.style, {
-                  maxWidth: n.value ? `${Math.max(0, C)}px` : "380px",
+            P(i.offsetSpace),
+            T(),
+            A(),
+            F({
+              apply({ availableHeight: D, availableWidth: M, elements: V }) {
+                Object.assign(V.floating.style, {
+                  maxWidth: b.value ? `${Math.max(0, M)}px` : "380px",
                   width: "max-content",
-                  maxHeight: `${Math.max(0, E)}px`
+                  maxHeight: `${Math.max(0, D)}px`
                 });
               }
             }),
-            Ke({
-              element: a.value,
-              padding: o.value ? 16 : 8
+            X({
+              element: p.value,
+              padding: d.value ? 16 : 8
             })
           ]
         }
       );
-      Object.assign(l.value.style, {
-        left: `${h}px`,
-        top: `${g}px`
+      Object.assign(n.value.style, {
+        left: `${a}px`,
+        top: `${s}px`
       });
-      const { x: y, y: b } = w.arrow, v = {
+      const { x: g, y } = _.arrow, N = {
         left: "right",
         right: "left",
         bottom: "top",
         top: "bottom"
       };
-      f.value = `rds-e-tooltip__tooltip-arrow--${x}`, Object.assign(a.value.style, {
-        left: y != null ? `${y}px` : "",
-        top: b != null ? `${b}px` : "",
+      f.value = `rds-e-tooltip__tooltip-arrow--${v}`, Object.assign(p.value.style, {
+        left: g != null ? `${g}px` : "",
+        top: y != null ? `${y}px` : "",
         bottom: "",
         right: "",
-        [v[x.split("-")[0]]]: "-4px"
+        [N[v.split("-")[0]]]: "-4px"
       });
-    }, d = () => {
-      i != null && i.value || (c.value = !0);
+    }, u = () => {
+      e != null && e.value || (t.value = !0);
     }, m = () => {
-      c.value = !1, p();
+      t.value = !1, C();
     };
-    return (h, g) => (bt(), vt("div", qe, [
-      Z("div", {
+    return (a, s) => (x(), h("div", {
+      id: r.id,
+      class: "rds-e-tooltip"
+    }, [
+      l("div", {
         ref_key: "referenceRef",
-        ref: s,
+        ref: c,
         class: "rds-e-tooltip__trigger",
-        onBlur: d,
+        onBlur: u,
         onFocus: m,
         onMouseenter: m,
-        onMouseleave: d
+        onMouseleave: u
       }, [
-        At(h.$slots, "default", {}, void 0, !0)
+        w(a.$slots, "default", {}, void 0, !0)
       ], 544),
-      Z("div", {
+      l("div", {
         ref_key: "floatingRef",
-        ref: l,
-        class: Ct(u.value)
+        ref: n,
+        class: S(B.value)
       }, [
-        at(i) ? (bt(), vt("div", Ge, [
-          Z("h3", Je, Rt(at(i)), 1),
-          Xt(qt, {
+        R(e) ? (x(), h("div", J, [
+          l("h3", K, $(R(e)), 1),
+          E(Y, {
             name: "close",
             "aria-hidden": "true",
             class: "rds-e-tooltip__icon",
-            onClick: g[0] || (g[0] = (w) => c.value = !c.value)
+            onClick: s[0] || (s[0] = (_) => t.value = !t.value)
           })
-        ])) : zt("", !0),
-        Z("div", Qe, [
-          At(h.$slots, "tooltip-content", {}, () => [
-            Kt(Rt(t.content), 1)
+        ])) : z("", !0),
+        l("div", L, [
+          w(a.$slots, "tooltip-content", {}, () => [
+            H($(r.content), 1)
           ], !0)
         ]),
-        Z("div", {
+        l("div", {
           ref_key: "arrowRef",
-          ref: a,
-          class: Ct(["rds-e-tooltip__tooltip-arrow", f.value])
+          ref: p,
+          class: S(["rds-e-tooltip__tooltip-arrow", f.value])
         }, null, 2)
       ], 2)
-    ]));
+    ], 8, G));
   }
-}), nn = /* @__PURE__ */ Gt(Ue, [["__scopeId", "data-v-eb4d3fb1"]]);
+}), oe = /* @__PURE__ */ q(Q, [["__scopeId", "data-v-e322ca8e"]]);
 export {
-  nn as default
+  oe as default
 };