energy-components 1.0.2 → 1.0.4

package/dist/components/tooltip.es.js

@@ -1,10 +1,10 @@
-import { unref as at, defineComponent as Vt, toRefs as Mt, ref as U, computed as Ft, openBlock as bt, createElementBlock as At, createElementVNode as Z, renderSlot as Ht, normalizeClass as Rt, toDisplayString as Ct, createVNode as jt, createCommentVNode as Yt } from "vue";
-import { R as Xt } from "./icon-svg-Cpx09myr.js";
-import { _ as zt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { unref as at, defineComponent as Vt, toRefs as Mt, ref as U, computed as Ft, openBlock as bt, createElementBlock as At, createElementVNode as Z, renderSlot as Ht, normalizeClass as Ct, toDisplayString as Rt, createVNode as jt, createCommentVNode as Yt } from "vue";
+import { I as Xt } from "./icon-svg-CEZ-L3iv.js";
+import { _ as It } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/tooltip.css';const X = Math.min, O = Math.max, nt = Math.round, H = (t) => ({
   x: t,
   y: t
-}), It = {
+}), zt = {
   left: "right",
   right: "left",
   bottom: "top",
@@ -31,11 +31,11 @@ function Tt(t) {
 function gt(t) {
   return t === "y" ? "height" : "width";
 }
-function z(t) {
+function I(t) {
   return ["top", "bottom"].includes(j(t)) ? "y" : "x";
 }
 function ht(t) {
-  return Tt(z(t));
+  return Tt(I(t));
 }
 function qt(t, e, o) {
   o === void 0 && (o = !1);
@@ -69,7 +69,7 @@ function Qt(t, e, o, 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) => It[e]);
+  return t.replace(/left|right|bottom|top/g, (e) => zt[e]);
 }
 function Ut(t) {
   return {
@@ -111,7 +111,7 @@ function Ot(t, e, o) {
     reference: n,
     floating: i
   } = t;
-  const r = z(e), s = ht(e), l = gt(s), c = j(e), a = 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;
+  const r = I(e), s = ht(e), l = gt(s), c = j(e), a = 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 (c) {
     case "top":
@@ -282,9 +282,9 @@ const te = (t) => ({
       x: o,
       y: n
     }, d = ht(i), m = gt(d), g = await s.getDimensions(a), h = d === "y", w = h ? "top" : "left", x = h ? "bottom" : "right", y = h ? "clientHeight" : "clientWidth", b = r.reference[m] + r.reference[d] - p[d] - r.floating[m], v = p[d] - r.reference[d], T = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(a));
-    let R = T ? T[y] : 0;
-    (!R || !await (s.isElement == null ? void 0 : s.isElement(T))) && (R = l.floating[y] || r.floating[m]);
-    const $ = b / 2 - v / 2, E = R / 2 - g[m] / 2 - 1, _ = X(u[w], E), B = X(u[x], E), P = _, V = R - g[m] - B, A = R / 2 - g[m] / 2 + $, K = ft(P, A, V), W = !c.arrow && Q(i) != null && A !== K && r.reference[m] / 2 - (A < P ? _ : B) - g[m] / 2 < 0, L = W ? A < P ? A - P : A - V : 0;
+    let C = T ? T[y] : 0;
+    (!C || !await (s.isElement == null ? void 0 : s.isElement(T))) && (C = l.floating[y] || r.floating[m]);
+    const $ = b / 2 - v / 2, E = C / 2 - g[m] / 2 - 1, _ = X(u[w], E), B = X(u[x], E), P = _, V = C - g[m] - B, A = C / 2 - g[m] / 2 + $, K = ft(P, A, V), W = !c.arrow && Q(i) != null && A !== K && r.reference[m] / 2 - (A < P ? _ : B) - g[m] / 2 < 0, L = W ? A < P ? A - P : A - V : 0;
     return {
       [d]: p[d] + L,
       data: {
@@ -321,9 +321,9 @@ const te = (t) => ({
       } = J(t, e);
       if ((o = r.arrow) != null && o.alignmentOffset)
         return {};
-      const w = j(i), x = z(l), y = j(l) === l, b = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), v = p || (y || !g ? [ot(l)] : Gt(l)), T = m !== "none";
+      const w = j(i), x = I(l), y = j(l) === l, b = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), v = p || (y || !g ? [ot(l)] : Gt(l)), T = m !== "none";
       !p && T && v.push(...Qt(l, g, m, b));
-      const R = [l, ...v], $ = await wt(e, h), E = [];
+      const C = [l, ...v], $ = await wt(e, h), E = [];
       let _ = ((n = r.flip) == null ? void 0 : n.overflows) || [];
       if (f && E.push($[w]), u) {
         const A = qt(i, s, b);
@@ -334,7 +334,7 @@ const te = (t) => ({
         overflows: E
       }], !E.every((A) => A <= 0)) {
         var B, P;
-        const A = (((B = r.flip) == null ? void 0 : B.index) || 0) + 1, K = R[A];
+        const A = (((B = r.flip) == null ? void 0 : B.index) || 0) + 1, K = C[A];
         if (K)
           return {
             data: {
@@ -352,7 +352,7 @@ const te = (t) => ({
               var V;
               const L = (V = _.filter((M) => {
                 if (T) {
-                  const F = z(M.placement);
+                  const F = I(M.placement);
                   return F === x || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   F === "y";
@@ -382,7 +382,7 @@ async function ne(t, e) {
     placement: o,
     platform: n,
     elements: i
-  } = t, r = await (n.isRTL == null ? void 0 : n.isRTL(i.floating)), s = j(o), l = Q(o), c = z(o) === "y", a = ["left", "top"].includes(s) ? -1 : 1, f = r && c ? -1 : 1, u = J(e, t);
+  } = t, r = await (n.isRTL == null ? void 0 : n.isRTL(i.floating)), s = j(o), l = Q(o), c = I(o) === "y", a = ["left", "top"].includes(s) ? -1 : 1, f = r && c ? -1 : 1, u = J(e, t);
   let {
     mainAxis: p,
     crossAxis: d,
@@ -454,7 +454,7 @@ const oe = function(t) {
       } = J(t, e), a = {
         x: o,
         y: n
-      }, f = await wt(e, c), u = z(j(i)), p = Tt(u);
+      }, f = await wt(e, c), u = I(j(i)), p = Tt(u);
       let d = a[p], m = a[u];
       if (r) {
         const h = p === "y" ? "top" : "left", w = p === "y" ? "bottom" : "right", x = d + f[h], y = d - f[w];
@@ -497,22 +497,22 @@ const oe = function(t) {
         apply: c = () => {
         },
         ...a
-      } = J(t, e), f = await wt(e, a), u = j(i), p = Q(i), d = z(i) === "y", {
+      } = J(t, e), f = await wt(e, a), u = j(i), p = Q(i), d = I(i) === "y", {
         width: m,
         height: g
       } = r.floating;
       let h, w;
       u === "top" || u === "bottom" ? (h = u, w = p === (await (s.isRTL == null ? void 0 : s.isRTL(l.floating)) ? "start" : "end") ? "left" : "right") : (w = u, h = p === "end" ? "top" : "bottom");
       const x = g - f.top - f.bottom, y = m - f.left - f.right, b = X(g - f[h], x), v = X(m - f[w], y), T = !e.middlewareData.shift;
-      let R = b, $ = v;
-      if ((o = e.middlewareData.shift) != null && o.enabled.x && ($ = y), (n = e.middlewareData.shift) != null && n.enabled.y && (R = x), T && !p) {
+      let C = b, $ = v;
+      if ((o = e.middlewareData.shift) != null && o.enabled.x && ($ = y), (n = e.middlewareData.shift) != null && n.enabled.y && (C = x), T && !p) {
         const _ = O(f.left, 0), B = O(f.right, 0), P = O(f.top, 0), V = O(f.bottom, 0);
-        d ? $ = m - 2 * (_ !== 0 || B !== 0 ? _ + B : O(f.left, f.right)) : R = g - 2 * (P !== 0 || V !== 0 ? P + V : O(f.top, f.bottom));
+        d ? $ = m - 2 * (_ !== 0 || B !== 0 ? _ + B : O(f.left, f.right)) : C = g - 2 * (P !== 0 || V !== 0 ? P + V : O(f.top, f.bottom));
       }
       await c({
         ...e,
         availableWidth: $,
-        availableHeight: R
+        availableHeight: C
       });
       const E = await s.getDimensions(l.floating);
       return m !== E.width || g !== E.height ? {
@@ -526,10 +526,10 @@ const oe = function(t) {
 function st() {
   return typeof window < "u";
 }
-function I(t) {
+function z(t) {
   return xt(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }
-function C(t) {
+function R(t) {
   var e;
   return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
 }
@@ -538,16 +538,16 @@ function N(t) {
   return (e = (xt(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
 }
 function xt(t) {
-  return st() ? t instanceof Node || t instanceof C(t).Node : !1;
+  return st() ? t instanceof Node || t instanceof R(t).Node : !1;
 }
 function S(t) {
-  return st() ? t instanceof Element || t instanceof C(t).Element : !1;
+  return st() ? t instanceof Element || t instanceof R(t).Element : !1;
 }
 function k(t) {
-  return st() ? t instanceof HTMLElement || t instanceof C(t).HTMLElement : !1;
+  return st() ? t instanceof HTMLElement || t instanceof R(t).HTMLElement : !1;
 }
 function _t(t) {
-  return !st() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof C(t).ShadowRoot;
+  return !st() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof R(t).ShadowRoot;
 }
 function et(t) {
   const {
@@ -559,7 +559,7 @@ function et(t) {
   return /auto|scroll|overlay|hidden|clip/.test(e + n + o) && !["inline", "contents"].includes(i);
 }
 function re(t) {
-  return ["table", "td", "th"].includes(I(t));
+  return ["table", "td", "th"].includes(z(t));
 }
 function rt(t) {
   return [":popover-open", ":modal"].some((e) => {
@@ -589,10 +589,10 @@ function vt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 function G(t) {
-  return ["html", "body", "#document"].includes(I(t));
+  return ["html", "body", "#document"].includes(z(t));
 }
 function D(t) {
-  return C(t).getComputedStyle(t);
+  return R(t).getComputedStyle(t);
 }
 function lt(t) {
   return S(t) ? {
@@ -604,7 +604,7 @@ function lt(t) {
   };
 }
 function Y(t) {
-  if (I(t) === "html")
+  if (z(t) === "html")
     return t;
   const e = (
     // Step into the shadow DOM of the parent of a slotted node.
@@ -622,7 +622,7 @@ function Pt(t) {
 function dt(t, e, o) {
   var n;
   e === void 0 && (e = []), o === void 0 && (o = !0);
-  const i = Pt(t), r = i === ((n = t.ownerDocument) == null ? void 0 : n.body), s = C(i);
+  const i = Pt(t), r = i === ((n = t.ownerDocument) == null ? void 0 : n.body), s = R(i);
   if (r) {
     const l = mt(s);
     return e.concat(s, s.visualViewport || [], et(i) ? i : [], l && o ? dt(l) : []);
@@ -662,14 +662,14 @@ function q(t) {
 }
 const ce = /* @__PURE__ */ H(0);
 function $t(t) {
-  const e = C(t);
+  const e = R(t);
   return !vt() || !e.visualViewport ? ce : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
 }
 function ae(t, e, o) {
-  return e === void 0 && (e = !1), !o || e && o !== C(t) ? !1 : e;
+  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);
@@ -679,11 +679,11 @@ function tt(t, e, o, n) {
   const l = ae(r, o, n) ? $t(r) : H(0);
   let c = (i.left + l.x) / s.x, a = (i.top + l.y) / s.y, f = i.width / s.x, u = i.height / s.y;
   if (r) {
-    const p = C(r), d = n && S(n) ? C(n) : n;
+    const p = R(r), d = n && S(n) ? R(n) : n;
     let m = p, g = mt(m);
     for (; g && n && d !== m; ) {
       const h = q(g), w = g.getBoundingClientRect(), x = D(g), y = w.left + (g.clientLeft + parseFloat(x.paddingLeft)) * h.x, b = w.top + (g.clientTop + parseFloat(x.paddingTop)) * h.y;
-      c *= h.x, a *= h.y, f *= h.x, u *= h.y, c += y, a += b, m = C(g), g = mt(m);
+      c *= h.x, a *= h.y, f *= h.x, u *= h.y, c += y, a += b, m = R(g), g = mt(m);
     }
   }
   return it({
@@ -708,7 +708,7 @@ function fe(t) {
     scrollTop: 0
   }, a = H(1);
   const f = H(0), u = k(n);
-  if ((u || !u && !r) && ((I(n) !== "body" || et(s)) && (c = lt(n)), k(n))) {
+  if ((u || !u && !r) && ((z(n) !== "body" || et(s)) && (c = lt(n)), k(n))) {
     const p = tt(n);
     a = q(n), f.x = p.x + n.clientLeft, f.y = p.y + n.clientTop;
   }
@@ -738,7 +738,7 @@ function de(t) {
   };
 }
 function me(t, e) {
-  const o = C(t), n = N(t), i = o.visualViewport;
+  const o = R(t), n = N(t), i = o.visualViewport;
   let r = n.clientWidth, s = n.clientHeight, l = 0, c = 0;
   if (i) {
     r = i.width, s = i.height;
@@ -787,7 +787,7 @@ function ge(t, e) {
   const o = e.get(t);
   if (o)
     return o;
-  let n = dt(t, [], !1).filter((l) => S(l) && I(l) !== "body"), i = null;
+  let n = dt(t, [], !1).filter((l) => S(l) && z(l) !== "body"), i = null;
   const r = D(t).position === "fixed";
   let s = r ? Y(t) : t;
   for (; S(s) && !G(s); ) {
@@ -832,7 +832,7 @@ function xe(t, e, o) {
   };
   const c = H(0);
   if (n || !n && !r)
-    if ((I(e) !== "body" || et(i)) && (l = lt(e)), n) {
+    if ((z(e) !== "body" || et(i)) && (l = lt(e)), n) {
       const d = tt(e, !0, r, e);
       c.x = d.x + e.clientLeft, c.y = d.y + e.clientTop;
     } else i && (c.x = pt(i));
@@ -862,7 +862,7 @@ function Dt(t, e) {
   return N(t) === o && (o = o.ownerDocument.body), o;
 }
 function Nt(t, e) {
-  const o = C(t);
+  const o = R(t);
   if (rt(t))
     return o;
   if (!k(t)) {
@@ -905,7 +905,7 @@ const be = {
   getScale: q,
   isElement: S,
   isRTL: ve
-}, Ae = oe, Re = ie, Ce = ee, Oe = se, _e = te, Se = (t, e, o) => {
+}, Ae = oe, Ce = ie, Re = ee, Oe = se, _e = te, Se = (t, e, o) => {
   const n = /* @__PURE__ */ new Map(), i = {
     platform: be,
     ...o
@@ -924,7 +924,7 @@ function De(t) {
 function Te(t) {
   if (De(t)) {
     const e = t.$el;
-    return xt(e) && I(e) === "#comment" ? null : e;
+    return xt(e) && z(e) === "#comment" ? null : e;
   }
   return t;
 }
@@ -944,10 +944,10 @@ function Pe(t) {
     }
   };
 }
-const Le = { class: "rds-tooltip" }, ke = {
+const Le = { class: "rds-e-tooltip" }, ke = {
   key: 0,
-  class: "rds-tooltip__header"
-}, $e = { class: "rds-tooltip__title" }, We = { class: "rds-tooltip__content" }, Ne = /* @__PURE__ */ Vt({
+  class: "rds-e-tooltip__header"
+}, $e = { class: "rds-e-tooltip__title" }, We = { class: "rds-e-tooltip__content" }, Ne = /* @__PURE__ */ Vt({
   __name: "tooltip",
   props: {
     /**
@@ -1002,11 +1002,11 @@ const Le = { class: "rds-tooltip" }, ke = {
           placement: e.placement,
           middleware: [
             Ae(e.offsetSpace),
-            Ce(),
             Re(),
+            Ce(),
             Oe({
-              apply({ availableWidth: v, availableHeight: T, elements: R }) {
-                Object.assign(R.floating.style, {
+              apply({ availableWidth: v, availableHeight: T, elements: C }) {
+                Object.assign(C.floating.style, {
                   maxWidth: n.value ? `${v}px` : "380px",
                   maxHeight: `${Math.max(0, T)}px`
                 });
@@ -1029,7 +1029,7 @@ const Le = { class: "rds-tooltip" }, ke = {
         bottom: "top",
         top: "bottom"
       };
-      a.value = `rds-tooltip__tooltip-arrow--${w}`, Object.assign(l.value.style, {
+      a.value = `rds-e-tooltip__tooltip-arrow--${w}`, Object.assign(l.value.style, {
         left: x != null ? `${x}px` : "",
         top: y != null ? `${y}px` : "",
         bottom: "",
@@ -1040,12 +1040,12 @@ const Le = { class: "rds-tooltip" }, ke = {
       i != null && i.value || (c.value = !0);
     }, p = () => {
       c.value = !1, f();
-    }, d = Ft(() => `rds-tooltip__tooltip ${c.value ? "rds-tooltip__tooltip-hidden " : ""}${o.value || i != null && i.value ? "rds-tooltip__tooltip--large " : ""}${n.value ? "rds-tooltip__tooltip--full-width " : ""}`);
+    }, d = Ft(() => `rds-e-tooltip__tooltip ${c.value ? "rds-e-tooltip__tooltip-hidden " : ""}${o.value || i != null && i.value ? "rds-e-tooltip__tooltip--large " : ""}${n.value ? "rds-e-tooltip__tooltip--full-width " : ""}`);
     return (m, g) => (bt(), At("div", Le, [
       Z("div", {
         ref_key: "referenceRef",
         ref: r,
-        class: "rds-tooltip__trigger",
+        class: "rds-e-tooltip__trigger",
         onBlur: u,
         onFocus: p,
         onMouseenter: p,
@@ -1056,27 +1056,27 @@ const Le = { class: "rds-tooltip" }, ke = {
       Z("div", {
         ref_key: "floatingRef",
         ref: s,
-        class: Rt(d.value)
+        class: Ct(d.value)
       }, [
         at(i) ? (bt(), At("div", ke, [
-          Z("h3", $e, Ct(at(i)), 1),
+          Z("h3", $e, Rt(at(i)), 1),
           jt(Xt, {
             name: "close",
             "aria-hidden": "true",
-            class: "rds-tooltip__icon",
+            class: "rds-e-tooltip__icon",
             onClick: g[0] || (g[0] = (h) => c.value = !c.value)
           })
         ])) : Yt("", !0),
-        Z("div", We, Ct(t.content), 1),
+        Z("div", We, Rt(t.content), 1),
         Z("div", {
           ref_key: "arrowRef",
           ref: l,
-          class: Rt(["rds-tooltip__tooltip-arrow", a.value])
+          class: Ct(["rds-e-tooltip__tooltip-arrow", a.value])
         }, null, 2)
       ], 2)
     ]));
   }
-}), Fe = /* @__PURE__ */ zt(Ne, [["__scopeId", "data-v-e5e6156d"]]);
+}), Fe = /* @__PURE__ */ It(Ne, [["__scopeId", "data-v-5c754f77"]]);
 export {
   Fe as default
 };