@vue-interface/tooltip 1.0.0-beta.9 → 2.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Justin Kimbrell
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-import Tooltip from './src/Tooltip.vue';
-import TooltipPlugin from './src/TooltipPlugin';
-export { Tooltip, TooltipPlugin };
+import { default as Tooltip } from './src/Tooltip.vue';
+import { TooltipDirective, TooltipPlugin } from './src/TooltipPlugin';
+export { Tooltip, TooltipDirective, TooltipPlugin };

package/dist/src/Tooltip.vue.d.ts

@@ -1,82 +1,68 @@
-declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").DefineComponent<{
-    offset: {
-        type: ArrayConstructor;
-        default: undefined;
+import { FlipOptions, MaybeElement, OffsetOptions, ReferenceElement, UseFloatingOptions } from '@floating-ui/vue';
+import { Ref, ShallowRef } from 'vue';
+export type TooltipProps = {
+    title?: string;
+    show?: boolean;
+    target?: Ref<MaybeElement<ReferenceElement>> | ReferenceElement;
+    placement?: UseFloatingOptions['placement'];
+    strategy?: UseFloatingOptions['strategy'];
+    middleware?: (arrow: Readonly<ShallowRef<HTMLDivElement | null>>) => UseFloatingOptions['middleware'];
+    flip?: FlipOptions;
+    offset?: OffsetOptions;
+};
+declare function open(): void;
+declare function close(): void;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default: () => void;
+    }> & {
+        default: () => void;
     };
-    popper: {
-        type: ObjectConstructor;
-        default: undefined;
+    refs: {
+        tooltipEl: HTMLDivElement;
+        arrowEl: HTMLDivElement;
+        inner: HTMLDivElement;
     };
-    placement: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    target: {
-        type: {
-            new (): Element;
-            prototype: Element;
-        };
-        required: true;
-    };
-    title: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    show: BooleanConstructor;
-    top: BooleanConstructor;
-    bottom: BooleanConstructor;
-    left: BooleanConstructor;
-    right: BooleanConstructor;
-}, unknown, {
-    currentShow: boolean;
-    popperInstance: null;
-}, {
-    computedPlacement(): any;
-    tooltipClasses(): {
-        [x: string]: any;
-        show: any;
-    };
-}, {
-    open(): void;
-    close(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    offset: {
-        type: ArrayConstructor;
-        default: undefined;
-    };
-    popper: {
-        type: ObjectConstructor;
-        default: undefined;
-    };
-    placement: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    target: {
-        type: {
-            new (): Element;
-            prototype: Element;
-        };
-        required: true;
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<TooltipProps, {
+    open: typeof open;
+    close: typeof close;
+    tooltipEl: Readonly<ShallowRef<HTMLDivElement | null>>;
+    arrowEl: Readonly<ShallowRef<HTMLDivElement | null>>;
+    isShowing: Ref<boolean, boolean>;
+    hash: string;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TooltipProps> & Readonly<{}>, {
+    placement: import('@floating-ui/vue').Placement | Readonly<Ref<import('@floating-ui/vue').Placement | undefined, import('@floating-ui/vue').Placement | undefined>> | (() => import('@floating-ui/vue').Placement | undefined);
+    strategy: import('@floating-ui/vue').Strategy | Readonly<Ref<import('@floating-ui/vue').Strategy | undefined, import('@floating-ui/vue').Strategy | undefined>> | (() => import('@floating-ui/vue').Strategy | undefined);
+    middleware: (arrow: Readonly<ShallowRef<HTMLDivElement | null>>) => UseFloatingOptions["middleware"];
+    title: string;
+    target: Ref<MaybeElement<ReferenceElement>> | ReferenceElement;
+    flip: {
+        mainAxis?: boolean | undefined;
+        crossAxis?: boolean | "alignment" | undefined;
+        fallbackPlacements?: Array<import('@floating-ui/vue').Placement> | undefined;
+        fallbackStrategy?: "bestFit" | "initialPlacement" | undefined;
+        fallbackAxisSideDirection?: "none" | "start" | "end" | undefined;
+        flipAlignment?: boolean | undefined;
+        rootBoundary?: import('@floating-ui/vue').RootBoundary | undefined;
+        elementContext?: import('@floating-ui/vue').ElementContext | undefined;
+        altBoundary?: boolean | undefined;
+        padding?: import('@floating-ui/vue').Padding | undefined;
+        boundary?: import('@floating-ui/vue').Boundary | undefined;
     };
-    title: {
-        type: StringConstructor;
-        default: undefined;
+    offset: OffsetOptions;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    tooltipEl: HTMLDivElement;
+    arrowEl: HTMLDivElement;
+    inner: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
     };
-    show: BooleanConstructor;
-    top: BooleanConstructor;
-    bottom: BooleanConstructor;
-    left: BooleanConstructor;
-    right: BooleanConstructor;
-}>>, {
-    offset: unknown[];
-    popper: Record<string, any>;
-    placement: string;
-    title: string;
-    show: boolean;
-    top: boolean;
-    bottom: boolean;
-    left: boolean;
-    right: boolean;
-}>, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _sfc_main;
+};

package/dist/src/TooltipPlugin.d.ts

@@ -1,11 +1,4 @@
-import type { App } from 'vue';
-type TooltipPluginOptions = {
-    delay?: number;
-    prefix: string;
-    triggers: {
-        open: string[];
-        close: string[];
-    };
-};
-export default function (app: App, opts?: Partial<TooltipPluginOptions>): void;
-export {};
+import { App, Directive } from 'vue';
+import { TooltipProps } from './Tooltip.vue';
+export declare const TooltipDirective: Directive<Element, string | TooltipProps>;
+export declare function TooltipPlugin(app: App<Element>): void;

package/dist/tooltip.js

@@ -1,197 +1,178 @@
-import { defineComponent as $, openBlock as A, createElementBlock as S, normalizeClass as N, createElementVNode as _, renderSlot as O, createTextVNode as L, toDisplayString as j, h as B, render as C } from "vue";
-import { createPopper as P } from "@popperjs/core";
-const I = $({
+import { defineComponent as O, useTemplateRef as b, ref as w, isRef as k, shallowReadonly as M, computed as s, watchEffect as g, onUnmounted as j, createBlock as B, openBlock as D, Teleport as I, createElementVNode as p, normalizeStyle as y, unref as u, normalizeClass as P, renderSlot as U, createTextVNode as W, toDisplayString as z, h as V, render as q } from "vue";
+import { useFloating as H, autoUpdate as J, flip as G, offset as K, arrow as Q } from "@floating-ui/vue";
+const X = ["data-tooltip-id"], Y = {
+  ref: "inner",
+  class: "tooltip-inner"
+}, Z = /* @__PURE__ */ O({
+  __name: "Tooltip",
   props: {
-    offset: {
-      type: Array,
-      default: void 0
-    },
-    popper: {
-      type: Object,
-      default: void 0
-    },
-    placement: {
-      type: String,
-      default: void 0
-    },
-    target: {
-      type: Element,
-      required: !0
-    },
-    title: {
-      type: String,
-      default: void 0
-    },
-    show: Boolean,
-    top: Boolean,
-    bottom: Boolean,
-    left: Boolean,
-    right: Boolean
+    title: { default: void 0 },
+    show: { type: Boolean },
+    target: { default: void 0 },
+    placement: { default: "top" },
+    strategy: { default: void 0 },
+    middleware: { type: Function, default: void 0 },
+    flip: { default: void 0 },
+    offset: { type: [Number, Object, Function], default: void 0 }
   },
-  data() {
-    return {
-      currentShow: !1,
-      popperInstance: null
-    };
-  },
-  computed: {
-    computedPlacement() {
-      return this.placement ? this.placement : this.bottom ? "bottom" : this.left ? "left" : this.right ? "right" : "top";
-    },
-    tooltipClasses() {
+  setup(e, { expose: t }) {
+    const o = e, l = b("tooltipEl"), r = b("arrowEl"), i = w(!1), f = Math.random().toString(36).slice(2, 12), n = k(o.target) ? o.target : M(w(o.target)), N = s(() => {
+      if (n.value instanceof Element)
+        return n.value.getAttribute("data-tooltip-id");
+    });
+    g(() => {
+      !n.value || N.value || n.value instanceof Element && (n.value.setAttribute("data-tooltip-id", f), n.value.addEventListener("mouseover", h), n.value.addEventListener("mouseout", E));
+    }), g(() => {
+      i.value = o.show;
+    });
+    const _ = s(() => o.offset ? o.offset : () => {
+      const { height: d } = r.value ? getComputedStyle(r.value) : { height: "0px" };
       return {
-        show: this.currentShow,
-        [`bs-tooltip-${this.computedPlacement}`]: !0
+        mainAxis: parseInt(d.replace("px", ""))
       };
+    }), { floatingStyles: R, middlewareData: c, placement: S } = H(n, l, {
+      placement: o.placement,
+      middleware: o.middleware?.(r) ?? [
+        G(o.flip),
+        K(_.value),
+        Q({
+          element: r
+        })
+      ],
+      whileElementsMounted: J
+    }), C = s(() => ({
+      show: i.value
+    })), F = s(() => S.value.split("-")[0]), v = s(() => ({
+      top: "bottom",
+      right: "left",
+      bottom: "top",
+      left: "right"
+    })[F.value]), L = s(() => ({
+      top: "rotate(225deg)",
+      right: "rotate(-45deg)",
+      bottom: "rotate(45deg)",
+      left: "rotate(135deg)"
+    }));
+    function h() {
+      i.value = !0;
     }
-  },
-  mounted() {
-    this.popperInstance = P(this.target, this.$el, Object.assign({
-      placement: this.computedPlacement,
-      modifiers: [
-        {
-          name: "offset",
-          options: {
-            offset: [0, 6]
-          }
-        },
-        {
-          name: "arrow",
-          options: {
-            element: this.$refs.arrow
-          }
-        }
-      ]
-    }, this.popper)), this.$nextTick(() => {
-      this.currentShow = this.show;
-    });
-  },
-  beforeUnmount() {
-    this.popperInstance && this.popperInstance.destroy();
-  },
-  methods: {
-    open() {
-      this.currentShow = !0;
-    },
-    close() {
-      this.currentShow = !1;
+    function E() {
+      i.value = !1;
     }
+    return j(() => {
+      n.value instanceof Element && n.value.removeAttribute("data-tooltip-id");
+    }), t({
+      open: h,
+      close: E,
+      tooltipEl: l,
+      arrowEl: r,
+      isShowing: i,
+      hash: f
+    }), (d, oe) => (D(), B(I, { to: "body" }, [
+      p("div", {
+        ref_key: "tooltipEl",
+        ref: l,
+        class: P(["tooltip", C.value]),
+        role: "tooltip",
+        "data-tooltip-id": u(f),
+        style: y(u(R))
+      }, [
+        p("div", {
+          ref_key: "arrowEl",
+          ref: r,
+          class: "tooltip-arrow",
+          style: y({
+            transform: L.value[v.value],
+            ...Object.assign({
+              left: u(c).arrow?.x != null ? `${u(c).arrow.x}px` : "",
+              top: u(c).arrow?.y != null ? `${u(c).arrow.y}px` : ""
+            }, {
+              [v.value]: `calc(${-(r.value?.offsetWidth ?? 0) / 2}px)`
+            })
+          })
+        }, null, 4),
+        p("div", Y, [
+          U(d.$slots, "default", {}, () => [
+            W(z(e.title), 1)
+          ])
+        ], 512)
+      ], 14, X)
+    ]));
   }
-}), R = $({
-  mixins: [
-    I
-  ]
-});
-const k = (s, d) => {
-  const p = s.__vccOpts || s;
-  for (const [a, n] of d)
-    p[a] = n;
-  return p;
-}, F = {
-  ref: "arrow",
-  class: "tooltip-arrow"
-}, M = {
-  ref: "inner",
-  class: "tooltip-inner"
-};
-function q(s, d, p, a, n, m) {
-  return A(), S("div", {
-    class: N(["tooltip", s.tooltipClasses]),
-    role: "tooltip"
-  }, [
-    _("div", F, null, 512),
-    _("div", M, [
-      O(s.$slots, "default", {}, () => [
-        L(j(s.title), 1)
-      ])
-    ], 512)
-  ], 2);
+}), a = "data-tooltip", x = new RegExp(`^${a}-`);
+function T(e) {
+  return Array.from(e.attributes).map((t) => [t.name, t.value]).filter(([t]) => t === "title" || t.match(x)).map(([t, o]) => [t.replace(new RegExp(x), ""), o]).reduce((t, o) => Object.assign(t, { [o[0]]: o[1] }), {});
 }
-const H = /* @__PURE__ */ k(R, [["render", q]]);
-function W(s, d = {}) {
-  const p = /* @__PURE__ */ new Map(), a = Object.assign({
-    delay: void 0,
-    prefix: "data-tooltip",
-    triggers: {
-      open: ["mouseover:350"],
-      close: ["mouseout:100"]
-    }
-  }, d), n = a.prefix.replace(/[-]+$/, ""), m = new RegExp(`^${n}-`);
-  function w(e) {
-    return Array.from(e.attributes).map((t) => [t.name, t.value]).filter(([t]) => t === "title" || t.match(m)).map(([t, o]) => [t.replace(new RegExp(m), ""), o]).reduce((t, o) => Object.assign(t, { [o[0]]: o[1] }), {});
-  }
-  function T(e, t = {}, o) {
-    const i = document.createElement("template"), r = B(H, Object.assign({
-      target: e,
-      show: !0
-    }, t));
-    C(r, i);
-    const [l] = [...i.children];
-    return document.body.append(l), () => {
-      var u;
-      p.delete(o), (u = r.component) == null || u.ctx.close(), setTimeout(() => l.remove(), 150);
-    };
-  }
-  function h(e, t = {}) {
-    var b, v;
-    const o = Object.assign({
-      title: e.getAttribute(n) || e.getAttribute("title")
-    }, t, w(e));
-    if (!o.title || e.hasAttribute(`${n}-id`))
-      return;
-    const i = Math.random().toString(36).slice(2, 7);
-    let r, l;
-    e.setAttribute(`${n}-id`, i);
-    function u(c = 0) {
-      clearTimeout(l), r || (l = setTimeout(() => {
-        document.contains(e) && (r = T(e, o, i), p.set(i, r));
-      }, c));
-    }
-    function f(c = 0) {
-      clearTimeout(l), r && (l = setTimeout(() => {
-        r && r(), r = null;
-      }, c));
-    }
-    function g(c, E) {
-      const [x, y] = c.split(":");
-      e.addEventListener(x, () => E(Number(y || 0)));
-    }
-    (((b = e.getAttribute(`${n}-trigger-open`)) == null ? void 0 : b.split(",")) || a.triggers.open).map((c) => g(c, u)), (((v = e.getAttribute(`${n}-trigger-close`)) == null ? void 0 : v.split(",")) || a.triggers.close).map((c) => g(c, f));
+function m(e, t) {
+  const o = document.createElement("template"), l = V(Z, Object.assign({
+    target: e
+  }, T(e), t));
+  q(l, o);
+  const r = e.getAttribute("title");
+  return r && (e.setAttribute(`${a}-og-title`, r), e.removeAttribute("title")), () => {
+    l.component && l.component.exposed?.tooltipEl.value?.remove();
+  };
+}
+function $(e) {
+  const t = document.querySelectorAll(
+    `[${a}-id="${e.getAttribute(`${a}-id`)}"]`
+  );
+  for (const l of t)
+    l.remove();
+  e.removeAttribute(`${a}-id`);
+  const o = e.getAttribute(`${a}-og-title`);
+  o && e.setAttribute("title", o);
+}
+function A(e) {
+  if (!(e instanceof Element))
+    return !1;
+  const t = T(e);
+  return !t.id && !!t.title;
+}
+function ee(e) {
+  return e instanceof Element ? e.hasAttribute(`${a}-id`) : !1;
+}
+const te = {
+  beforeMount(e, t) {
+    m(e, typeof t.value == "string" ? {
+      title: t.value
+    } : t.value);
+  },
+  beforeUnmount(e) {
+    $(e);
   }
-  s.mixin({
+};
+function ie(e) {
+  e.mixin({
+    beforeMount() {
+      new MutationObserver((o) => {
+        for (const { addedNodes: l, removedNodes: r } of o)
+          l.forEach((i) => {
+            A(i) && m(i);
+          }), r.forEach((i) => {
+            ee(i) && $(i);
+          });
+      }).observe(document.body, {
+        childList: !0,
+        subtree: !0
+      });
+    },
     mounted() {
-      let e = this.$el;
-      this.$el instanceof Text && (e = this.$el.parentNode), e instanceof HTMLElement && h(e);
-      const t = document.createTreeWalker(
-        e,
+      let t = this.$el;
+      this.$el instanceof Text && (t = this.$el.parentNode);
+      const o = document.createTreeWalker(
+        t,
         NodeFilter.SHOW_ALL,
-        (i) => i instanceof Element ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT
+        (l) => l instanceof Element ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT
       );
-      for (; t.nextNode(); )
-        t.currentNode instanceof Element && h(t.currentNode);
-      new MutationObserver((i) => {
-        for (const { removedNodes: r } of i)
-          for (const l of r)
-            for (const u of l.querySelectorAll(`[${n}-id]`)) {
-              const f = p.get(
-                u.getAttribute(`${n}-id`)
-              );
-              f && f();
-            }
-      }).observe(e, { childList: !0 });
-    }
-  }), s.directive("tooltip", {
-    beforeMount(e, t) {
-      h(e, Object.assign({}, t.modifiers, t.value));
-    },
-    beforeUnmount(e) {
-      const t = e.getAttribute(`${n}-id`), o = p.get(t);
-      o && o();
+      for (; o.nextNode(); )
+        A(o.currentNode) && m(o.currentNode);
     }
-  });
+  }), e.directive("tooltip", te);
 }
 export {
-  H as Tooltip,
-  W as TooltipPlugin
+  Z as Tooltip,
+  te as TooltipDirective,
+  ie as TooltipPlugin
 };
 //# sourceMappingURL=tooltip.js.map

package/dist/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../src/Popper.ts","../src/Tooltip.vue","../src/TooltipPlugin.ts"],"sourcesContent":["import { createPopper } from '@popperjs/core';\nimport { defineComponent } from 'vue';\n\nexport default defineComponent({\n\n    props: {\n        offset: {\n            type: Array,\n            default: undefined\n        },\n\n        popper: {\n            type: Object,\n            default: undefined\n        },\n\n        placement: {\n            type: String,\n            default: undefined\n        },\n\n        target: {\n            type: Element,\n            required: true\n        },\n\n        title: {\n            type: String,\n            default: undefined\n        },\n        \n        show: Boolean,\n        \n        top: Boolean,\n\n        bottom: Boolean,\n\n        left: Boolean,\n\n        right: Boolean,\n    },\n\n    data() {\n        return {\n            currentShow: false,\n            popperInstance: null\n        };\n    },\n\n    computed: {\n        computedPlacement() {\n            if(this.placement) {\n                return this.placement;\n            }\n\n            if(this.bottom) {\n                return 'bottom';\n            }\n\n            if(this.left) {\n                return 'left';\n            }\n\n            if(this.right) {\n                return 'right';\n            }\n\n            return 'top';\n        },\n        tooltipClasses() {\n            return {\n                show: this.currentShow,\n                [`bs-tooltip-${this.computedPlacement}`]: true\n            };\n        }\n    },\n\n    mounted() {\n        this.popperInstance = createPopper(this.target, this.$el, Object.assign({\n            placement: this.computedPlacement,\n            modifiers: [\n                {\n                    name: 'offset',\n                    options: {\n                        offset: [0, 6]\n                    },\n                },\n                {\n                    name: 'arrow',\n                    options: {\n                        element: this.$refs.arrow,\n                    },\n                },\n            ],\n        }, this.popper));\n\n        this.$nextTick(() => {\n            this.currentShow = this.show;\n        });\n    },\n\n    beforeUnmount() {\n        this.popperInstance && this.popperInstance.destroy();\n    },\n\n    methods: {\n\n        open() {\n            this.currentShow = true;\n        },\n\n        close() {\n            this.currentShow = false;\n        }\n\n    }\n\n});","<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport Popper from './Popper';\n\nexport default defineComponent({\n    mixins: [\n        Popper\n    ]\n});\n</script>\n\n<template>\n    <div\n        class=\"tooltip\"\n        :class=\"tooltipClasses\"\n        role=\"tooltip\">\n        <div\n            ref=\"arrow\"\n            class=\"tooltip-arrow\" />\n        <div\n            ref=\"inner\"\n            class=\"tooltip-inner\">\n            <slot>{{ title }}</slot>\n        </div>\n    </div>\n</template>\n\n<style>\n.tooltip:not(.show) {\n    z-index: -1;\n}\n</style>","import type { App } from 'vue';\nimport { h, render } from 'vue';\nimport Tooltip from './Tooltip.vue';\n\ntype TooltipPluginOptions = {\n    delay?: number,\n    prefix: string,\n    triggers: {\n        open: string[],\n        close: string[],\n    }\n}\n\nexport default function (app: App, opts: Partial<TooltipPluginOptions> = {}) {\n    const tooltips: Map<string,Function> = new Map;\n\n    const options: TooltipPluginOptions = Object.assign({\n        delay: undefined,\n        prefix: 'data-tooltip',\n        triggers: {\n            open: ['mouseover:350'],\n            close: ['mouseout:100'],\n        }\n    }, opts);\n    \n    const prefix = options.prefix.replace(/[-]+$/, '');\n    const prefixRegExp = new RegExp(`^${prefix}\\-`);\n\n    function getAttributes(el: Element): Record<string,any> {\n        return Array.from(el.attributes)\n            .map(a => [a.name, a.value])\n            .filter(([key]) => key === 'title' || key.match(prefixRegExp))\n            .map(([key, value]) => [key.replace(new RegExp(prefixRegExp), ''), value])\n            .reduce((carry, attr) => Object.assign(carry, { [attr[0]]: attr[1] }), {});\n    }\n\n    function createTooltip(target: Element, props: Record<string,any> = {}, hash: string): Function {\n        const container = document.createElement('template');\n        \n        const vnode = h(Tooltip, Object.assign({\n            target,\n            show: true\n        }, props));\n    \n        render(vnode, container);\n    \n        const [el] = [...container.children];\n    \n        document.body.append(el);\n    \n        return () => {\n            tooltips.delete(hash);\n\n            // @ts-ignore\n            vnode.component?.ctx.close();\n    \n            // @todo: Make the animation rate (150) dynamic. Should get value \n            // from the CSS transition duration.\n            setTimeout(() => el.remove(), 150);\n        };\n    }\n\n    function init(target: Element, props = {}) {\n        const properties: Record<string,any> = Object.assign({\n            title: target.getAttribute(prefix) || target.getAttribute('title')\n        }, props, getAttributes(target));\n\n        // If the properties don't have a title, ignore this target.\n        if(!properties.title || target.hasAttribute(`${prefix}-id`)) {\n            return;\n        }\n\n        // Create a unique \"hash\" to show the node has been initialized.\n        // This prevents double initializing on the same element.\n        const hash = Math.random().toString(36).slice(2, 7);\n        \n        // Create the instance vars.\n        let tooltip: Function|null, timer: number;\n\n        //target.setAttribute(prefix, properties.title);\n        target.setAttribute(`${prefix}-id`, hash);\n        // target.removeAttribute('title');\n\n        function open(delay = 0) {\n            clearTimeout(timer);\n\n            if(!tooltip) {\n                timer = setTimeout(() => {\n                    // Do a check before creating the tooltip to ensure the dom\n                    // element still exists. Its possible for the element to\n                    // be removed after the timeout delay runs.\n                    if(document.contains(target)) {\n                        tooltip = createTooltip(target, properties, hash);\n                        tooltips.set(hash, tooltip);\n                    }\n                }, delay);\n            }\n        }\n\n        function close(delay = 0) {\n            clearTimeout(timer);\n\n            if(tooltip) {\n                timer = setTimeout(() => {\n                    tooltip && tooltip();\n                    tooltip = null;\n                }, delay);\n            }       \n        }\n\n        function addEventListener(trigger: string, fn: Function) {\n            const [ event, delayString ] = trigger.split(':');\n\n            target.addEventListener(event, () => fn(Number(delayString || 0)));\n        }\n\n        (target.getAttribute(`${prefix}-trigger-open`)?.split(',') || options.triggers.open)\n            .map(trigger => addEventListener(trigger, open));\n            \n        (target.getAttribute(`${prefix}-trigger-close`)?.split(',') || options.triggers.close)\n            .map(trigger => addEventListener(trigger, close));\n    }\n  \n    app.mixin({\n        mounted() {\n            let el = this.$el;\n\n            if(this.$el instanceof Text) {\n                el = this.$el.parentNode;\n            }\n\n            if(el instanceof HTMLElement) {\n                init(el);\n            }\n\n            // Create the tree walker.\n            const walker = document.createTreeWalker(\n                el,\n                NodeFilter.SHOW_ALL,\n                (node: Node) => {\n                    if(!(node instanceof Element)) {\n                        return NodeFilter.FILTER_REJECT;\n                    }\n                    \n                    return NodeFilter.FILTER_ACCEPT;\n                }\n            );\n\n            // Step through and alert all child nodes\n            while(walker.nextNode()) {\n                if(walker.currentNode instanceof Element) {\n                    init(<Element> walker.currentNode);\n                }\n            }\n\n            const observer = new MutationObserver((changes) => {\n                for(const { removedNodes } of changes) {\n                    for(const node of removedNodes) {\n                        for(const el of (node as Element).querySelectorAll(`[${prefix}-id]`)) {\n                            const tooltip = tooltips.get(\n                                el.getAttribute(`${prefix}-id`) as string\n                            );\n\n                            tooltip && tooltip();\n                        }\n                    } \n                }\n            });\n\n            observer.observe(el, { childList: true });\n        }\n    });\n\n    app.directive('tooltip', {\n        beforeMount(target, binding) {\n            init(target, Object.assign({}, binding.modifiers, binding.value));\n        },\n        beforeUnmount(target) {\n            const id = target.getAttribute(`${prefix}-id`);\n            const tooltip = tooltips.get(id);\n\n            tooltip && tooltip();\n        }\n    });\n}"],"names":["Popper","defineComponent","createPopper","_sfc_main","_hoisted_1","_hoisted_2","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_renderSlot","TooltipPlugin","app","opts","tooltips","options","prefix","prefixRegExp","getAttributes","el","a","key","value","carry","attr","createTooltip","target","props","hash","container","vnode","h","Tooltip","render","_a","init","properties","tooltip","timer","open","delay","close","addEventListener","trigger","fn","event","delayString","_b","walker","node","changes","removedNodes","binding","id"],"mappings":"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"}
+{"version":3,"file":"tooltip.js","sources":["../src/Tooltip.vue","../src/TooltipPlugin.ts"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { arrow, autoUpdate, flip as flipFn, FlipOptions, MaybeElement, offset as offsetFn, OffsetOptions, ReferenceElement, useFloating, UseFloatingOptions } from '@floating-ui/vue';\nimport { computed, isRef, onUnmounted, Ref, ref, shallowReadonly, ShallowRef, useTemplateRef, watchEffect } from 'vue';\n\nexport type TooltipProps = {\n    title?: string;\n    show?: boolean;\n    target?: Ref<MaybeElement<ReferenceElement>> | ReferenceElement;\n    placement?: UseFloatingOptions['placement'];\n    strategy?: UseFloatingOptions['strategy'];\n    middleware?: (arrow: Readonly<ShallowRef<HTMLDivElement | null>>) => UseFloatingOptions['middleware'];\n    flip?: FlipOptions;\n    offset?: OffsetOptions;\n};\n\nconst props = withDefaults(defineProps<TooltipProps>(), {\n    title: undefined,\n    target: undefined,\n    placement: 'top',\n    middleware: undefined,\n    strategy: undefined,\n    flip: undefined,\n    offset: undefined,\n});\n\ndefineSlots<{\n    default: () => void\n}>();\n\nconst tooltipEl = useTemplateRef<HTMLDivElement>('tooltipEl');\nconst arrowEl = useTemplateRef<HTMLDivElement>('arrowEl');\nconst isShowing = ref(false);\nconst hash = Math.random().toString(36).slice(2, 12);\n\nconst targetEl = isRef(props.target)\n    ? props.target\n    : shallowReadonly(ref(props.target));\n\nconst id = computed(() => {\n    if(!(targetEl.value instanceof Element)) {\n        return;\n    }\n\n    return targetEl.value.getAttribute('data-tooltip-id');\n});\n\n\nwatchEffect(() => {\n    if(!targetEl.value || id.value) {\n        return;\n    }\n\n    if(targetEl.value instanceof Element) {\n        targetEl.value.setAttribute('data-tooltip-id', hash);\n        targetEl.value.addEventListener('mouseover', open);\n        targetEl.value.addEventListener('mouseout', close);\n    }\n});\n\nwatchEffect(() => {\n    isShowing.value = props.show;\n});\n\nconst dynamicOffset = computed<OffsetOptions>(() => {\n    if(props.offset) {\n        return props.offset;\n    }\n\n    return () => {\n        const { height } = arrowEl.value ? getComputedStyle(arrowEl.value) : { height: '0px' };\n\n        return {\n            mainAxis: parseInt(height.replace('px', '')),\n        };\n    };\n});\n\nconst { floatingStyles, middlewareData, placement } = useFloating(targetEl, tooltipEl, {\n    placement: props.placement,\n    middleware: props.middleware?.(arrowEl) ?? [\n        flipFn(props.flip),\n        offsetFn(dynamicOffset.value),\n        arrow({\n            element: arrowEl\n        }),\n    ],\n    whileElementsMounted: autoUpdate\n});\n\nconst tooltipClasses = computed(() => {\n    return {\n        show: isShowing.value\n    };\n});\n\ntype Side = 'bottom' | 'left' | 'top' | 'right';\n\nconst side = computed(() => placement.value.split('-')[0] as Side);\n\nconst arrowPosition = computed(() => {\n    return {\n        top: 'bottom',\n        right: 'left',\n        bottom: 'top',\n        left: 'right'\n    }[side.value] as Side;\n});\n\nconst arrowRotation = computed<Record<Side,string>>(() => ({\n    top: 'rotate(225deg)',\n    right: 'rotate(-45deg)',\n    bottom: 'rotate(45deg)',\n    left: 'rotate(135deg)',\n}));\n\nfunction open() {\n    isShowing.value = true;\n}\n\nfunction close() {\n    isShowing.value = false;\n}\n\nonUnmounted(() => {\n    if(targetEl.value instanceof Element) {\n        targetEl.value.removeAttribute('data-tooltip-id');\n    }\n});\n\ndefineExpose({\n    open,\n    close,\n    tooltipEl,\n    arrowEl,\n    isShowing,\n    hash,\n});\n</script>\n\n<template>\n    <Teleport to=\"body\">\n        <div\n            ref=\"tooltipEl\"\n            class=\"tooltip\"\n            role=\"tooltip\"\n            :data-tooltip-id=\"hash\"\n            :class=\"tooltipClasses\"\n            :style=\"floatingStyles\">\n            <div\n                ref=\"arrowEl\"\n                class=\"tooltip-arrow\"\n                :style=\"{\n                    transform: arrowRotation[arrowPosition],\n                    ...Object.assign({\n                        left:\n                            middlewareData.arrow?.x != null\n                                ? `${middlewareData.arrow.x}px`\n                                : '',\n                        top:\n                            middlewareData.arrow?.y != null\n                                ? `${middlewareData.arrow.y}px`\n                                : ''\n                    }, {\n                        [arrowPosition]: `calc(${-(arrowEl?.offsetWidth ?? 0) / 2}px)`\n                    })\n                }\" />\n            <div\n                ref=\"inner\"\n                class=\"tooltip-inner\">\n                <slot>{{ title }}</slot>\n            </div>\n        </div>\n    </Teleport>\n</template>","import { h, render, type App, type Directive } from 'vue';\nimport Tooltip, { type TooltipProps } from './Tooltip.vue';\n\nconst prefix = 'data-tooltip';\nconst prefixRegExp = new RegExp(`^${prefix}\\-`);\n\nfunction getAttributes(el: Element): Record<string,string> {\n    return Array.from(el.attributes)\n        .map(a => [a.name, a.value])\n        .filter(([key]) => key === 'title' || key.match(prefixRegExp))\n        .map(([key, value]) => [key.replace(new RegExp(prefixRegExp), ''), value])\n        .reduce((carry, attr) => Object.assign(carry, { [attr[0]]: attr[1] }), {});\n}\n\nfunction createTooltip(target: Element, props?: TooltipProps) {\n    const container = document.createElement('template');\n    \n    const vnode = h(Tooltip, Object.assign({\n        target\n    }, getAttributes(target), props));\n\n    render(vnode, container);\n\n    const title = target.getAttribute('title');\n\n    if(title) {\n        target.setAttribute(`${prefix}-og-title`, title);\n        target.removeAttribute('title');\n    }\n\n    return () => {\n        if(vnode.component) {\n            vnode.component.exposed?.tooltipEl.value?.remove();\n        }\n    };\n}\n\nfunction destroyTooltip(target: Element) {\n    const tooltips = document.querySelectorAll(\n        `[${prefix}-id=\"${target.getAttribute(`${prefix}-id`)}\"]`\n    );\n\n    for(const tooltip of tooltips) {\n        tooltip.remove();\n    }\n\n    target.removeAttribute(`${prefix}-id`);\n\n    const title = target.getAttribute(`${prefix}-og-title`);\n\n    if(title) {\n        target.setAttribute('title', title);\n    }\n}\n\nfunction shouldCreateTooltip(target: Node): target is Element {\n    if(!(target instanceof Element)) {\n        return false;\n    }\n\n    const attrs = getAttributes(target);\n\n    return !attrs.id && !!attrs.title;\n}\n\nfunction shouldRemoveTooltip(target: Node): target is Element {\n    if(!(target instanceof Element)) {\n        return false;\n    }\n\n    return target.hasAttribute(`${prefix}-id`);\n}\n\nexport const TooltipDirective: Directive<Element, string|TooltipProps> =  {\n    beforeMount(target, binding) {\n        createTooltip(target, typeof binding.value === 'string' ? {\n            title: binding.value\n        }: binding.value);\n    },\n    beforeUnmount(target) {\n        destroyTooltip(target);\n    }\n};\n\nexport function TooltipPlugin(app: App<Element>) {\n    app.mixin({\n        beforeMount() {\n            const observer = new MutationObserver((mutations) => {\n                for(const { addedNodes, removedNodes } of mutations) {\n                    addedNodes.forEach((node) => {\n                        if(shouldCreateTooltip(node)) {\n                            createTooltip(node);\n                        }\n                    });\n\n                    removedNodes.forEach((node) => {\n                        if(shouldRemoveTooltip(node)) {\n                            destroyTooltip(node);\n                        }\n                    });\n                }\n            });\n      \n            observer.observe(document.body, {\n                childList: true,\n                subtree: true\n            });\n        },\n        mounted() {\n            let el = this.$el;\n\n            if(this.$el instanceof Text) {\n                el = this.$el.parentNode;\n            }\n\n            const walker = document.createTreeWalker(\n                el,\n                NodeFilter.SHOW_ALL,\n                (node: Node) => {\n                    if(!(node instanceof Element)) {\n                        return NodeFilter.FILTER_REJECT;\n                    }\n                    \n                    return NodeFilter.FILTER_ACCEPT;\n                }\n            );\n\n            while(walker.nextNode()) {\n                if(shouldCreateTooltip(walker.currentNode)) {\n                    createTooltip(walker.currentNode);\n                }\n            }\n        }\n    });\n\n    app.directive<Element, string|TooltipProps>('tooltip', TooltipDirective);\n}"],"names":["props","__props","tooltipEl","useTemplateRef","arrowEl","isShowing","ref","hash","targetEl","isRef","shallowReadonly","id","computed","watchEffect","open","close","dynamicOffset","height","floatingStyles","middlewareData","placement","useFloating","flipFn","offsetFn","arrow","autoUpdate","tooltipClasses","side","arrowPosition","arrowRotation","onUnmounted","__expose","_createBlock","_Teleport","_createElementVNode","_normalizeClass","_unref","_normalizeStyle","_hoisted_2","_renderSlot","_ctx","prefix","prefixRegExp","getAttributes","el","a","key","value","carry","attr","createTooltip","target","container","vnode","h","Tooltip","render","title","destroyTooltip","tooltips","tooltip","shouldCreateTooltip","attrs","shouldRemoveTooltip","TooltipDirective","binding","TooltipPlugin","app","mutations","addedNodes","removedNodes","node","walker"],"mappings":"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"}