energy-components 1.19.0 → 1.20.0

package/dist/components/tooltip.es.js

@@ -1,11 +1,11 @@
-import { defineComponent as J, toRefs as K, ref as r, computed as _, onBeforeUnmount as Q, createElementBlock as y, openBlock as c, createElementVNode as p, createBlock as Z, renderSlot as C, Teleport as ee, normalizeClass as M, createCommentVNode as D, unref as N, createVNode as te, toDisplayString as O, createTextVNode as oe, nextTick as le } from "vue";
-import { a as ae, c as se, o as ie, f as re, s as ne, b as de, d as ue } from "./floating-ui.vue-DWAG1g94.js";
-import { R as ce } from "./icon-svg-arye8CV8.js";
-import { _ as pe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/tooltip.css';const fe = ["id"], me = {
+import { defineComponent as q, toRefs as G, ref as u, computed as T, onBeforeUnmount as J, createElementBlock as x, openBlock as m, createElementVNode as v, createBlock as K, renderSlot as D, Teleport as Q, normalizeClass as N, createCommentVNode as O, unref as A, createVNode as Z, toDisplayString as E, createTextVNode as ee, nextTick as te } from "vue";
+import { a as oe, o as le, f as ae, s as ie, b as se, c as re, d as ne } from "./floating-ui.vue-oA1DfKeS.js";
+import { R as ue } from "./icon-svg-C8XeOnqu.js";
+import { _ as de } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/tooltip.css';const ce = ["id"], fe = {
   key: 0,
   class: "rds-e-tooltip__header"
-}, ve = { class: "rds-e-tooltip__title" }, he = { class: "rds-e-tooltip__content" }, _e = /* @__PURE__ */ J({
+}, pe = { class: "rds-e-tooltip__title" }, me = { class: "rds-e-tooltip__content" }, ve = /* @__PURE__ */ q({
   __name: "tooltip",
   props: {
     /**
@@ -111,145 +111,147 @@ import './style/tooltip.css';const fe = ["id"], me = {
      */
     "hide"
   ],
-  setup(l, { expose: E, emit: H }) {
-    const a = l, n = H, { large: g, fullWidth: V, title: s, inverse: j } = K(a), d = r(), i = r(), f = r(), e = r(!0), T = r("");
-    let o = null, m = !1, v = !1, t = null;
-    const x = _(() => Math.min(Math.max(a.hideDelay, 0), 3e3)), I = _(() => ({
+  setup(a, { expose: H, emit: V }) {
+    const o = a, d = V, { large: S, fullWidth: j, title: i, inverse: I } = G(o), c = u(), s = u(), r = u(), e = u(!0), h = u("");
+    let l = null, _ = !1, y = !1, t = null;
+    const b = T(() => Math.min(Math.max(o.hideDelay, 0), 3e3)), U = T(() => ({
       "rds-e-tooltip__tooltip": !0,
       "rds-e-tooltip__tooltip-hidden": e.value,
-      "rds-e-tooltip__tooltip--large": g.value,
-      "rds-e-tooltip__tooltip--inverse": j.value
-    })), w = async () => {
-      const { x: u, y: k, middlewareData: F, placement: B } = await se(
-        d.value,
-        i.value,
+      "rds-e-tooltip__tooltip--large": S.value,
+      "rds-e-tooltip__tooltip--inverse": I.value
+    })), k = async () => {
+      const n = [
+        le(o.offsetSpace),
+        ae(),
+        ie(),
+        se({
+          apply({ availableHeight: f, availableWidth: p, elements: w }) {
+            Object.assign(w.floating.style, {
+              maxWidth: j.value ? `${Math.max(0, p)}px` : "380px",
+              width: "max-content",
+              maxHeight: `${Math.max(0, f)}px`
+            });
+          }
+        })
+      ];
+      !o.hideArrow && r.value && n.push(re({
+        element: r.value,
+        padding: S.value ? 16 : 8
+      }));
+      const { x: $, y: Y, middlewareData: C, placement: M } = await ne(
+        c.value,
+        s.value,
         {
-          placement: a.placement,
-          middleware: [
-            ie(a.offsetSpace),
-            re(),
-            ne(),
-            de({
-              apply({ availableHeight: Y, availableWidth: q, elements: G }) {
-                Object.assign(G.floating.style, {
-                  maxWidth: V.value ? `${Math.max(0, q)}px` : "380px",
-                  width: "max-content",
-                  maxHeight: `${Math.max(0, Y)}px`
-                });
-              }
-            }),
-            ue({
-              element: f.value,
-              padding: g.value ? 16 : 8
-            })
-          ]
+          placement: o.placement,
+          middleware: n
         }
       );
-      Object.assign(i.value.style, {
-        left: `${u}px`,
-        top: `${k}px`
-      });
-      const { x: R, y: $ } = F.arrow, X = {
-        left: "right",
-        right: "left",
-        bottom: "top",
-        top: "bottom"
-      };
-      T.value = `rds-e-tooltip__tooltip-arrow--${B}`, Object.assign(f.value.style, {
-        left: R != null ? `${R}px` : "",
-        top: $ != null ? `${$}px` : "",
-        bottom: "",
-        right: "",
-        [X[B.split("-")[0]]]: "-4px"
-      });
-    }, U = () => {
-      clearTimeout(o), e.value ? e.value = !0 : (e.value = !0, n("hide"));
-    }, S = () => {
-      s != null && s.value || (e.value ? e.value = !0 : (e.value = !0, n("hide"))), clearTimeout(o);
-    }, h = () => {
-      a.suppressed || (clearTimeout(o), e.value = !1, n("show"), le(() => {
-        w(), a.autoUpdate && d.value && i.value && (t == null || t(), t = ae(
-          d.value,
-          i.value,
+      if (Object.assign(s.value.style, {
+        left: `${$}px`,
+        top: `${Y}px`
+      }), !o.hideArrow && r.value && C.arrow) {
+        const { x: f, y: p } = C.arrow, w = {
+          left: "right",
+          right: "left",
+          bottom: "top",
+          top: "bottom"
+        };
+        h.value = `rds-e-tooltip__tooltip-arrow--${M}`, Object.assign(r.value.style, {
+          left: f != null ? `${f}px` : "",
+          top: p != null ? `${p}px` : "",
+          bottom: "",
+          right: "",
+          [w[M.split("-")[0]]]: "-4px"
+        });
+      } else o.hideArrow && (h.value = "");
+    }, W = () => {
+      clearTimeout(l), e.value ? e.value = !0 : (e.value = !0, d("hide"));
+    }, B = () => {
+      i != null && i.value || (e.value ? e.value = !0 : (e.value = !0, d("hide"))), clearTimeout(l);
+    }, g = () => {
+      o.suppressed || (clearTimeout(l), e.value = !1, d("show"), te(() => {
+        k(), o.autoUpdate && c.value && s.value && (t == null || t(), t = oe(
+          c.value,
+          s.value,
           () => {
-            w();
+            k();
           }
         ));
       }));
-    }, W = () => {
-      v = !0, h();
     }, z = () => {
-      v = !1, o = setTimeout(() => {
-        m || S();
-      }, x.value);
-    }, A = () => {
-      m = !0, clearTimeout(o);
+      y = !0, g();
     }, L = () => {
-      m = !1, v || (o = setTimeout(() => {
-        S();
-      }, x.value));
-    }, b = () => {
-      e.value || (e.value = !0, n("hide"), t && (t(), t = null));
+      y = !1, l = setTimeout(() => {
+        _ || B();
+      }, b.value);
     }, P = () => {
-      b();
+      _ = !0, clearTimeout(l);
+    }, F = () => {
+      _ = !1, y || (l = setTimeout(() => {
+        B();
+      }, b.value));
+    }, R = () => {
+      e.value || (e.value = !0, d("hide"), t && (t(), t = null));
+    }, X = () => {
+      R();
     };
-    return E({
-      show: h,
-      hide: b,
-      isOpen: _(() => !e.value)
-    }), Q(() => {
-      clearTimeout(o), t && (t(), t = null);
-    }), (u, k) => (c(), y("div", {
-      id: l.id,
+    return H({
+      show: g,
+      hide: R,
+      isOpen: T(() => !e.value)
+    }), J(() => {
+      clearTimeout(l), t && (t(), t = null);
+    }), (n, $) => (m(), x("div", {
+      id: a.id,
       class: "rds-e-tooltip"
     }, [
-      p("div", {
+      v("div", {
         ref_key: "referenceRef",
-        ref: d,
+        ref: c,
         class: "rds-e-tooltip__trigger",
-        onBlur: U,
-        onFocus: h,
-        onMouseenter: W,
-        onMouseleave: z
+        onBlur: W,
+        onFocus: g,
+        onMouseenter: z,
+        onMouseleave: L
       }, [
-        C(u.$slots, "default", {}, void 0, !0)
+        D(n.$slots, "default", {}, void 0, !0)
       ], 544),
-      (c(), Z(ee, {
-        to: l.teleportTo,
-        disabled: !l.teleportTo
+      (m(), K(Q, {
+        to: a.teleportTo,
+        disabled: !a.teleportTo
       }, [
-        p("div", {
+        v("div", {
           ref_key: "floatingRef",
-          ref: i,
-          class: M(I.value),
-          onMouseenter: A,
-          onMouseleave: L
+          ref: s,
+          class: N(U.value),
+          onMouseenter: P,
+          onMouseleave: F
         }, [
-          N(s) ? (c(), y("div", me, [
-            p("h3", ve, O(N(s)), 1),
-            te(ce, {
+          A(i) ? (m(), x("div", fe, [
+            v("h3", pe, E(A(i)), 1),
+            Z(ue, {
               name: "close",
               "aria-hidden": "true",
               class: "rds-e-tooltip__icon",
-              onClick: P
+              onClick: X
             })
-          ])) : D("", !0),
-          p("div", he, [
-            C(u.$slots, "tooltip-content", {}, () => [
-              oe(O(l.content), 1)
+          ])) : O("", !0),
+          v("div", me, [
+            D(n.$slots, "tooltip-content", {}, () => [
+              ee(E(a.content), 1)
             ], !0)
           ]),
-          l.hideArrow ? D("", !0) : (c(), y("div", {
+          a.hideArrow ? O("", !0) : (m(), x("div", {
             key: 1,
             ref_key: "arrowRef",
-            ref: f,
-            class: M(["rds-e-tooltip__tooltip-arrow", T.value])
+            ref: r,
+            class: N(["rds-e-tooltip__tooltip-arrow", h.value])
           }, null, 2))
         ], 34)
       ], 8, ["to", "disabled"]))
-    ], 8, fe));
+    ], 8, ce));
   }
-}), we = /* @__PURE__ */ pe(_e, [["__scopeId", "data-v-5a12657d"]]);
+}), we = /* @__PURE__ */ de(ve, [["__scopeId", "data-v-0165a45d"]]);
 export {
   we as default
 };