@farris/ui-vue 1.8.5-beta.18 → 1.8.5-beta.19

package/components/tooltip/index.esm.js

@@ -1,5 +1,5 @@
-import { ref as y, onMounted as J, isRef as it, computed as T, defineComponent as lt, watch as rt, createVNode as g, Fragment as ct, Teleport as st, nextTick as W, mergeProps as U, reactive as at, createApp as ut, onUnmounted as ft } from "vue";
-const dt = {
+import { ref as w, onMounted as Y, isRef as ot, computed as T, defineComponent as nt, watch as lt, createVNode as g, Fragment as it, Teleport as rt, nextTick as B, mergeProps as G, reactive as ct, createApp as st, onUnmounted as ut } from "vue";
+const at = {
   /**
    * 提示内容，可以是字符串，可以是带 HTML 标签的字符串
    */
@@ -41,14 +41,14 @@ const dt = {
   // 是否根据溢出自动显示提示
   overflowShown: { type: Boolean, default: !1 }
 };
-function pt() {
-  const t = y(!1);
-  return J(() => {
+function ft() {
+  const t = w(!1);
+  return Y(() => {
     t.value = !0;
   }), t;
 }
-function vt(t, e) {
-  const n = /* @__PURE__ */ new Map([
+function dt(t, e) {
+  const o = /* @__PURE__ */ new Map([
     ["top", "bottom"],
     ["bottom", "top"],
     ["left", "right"],
@@ -59,354 +59,370 @@ function vt(t, e) {
     ["left", "width"],
     ["right", "width"]
   ]);
-  function d(o, i) {
-    const f = n.get(i) || i;
-    return o.replace(i, f);
+  function u(n, i) {
+    const a = o.get(i) || i;
+    return n.replace(i, a);
   }
-  function s(o, i, f, r, a) {
-    let v = o;
-    const u = o.split("-")[0], p = l.get(u), m = r[p] + a[p];
-    return Math.abs(f[u] - i[u]) < m && (v = d(o, u)), v;
+  function c(n, i, a, r, f) {
+    let v = n;
+    const d = n.split("-")[0], p = l.get(d), m = r[p] + f[p];
+    return Math.abs(a[d] - i[d]) < m && (v = u(n, d)), v;
   }
-  return { adjustPlacement: s };
+  return { adjustPlacement: c };
 }
-function ht(t, e) {
-  function l(s, o, i) {
-    let f = !1, r = i;
-    return (o === "left" || o === "top") && i <= s[o] && (f = !0, r = s[o] + 6), (o === "right" || o === "bottom") && i >= s[o] && (f = !0, r = s[o] - 6), { overBound: f, fixedValue: r };
+function pt(t, e) {
+  function l(c, n, i) {
+    let a = !1, r = i;
+    return (n === "left" || n === "top") && i <= c[n] && (a = !0, r = c[n] + 6), (n === "right" || n === "bottom") && i >= c[n] && (a = !0, r = c[n] - 6), { overBound: a, fixedValue: r };
   }
-  function d(s, o, i, f, r, a, v) {
-    let u = o.tooltip.left, p = o.tooltip.top, m = o.arrow.left, w = o.arrow.top;
-    const b = s.split("-")[0];
+  function u(c, n, i, a, r, f, v) {
+    let d = n.tooltip.left, p = n.tooltip.top, m = n.arrow.left, y = n.arrow.top;
+    const b = c.split("-")[0];
     if (["top", "bottom"].includes(b)) {
-      const k = l(i, "left", o.tooltip.left), P = l(i, "right", o.tooltip.left + r.width);
-      u = k.overBound ? k.fixedValue : P.overBound ? P.fixedValue - r.width : o.tooltip.left, m = k.overBound ? r.width - (u + r.width - f.right) - v.width : P.overBound ? f.left - u : o.arrow.left;
+      const x = l(i, "left", n.tooltip.left), C = l(i, "right", n.tooltip.left + r.width);
+      d = x.overBound ? x.fixedValue : C.overBound ? C.fixedValue - r.width : n.tooltip.left, m = x.overBound ? r.width - (d + r.width - a.right) - v.width : C.overBound ? a.left - d : n.arrow.left;
     }
-    const E = l(i, "top", o.tooltip.top), L = l(i, "bottom", o.tooltip.top + r.height);
-    return p = E.overBound ? E.fixedValue : L.overBound ? L.fixedValue - r.height : o.tooltip.top, w = E.overBound ? o.arrow.top : L.overBound ? r.height - (p + r.height - f.top) : o.arrow.top, { arrow: { left: m, top: w }, tooltip: { left: u, top: p } };
+    const E = l(i, "top", n.tooltip.top), S = l(i, "bottom", n.tooltip.top + r.height);
+    return p = E.overBound ? E.fixedValue : S.overBound ? S.fixedValue - r.height : n.tooltip.top, y = E.overBound ? n.arrow.top : S.overBound ? r.height - (p + r.height - a.top) : n.arrow.top, { arrow: { left: m, top: y }, tooltip: { left: d, top: p } };
   }
-  return { adjustPosition: d };
+  return { adjustPosition: u };
 }
-function mt(t, e) {
-  function l(o, i, f, r, a) {
-    const v = o.split("-"), u = v[0], p = v[1] || "middle", m = ["top", "bottom"].includes(u) ? p === "middle" ? (r.width - a.width) / 2 : p === "right" ? r.width - a.width - 6 : 6 : 0, w = ["left", "right"].includes(u) ? p === "middle" ? (r.height - a.height) / 2 : p === "bottom" ? r.height - a.height - 6 : 6 : 0, S = u === "left" ? r.width + a.width : 0, b = u === "top" ? r.height + a.height : 0;
-    return { left: S + m, top: b + w, right: 0 };
+function vt(t, e) {
+  function l(n, i, a, r, f) {
+    const v = n.split("-"), d = v[0], p = v[1] || "middle", m = ["top", "bottom"].includes(d) ? p === "middle" ? (r.width - f.width) / 2 : p === "right" ? r.width - f.width - 6 : 6 : 0, y = ["left", "right"].includes(d) ? p === "middle" ? (r.height - f.height) / 2 : p === "bottom" ? r.height - f.height - 6 : 6 : 0, L = d === "left" ? r.width + f.width : 0, b = d === "top" ? r.height + f.height : 0;
+    return { left: L + m, top: b + y, right: 0 };
   }
-  function d(o, i, f, r, a) {
-    const v = o.split("-"), u = v[0], p = v[1] || "middle", m = (f.width - r.width) / 2, w = (f.height - r.height) / 2, S = u === "right" ? i.right : i.left, b = u === "bottom" ? i.bottom : i.top, E = u === "top" ? 0 - w - r.height - a.height : u === "bottom" ? 0 - w + a.height : 0, L = ["left", "right"].includes(u) ? p === "middle" ? (i.height - r.height) / 2 : p === "bottom" ? i.height - r.height : 0 : 0, H = u === "left" ? 0 - m - r.width - a.width : u === "right" ? 0 - m + a.width : 0, O = ["top", "bottom"].includes(u) ? p === "middle" ? (i.width - r.width) / 2 : p === "right" ? i.width - r.width : 0 : 0, k = b + E + L;
-    return { left: S + H + O, top: k };
+  function u(n, i, a, r, f) {
+    const v = n.split("-"), d = v[0], p = v[1] || "middle", m = (a.width - r.width) / 2, y = (a.height - r.height) / 2, L = d === "right" ? i.right : i.left, b = d === "bottom" ? i.bottom : i.top, E = d === "top" ? 0 - y - r.height - f.height : d === "bottom" ? 0 - y + f.height : 0, S = ["left", "right"].includes(d) ? p === "middle" ? (i.height - r.height) / 2 : p === "bottom" ? i.height - r.height : 0 : 0, H = d === "left" ? 0 - m - r.width - f.width : d === "right" ? 0 - m + f.width : 0, j = ["top", "bottom"].includes(d) ? p === "middle" ? (i.width - r.width) / 2 : p === "right" ? i.width - r.width : 0 : 0, x = b + E + S;
+    return { left: L + H + j, top: x };
   }
-  function s(o, i, f, r, a) {
-    const v = d(o, i, f, r, a);
-    return { arrow: l(o, i, f, r, a), tooltip: v };
+  function c(n, i, a, r, f) {
+    const v = u(n, i, a, r, f);
+    return { arrow: l(n, i, a, r, f), tooltip: v };
   }
-  return { calculate: s };
+  return { calculate: c };
 }
-function X(t) {
-  const e = it(t) ? t.value : t;
+function ht(t) {
+  const e = ot(t) ? t.value : t;
   return typeof e == "string" ? e === "body" || typeof document > "u" ? "body" : document.querySelector(e) || "body" : !!e && typeof e.getBoundingClientRect == "function" && typeof e.insertBefore == "function" ? e : "body";
 }
-function gt(t) {
+function mt(t) {
   return typeof document > "u" ? null : t === "body" ? document.body : t;
 }
-function Y(t, e) {
-  const n = gt(t);
-  if (!n) {
-    const a = typeof window < "u" ? window.innerHeight : 0;
+function gt(t, e) {
+  const o = mt(t);
+  if (!o) {
+    const f = typeof window < "u" ? window.innerHeight : 0;
     return {
       left: 0,
       top: 0,
       width: 0,
-      height: a,
-      bottom: a,
+      height: f,
+      bottom: f,
       scrollLeft: 0,
       scrollTop: 0
     };
   }
-  const l = n.getBoundingClientRect(), d = t === "body" || n === document.body, s = typeof window < "u" ? window.innerHeight : l.height;
-  let { width: o } = l;
+  const l = o.getBoundingClientRect(), u = t === "body" || o === document.body, c = typeof window < "u" ? window.innerHeight : l.height;
+  let { width: n } = l;
   const { top: i } = l;
-  let { bottom: f, height: r } = l;
-  if (d) {
-    const a = Math.max(l.top, 0), v = Math.min(l.bottom, s);
-    f = v, r = Math.max(v - a, 0) || s, f <= a && (f = s);
+  let { bottom: a, height: r } = l;
+  if (u) {
+    const f = Math.max(l.top, 0), v = Math.min(l.bottom, c);
+    a = v, r = Math.max(v - f, 0) || c, a <= f && (a = c);
   }
   return {
     left: l.left,
     top: i,
-    width: o,
+    width: n,
     height: r,
-    bottom: f,
-    scrollLeft: n.scrollLeft || 0,
-    scrollTop: n.scrollTop || 0
+    bottom: a,
+    scrollLeft: o.scrollLeft || 0,
+    scrollTop: o.scrollTop || 0
   };
 }
-function yt(t) {
-  const e = Y(t);
+function wt(t) {
+  const e = t.ownerDocument, o = t.offsetParent;
+  if (!o)
+    return null;
+  if (o === e.body || o === e.documentElement) {
+    const u = (e.defaultView || window).getComputedStyle(o), c = (i) => !!i && i !== "none";
+    if (!(u.position !== "static" || c(u.transform) || c(u.filter) || c(u.perspective)))
+      return null;
+  }
+  return o;
+}
+function yt(t, e, o) {
+  const l = wt(t);
+  if (!l) {
+    const c = t.ownerDocument, n = c.defaultView || window, i = c.documentElement, a = (n.scrollX ?? i.scrollLeft) || 0, r = (n.scrollY ?? i.scrollTop) || 0;
+    return { left: e + a, top: o + r };
+  }
+  const u = l.getBoundingClientRect();
   return {
-    left: e.left - e.scrollLeft,
-    top: e.top - e.scrollTop
+    left: e - u.left - (l.clientLeft || 0) + (l.scrollLeft || 0),
+    top: o - u.top - (l.clientTop || 0) + (l.scrollTop || 0)
   };
 }
-function wt(t, e) {
-  const n = y(t.horizontalRelative), l = y(t.verticalRelative);
-  function d(i) {
+function bt(t, e) {
+  const o = w(t.horizontalRelative), l = w(t.verticalRelative);
+  function u(i) {
     return typeof i == "string" ? document.querySelector(i) : i;
   }
-  function s() {
-    return Y(X("body"));
+  function c() {
+    return gt(ht("body"));
   }
-  function o() {
-    const i = s(), f = document.documentElement.clientWidth, r = document.documentElement.clientHeight;
-    let a = Math.max(i.left, 0), v = Math.max(i.top, 0), u = Math.min(i.left + i.width, f), p = Math.min(i.bottom, r), m = a, w = v, S = u - a, b = p - v;
-    return n.value && ({ left: a, right: u, x: m, width: S } = d(n.value).getBoundingClientRect()), l.value && ({ bottom: p, top: v, y: w, height: b } = d(l.value).getBoundingClientRect()), { top: v, left: a, right: u, bottom: p, height: b, width: S, x: m, y: w };
+  function n() {
+    const i = c(), a = document.documentElement.clientWidth, r = document.documentElement.clientHeight;
+    let f = Math.max(i.left, 0), v = Math.max(i.top, 0), d = Math.min(i.left + i.width, a), p = Math.min(i.bottom, r), m = f, y = v, L = d - f, b = p - v;
+    return o.value && ({ left: f, right: d, x: m, width: L } = u(o.value).getBoundingClientRect()), l.value && ({ bottom: p, top: v, y, height: b } = u(l.value).getBoundingClientRect()), { top: v, left: f, right: d, bottom: p, height: b, width: L, x: m, y };
   }
-  return { getRelativeElementBound: o };
+  return { getRelativeElementBound: n };
 }
-function bt(t, e, n, l, d, s) {
-  const o = y(t.placement), { getRelativeElementBound: i } = wt(t), { calculate: f } = mt(), { adjustPlacement: r } = vt(), { adjustPosition: a } = ht(), v = T(() => o.value.split("-")[0]), u = T(() => {
+function Tt(t, e, o, l, u, c) {
+  const n = w(t.placement), { getRelativeElementBound: i } = bt(t), { calculate: a } = vt(), { adjustPlacement: r } = dt(), { adjustPosition: f } = pt(), v = T(() => n.value.split("-")[0]), d = T(() => {
     const p = i();
-    o.value = r(o.value, p, n, l, s);
-    const m = f(o.value, n, l, d, s);
-    return a(
-      o.value,
+    n.value = r(n.value, p, o, l, c);
+    const m = a(n.value, o, l, u, c);
+    return f(
+      n.value,
       m,
       p,
-      n,
+      o,
       l,
-      d,
-      s
+      u,
+      c
     );
   });
-  return { tooltipPlacement: v, tooltipPosition: u };
+  return { tooltipPlacement: v, tooltipPosition: d };
 }
-function Tt(t) {
-  const e = y(), n = y(!1), l = T(() => ({
-    display: n.value ? "block" : "none"
-  })), d = T(() => {
-    var o;
-    const s = (o = t.customClass) == null ? void 0 : o.split(" ");
-    return s == null ? void 0 : s.reduce((i, f) => (i[f] = !0, i), {});
+function Et(t) {
+  const e = w(), o = w(!1), l = T(() => ({
+    display: o.value ? "block" : "none"
+  })), u = T(() => {
+    var n;
+    const c = (n = t.customClass) == null ? void 0 : n.split(" ");
+    return c == null ? void 0 : c.reduce((i, a) => (i[a] = !0, i), {});
   });
-  return { showTooltip: n, tooltipDisplayStyle: l, tooltipCustomClass: d, tooltipContainerRef: e };
+  return { showTooltip: o, tooltipDisplayStyle: l, tooltipCustomClass: u, tooltipContainerRef: e };
 }
-const A = /* @__PURE__ */ lt({
+const M = /* @__PURE__ */ nt({
   name: "FTooltip",
-  props: dt,
+  props: at,
   emits: ["click"],
   setup(t, e) {
-    const n = y(), l = y(), d = y(), s = y(), o = y(), i = y(t.placement.split("-")[0]), f = Tt(t), {
+    const o = w(), l = w(), u = w(), c = w(), n = w(), i = w(t.placement.split("-")[0]), a = Et(t), {
       showTooltip: r,
-      tooltipCustomClass: a
-    } = f, v = y(!1), u = pt(), p = T(() => {
-      let c = {
+      tooltipCustomClass: f
+    } = a, v = w(!1), d = ft(), p = T(() => {
+      let s = {
         "fv-tooltip": !0,
         tooltip: !0,
         show: !0
       };
       const h = `bs-tooltip-${i.value}`;
-      return c[h] = !0, e.slots.default && (c = {
-        ...c,
-        ...a.value
-      }), c;
-    }), m = (c) => {
-      c.target !== o.value && (c.stopPropagation(), document.body.removeEventListener("click", m), r.value = !1);
-    }, w = T(() => t.content && !t.contentTemplate), S = T(() => t.content), b = y("0px"), E = y("0px"), L = T(() => {
-      const c = {
+      return s[h] = !0, e.slots.default && (s = {
+        ...s,
+        ...f.value
+      }), s;
+    }), m = (s) => {
+      s.target !== n.value && (s.stopPropagation(), document.body.removeEventListener("click", m), r.value = !1);
+    }, y = T(() => t.content && !t.contentTemplate), L = T(() => t.content), b = w("0px"), E = w("0px"), S = T(() => {
+      const s = {
         left: b.value,
         top: E.value
       };
-      return e.slots.default, c;
-    }), H = y(""), O = y(""), k = T(() => ({
+      return e.slots.default, s;
+    }), H = w(""), j = w(""), x = T(() => ({
       left: H.value,
-      top: O.value
-    })), P = T(() => ({
+      top: j.value
+    })), C = T(() => ({
       "tooltip-inner": !0,
-      "tooltip-inner-lg": s.value && s.value && s.value.scrollHeight > s.value.clientHeight
+      "tooltip-inner-lg": c.value && c.value && c.value.scrollHeight > c.value.clientHeight
     })), D = T(() => {
-      const c = {};
-      return t.width && Object.assign(c, {
+      const s = {};
+      return t.width && Object.assign(s, {
         width: t.width,
         "max-width": "none"
-      }), c;
-    }), N = (c) => {
-      l.value && d.value && s.value && (P.value, W(() => {
+      }), s;
+    }), z = (s) => {
+      l.value && u.value && c.value && (C.value, B(() => {
         const {
           tooltipPlacement: h,
-          tooltipPosition: x
-        } = bt(t, e, c.getBoundingClientRect(), d.value.getBoundingClientRect(), s.value.getBoundingClientRect(), l.value.getBoundingClientRect()), j = yt(X("body"));
-        b.value = `${x.value.tooltip.left - j.left}px`, E.value = `${x.value.tooltip.top - j.top}px`, H.value = `${x.value.arrow.left}px`, O.value = `${x.value.arrow.top}px`, i.value = h.value;
+          tooltipPosition: k
+        } = Tt(t, e, s.getBoundingClientRect(), u.value.getBoundingClientRect(), c.value.getBoundingClientRect(), l.value.getBoundingClientRect()), O = yt(u.value, k.value.tooltip.left, k.value.tooltip.top);
+        b.value = `${O.left}px`, E.value = `${O.top}px`, H.value = `${k.value.arrow.left}px`, j.value = `${k.value.arrow.top}px`, i.value = h.value;
       }));
-    }, M = (c) => {
-      var x;
-      const h = (x = n.value) == null ? void 0 : x.nextElementSibling;
-      h && (t.overflowShown && h.scrollWidth === h.clientWidth || (c.stopPropagation(), r.value = !0, W(() => {
-        N(h);
+    }, A = (s) => {
+      var k;
+      const h = (k = o.value) == null ? void 0 : k.nextElementSibling;
+      h && (t.overflowShown && h.scrollWidth === h.clientWidth || (s.stopPropagation(), r.value = !0, B(() => {
+        z(h);
       }), t.trigger === "click" && document.body.addEventListener("click", m)));
-    }, B = (c, h = !0) => {
-      c.removeEventListener("mouseenter", M), c.removeEventListener("mouseleave", m), h && (c.addEventListener("mouseenter", M), c.addEventListener("mouseleave", m));
+    }, N = (s, h = !0) => {
+      s.removeEventListener("mouseenter", A), s.removeEventListener("mouseleave", m), h && (s.addEventListener("mouseenter", A), s.addEventListener("mouseleave", m));
     };
-    function F(c, h = !0) {
-      c.removeEventListener("mouseenter", M), c.removeEventListener("mouseleave", m), h && c.addEventListener("click", M);
+    function F(s, h = !0) {
+      s.removeEventListener("mouseenter", A), s.removeEventListener("mouseleave", m), h && s.addEventListener("click", A);
     }
     function R() {
       var h;
       if (!t.enable)
         return;
-      const c = (h = n.value) == null ? void 0 : h.nextElementSibling;
-      c && (t.trigger === "click" && F(c), t.trigger === "hover" && B(c));
+      const s = (h = o.value) == null ? void 0 : h.nextElementSibling;
+      s && (t.trigger === "click" && F(s), t.trigger === "hover" && N(s));
     }
-    function Q() {
+    function _() {
       var h;
-      const c = (h = n.value) == null ? void 0 : h.nextElementSibling;
-      c && (t.trigger === "click" && F(c, !1), t.trigger === "hover" && B(c, !1));
+      const s = (h = o.value) == null ? void 0 : h.nextElementSibling;
+      s && (t.trigger === "click" && F(s, !1), t.trigger === "hover" && N(s, !1));
     }
-    rt(() => t.enable, (c) => {
-      c ? R() : Q();
+    lt(() => t.enable, (s) => {
+      s ? R() : _();
     });
-    function Z() {
-      n.value && n.value.nodeName === "#text" && !n.value.nextElementSibling && (v.value = !0, W(() => {
+    function K() {
+      o.value && o.value.nodeName === "#text" && !o.value.nextElementSibling && (v.value = !0, B(() => {
         R();
       }));
     }
-    J(() => {
-      Z(), R(), !w.value && t.contentTemplate && o.value && o.value.appendChild(t.contentTemplate), t.reference && N(t.reference);
+    Y(() => {
+      K(), R(), !y.value && t.contentTemplate && n.value && n.value.appendChild(t.contentTemplate), t.reference && z(t.reference);
     });
-    function I(c) {
-      e.emit("click", c);
+    function I(s) {
+      e.emit("click", s);
     }
-    const tt = () => g("div", {
-      ref: d,
+    const Q = () => g("div", {
+      ref: u,
       class: p.value,
-      style: L.value,
+      style: S.value,
       onClick: I
     }, [g("div", {
       ref: l,
       class: "arrow",
-      style: k.value
+      style: x.value
     }, null), g("div", {
-      ref: s,
-      class: P.value,
+      ref: c,
+      class: C.value,
       style: D.value
     }, [g("div", {
       class: "tooltip-tmpl"
-    }, [w.value && g("div", {
+    }, [y.value && g("div", {
       class: "tooltip-text",
-      innerHTML: S.value
-    }, null), !w.value && g("div", {
+      innerHTML: L.value
+    }, null), !y.value && g("div", {
       class: "tooltip-text",
-      ref: o
+      ref: n
     }, null)])])]);
-    function et() {
-      const c = {
+    function Z() {
+      const s = {
         class: "tooltip-text",
-        ref: o
+        ref: n
       };
       if (e.slots.contentTemplate)
-        return g("div", c, [e.slots.contentTemplate()]);
+        return g("div", s, [e.slots.contentTemplate()]);
       if (t.content) {
         let h = t.content;
-        return typeof t.content == "function" && (h = t.content()), g("div", U(c, {
+        return typeof t.content == "function" && (h = t.content()), g("div", G(s, {
           innerHTML: h
         }), null);
       }
-      return g("div", c, null);
+      return g("div", s, null);
     }
-    const ot = () => g("div", {
-      ref: d,
+    const tt = () => g("div", {
+      ref: u,
       class: p.value,
-      style: L.value,
+      style: S.value,
       onClick: I
     }, [g("div", {
       ref: l,
       class: "arrow",
-      style: k.value
+      style: x.value
     }, null), g("div", {
-      ref: s,
-      class: P.value,
+      ref: c,
+      class: C.value,
       style: D.value
     }, [g("div", {
       class: "tooltip-tmpl"
-    }, [et()])])]);
-    function nt() {
-      var c, h, x, j;
-      return v.value ? g("span", null, [(h = (c = e.slots).default) == null ? void 0 : h.call(c)]) : (j = (x = e.slots).default) == null ? void 0 : j.call(x);
+    }, [Z()])])]);
+    function et() {
+      var s, h, k, O;
+      return v.value ? g("span", null, [(h = (s = e.slots).default) == null ? void 0 : h.call(s)]) : (O = (k = e.slots).default) == null ? void 0 : O.call(k);
     }
-    return () => e.slots.default ? g(ct, {
-      ref: n
-    }, [nt(), u.value && g(st, {
+    return () => e.slots.default ? g(it, {
+      ref: o
+    }, [et(), d.value && g(rt, {
       to: "body"
     }, {
-      default: () => [r.value && ot()]
-    })]) : tt();
+      default: () => [r.value && tt()]
+    })]) : Q();
   }
 });
-function Et(t, e) {
-  const n = document.createElement("div");
-  t.customClass && (n.className = t.customClass);
-  const l = ut({
+function kt(t, e) {
+  const o = document.createElement("div");
+  t.customClass && (o.className = t.customClass);
+  const l = st({
     setup() {
-      function d() {
+      function u() {
         t.clickToHide && l.unmount();
       }
-      return ft(() => {
-        document.body.removeChild(n);
-      }), () => g(A, U(t, {
-        onClick: d
+      return ut(() => {
+        document.body.removeChild(o);
+      }), () => g(M, G(t, {
+        onClick: u
       }), null);
     }
   });
-  return document.body.appendChild(n), l.mount(n), l;
+  return document.body.appendChild(o), l.mount(o), l;
 }
-function _(t) {
-  const e = at({
+function J(t) {
+  const e = ct({
     ...t
   });
-  return Et(e);
+  return kt(e);
 }
-const C = /* @__PURE__ */ new WeakMap();
-function K(t) {
+const P = /* @__PURE__ */ new WeakMap();
+function U(t) {
   if (!t)
     return;
-  const e = C.get(t);
-  e && (e.unmount(), C.delete(t));
+  const e = P.get(t);
+  e && (e.unmount(), P.delete(t));
 }
-function xt(t, e) {
-  let n;
+function Lt(t, e) {
+  let o;
   t.addEventListener("mouseenter", (l) => {
-    if (e.value.enable !== !1 && !(e.value.overflowShown && t.scrollWidth === t.clientWidth) && (l.stopPropagation(), !n)) {
-      const d = t.dataset.tooltip && JSON.parse(t.dataset.tooltip) || {}, s = Object.assign({
+    if (e.value.enable !== !1 && !(e.value.overflowShown && t.scrollWidth === t.clientWidth) && (l.stopPropagation(), !o)) {
+      const u = t.dataset.tooltip && JSON.parse(t.dataset.tooltip) || {}, c = Object.assign({
         reference: t,
         contentTemplate: e.value.contentTemplate
-      }, d);
-      n = _(s), C.set(t, n);
+      }, u);
+      o = J(c), P.set(t, o);
     }
   }), t.addEventListener("mouseleave", (l) => {
-    l.stopPropagation(), n && (C.delete(t), n.unmount(), n = null);
+    l.stopPropagation(), o && (P.delete(t), o.unmount(), o = null);
   });
 }
 let $ = null;
-const z = "_farris-tooltip-directive_";
-function V() {
-  document.querySelectorAll(`.${z}`).forEach((t) => {
-    K(t);
+const V = "_farris-tooltip-directive_";
+function W() {
+  document.querySelectorAll(`.${V}`).forEach((t) => {
+    U(t);
   });
 }
 function St(t, e) {
-  t.addEventListener("click", (n) => {
+  t.addEventListener("click", (o) => {
     if (e.value.enable === !1 || e.value.overflowShown === !0 && t.scrollWidth === t.clientWidth)
       return;
-    n.stopPropagation();
-    let l = C.get(t);
+    o.stopPropagation();
+    let l = P.get(t);
     if (l)
-      l.unmount(), C.delete(t);
+      l.unmount(), P.delete(t);
     else {
-      V();
-      const d = t.dataset.tooltip && JSON.parse(t.dataset.tooltip) || {}, s = Object.assign({
+      W();
+      const u = t.dataset.tooltip && JSON.parse(t.dataset.tooltip) || {}, c = Object.assign({
         trigger: "hover",
         reference: t
-      }, d);
-      l = _(s), C.set(t, l);
+      }, u);
+      l = J(c), P.set(t, l);
     }
   });
 }
@@ -415,47 +431,47 @@ function q(t, e) {
     t.dataset.tooltip = "";
   else {
     const {
-      contentTemplate: n,
+      contentTemplate: o,
       ...l
     } = e.value;
     t.dataset.tooltip = JSON.stringify(l);
   }
 }
-function G(t, e) {
-  e.value.trigger === "click" || K(t);
+function X(t, e) {
+  e.value.trigger === "click" || U(t);
 }
-const Lt = {
-  mounted: (t, e, n) => {
-    switch (t.classList.add(z), q(t, e), e.value.trigger) {
+const xt = {
+  mounted: (t, e, o) => {
+    switch (t.classList.add(V), q(t, e), e.value.trigger) {
       case "click": {
         St(t, e);
         break;
       }
       default:
-        xt(t, e);
+        Lt(t, e);
     }
   },
-  beforeUnmount: (t, e, n) => {
-    G(t, e);
+  beforeUnmount: (t, e, o) => {
+    X(t, e);
   },
-  unmounted: (t, e, n) => {
-    G(t, e);
+  unmounted: (t, e, o) => {
+    X(t, e);
   },
   beforeUpdate: (t, e) => {
     q(t, e);
   }
 };
-typeof window < "u" && (window.clearAllTooltips = V);
+typeof window < "u" && (window.clearAllTooltips = W);
 typeof document < "u" && document.body && (document.body.removeEventListener("click", $, !0), document.body.addEventListener("click", $ = (t) => {
-  const e = t.target, n = e.closest(`.${z}`);
-  n && C.has(n) || e.closest(".tooltip") || V();
+  const e = t.target, o = e.closest(`.${V}`);
+  o && P.has(o) || e.closest(".tooltip") || W();
 }, !0));
-A.install = (t) => {
-  t.component(A.name, A), t.directive("tooltip", Lt);
+M.install = (t) => {
+  t.component(M.name, M), t.directive("tooltip", xt);
 };
 export {
-  A as FTooltip,
-  Lt as FTooltipDirective,
-  A as default,
-  dt as tooltipProps
+  M as FTooltip,
+  xt as FTooltipDirective,
+  M as default,
+  at as tooltipProps
 };