@farris/ui-vue 1.6.5-beta.7 → 1.6.5-beta.8

package/components/tooltip/index.esm.js

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

package/components/tooltip/index.umd.cjs

@@ -1 +1 @@
-(function(w,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(w=typeof globalThis<"u"?globalThis:w||self,e(w.tooltip={},w.Vue))})(this,function(w,e){"use strict";const M={content:{type:String,default:""},contentTemplate:{type:Object},width:{type:String},customClass:{type:String},placement:{type:String,default:"top"},trigger:{type:String,default:"hover"},reference:{type:Object,require:!0},horizontalRelative:{type:String,default:""},verticalRelative:{type:String,default:""},clickToHide:{type:Boolean,default:!0},enable:{type:Boolean,default:!0},overflowShown:{type:Boolean,default:!1}};function U(t,n){const i=new Map([["top","bottom"],["bottom","top"],["left","right"],["right","left"]]),s=new Map([["top","height"],["bottom","height"],["left","width"],["right","width"]]);function p(o,c){const f=i.get(c)||c;return o.replace(c,f)}function a(o,c,f,l,h){let v=o;const u=o.split("-")[0],d=s.get(u),g=l[d]+h[d];return Math.abs(f[u]-c[u])<g&&(v=p(o,u)),v}return{adjustPlacement:a}}function X(t,n){function s(a,o,c){let f=!1,l=c;return(o==="left"||o==="top")&&c<=a[o]&&(f=!0,l=a[o]+6),(o==="right"||o==="bottom")&&c>=a[o]&&(f=!0,l=a[o]-6),{overBound:f,fixedValue:l}}function p(a,o,c,f,l,h,v){let u=o.tooltip.left,d=o.tooltip.top,g=o.arrow.left,y=o.arrow.top;const E=a.split("-")[0];if(["top","bottom"].includes(E)){const b=s(c,"left",o.tooltip.left),j=s(c,"right",o.tooltip.left+l.width);u=b.overBound?b.fixedValue:j.overBound?j.fixedValue-l.width:o.tooltip.left,g=b.overBound?l.width-(u+l.width-f.right)-v.width:j.overBound?f.left-u:o.arrow.left}const x=s(c,"top",o.tooltip.top),k=s(c,"bottom",o.tooltip.top+l.height);return d=x.overBound?x.fixedValue:k.overBound?k.fixedValue-l.height:o.tooltip.top,y=x.overBound?o.arrow.top:k.overBound?l.height-(d+l.height-f.top):o.arrow.top,{arrow:{left:g,top:y},tooltip:{left:u,top:d}}}return{adjustPosition:p}}function Y(t,n){function s(o,c,f,l,h){const v=o.split("-"),u=v[0],d=v[1]||"middle",g=["top","bottom"].includes(u)?d==="middle"?(l.width-h.width)/2:d==="right"?l.width-h.width-6:6:0,y=["left","right"].includes(u)?d==="middle"?(l.height-h.height)/2:d==="bottom"?l.height-h.height-6:6:0,P=u==="left"?l.width+h.width:0,E=u==="top"?l.height+h.height:0;return{left:P+g,top:E+y,right:0}}function p(o,c,f,l,h){const v=o.split("-"),u=v[0],d=v[1]||"middle",g=(f.width-l.width)/2,y=(f.height-l.height)/2,P=u==="right"?c.right:c.left,E=u==="bottom"?c.bottom:c.top,x=u==="top"?0-y-l.height-h.height:u==="bottom"?0-y+h.height:0,k=["left","right"].includes(u)?d==="middle"?(c.height-l.height)/2:d==="bottom"?c.height-l.height:0:0,V=u==="left"?0-g-l.width-h.width:u==="right"?0-g+h.width:0,N=["top","bottom"].includes(u)?d==="middle"?(c.width-l.width)/2:d==="right"?c.width-l.width:0:0,b=E+x+k;return{left:P+V+N,top:b}}function a(o,c,f,l,h){const v=p(o,c,f,l,h);return{arrow:s(o,c,f,l,h),tooltip:v}}return{calculate:a}}function B(t,n){const i=e.ref(t.horizontalRelative),s=e.ref(t.verticalRelative);function p(o){return typeof o=="string"?document.querySelector(o):o}function a(){let o=document.documentElement.clientWidth,c=document.documentElement.clientHeight,f=0,l=0,h=0,v=0,u=c-f,d=o-l;return i.value&&({left:l,right:o,x:h,width:d}=p(i.value).getBoundingClientRect()),s.value&&({bottom:c,top:f,y:v,height:u}=p(s.value).getBoundingClientRect()),{top:f,left:l,right:o,bottom:c,height:u,width:d,x:h,y:v}}return{getRelativeElementBound:a}}function K(t,n,i,s,p,a){const o=e.ref(t.placement),{getRelativeElementBound:c}=B(t),{calculate:f}=Y(),{adjustPlacement:l}=U(),{adjustPosition:h}=X(),v=e.computed(()=>o.value.split("-")[0]),u=e.computed(()=>{const d=c();o.value=l(o.value,d,i,s,a);const g=f(o.value,i,s,p,a);return h(o.value,g,d,i,s,p,a)});return{tooltipPlacement:v,tooltipPosition:u}}function Q(t){const n=e.ref(),i=e.ref(!1),s=e.computed(()=>({display:i.value?"block":"none"})),p=e.computed(()=>{var o;const a=(o=t.customClass)==null?void 0:o.split(" ");return a==null?void 0:a.reduce((c,f)=>(c[f]=!0,c),{})});return{showTooltip:i,tooltipDisplayStyle:s,tooltipCustomClass:p,tooltipContainerRef:n}}const L=e.defineComponent({name:"FTooltip",props:M,emits:["click"],setup(t,n){const i=e.ref(),s=e.ref(),p=e.ref(),a=e.ref(),o=e.ref(),c=e.ref(t.placement.split("-")[0]),f=Q(t),{showTooltip:l,tooltipCustomClass:h}=f,v=e.ref(!1),u=e.computed(()=>{let r={"fv-tooltip":!0,tooltip:!0,show:!0};const m=`bs-tooltip-${c.value}`;return r[m]=!0,n.slots.default&&(r={...r,...h.value}),r}),d=r=>{r.stopPropagation(),r.target!==o.value&&(l.value=!1)},g=e.computed(()=>t.content&&!t.contentTemplate),y=e.computed(()=>t.content),P=e.ref("0px"),E=e.ref("0px"),x=e.computed(()=>{const r={left:P.value,top:E.value};return n.slots.default,r}),k=e.ref(""),V=e.ref(""),N=e.computed(()=>({left:k.value,top:V.value})),b=e.computed(()=>({"tooltip-inner":!0,"tooltip-inner-lg":a.value&&a.value&&a.value.scrollHeight>a.value.clientHeight})),j=e.computed(()=>{const r={};return t.width&&Object.assign(r,{width:t.width,"max-width":"none"}),r}),$=r=>{s.value&&p.value&&a.value&&(b.value,e.nextTick(()=>{const{tooltipPlacement:m,tooltipPosition:T}=K(t,n,r.getBoundingClientRect(),p.value.getBoundingClientRect(),a.value.getBoundingClientRect(),s.value.getBoundingClientRect());P.value=`${T.value.tooltip.left+document.documentElement.scrollLeft}px`,E.value=`${T.value.tooltip.top+document.documentElement.scrollTop}px`,k.value=`${T.value.arrow.left}px`,V.value=`${T.value.arrow.top}px`,c.value=m.value}))},O=r=>{var T;const m=(T=i.value)==null?void 0:T.nextElementSibling;m&&(t.overflowShown&&m.scrollWidth===m.clientWidth||(r.stopPropagation(),l.value=!0,e.nextTick(()=>{$(m)})))},q=(r,m=!0)=>{r.removeEventListener("mouseenter",O),r.removeEventListener("mouseleave",d),m&&(r.addEventListener("mouseenter",O),r.addEventListener("mouseleave",d))};function _(r,m=!0){r.removeEventListener("mouseenter",O),r.removeEventListener("mouseleave",d),m&&(r.addEventListener("click",O),document.body.addEventListener("click",d))}function H(){var m;if(!t.enable)return;const r=(m=i.value)==null?void 0:m.nextElementSibling;r&&(t.trigger==="click"&&_(r),t.trigger==="hover"&&q(r))}function ot(){var m;const r=(m=i.value)==null?void 0:m.nextElementSibling;r&&(t.trigger==="click"&&_(r,!1),t.trigger==="hover"&&q(r,!1))}e.watch(()=>t.enable,r=>{r?H():ot()});function nt(){i.value&&i.value.nodeName==="#text"&&!i.value.nextElementSibling&&(v.value=!0,e.nextTick(()=>{H()}))}e.onMounted(()=>{nt(),H(),!g.value&&t.contentTemplate&&o.value&&o.value.appendChild(t.contentTemplate),t.reference&&$(t.reference)});function G(r){n.emit("click",r)}const lt=()=>e.createVNode("div",{ref:p,class:u.value,style:x.value,onClick:G},[e.createVNode("div",{ref:s,class:"arrow",style:N.value},null),e.createVNode("div",{ref:a,class:b.value,style:j.value},[e.createVNode("div",{class:"tooltip-tmpl"},[g.value&&e.createVNode("div",{class:"tooltip-text",innerHTML:y.value},null),!g.value&&e.createVNode("div",{class:"tooltip-text",ref:o},null)])])]),it=()=>e.createVNode("div",{ref:p,class:u.value,style:x.value,onClick:G},[e.createVNode("div",{ref:s,class:"arrow",style:N.value},null),e.createVNode("div",{ref:a,class:b.value,style:j.value},[e.createVNode("div",{class:"tooltip-tmpl"},[e.createVNode("div",{class:"tooltip-text",ref:o},[n.slots.contentTemplate?n.slots.contentTemplate():t.content])])])]);function rt(){var r,m,T,J;return v.value?e.createVNode("span",null,[(m=(r=n.slots).default)==null?void 0:m.call(r)]):(J=(T=n.slots).default)==null?void 0:J.call(T)}return()=>n.slots.default?e.createVNode(e.Fragment,{ref:i},[rt(),e.createVNode(e.Teleport,{to:"body"},{default:()=>[l.value&&it()]})]):lt()}});function Z(t,n){const i=document.createElement("div");t.customClass&&(i.className=t.customClass);const s=e.createApp({setup(){function p(){t.clickToHide&&s.unmount()}return e.onUnmounted(()=>{document.body.removeChild(i)}),()=>e.createVNode(L,e.mergeProps(t,{onClick:p}),null)}});return document.body.appendChild(i),s.mount(i),s}function R(t){const n=e.reactive({...t});return Z(n)}const S=new WeakMap;function W(t){if(!t)return;const n=S.get(t);n&&(n.unmount(),S.delete(t))}function tt(t,n){let i;t.addEventListener("mouseenter",s=>{if(n.value.enable!==!1&&!(n.value.overflowShown&&t.scrollWidth===t.clientWidth)&&(s.stopPropagation(),!i)){const p=t.dataset.tooltip&&JSON.parse(t.dataset.tooltip)||{},a=Object.assign({reference:t,contentTemplate:n.value.contentTemplate},p);i=R(a),S.set(t,i)}}),t.addEventListener("mouseleave",s=>{s.stopPropagation(),i&&(S.delete(t),i.unmount(),i=null)})}let z=null;const C="_farris-tooltip-directive_";function A(){document.querySelectorAll(`.${C}`).forEach(t=>{W(t)})}function et(t,n){t.addEventListener("click",i=>{if(n.value.enable===!1||n.value.overflowShown===!0&&t.scrollWidth===t.clientWidth)return;i.stopPropagation();let s=S.get(t);if(s)s.unmount(),S.delete(t);else{A();const p=t.dataset.tooltip&&JSON.parse(t.dataset.tooltip)||{},a=Object.assign({trigger:"hover",reference:t},p);s=R(a),S.set(t,s)}})}function D(t,n){if(!n.value)t.dataset.tooltip="";else{const{contentTemplate:i,...s}=n.value;t.dataset.tooltip=JSON.stringify(s)}}function F(t,n){n.value.trigger==="click"||W(t)}const I={mounted:(t,n,i)=>{switch(t.classList.add(C),D(t,n),n.value.trigger){case"click":{et(t,n);break}default:tt(t,n)}},beforeUnmount:(t,n,i)=>{F(t,n)},unmounted:(t,n,i)=>{F(t,n)},beforeUpdate:(t,n)=>{D(t,n)}};window.clearAllTooltips=A,document.body.removeEventListener("click",z,!0),document.body.addEventListener("click",z=t=>{const n=t.target,i=n.closest(`.${C}`);i&&S.has(i)||n.closest(".tooltip")||A()},!0),L.install=t=>{t.component(L.name,L),t.directive("tooltip",I)},w.FTooltip=L,w.FTooltipDirective=I,w.default=L,w.tooltipProps=M,Object.defineProperties(w,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(w,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(w=typeof globalThis<"u"?globalThis:w||self,e(w.tooltip={},w.Vue))})(this,function(w,e){"use strict";const R={content:{type:String,default:""},contentTemplate:{type:Object},width:{type:String},customClass:{type:String},placement:{type:String,default:"top"},trigger:{type:String,default:"hover"},reference:{type:Object,require:!0},horizontalRelative:{type:String,default:""},verticalRelative:{type:String,default:""},clickToHide:{type:Boolean,default:!0},enable:{type:Boolean,default:!0},overflowShown:{type:Boolean,default:!1}};function Y(t,n){const i=new Map([["top","bottom"],["bottom","top"],["left","right"],["right","left"]]),s=new Map([["top","height"],["bottom","height"],["left","width"],["right","width"]]);function p(o,c){const f=i.get(c)||c;return o.replace(c,f)}function a(o,c,f,l,h){let v=o;const u=o.split("-")[0],d=s.get(u),g=l[d]+h[d];return Math.abs(f[u]-c[u])<g&&(v=p(o,u)),v}return{adjustPlacement:a}}function B(t,n){function s(a,o,c){let f=!1,l=c;return(o==="left"||o==="top")&&c<=a[o]&&(f=!0,l=a[o]+6),(o==="right"||o==="bottom")&&c>=a[o]&&(f=!0,l=a[o]-6),{overBound:f,fixedValue:l}}function p(a,o,c,f,l,h,v){let u=o.tooltip.left,d=o.tooltip.top,g=o.arrow.left,y=o.arrow.top;const P=a.split("-")[0];if(["top","bottom"].includes(P)){const k=s(c,"left",o.tooltip.left),j=s(c,"right",o.tooltip.left+l.width);u=k.overBound?k.fixedValue:j.overBound?j.fixedValue-l.width:o.tooltip.left,g=k.overBound?l.width-(u+l.width-f.right)-v.width:j.overBound?f.left-u:o.arrow.left}const E=s(c,"top",o.tooltip.top),x=s(c,"bottom",o.tooltip.top+l.height);return d=E.overBound?E.fixedValue:x.overBound?x.fixedValue-l.height:o.tooltip.top,y=E.overBound?o.arrow.top:x.overBound?l.height-(d+l.height-f.top):o.arrow.top,{arrow:{left:g,top:y},tooltip:{left:u,top:d}}}return{adjustPosition:p}}function K(t,n){function s(o,c,f,l,h){const v=o.split("-"),u=v[0],d=v[1]||"middle",g=["top","bottom"].includes(u)?d==="middle"?(l.width-h.width)/2:d==="right"?l.width-h.width-6:6:0,y=["left","right"].includes(u)?d==="middle"?(l.height-h.height)/2:d==="bottom"?l.height-h.height-6:6:0,S=u==="left"?l.width+h.width:0,P=u==="top"?l.height+h.height:0;return{left:S+g,top:P+y,right:0}}function p(o,c,f,l,h){const v=o.split("-"),u=v[0],d=v[1]||"middle",g=(f.width-l.width)/2,y=(f.height-l.height)/2,S=u==="right"?c.right:c.left,P=u==="bottom"?c.bottom:c.top,E=u==="top"?0-y-l.height-h.height:u==="bottom"?0-y+h.height:0,x=["left","right"].includes(u)?d==="middle"?(c.height-l.height)/2:d==="bottom"?c.height-l.height:0:0,V=u==="left"?0-g-l.width-h.width:u==="right"?0-g+h.width:0,C=["top","bottom"].includes(u)?d==="middle"?(c.width-l.width)/2:d==="right"?c.width-l.width:0:0,k=P+E+x;return{left:S+V+C,top:k}}function a(o,c,f,l,h){const v=p(o,c,f,l,h);return{arrow:s(o,c,f,l,h),tooltip:v}}return{calculate:a}}function Q(t,n){const i=e.ref(t.horizontalRelative),s=e.ref(t.verticalRelative);function p(o){return typeof o=="string"?document.querySelector(o):o}function a(){let o=document.documentElement.clientWidth,c=document.documentElement.clientHeight,f=0,l=0,h=0,v=0,u=c-f,d=o-l;return i.value&&({left:l,right:o,x:h,width:d}=p(i.value).getBoundingClientRect()),s.value&&({bottom:c,top:f,y:v,height:u}=p(s.value).getBoundingClientRect()),{top:f,left:l,right:o,bottom:c,height:u,width:d,x:h,y:v}}return{getRelativeElementBound:a}}function Z(t,n,i,s,p,a){const o=e.ref(t.placement),{getRelativeElementBound:c}=Q(t),{calculate:f}=K(),{adjustPlacement:l}=Y(),{adjustPosition:h}=B(),v=e.computed(()=>o.value.split("-")[0]),u=e.computed(()=>{const d=c();o.value=l(o.value,d,i,s,a);const g=f(o.value,i,s,p,a);return h(o.value,g,d,i,s,p,a)});return{tooltipPlacement:v,tooltipPosition:u}}function tt(t){const n=e.ref(),i=e.ref(!1),s=e.computed(()=>({display:i.value?"block":"none"})),p=e.computed(()=>{var o;const a=(o=t.customClass)==null?void 0:o.split(" ");return a==null?void 0:a.reduce((c,f)=>(c[f]=!0,c),{})});return{showTooltip:i,tooltipDisplayStyle:s,tooltipCustomClass:p,tooltipContainerRef:n}}const L=e.defineComponent({name:"FTooltip",props:R,emits:["click"],setup(t,n){const i=e.ref(),s=e.ref(),p=e.ref(),a=e.ref(),o=e.ref(),c=e.ref(t.placement.split("-")[0]),f=tt(t),{showTooltip:l,tooltipDisplayStyle:h,tooltipCustomClass:v,tooltipContainerRef:u}=f,d=e.ref(!1),g=e.computed(()=>{let r={"fv-tooltip":!0,tooltip:!0,show:!0};const m=`bs-tooltip-${c.value}`;return r[m]=!0,n.slots.default&&(r={...r,...v.value}),r}),y=r=>{r.stopPropagation(),r.target!==o.value&&(l.value=!1)},S=e.computed(()=>t.content&&!t.contentTemplate),P=e.computed(()=>t.content),E=e.ref("0px"),x=e.ref("0px"),V=e.computed(()=>{const r={left:E.value,top:x.value};return n.slots.default,r}),C=e.ref(""),k=e.ref(""),j=e.computed(()=>({left:C.value,top:k.value})),H=e.computed(()=>({"tooltip-inner":!0,"tooltip-inner-lg":a.value&&a.value&&a.value.scrollHeight>a.value.clientHeight})),q=e.computed(()=>{const r={};return t.width&&Object.assign(r,{width:t.width,"max-width":"none"}),r}),_=r=>{s.value&&p.value&&a.value&&(H.value,e.nextTick(()=>{const{tooltipPlacement:m,tooltipPosition:T}=Z(t,n,r.getBoundingClientRect(),p.value.getBoundingClientRect(),a.value.getBoundingClientRect(),s.value.getBoundingClientRect());E.value=`${T.value.tooltip.left+document.documentElement.scrollLeft}px`,x.value=`${T.value.tooltip.top+document.documentElement.scrollTop}px`,C.value=`${T.value.arrow.left}px`,k.value=`${T.value.arrow.top}px`,c.value=m.value}))},N=r=>{var T;const m=(T=i.value)==null?void 0:T.nextElementSibling;m&&(t.overflowShown&&m.scrollWidth===m.clientWidth||(r.stopPropagation(),l.value=!0,e.nextTick(()=>{_(m)})))},G=(r,m=!0)=>{r.removeEventListener("mouseenter",N),r.removeEventListener("mouseleave",y),m&&(r.addEventListener("mouseenter",N),r.addEventListener("mouseleave",y))};function J(r,m=!0){r.removeEventListener("mouseenter",N),r.removeEventListener("mouseleave",y),m&&(r.addEventListener("click",N),document.body.addEventListener("click",y))}function M(){var m;if(!t.enable)return;const r=(m=i.value)==null?void 0:m.nextElementSibling;r&&(t.trigger==="click"&&J(r),t.trigger==="hover"&&G(r))}function lt(){var m;const r=(m=i.value)==null?void 0:m.nextElementSibling;r&&(t.trigger==="click"&&J(r,!1),t.trigger==="hover"&&G(r,!1))}e.watch(()=>t.enable,r=>{r?M():lt()});function it(){i.value&&i.value.nodeName==="#text"&&!i.value.nextElementSibling&&(d.value=!0,e.nextTick(()=>{M()}))}e.onMounted(()=>{it(),M(),!S.value&&t.contentTemplate&&o.value&&o.value.appendChild(t.contentTemplate),t.reference&&_(t.reference)});function U(r){n.emit("click",r)}const rt=()=>e.createVNode("div",{ref:p,class:g.value,style:V.value,onClick:U},[e.createVNode("div",{ref:s,class:"arrow",style:j.value},null),e.createVNode("div",{ref:a,class:H.value,style:q.value},[e.createVNode("div",{class:"tooltip-tmpl"},[S.value&&e.createVNode("div",{class:"tooltip-text",innerHTML:P.value},null),!S.value&&e.createVNode("div",{class:"tooltip-text",ref:o},null)])])]),ct=()=>e.createVNode("div",{ref:p,class:g.value,style:V.value,onClick:U},[e.createVNode("div",{ref:s,class:"arrow",style:j.value},null),e.createVNode("div",{ref:a,class:H.value,style:q.value},[e.createVNode("div",{class:"tooltip-tmpl"},[e.createVNode("div",{class:"tooltip-text",ref:o},[n.slots.contentTemplate?n.slots.contentTemplate():t.content])])])]);function st(){var r,m,T,X;return d.value?e.createVNode("span",null,[(m=(r=n.slots).default)==null?void 0:m.call(r)]):(X=(T=n.slots).default)==null?void 0:X.call(T)}return()=>n.slots.default?e.createVNode(e.Fragment,{ref:i},[st(),e.createVNode(e.Teleport,{to:"body"},{default:()=>[l.value&&ct()]})]):rt()}});function et(t,n){const i=document.createElement("div");t.customClass&&(i.className=t.customClass);const s=e.createApp({setup(){function p(){t.clickToHide&&s.unmount()}return e.onUnmounted(()=>{document.body.removeChild(i)}),()=>e.createVNode(L,e.mergeProps(t,{onClick:p}),null)}});return document.body.appendChild(i),s.mount(i),s}function W(t){const n=e.reactive({...t});return et(n)}const b=new WeakMap;function z(t){if(!t)return;const n=b.get(t);n&&(n.unmount(),b.delete(t))}function ot(t,n){let i;t.addEventListener("mouseenter",s=>{if(n.value.enable!==!1&&!(n.value.overflowShown&&t.scrollWidth===t.clientWidth)&&(s.stopPropagation(),!i)){const p=t.dataset.tooltip&&JSON.parse(t.dataset.tooltip)||{},a=Object.assign({reference:t,contentTemplate:n.value.contentTemplate},p);i=W(a),b.set(t,i)}}),t.addEventListener("mouseleave",s=>{s.stopPropagation(),i&&(b.delete(t),i.unmount(),i=null)})}let D=null;const O="_farris-tooltip-directive_";function A(){document.querySelectorAll(`.${O}`).forEach(t=>{z(t)})}function nt(t,n){t.addEventListener("click",i=>{if(n.value.enable===!1||n.value.overflowShown===!0&&t.scrollWidth===t.clientWidth)return;i.stopPropagation();let s=b.get(t);if(s)s.unmount(),b.delete(t);else{A();const p=t.dataset.tooltip&&JSON.parse(t.dataset.tooltip)||{},a=Object.assign({trigger:"hover",reference:t},p);s=W(a),b.set(t,s)}})}function F(t,n){if(!n.value)t.dataset.tooltip="";else{const{contentTemplate:i,...s}=n.value;t.dataset.tooltip=JSON.stringify(s)}}function I(t,n){n.value.trigger==="click"||z(t)}const $={mounted:(t,n,i)=>{switch(t.classList.add(O),F(t,n),n.value.trigger){case"click":{nt(t,n);break}default:ot(t,n)}},beforeUnmount:(t,n,i)=>{I(t,n)},unmounted:(t,n,i)=>{I(t,n)},beforeUpdate:(t,n)=>{F(t,n)}};window.clearAllTooltips=A,document.body.removeEventListener("click",D,!0),document.body.addEventListener("click",D=t=>{const n=t.target,i=n.closest(`.${O}`);i&&b.has(i)||n.closest(".tooltip")||A()},!0),L.install=t=>{t.component(L.name,L),t.directive("tooltip",$)},w.FTooltip=L,w.FTooltipDirective=$,w.default=L,w.tooltipProps=R,Object.defineProperties(w,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});