energy-components 1.2.0 → 1.4.0-beta.0

package/dist/components/tooltip.es.js

@@ -1,5 +1,5 @@
-import { unref as at, defineComponent as Vt, toRefs as Ft, ref as U, computed as Ht, openBlock as bt, createElementBlock as vt, createElementVNode as Z, renderSlot as jt, normalizeClass as At, toDisplayString as Ct, createVNode as It, createCommentVNode as Yt } from "vue";
-import { I as zt } from "./icon-svg-GoL3_ayS.js";
+import { unref as at, defineComponent as Vt, toRefs as Ft, ref as U, computed as Ht, openBlock as bt, createElementBlock as vt, createElementVNode as Z, renderSlot as jt, normalizeClass as At, toDisplayString as Rt, createVNode as It, createCommentVNode as Yt } from "vue";
+import { R as zt } from "./icon-svg-u9BWBbvW.js";
 import { _ as Xt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/tooltip.css';const Y = Math.min, O = Math.max, nt = Math.round, k = (t) => ({
   x: t,
@@ -25,7 +25,7 @@ function j(t) {
 function Q(t) {
   return t.split("-")[1];
 }
-function Tt(t) {
+function Dt(t) {
   return t === "x" ? "y" : "x";
 }
 function mt(t) {
@@ -35,7 +35,7 @@ function z(t) {
   return ["top", "bottom"].includes(j(t)) ? "y" : "x";
 }
 function pt(t) {
-  return Tt(z(t));
+  return Dt(z(t));
 }
 function Gt(t, e, o) {
   o === void 0 && (o = !1);
@@ -80,7 +80,7 @@ function Zt(t) {
     ...t
   };
 }
-function Dt(t) {
+function Tt(t) {
   return typeof t != "number" ? Zt(t) : {
     top: t,
     right: t,
@@ -106,7 +106,7 @@ function it(t) {
     y: o
   };
 }
-function Rt(t, e, o) {
+function Ct(t, e, o) {
   let {
     reference: n,
     floating: i
@@ -168,7 +168,7 @@ const te = async (t, e, o) => {
   }), {
     x: f,
     y: u
-  } = Rt(a, n, c), p = n, d = {}, m = 0;
+  } = Ct(a, n, c), p = n, d = {}, m = 0;
   for (let g = 0; g < l.length; g++) {
     const {
       name: h,
@@ -205,7 +205,7 @@ const te = async (t, e, o) => {
     }) : b.rects), {
       x: f,
       y: u
-    } = Rt(a, p, c)), g = -1);
+    } = Ct(a, p, c)), g = -1);
   }
   return {
     x: f,
@@ -231,7 +231,7 @@ async function gt(t, e) {
     elementContext: u = "floating",
     altBoundary: p = !1,
     padding: d = 0
-  } = J(e, t), m = Dt(d), h = l[p ? u === "floating" ? "reference" : "floating" : u], w = it(await r.getClippingRect({
+  } = J(e, t), m = Tt(d), h = l[p ? u === "floating" ? "reference" : "floating" : u], w = it(await r.getClippingRect({
     element: (o = await (r.isElement == null ? void 0 : r.isElement(h))) == null || o ? h : h.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(l.floating)),
     boundary: a,
     rootBoundary: f,
@@ -278,13 +278,13 @@ const ee = (t) => ({
     } = J(t, e) || {};
     if (a == null)
       return {};
-    const u = Dt(f), p = {
+    const u = Tt(f), p = {
       x: o,
       y: n
-    }, d = pt(i), m = mt(d), g = await s.getDimensions(a), h = d === "y", w = h ? "top" : "left", x = h ? "bottom" : "right", y = h ? "clientHeight" : "clientWidth", v = r.reference[m] + r.reference[d] - p[d] - r.floating[m], b = p[d] - r.reference[d], D = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(a));
-    let C = D ? D[y] : 0;
-    (!C || !await (s.isElement == null ? void 0 : s.isElement(D))) && (C = l.floating[y] || r.floating[m]);
-    const W = v / 2 - b / 2, E = C / 2 - g[m] / 2 - 1, _ = Y(u[w], E), B = Y(u[x], E), L = _, V = C - g[m] - B, A = C / 2 - g[m] / 2 + W, K = ft(L, A, V), M = !c.arrow && Q(i) != null && A !== K && r.reference[m] / 2 - (A < L ? _ : B) - g[m] / 2 < 0, P = M ? A < L ? A - L : A - V : 0;
+    }, d = pt(i), m = mt(d), g = await s.getDimensions(a), h = d === "y", w = h ? "top" : "left", x = h ? "bottom" : "right", y = h ? "clientHeight" : "clientWidth", v = r.reference[m] + r.reference[d] - p[d] - r.floating[m], b = 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 W = v / 2 - b / 2, E = R / 2 - g[m] / 2 - 1, _ = Y(u[w], E), B = Y(u[x], E), L = _, V = R - g[m] - B, A = R / 2 - g[m] / 2 + W, K = ft(L, A, V), M = !c.arrow && Q(i) != null && A !== K && r.reference[m] / 2 - (A < L ? _ : B) - g[m] / 2 < 0, P = M ? A < L ? A - L : A - V : 0;
     return {
       [d]: p[d] + P,
       data: {
@@ -321,9 +321,9 @@ const ee = (t) => ({
       } = J(t, e);
       if ((o = r.arrow) != null && o.alignmentOffset)
         return {};
-      const w = j(i), x = z(l), y = j(l) === l, v = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), b = p || (y || !g ? [ot(l)] : Jt(l)), D = m !== "none";
-      !p && D && b.push(...Ut(l, g, m, v));
-      const C = [l, ...b], W = await gt(e, h), E = [];
+      const w = j(i), x = z(l), y = j(l) === l, v = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), b = p || (y || !g ? [ot(l)] : Jt(l)), T = m !== "none";
+      !p && T && b.push(...Ut(l, g, m, v));
+      const R = [l, ...b], W = await gt(e, h), E = [];
       let _ = ((n = r.flip) == null ? void 0 : n.overflows) || [];
       if (f && E.push(W[w]), u) {
         const A = Gt(i, s, v);
@@ -334,7 +334,7 @@ const ee = (t) => ({
         overflows: E
       }], !E.every((A) => A <= 0)) {
         var B, L;
-        const A = (((B = r.flip) == null ? void 0 : B.index) || 0) + 1, K = C[A];
+        const A = (((B = r.flip) == null ? void 0 : B.index) || 0) + 1, K = R[A];
         if (K)
           return {
             data: {
@@ -351,7 +351,7 @@ const ee = (t) => ({
             case "bestFit": {
               var V;
               const P = (V = _.filter((F) => {
-                if (D) {
+                if (T) {
                   const H = z(F.placement);
                   return H === x || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
@@ -454,7 +454,7 @@ const ie = function(t) {
       } = J(t, e), a = {
         x: o,
         y: n
-      }, f = await gt(e, c), u = z(j(i)), p = Tt(u);
+      }, f = await gt(e, c), u = z(j(i)), p = Dt(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];
@@ -503,16 +503,16 @@ const ie = function(t) {
       } = 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, v = Y(g - f[h], x), b = Y(m - f[w], y), D = !e.middlewareData.shift;
-      let C = v, W = b;
-      if ((o = e.middlewareData.shift) != null && o.enabled.x && (W = y), (n = e.middlewareData.shift) != null && n.enabled.y && (C = x), D && !p) {
+      const x = g - f.top - f.bottom, y = m - f.left - f.right, v = Y(g - f[h], x), b = Y(m - f[w], y), T = !e.middlewareData.shift;
+      let R = v, W = b;
+      if ((o = e.middlewareData.shift) != null && o.enabled.x && (W = y), (n = e.middlewareData.shift) != null && n.enabled.y && (R = x), T && !p) {
         const _ = O(f.left, 0), B = O(f.right, 0), L = O(f.top, 0), V = O(f.bottom, 0);
-        d ? W = m - 2 * (_ !== 0 || B !== 0 ? _ + B : O(f.left, f.right)) : C = g - 2 * (L !== 0 || V !== 0 ? L + V : O(f.top, f.bottom));
+        d ? W = m - 2 * (_ !== 0 || B !== 0 ? _ + B : O(f.left, f.right)) : R = g - 2 * (L !== 0 || V !== 0 ? L + V : O(f.top, f.bottom));
       }
       await c({
         ...e,
         availableWidth: W,
-        availableHeight: C
+        availableHeight: R
       });
       const E = await s.getDimensions(l.floating);
       return m !== E.width || g !== E.height ? {
@@ -529,7 +529,7 @@ function st() {
 function X(t) {
   return ht(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }
-function R(t) {
+function C(t) {
   var e;
   return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
 }
@@ -538,16 +538,16 @@ function N(t) {
   return (e = (ht(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
 }
 function ht(t) {
-  return st() ? t instanceof Node || t instanceof R(t).Node : !1;
+  return st() ? t instanceof Node || t instanceof C(t).Node : !1;
 }
 function S(t) {
-  return st() ? t instanceof Element || t instanceof R(t).Element : !1;
+  return st() ? t instanceof Element || t instanceof C(t).Element : !1;
 }
 function $(t) {
-  return st() ? t instanceof HTMLElement || t instanceof R(t).HTMLElement : !1;
+  return st() ? t instanceof HTMLElement || t instanceof C(t).HTMLElement : !1;
 }
 function Ot(t) {
-  return !st() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof R(t).ShadowRoot;
+  return !st() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof C(t).ShadowRoot;
 }
 function et(t) {
   const {
@@ -555,7 +555,7 @@ function et(t) {
     overflowX: o,
     overflowY: n,
     display: i
-  } = T(t);
+  } = D(t);
   return /auto|scroll|overlay|hidden|clip/.test(e + n + o) && !["inline", "contents"].includes(i);
 }
 function le(t) {
@@ -571,7 +571,7 @@ function rt(t) {
   });
 }
 function wt(t) {
-  const e = xt(), o = S(t) ? T(t) : t;
+  const e = xt(), o = S(t) ? D(t) : t;
   return ["transform", "translate", "scale", "rotate", "perspective"].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) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((n) => (o.willChange || "").includes(n)) || ["paint", "layout", "strict", "content"].some((n) => (o.contain || "").includes(n));
 }
 function ce(t) {
@@ -591,8 +591,8 @@ function xt() {
 function G(t) {
   return ["html", "body", "#document"].includes(X(t));
 }
-function T(t) {
-  return R(t).getComputedStyle(t);
+function D(t) {
+  return C(t).getComputedStyle(t);
 }
 function lt(t) {
   return S(t) ? {
@@ -622,14 +622,14 @@ function Et(t) {
 function Lt(t, e, o) {
   var n;
   e === void 0 && (e = []);
-  const i = Et(t), r = i === ((n = t.ownerDocument) == null ? void 0 : n.body), s = R(i);
+  const i = Et(t), r = i === ((n = t.ownerDocument) == null ? void 0 : n.body), s = C(i);
   return r ? (dt(s), e.concat(s, s.visualViewport || [], et(i) ? i : [], [])) : e.concat(i, Lt(i, []));
 }
 function dt(t) {
   return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
 }
 function Pt(t) {
-  const e = T(t);
+  const e = D(t);
   let o = parseFloat(e.width) || 0, n = parseFloat(e.height) || 0;
   const i = $(t), r = i ? t.offsetWidth : o, s = i ? t.offsetHeight : n, l = nt(o) !== r || nt(n) !== s;
   return l && (o = r, n = s), {
@@ -658,14 +658,14 @@ function q(t) {
 }
 const ae = /* @__PURE__ */ k(0);
 function $t(t) {
-  const e = R(t);
+  const e = C(t);
   return !xt() || !e.visualViewport ? ae : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
 }
 function fe(t, e, o) {
-  return e === void 0 && (e = !1), !o || e && o !== R(t) ? !1 : e;
+  return e === void 0 && (e = !1), !o || e && o !== C(t) ? !1 : e;
 }
 function tt(t, e, o, n) {
   e === void 0 && (e = !1), o === void 0 && (o = !1);
@@ -675,11 +675,11 @@ function tt(t, e, o, n) {
   const l = fe(r, o, n) ? $t(r) : k(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 = R(r), d = n && S(n) ? R(n) : n;
+    const p = C(r), d = n && S(n) ? C(n) : n;
     let m = p, g = dt(m);
     for (; g && n && d !== m; ) {
-      const h = q(g), w = g.getBoundingClientRect(), x = T(g), y = w.left + (g.clientLeft + parseFloat(x.paddingLeft)) * h.x, v = w.top + (g.clientTop + parseFloat(x.paddingTop)) * h.y;
-      c *= h.x, a *= h.y, f *= h.x, u *= h.y, c += y, a += v, m = R(g), g = dt(m);
+      const h = q(g), w = g.getBoundingClientRect(), x = D(g), y = w.left + (g.clientLeft + parseFloat(x.paddingLeft)) * h.x, v = w.top + (g.clientTop + parseFloat(x.paddingTop)) * h.y;
+      c *= h.x, a *= h.y, f *= h.x, u *= h.y, c += y, a += v, m = C(g), g = dt(m);
     }
   }
   return it({
@@ -738,7 +738,7 @@ function me(t) {
   const e = N(t), o = lt(t), n = t.ownerDocument.body, i = O(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), r = O(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight);
   let s = -o.scrollLeft + yt(t);
   const l = -o.scrollTop;
-  return T(n).direction === "rtl" && (s += O(e.clientWidth, n.clientWidth) - i), {
+  return D(n).direction === "rtl" && (s += O(e.clientWidth, n.clientWidth) - i), {
     width: i,
     height: r,
     x: s,
@@ -746,7 +746,7 @@ function me(t) {
   };
 }
 function pe(t, e) {
-  const o = R(t), n = N(t), i = o.visualViewport;
+  const o = C(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;
@@ -790,17 +790,17 @@ function _t(t, e, o) {
 }
 function Mt(t, e) {
   const o = I(t);
-  return o === e || !S(o) || G(o) ? !1 : T(o).position === "fixed" || Mt(o, e);
+  return o === e || !S(o) || G(o) ? !1 : D(o).position === "fixed" || Mt(o, e);
 }
 function he(t, e) {
   const o = e.get(t);
   if (o)
     return o;
   let n = Lt(t, []).filter((l) => S(l) && X(l) !== "body"), i = null;
-  const r = T(t).position === "fixed";
+  const r = D(t).position === "fixed";
   let s = r ? I(t) : t;
   for (; S(s) && !G(s); ) {
-    const l = T(s), c = wt(s);
+    const l = D(s), c = wt(s);
     !c && l.position === "fixed" && (i = null), (r ? !c && !i : !c && l.position === "static" && !!i && ["absolute", "fixed"].includes(i.position) || et(s) && !c && Mt(t, s)) ? n = n.filter((f) => f !== s) : i = l, s = I(s);
   }
   return e.set(t, n), n;
@@ -854,10 +854,10 @@ function ye(t, e, o) {
   };
 }
 function ct(t) {
-  return T(t).position === "static";
+  return D(t).position === "static";
 }
 function St(t, e) {
-  if (!$(t) || T(t).position === "fixed")
+  if (!$(t) || D(t).position === "fixed")
     return null;
   if (e)
     return e(t);
@@ -865,7 +865,7 @@ function St(t, e) {
   return N(t) === o && (o = o.ownerDocument.body), o;
 }
 function Nt(t, e) {
-  const o = R(t);
+  const o = C(t);
   if (rt(t))
     return o;
   if (!$(t)) {
@@ -895,7 +895,7 @@ const be = async function(t) {
   };
 };
 function ve(t) {
-  return T(t).direction === "rtl";
+  return D(t).direction === "rtl";
 }
 const Ae = {
   convertOffsetParentRelativeRectToViewportRelativeRect: ue,
@@ -908,7 +908,7 @@ const Ae = {
   getScale: q,
   isElement: S,
   isRTL: ve
-}, Ce = ie, Re = se, Oe = ne, _e = re, Se = ee, Te = (t, e, o) => {
+}, Re = ie, Ce = se, Oe = ne, _e = re, Se = ee, De = (t, e, o) => {
   const n = /* @__PURE__ */ new Map(), i = {
     platform: Ae,
     ...o
@@ -921,11 +921,11 @@ const Ae = {
     platform: r
   });
 };
-function De(t) {
+function Te(t) {
   return t != null && typeof t == "object" && "$el" in t;
 }
 function Ee(t) {
-  if (De(t)) {
+  if (Te(t)) {
     const e = t.$el;
     return ht(e) && X(e) === "#comment" ? null : e;
   }
@@ -998,19 +998,19 @@ const ke = { class: "rds-e-tooltip" }, $e = {
   },
   setup(t) {
     const e = t, { large: o, fullWidth: n, title: i } = Ft(e), r = U(), s = U(), l = U(), c = U(!0), a = U(""), f = async () => {
-      const { x: m, y: g, middlewareData: h, placement: w } = await Te(
+      const { x: m, y: g, middlewareData: h, placement: w } = await De(
         r.value,
         s.value,
         {
           placement: e.placement,
           middleware: [
-            Ce(e.offsetSpace),
+            Re(e.offsetSpace),
             Oe(),
-            Re(),
+            Ce(),
             _e({
-              apply({ availableHeight: b, availableWidth: D, elements: C }) {
-                Object.assign(C.floating.style, {
-                  maxWidth: n.value ? `${Math.max(0, D)}px` : "380px",
+              apply({ availableHeight: b, availableWidth: T, elements: R }) {
+                Object.assign(R.floating.style, {
+                  maxWidth: n.value ? `${Math.max(0, T)}px` : "380px",
                   width: "max-content",
                   maxHeight: `${Math.max(0, b)}px`
                 });
@@ -1063,7 +1063,7 @@ const ke = { class: "rds-e-tooltip" }, $e = {
         class: At(d.value)
       }, [
         at(i) ? (bt(), vt("div", $e, [
-          Z("h3", We, Ct(at(i)), 1),
+          Z("h3", We, Rt(at(i)), 1),
           It(zt, {
             name: "close",
             "aria-hidden": "true",
@@ -1071,7 +1071,7 @@ const ke = { class: "rds-e-tooltip" }, $e = {
             onClick: g[0] || (g[0] = (h) => c.value = !c.value)
           })
         ])) : Yt("", !0),
-        Z("div", Me, Ct(t.content), 1),
+        Z("div", Me, Rt(t.content), 1),
         Z("div", {
           ref_key: "arrowRef",
           ref: l,