@farris/ui-vue 1.5.0-beta.0 → 1.5.0-beta.1

package/components/tooltip/index.esm.js

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

package/components/tooltip/index.umd.cjs

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