@vue-interface/tooltip 1.0.0-beta.15 → 1.0.0-beta.17

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

@@ -1,104 +1,46 @@
-import { Instance } from '@popperjs/core';
-declare const _sfc_main: import("vue").DefineComponent<{
-    offset: {
-        type: ObjectConstructor;
-        required: false;
-    };
-    popper: {
-        type: ObjectConstructor;
-        required: false;
-    };
-    placement: {
-        type: StringConstructor;
-        required: false;
-    };
-    target: {
-        type: null;
+import { Offsets, OptionsGeneric } from '@popperjs/core';
+declare function open(): void;
+declare function close(): void;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    offset?: Offsets;
+    popper?: OptionsGeneric<unknown>;
+    placement?: string;
+    target: Element;
+    title?: string;
+    show?: boolean;
+    top?: boolean;
+    bottom?: boolean;
+    left?: boolean;
+    right?: boolean;
+}>, {
+    open: typeof open;
+    close: typeof close;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    offset?: Offsets;
+    popper?: OptionsGeneric<unknown>;
+    placement?: string;
+    target: Element;
+    title?: string;
+    show?: boolean;
+    top?: boolean;
+    bottom?: boolean;
+    left?: boolean;
+    right?: boolean;
+}>>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
         required: true;
     };
-    title: {
-        type: StringConstructor;
-        required: false;
-    };
-    show: {
-        type: BooleanConstructor;
-        required: false;
-    };
-    top: {
-        type: BooleanConstructor;
-        required: false;
-    };
-    bottom: {
-        type: BooleanConstructor;
-        required: false;
-    };
-    left: {
-        type: BooleanConstructor;
-        required: false;
-    };
-    right: {
-        type: BooleanConstructor;
-        required: false;
-    };
-}, {
-    props: any;
-    el: import("vue").Ref<HTMLElement | undefined>;
-    arrow: import("vue").Ref<HTMLElement | undefined>;
-    currentShow: import("vue").Ref<boolean>;
-    popperInstance: import("vue").Ref<Instance | undefined>;
-    placement: import("vue").ComputedRef<any>;
-    tooltipClasses: import("vue").ComputedRef<{
-        [x: string]: boolean | import("vue").Ref<boolean>;
-        show: import("vue").Ref<boolean>;
-    }>;
-    open: () => void;
-    close: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    offset: {
-        type: ObjectConstructor;
-        required: false;
-    };
-    popper: {
-        type: ObjectConstructor;
-        required: false;
-    };
-    placement: {
-        type: StringConstructor;
-        required: false;
-    };
-    target: {
-        type: null;
-        required: true;
-    };
-    title: {
-        type: StringConstructor;
-        required: false;
-    };
-    show: {
-        type: BooleanConstructor;
-        required: false;
-    };
-    top: {
-        type: BooleanConstructor;
-        required: false;
-    };
-    bottom: {
-        type: BooleanConstructor;
-        required: false;
-    };
-    left: {
-        type: BooleanConstructor;
-        required: false;
-    };
-    right: {
-        type: BooleanConstructor;
-        required: false;
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
     };
-}>>, {
-    show: boolean;
-    top: boolean;
-    bottom: boolean;
-    left: boolean;
-    right: boolean;
-}, {}>;
-export default _sfc_main;
+};

package/dist/tooltip.js

@@ -18,7 +18,7 @@ const U = {
     right: { type: Boolean }
   },
   setup(d, { expose: h }) {
-    const n = d, u = b(), r = b(), a = b(!1), p = b(), v = y(() => n.placement ? n.placement : n.bottom ? "bottom" : n.left ? "left" : n.right ? "right" : "top"), T = y(() => ({
+    const n = d, u = b(), r = b(), a = b(!1), p = b(), v = y(() => n.placement ? n.placement : n.bottom ? "bottom" : n.left ? "left" : n.right ? "right" : "top"), w = y(() => ({
       show: a,
       [`bs-tooltip-${v.value}`]: !0
     }));
@@ -57,7 +57,7 @@ const U = {
     }), (t, o) => (j(), k("div", {
       ref_key: "el",
       ref: u,
-      class: C(["tooltip", T.value]),
+      class: C(["tooltip", w.value]),
       role: "tooltip"
     }, [
       x("div", {
@@ -97,7 +97,7 @@ function z(d, h = {}) {
       n.delete(o), window.setTimeout(() => s.remove(), 150);
     };
   }
-  function T(e) {
+  function w(e) {
     const t = e.getAttribute(`${r}-id`);
     if (t) {
       const o = n.get(t);
@@ -119,8 +119,8 @@ function z(d, h = {}) {
         document.contains(e) && (i = v(e, o, l), n.set(l, i));
       }, c));
     }
-    function w(c = 0) {
-      clearTimeout(s), i && (s = setTimeout(() => {
+    function T(c = 0) {
+      clearTimeout(s), i && (s = window.setTimeout(() => {
         i && i(), i = null;
       }, c));
     }
@@ -128,7 +128,7 @@ function z(d, h = {}) {
       const [$, N] = c.split(":");
       e.addEventListener($, () => A(Number(N || 0)));
     }
-    (((E = e.getAttribute(`${r}-trigger-open`)) == null ? void 0 : E.split(",")) || u.triggers.open).map((c) => m(c, g)), (((_ = e.getAttribute(`${r}-trigger-close`)) == null ? void 0 : _.split(",")) || u.triggers.close).map((c) => m(c, w));
+    (((E = e.getAttribute(`${r}-trigger-open`)) == null ? void 0 : E.split(",")) || u.triggers.open).map((c) => m(c, g)), (((_ = e.getAttribute(`${r}-trigger-close`)) == null ? void 0 : _.split(",")) || u.triggers.close).map((c) => m(c, T));
   }
   d.mixin({
     mounted() {
@@ -148,9 +148,9 @@ function z(d, h = {}) {
         for (const { removedNodes: s } of l)
           for (const g of s)
             if (g instanceof Element)
-              for (const w of g.querySelectorAll(`[${r}-id]`)) {
+              for (const T of g.querySelectorAll(`[${r}-id]`)) {
                 const m = n.get(
-                  w.getAttribute(`${r}-id`)
+                  T.getAttribute(`${r}-id`)
                 );
                 m && (i = !0, m());
               }
@@ -164,7 +164,7 @@ function z(d, h = {}) {
       f(e, Object.assign({}, t.modifiers, t.value));
     },
     beforeUnmount(e) {
-      T(e);
+      w(e);
     }
   });
 }

package/dist/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../src/Tooltip.vue","../src/TooltipPlugin.ts"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Instance, Offsets, OptionsGeneric, createPopper } from '@popperjs/core';\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref } from 'vue';\n\nconst props = defineProps<{\n    offset?: Offsets,\n    popper?: OptionsGeneric<unknown>,\n    placement?: string,\n    target: Element,\n    title?: string,\n    show?: boolean,\n    top?: boolean,\n    bottom?: boolean,\n    left?: boolean,\n    right?: boolean\n}>();\n\nconst el = ref<HTMLElement>();\nconst arrow = ref<HTMLElement>();\nconst currentShow = ref(false);\nconst popperInstance = ref<Instance>();\n\nconst placement = computed(() => {\n    if(props.placement) {\n        return props.placement;\n    }\n\n    if(props.bottom) {\n        return 'bottom';\n    }\n\n    if(props.left) {\n        return 'left';\n    }\n\n    if(props.right) {\n        return 'right';\n    }\n\n    return 'top';\n});\n\nconst tooltipClasses = computed(() => {\n    return {\n        show: currentShow,\n        [`bs-tooltip-${placement.value}`]: true\n    };\n});\n\nfunction open() {\n    currentShow.value = true;\n}\n\nfunction close() {\n    currentShow.value = false;\n}\n\ndefineExpose({\n    open, close\n});\n\nonMounted(() => {\n    if(!el.value) {\n        return;\n    }\n\n    popperInstance.value = createPopper(props.target, el.value, Object.assign({\n        placement: placement.value,\n        modifiers: [\n            {\n                name: 'offset',\n                options: {\n                    offset: [props.offset?.x ?? 0, props.offset?.y ?? 6]\n                },\n            },\n            {\n                name: 'arrow',\n                options: {\n                    element: arrow.value,\n                },\n            },\n        ],\n    }, props.popper));\n\n    nextTick(() => {\n        currentShow.value = props.show;\n    });\n});\n\nonBeforeUnmount(()=> {\n    popperInstance.value && popperInstance.value.destroy();\n});\n</script>\n\n<template>\n    <div\n        ref=\"el\"\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    progressiveEnhancement: boolean,\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        progressiveEnhancement: true,\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,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\n    function createTooltip(target: Element, props: Record<string,string> = {}, 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            // vnode.component?.close();\n    \n            // @todo: Make the animation rate (150) dynamic. Should get value \n            // from the CSS transition duration.\n            window.setTimeout(() => el.remove(), 150);\n        };\n    }\n\n    function destroyTooltip(target: Element) {\n        const id = target.getAttribute(`${prefix}-id`);\n        if(id) {\n            const tooltip = tooltips.get(id);\n            tooltip?.();\n        }\n    }\n\n    function init(target: Element, props = {}) {\n        const properties: Record<string,string> = 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 = window.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            if(!options.progressiveEnhancement) {\n                return;\n            }\n            \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\n                let tooltipFound = false;\n                for(const { removedNodes } of changes) {\n                    for(const node of removedNodes) {\n                        if(!(node instanceof Element)) {\n                            continue;\n                        }\n                        for(const el of node.querySelectorAll(`[${prefix}-id]`)) {\n                            const tooltip = tooltips.get(\n                                el.getAttribute(`${prefix}-id`) as string\n                            );\n                            if(tooltip) {\n                                tooltipFound = true;\n                                tooltip();\n                            }\n                        }\n                    } \n                }\n\n                // @experimental\n                // In some cases in Inertia.js, not all tooltips are removed on certain actions.\n                // remove all tooltips if no tooltip was found.\n                if(!tooltipFound) {\n                    for(const tooltip of tooltips.values()) {\n                        tooltip();\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            destroyTooltip(target);\n        }\n    });\n}"],"names":["el","ref","arrow","currentShow","popperInstance","placement","computed","props","tooltipClasses","open","close","__expose","onMounted","createPopper","_a","_b","nextTick","onBeforeUnmount","TooltipPlugin","app","opts","tooltips","options","prefix","prefixRegExp","getAttributes","a","key","value","carry","attr","createTooltip","target","hash","container","vnode","h","Tooltip","render","destroyTooltip","id","tooltip","init","properties","timer","delay","addEventListener","trigger","fn","event","delayString","walker","node","changes","tooltipFound","removedNodes","binding"],"mappings":"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"}
+{"version":3,"file":"tooltip.js","sources":["../src/Tooltip.vue","../src/TooltipPlugin.ts"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Instance, Offsets, OptionsGeneric, createPopper } from '@popperjs/core';\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref } from 'vue';\n\nconst props = defineProps<{\n    offset?: Offsets,\n    popper?: OptionsGeneric<unknown>,\n    placement?: string,\n    target: Element,\n    title?: string,\n    show?: boolean,\n    top?: boolean,\n    bottom?: boolean,\n    left?: boolean,\n    right?: boolean\n}>();\n\nconst el = ref<HTMLElement>();\nconst arrow = ref<HTMLElement>();\nconst currentShow = ref(false);\nconst popperInstance = ref<Instance>();\n\nconst placement = computed(() => {\n    if(props.placement) {\n        return props.placement;\n    }\n\n    if(props.bottom) {\n        return 'bottom';\n    }\n\n    if(props.left) {\n        return 'left';\n    }\n\n    if(props.right) {\n        return 'right';\n    }\n\n    return 'top';\n});\n\nconst tooltipClasses = computed(() => {\n    return {\n        show: currentShow,\n        [`bs-tooltip-${placement.value}`]: true\n    };\n});\n\nfunction open() {\n    currentShow.value = true;\n}\n\nfunction close() {\n    currentShow.value = false;\n}\n\ndefineExpose({\n    open, close\n});\n\nonMounted(() => {\n    if(!el.value) {\n        return;\n    }\n\n    popperInstance.value = createPopper(props.target, el.value, Object.assign({\n        placement: placement.value,\n        modifiers: [\n            {\n                name: 'offset',\n                options: {\n                    offset: [props.offset?.x ?? 0, props.offset?.y ?? 6]\n                },\n            },\n            {\n                name: 'arrow',\n                options: {\n                    element: arrow.value,\n                },\n            },\n        ],\n    }, props.popper));\n\n    nextTick(() => {\n        currentShow.value = props.show;\n    });\n});\n\nonBeforeUnmount(()=> {\n    popperInstance.value && popperInstance.value.destroy();\n});\n</script>\n\n<template>\n    <div\n        ref=\"el\"\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    progressiveEnhancement: boolean,\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        progressiveEnhancement: true,\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,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\n    function createTooltip(target: Element, props: Record<string,string> = {}, 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            // vnode.component?.close();\n    \n            // @todo: Make the animation rate (150) dynamic. Should get value \n            // from the CSS transition duration.\n            window.setTimeout(() => el.remove(), 150);\n        };\n    }\n\n    function destroyTooltip(target: Element) {\n        const id = target.getAttribute(`${prefix}-id`);\n        if(id) {\n            const tooltip = tooltips.get(id);\n            tooltip?.();\n        }\n    }\n\n    function init(target: Element, props = {}) {\n        const properties: Record<string,string> = 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 = window.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 = window.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            if(!options.progressiveEnhancement) {\n                return;\n            }\n            \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\n                let tooltipFound = false;\n                for(const { removedNodes } of changes) {\n                    for(const node of removedNodes) {\n                        if(!(node instanceof Element)) {\n                            continue;\n                        }\n                        for(const el of node.querySelectorAll(`[${prefix}-id]`)) {\n                            const tooltip = tooltips.get(\n                                el.getAttribute(`${prefix}-id`) as string\n                            );\n                            if(tooltip) {\n                                tooltipFound = true;\n                                tooltip();\n                            }\n                        }\n                    } \n                }\n\n                // @experimental\n                // In some cases in Inertia.js, not all tooltips are removed on certain actions.\n                // remove all tooltips if no tooltip was found.\n                if(!tooltipFound) {\n                    for(const tooltip of tooltips.values()) {\n                        tooltip();\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            destroyTooltip(target);\n        }\n    });\n}"],"names":["props","__props","el","ref","arrow","currentShow","popperInstance","placement","computed","tooltipClasses","open","close","__expose","onMounted","createPopper","_a","_b","nextTick","onBeforeUnmount","TooltipPlugin","app","opts","tooltips","options","prefix","prefixRegExp","getAttributes","a","key","value","carry","attr","createTooltip","target","hash","container","vnode","h","Tooltip","render","destroyTooltip","id","tooltip","init","properties","timer","delay","addEventListener","trigger","fn","event","delayString","walker","node","changes","tooltipFound","removedNodes","binding"],"mappings":"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"}

package/dist/tooltip.umd.cjs

@@ -1,2 +1,2 @@
-(function(p,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue"),require("@popperjs/core")):typeof define=="function"&&define.amd?define(["exports","vue","@popperjs/core"],o):(p=typeof globalThis<"u"?globalThis:p||self,o(p.Tooltip={},p.Vue,p.PopperjsCore))})(this,function(p,o,A){"use strict";const $={ref:"inner",class:"tooltip-inner"},w=o.defineComponent({__name:"Tooltip",props:{offset:{},popper:{},placement:{},target:{},title:{},show:{type:Boolean},top:{type:Boolean},bottom:{type:Boolean},left:{type:Boolean},right:{type:Boolean}},setup(b,{expose:y}){const i=b,u=o.ref(),r=o.ref(),a=o.ref(!1),d=o.ref(),h=o.computed(()=>i.placement?i.placement:i.bottom?"bottom":i.left?"left":i.right?"right":"top"),v=o.computed(()=>({show:a,[`bs-tooltip-${h.value}`]:!0}));function m(){a.value=!0}function e(){a.value=!1}return y({open:m,close:e}),o.onMounted(()=>{var t,n;u.value&&(d.value=A.createPopper(i.target,u.value,Object.assign({placement:h.value,modifiers:[{name:"offset",options:{offset:[((t=i.offset)==null?void 0:t.x)??0,((n=i.offset)==null?void 0:n.y)??6]}},{name:"arrow",options:{element:r.value}}]},i.popper)),o.nextTick(()=>{a.value=i.show}))}),o.onBeforeUnmount(()=>{d.value&&d.value.destroy()}),(t,n)=>(o.openBlock(),o.createElementBlock("div",{ref_key:"el",ref:u,class:o.normalizeClass(["tooltip",v.value]),role:"tooltip"},[o.createElementVNode("div",{ref_key:"arrow",ref:r,class:"tooltip-arrow"},null,512),o.createElementVNode("div",$,[o.renderSlot(t.$slots,"default",{},()=>[o.createTextVNode(o.toDisplayString(t.title),1)])],512)],2))}}),B="";function N(b,y={}){const i=new Map,u=Object.assign({delay:void 0,prefix:"data-tooltip",progressiveEnhancement:!0,triggers:{open:["mouseover:350"],close:["mouseout:100"]}},y),r=u.prefix.replace(/[-]+$/,""),a=new RegExp(`^${r}-`);function d(e){return Array.from(e.attributes).map(t=>[t.name,t.value]).filter(([t])=>t==="title"||t.match(a)).map(([t,n])=>[t.replace(new RegExp(a),""),n]).reduce((t,n)=>Object.assign(t,{[n[0]]:n[1]}),{})}function h(e,t={},n){const c=document.createElement("template"),s=o.h(w,Object.assign({target:e,show:!0},t));o.render(s,c);const[l]=[...c.children];return document.body.append(l),()=>{i.delete(n),window.setTimeout(()=>l.remove(),150)}}function v(e){const t=e.getAttribute(`${r}-id`);if(t){const n=i.get(t);n==null||n()}}function m(e,t={}){var _,x;const n=Object.assign({title:e.getAttribute(r)||e.getAttribute("title")},t,d(e));if(!n.title||e.hasAttribute(`${r}-id`))return;const c=Math.random().toString(36).slice(2,7);let s,l;e.setAttribute(`${r}-id`,c),e.removeAttribute("title");function T(f=0){clearTimeout(l),s||(l=window.setTimeout(()=>{document.contains(e)&&(s=h(e,n,c),i.set(c,s))},f))}function E(f=0){clearTimeout(l),s&&(l=setTimeout(()=>{s&&s(),s=null},f))}function g(f,j){const[O,S]=f.split(":");e.addEventListener(O,()=>j(Number(S||0)))}(((_=e.getAttribute(`${r}-trigger-open`))==null?void 0:_.split(","))||u.triggers.open).map(f=>g(f,T)),(((x=e.getAttribute(`${r}-trigger-close`))==null?void 0:x.split(","))||u.triggers.close).map(f=>g(f,E))}b.mixin({mounted(){if(!u.progressiveEnhancement)return;let e=this.$el;this.$el instanceof Text&&(e=this.$el.parentNode),e instanceof HTMLElement&&m(e);const t=document.createTreeWalker(e,NodeFilter.SHOW_ALL,c=>c instanceof Element?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_REJECT);for(;t.nextNode();)t.currentNode instanceof Element&&m(t.currentNode);new MutationObserver(c=>{let s=!1;for(const{removedNodes:l}of c)for(const T of l)if(T instanceof Element)for(const E of T.querySelectorAll(`[${r}-id]`)){const g=i.get(E.getAttribute(`${r}-id`));g&&(s=!0,g())}if(!s)for(const l of i.values())l()}).observe(e,{childList:!0})}}),b.directive("tooltip",{beforeMount(e,t){m(e,Object.assign({},t.modifiers,t.value))},beforeUnmount(e){v(e)}})}p.Tooltip=w,p.TooltipPlugin=N,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});
+(function(p,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue"),require("@popperjs/core")):typeof define=="function"&&define.amd?define(["exports","vue","@popperjs/core"],o):(p=typeof globalThis<"u"?globalThis:p||self,o(p.Tooltip={},p.Vue,p.PopperjsCore))})(this,function(p,o,A){"use strict";const $={ref:"inner",class:"tooltip-inner"},E=o.defineComponent({__name:"Tooltip",props:{offset:{},popper:{},placement:{},target:{},title:{},show:{type:Boolean},top:{type:Boolean},bottom:{type:Boolean},left:{type:Boolean},right:{type:Boolean}},setup(b,{expose:w}){const i=b,u=o.ref(),r=o.ref(),a=o.ref(!1),d=o.ref(),h=o.computed(()=>i.placement?i.placement:i.bottom?"bottom":i.left?"left":i.right?"right":"top"),y=o.computed(()=>({show:a,[`bs-tooltip-${h.value}`]:!0}));function m(){a.value=!0}function e(){a.value=!1}return w({open:m,close:e}),o.onMounted(()=>{var t,n;u.value&&(d.value=A.createPopper(i.target,u.value,Object.assign({placement:h.value,modifiers:[{name:"offset",options:{offset:[((t=i.offset)==null?void 0:t.x)??0,((n=i.offset)==null?void 0:n.y)??6]}},{name:"arrow",options:{element:r.value}}]},i.popper)),o.nextTick(()=>{a.value=i.show}))}),o.onBeforeUnmount(()=>{d.value&&d.value.destroy()}),(t,n)=>(o.openBlock(),o.createElementBlock("div",{ref_key:"el",ref:u,class:o.normalizeClass(["tooltip",y.value]),role:"tooltip"},[o.createElementVNode("div",{ref_key:"arrow",ref:r,class:"tooltip-arrow"},null,512),o.createElementVNode("div",$,[o.renderSlot(t.$slots,"default",{},()=>[o.createTextVNode(o.toDisplayString(t.title),1)])],512)],2))}}),B="";function N(b,w={}){const i=new Map,u=Object.assign({delay:void 0,prefix:"data-tooltip",progressiveEnhancement:!0,triggers:{open:["mouseover:350"],close:["mouseout:100"]}},w),r=u.prefix.replace(/[-]+$/,""),a=new RegExp(`^${r}-`);function d(e){return Array.from(e.attributes).map(t=>[t.name,t.value]).filter(([t])=>t==="title"||t.match(a)).map(([t,n])=>[t.replace(new RegExp(a),""),n]).reduce((t,n)=>Object.assign(t,{[n[0]]:n[1]}),{})}function h(e,t={},n){const c=document.createElement("template"),s=o.h(E,Object.assign({target:e,show:!0},t));o.render(s,c);const[l]=[...c.children];return document.body.append(l),()=>{i.delete(n),window.setTimeout(()=>l.remove(),150)}}function y(e){const t=e.getAttribute(`${r}-id`);if(t){const n=i.get(t);n==null||n()}}function m(e,t={}){var _,x;const n=Object.assign({title:e.getAttribute(r)||e.getAttribute("title")},t,d(e));if(!n.title||e.hasAttribute(`${r}-id`))return;const c=Math.random().toString(36).slice(2,7);let s,l;e.setAttribute(`${r}-id`,c),e.removeAttribute("title");function T(f=0){clearTimeout(l),s||(l=window.setTimeout(()=>{document.contains(e)&&(s=h(e,n,c),i.set(c,s))},f))}function v(f=0){clearTimeout(l),s&&(l=window.setTimeout(()=>{s&&s(),s=null},f))}function g(f,j){const[O,S]=f.split(":");e.addEventListener(O,()=>j(Number(S||0)))}(((_=e.getAttribute(`${r}-trigger-open`))==null?void 0:_.split(","))||u.triggers.open).map(f=>g(f,T)),(((x=e.getAttribute(`${r}-trigger-close`))==null?void 0:x.split(","))||u.triggers.close).map(f=>g(f,v))}b.mixin({mounted(){if(!u.progressiveEnhancement)return;let e=this.$el;this.$el instanceof Text&&(e=this.$el.parentNode),e instanceof HTMLElement&&m(e);const t=document.createTreeWalker(e,NodeFilter.SHOW_ALL,c=>c instanceof Element?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_REJECT);for(;t.nextNode();)t.currentNode instanceof Element&&m(t.currentNode);new MutationObserver(c=>{let s=!1;for(const{removedNodes:l}of c)for(const T of l)if(T instanceof Element)for(const v of T.querySelectorAll(`[${r}-id]`)){const g=i.get(v.getAttribute(`${r}-id`));g&&(s=!0,g())}if(!s)for(const l of i.values())l()}).observe(e,{childList:!0})}}),b.directive("tooltip",{beforeMount(e,t){m(e,Object.assign({},t.modifiers,t.value))},beforeUnmount(e){y(e)}})}p.Tooltip=E,p.TooltipPlugin=N,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=tooltip.umd.cjs.map

package/dist/tooltip.umd.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.umd.cjs","sources":["../src/Tooltip.vue","../src/TooltipPlugin.ts"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Instance, Offsets, OptionsGeneric, createPopper } from '@popperjs/core';\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref } from 'vue';\n\nconst props = defineProps<{\n    offset?: Offsets,\n    popper?: OptionsGeneric<unknown>,\n    placement?: string,\n    target: Element,\n    title?: string,\n    show?: boolean,\n    top?: boolean,\n    bottom?: boolean,\n    left?: boolean,\n    right?: boolean\n}>();\n\nconst el = ref<HTMLElement>();\nconst arrow = ref<HTMLElement>();\nconst currentShow = ref(false);\nconst popperInstance = ref<Instance>();\n\nconst placement = computed(() => {\n    if(props.placement) {\n        return props.placement;\n    }\n\n    if(props.bottom) {\n        return 'bottom';\n    }\n\n    if(props.left) {\n        return 'left';\n    }\n\n    if(props.right) {\n        return 'right';\n    }\n\n    return 'top';\n});\n\nconst tooltipClasses = computed(() => {\n    return {\n        show: currentShow,\n        [`bs-tooltip-${placement.value}`]: true\n    };\n});\n\nfunction open() {\n    currentShow.value = true;\n}\n\nfunction close() {\n    currentShow.value = false;\n}\n\ndefineExpose({\n    open, close\n});\n\nonMounted(() => {\n    if(!el.value) {\n        return;\n    }\n\n    popperInstance.value = createPopper(props.target, el.value, Object.assign({\n        placement: placement.value,\n        modifiers: [\n            {\n                name: 'offset',\n                options: {\n                    offset: [props.offset?.x ?? 0, props.offset?.y ?? 6]\n                },\n            },\n            {\n                name: 'arrow',\n                options: {\n                    element: arrow.value,\n                },\n            },\n        ],\n    }, props.popper));\n\n    nextTick(() => {\n        currentShow.value = props.show;\n    });\n});\n\nonBeforeUnmount(()=> {\n    popperInstance.value && popperInstance.value.destroy();\n});\n</script>\n\n<template>\n    <div\n        ref=\"el\"\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    progressiveEnhancement: boolean,\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        progressiveEnhancement: true,\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,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\n    function createTooltip(target: Element, props: Record<string,string> = {}, 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            // vnode.component?.close();\n    \n            // @todo: Make the animation rate (150) dynamic. Should get value \n            // from the CSS transition duration.\n            window.setTimeout(() => el.remove(), 150);\n        };\n    }\n\n    function destroyTooltip(target: Element) {\n        const id = target.getAttribute(`${prefix}-id`);\n        if(id) {\n            const tooltip = tooltips.get(id);\n            tooltip?.();\n        }\n    }\n\n    function init(target: Element, props = {}) {\n        const properties: Record<string,string> = 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 = window.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            if(!options.progressiveEnhancement) {\n                return;\n            }\n            \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\n                let tooltipFound = false;\n                for(const { removedNodes } of changes) {\n                    for(const node of removedNodes) {\n                        if(!(node instanceof Element)) {\n                            continue;\n                        }\n                        for(const el of node.querySelectorAll(`[${prefix}-id]`)) {\n                            const tooltip = tooltips.get(\n                                el.getAttribute(`${prefix}-id`) as string\n                            );\n                            if(tooltip) {\n                                tooltipFound = true;\n                                tooltip();\n                            }\n                        }\n                    } \n                }\n\n                // @experimental\n                // In some cases in Inertia.js, not all tooltips are removed on certain actions.\n                // remove all tooltips if no tooltip was found.\n                if(!tooltipFound) {\n                    for(const tooltip of tooltips.values()) {\n                        tooltip();\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            destroyTooltip(target);\n        }\n    });\n}"],"names":["el","ref","arrow","currentShow","popperInstance","placement","computed","props","tooltipClasses","open","close","__expose","onMounted","createPopper","_a","_b","nextTick","onBeforeUnmount","TooltipPlugin","app","opts","tooltips","options","prefix","prefixRegExp","getAttributes","a","key","value","carry","attr","createTooltip","target","hash","container","vnode","h","Tooltip","render","destroyTooltip","id","tooltip","init","properties","timer","delay","addEventListener","trigger","fn","event","delayString","walker","node","changes","tooltipFound","removedNodes","binding"],"mappings":"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"}
+{"version":3,"file":"tooltip.umd.cjs","sources":["../src/Tooltip.vue","../src/TooltipPlugin.ts"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Instance, Offsets, OptionsGeneric, createPopper } from '@popperjs/core';\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref } from 'vue';\n\nconst props = defineProps<{\n    offset?: Offsets,\n    popper?: OptionsGeneric<unknown>,\n    placement?: string,\n    target: Element,\n    title?: string,\n    show?: boolean,\n    top?: boolean,\n    bottom?: boolean,\n    left?: boolean,\n    right?: boolean\n}>();\n\nconst el = ref<HTMLElement>();\nconst arrow = ref<HTMLElement>();\nconst currentShow = ref(false);\nconst popperInstance = ref<Instance>();\n\nconst placement = computed(() => {\n    if(props.placement) {\n        return props.placement;\n    }\n\n    if(props.bottom) {\n        return 'bottom';\n    }\n\n    if(props.left) {\n        return 'left';\n    }\n\n    if(props.right) {\n        return 'right';\n    }\n\n    return 'top';\n});\n\nconst tooltipClasses = computed(() => {\n    return {\n        show: currentShow,\n        [`bs-tooltip-${placement.value}`]: true\n    };\n});\n\nfunction open() {\n    currentShow.value = true;\n}\n\nfunction close() {\n    currentShow.value = false;\n}\n\ndefineExpose({\n    open, close\n});\n\nonMounted(() => {\n    if(!el.value) {\n        return;\n    }\n\n    popperInstance.value = createPopper(props.target, el.value, Object.assign({\n        placement: placement.value,\n        modifiers: [\n            {\n                name: 'offset',\n                options: {\n                    offset: [props.offset?.x ?? 0, props.offset?.y ?? 6]\n                },\n            },\n            {\n                name: 'arrow',\n                options: {\n                    element: arrow.value,\n                },\n            },\n        ],\n    }, props.popper));\n\n    nextTick(() => {\n        currentShow.value = props.show;\n    });\n});\n\nonBeforeUnmount(()=> {\n    popperInstance.value && popperInstance.value.destroy();\n});\n</script>\n\n<template>\n    <div\n        ref=\"el\"\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    progressiveEnhancement: boolean,\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        progressiveEnhancement: true,\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,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\n    function createTooltip(target: Element, props: Record<string,string> = {}, 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            // vnode.component?.close();\n    \n            // @todo: Make the animation rate (150) dynamic. Should get value \n            // from the CSS transition duration.\n            window.setTimeout(() => el.remove(), 150);\n        };\n    }\n\n    function destroyTooltip(target: Element) {\n        const id = target.getAttribute(`${prefix}-id`);\n        if(id) {\n            const tooltip = tooltips.get(id);\n            tooltip?.();\n        }\n    }\n\n    function init(target: Element, props = {}) {\n        const properties: Record<string,string> = 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 = window.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 = window.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            if(!options.progressiveEnhancement) {\n                return;\n            }\n            \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\n                let tooltipFound = false;\n                for(const { removedNodes } of changes) {\n                    for(const node of removedNodes) {\n                        if(!(node instanceof Element)) {\n                            continue;\n                        }\n                        for(const el of node.querySelectorAll(`[${prefix}-id]`)) {\n                            const tooltip = tooltips.get(\n                                el.getAttribute(`${prefix}-id`) as string\n                            );\n                            if(tooltip) {\n                                tooltipFound = true;\n                                tooltip();\n                            }\n                        }\n                    } \n                }\n\n                // @experimental\n                // In some cases in Inertia.js, not all tooltips are removed on certain actions.\n                // remove all tooltips if no tooltip was found.\n                if(!tooltipFound) {\n                    for(const tooltip of tooltips.values()) {\n                        tooltip();\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            destroyTooltip(target);\n        }\n    });\n}"],"names":["props","__props","el","ref","arrow","currentShow","popperInstance","placement","computed","tooltipClasses","open","close","__expose","onMounted","createPopper","_a","_b","nextTick","onBeforeUnmount","TooltipPlugin","app","opts","tooltips","options","prefix","prefixRegExp","getAttributes","a","key","value","carry","attr","createTooltip","target","hash","container","vnode","h","Tooltip","render","destroyTooltip","id","tooltip","init","properties","timer","delay","addEventListener","trigger","fn","event","delayString","walker","node","changes","tooltipFound","removedNodes","binding"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-interface/tooltip",
-  "version": "1.0.0-beta.15",
+  "version": "1.0.0-beta.17",
   "description": "A Vue tooltip component.",
   "files": [
     "index.ts",
@@ -23,7 +23,7 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "vite build",
+    "build": "vite build && vue-tsc",
     "preview": "vite preview"
   },
   "repository": {
@@ -47,7 +47,7 @@
     "@popperjs/core": "^2.4.4"
   },
   "peerDependencies": {
-    "vue": "^3.0.0"
+    "vue": "^3.3.0"
   },
   "devDependencies": {
     "@commitlint/config-conventional": "^17.7.0",
@@ -66,10 +66,11 @@
     "postcss": "^8.4.28",
     "semantic-release": "^21.0.7",
     "tailwindcss": "^3.3.3",
-    "typescript": "^4.9.5",
+    "typescript": "^5.2.2",
     "vite": "^4.4.9",
     "vite-plugin-dts": "^1.7.3",
     "vue": "^3.3.4",
-    "vue-router": "^4.2"
+    "vue-router": "^4.2",
+    "vue-tsc": "^1.8.8"
   }
 }

package/src/TooltipPlugin.ts

@@ -110,7 +110,7 @@ export default function (app: App, opts: Partial<TooltipPluginOptions> = {}) {
             clearTimeout(timer);
 
             if(tooltip) {
-                timer = setTimeout(() => {
+                timer = window.setTimeout(() => {
                     tooltip && tooltip();
                     tooltip = null;
                 }, delay);

package/dist/vite.d.ts

@@ -1,5 +0,0 @@
-declare module '*.vue' {
-    import { DefineComponent } from 'vue';
-    const component: DefineComponent;
-    export default component;
-}