vft 0.0.9 → 0.0.13

package/es/components/tooltip/content.vue2.mjs

@@ -0,0 +1,175 @@
+import { defineComponent as E, ref as v, inject as U, computed as o, onBeforeUnmount as W, unref as t, watch as y, openBlock as b, createBlock as h, Teleport as Y, createVNode as q, Transition as F, withCtx as C, withDirectives as G, mergeProps as Q, renderSlot as X, createCommentVNode as B, vShow as Z } from "vue";
+import { useNamespace as _ } from "../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.mjs";
+import { onClickOutside as ee } from "@vueuse/core";
+import "@vue/shared";
+import "@vft/utils";
+import { composeEventHandlers as T } from "../../utils/event.mjs";
+import { usePopperContainerId as te } from "../../hooks/use-popper-container/index.mjs";
+import "../popper/index.mjs";
+import { TOOLTIP_INJECTION_KEY as ne } from "./constants.mjs";
+import oe from "../popper/content.vue2.mjs";
+const ae = E({
+  name: "VftTooltipContent",
+  inheritAttrs: !1
+}), be = /* @__PURE__ */ E({
+  ...ae,
+  props: {
+    boundariesPadding: { default: 0 },
+    fallbackPlacements: null,
+    gpuAcceleration: { type: Boolean, default: !0 },
+    offset: { default: 12 },
+    placement: { default: "bottom" },
+    popperOptions: { default: {} },
+    strategy: { default: "absolute" },
+    style: null,
+    className: null,
+    effect: { default: "dark" },
+    enterable: { type: Boolean, default: !0 },
+    pure: { type: Boolean },
+    focusOnShow: { type: Boolean, default: !1 },
+    trapping: { type: Boolean, default: !1 },
+    popperClass: null,
+    popperStyle: null,
+    referenceEl: null,
+    triggerTargetEl: null,
+    stopPopperMouseEvent: { type: Boolean, default: !0 },
+    virtualTriggering: { type: Boolean },
+    zIndex: null,
+    showAfter: { default: 0 },
+    hideAfter: { default: 200 },
+    appendTo: null,
+    content: { default: "" },
+    rawContent: { type: Boolean, default: !1 },
+    persistent: { type: Boolean },
+    ariaLabel: null,
+    visible: { type: Boolean, default: null },
+    transition: { default: "vft-fade-in-linear" },
+    teleported: { type: Boolean, default: !0 },
+    disabled: { type: Boolean }
+  },
+  setup(e, { expose: k }) {
+    const { selector: P } = te(), w = _("tooltip"), l = v(null), c = v(!1), {
+      controlled: p,
+      id: O,
+      open: r,
+      trigger: u,
+      onClose: i,
+      onOpen: A,
+      onShow: N,
+      onHide: S,
+      onBeforeShow: f,
+      onBeforeHide: d
+    } = U(ne, void 0), L = o(() => e.transition || `${w.namespace.value}-fade-in-linear`), I = o(() => process.env.NODE_ENV === "test" ? !0 : e.persistent);
+    W(() => {
+      c.value = !0;
+    });
+    const $ = o(() => t(I) ? !0 : t(r)), m = o(() => e.disabled ? !1 : t(r)), x = o(() => e.appendTo || P.value), M = o(() => e.style ?? {}), R = o(() => !t(r)), z = () => {
+      S();
+    }, g = () => {
+      if (t(p))
+        return !0;
+    }, V = T(g, () => {
+      e.enterable && t(u) === "hover" && A();
+    }), D = T(g, () => {
+      t(u) === "hover" && i();
+    }), j = () => {
+      var n, a;
+      (a = (n = l.value) == null ? void 0 : n.updatePopper) == null || a.call(n), f == null || f();
+    }, H = () => {
+      d == null || d();
+    }, J = () => {
+      N(), s = ee(
+        o(() => {
+          var n;
+          return (n = l.value) == null ? void 0 : n.popperContentRef;
+        }),
+        () => {
+          if (t(p))
+            return;
+          t(u) !== "hover" && i();
+        }
+      );
+    }, K = () => {
+      e.virtualTriggering || i();
+    };
+    let s;
+    return y(
+      () => t(r),
+      (n) => {
+        n || s == null || s();
+      },
+      {
+        flush: "post"
+      }
+    ), y(
+      () => e.content,
+      () => {
+        var n, a;
+        (a = (n = l.value) == null ? void 0 : n.updatePopper) == null || a.call(n);
+      }
+    ), k({
+      /**
+       * @description el-popper-content component instance
+       */
+      contentRef: l
+    }), (n, a) => (b(), h(Y, {
+      disabled: !e.teleported,
+      to: t(x)
+    }, [
+      q(F, {
+        name: t(L),
+        onAfterLeave: z,
+        onBeforeEnter: j,
+        onAfterEnter: J,
+        onBeforeLeave: H
+      }, {
+        default: C(() => [
+          t($) ? G((b(), h(t(oe), Q({
+            key: 0,
+            id: t(O),
+            ref_key: "contentRef",
+            ref: l
+          }, n.$attrs, {
+            "aria-label": e.ariaLabel,
+            "aria-hidden": t(R),
+            "boundaries-padding": e.boundariesPadding,
+            "fallback-placements": e.fallbackPlacements,
+            "gpu-acceleration": e.gpuAcceleration,
+            offset: e.offset,
+            placement: e.placement,
+            "popper-options": e.popperOptions,
+            strategy: e.strategy,
+            effect: e.effect,
+            enterable: e.enterable,
+            pure: e.pure,
+            "popper-class": e.popperClass,
+            "popper-style": [e.popperStyle, t(M)],
+            "reference-el": e.referenceEl,
+            "trigger-target-el": e.triggerTargetEl,
+            visible: t(m),
+            "z-index": e.zIndex,
+            onMouseenter: t(V),
+            onMouseleave: t(D),
+            onBlur: K,
+            onClose: t(i)
+          }), {
+            default: C(() => [
+              c.value ? B("", !0) : X(n.$slots, "default", { key: 0 })
+            ]),
+            _: 3
+          }, 16, ["id", "aria-label", "aria-hidden", "boundaries-padding", "fallback-placements", "gpu-acceleration", "offset", "placement", "popper-options", "strategy", "effect", "enterable", "pure", "popper-class", "popper-style", "reference-el", "trigger-target-el", "visible", "z-index", "onMouseenter", "onMouseleave", "onClose"])), [
+            [Z, t(m)]
+          ]) : B("", !0)
+        ]),
+        _: 3
+      }, 8, ["name"])
+    ], 8, ["disabled", "to"]));
+  }
+});
+export {
+  be as default
+};
+//# sourceMappingURL=content.vue2.mjs.map

package/es/components/tooltip/content.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.vue2.mjs","sources":["../../../../../packages/components/tooltip/content.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'VftTooltipContent',\n\tinheritAttrs: false\n});\n</script>\n<template>\n\t<teleport :disabled=\"!teleported\" :to=\"_appendTo\">\n\t\t<transition\n\t\t\t\t:name=\"transitionClass\"\n\t\t\t\t@after-leave=\"onTransitionLeave\"\n\t\t\t\t@before-enter=\"onBeforeEnter\"\n\t\t\t\t@after-enter=\"onAfterShow\"\n\t\t\t\t@before-leave=\"onBeforeLeave\"\n\t\t>\n\t\t\t<vft-popper-content\n\t\t\t\t\tv-if=\"shouldRender\"\n\t\t\t\t\tv-show=\"shouldShow\"\n\t\t\t\t\t:id=\"id\"\n\t\t\t\t\tref=\"contentRef\"\n\t\t\t\t\tv-bind=\"$attrs\"\n\t\t\t\t\t:aria-label=\"ariaLabel\"\n\t\t\t\t\t:aria-hidden=\"ariaHidden\"\n\t\t\t\t\t:boundaries-padding=\"boundariesPadding\"\n\t\t\t\t\t:fallback-placements=\"fallbackPlacements\"\n\t\t\t\t\t:gpu-acceleration=\"gpuAcceleration\"\n\t\t\t\t\t:offset=\"offset\"\n\t\t\t\t\t:placement=\"placement\"\n\t\t\t\t\t:popper-options=\"popperOptions\"\n\t\t\t\t\t:strategy=\"strategy\"\n\t\t\t\t\t:effect=\"effect\"\n\t\t\t\t\t:enterable=\"enterable\"\n\t\t\t\t\t:pure=\"pure\"\n\t\t\t\t\t:popper-class=\"popperClass\"\n\t\t\t\t\t:popper-style=\"[popperStyle, contentStyle]\"\n\t\t\t\t\t:reference-el=\"referenceEl\"\n\t\t\t\t\t:trigger-target-el=\"triggerTargetEl\"\n\t\t\t\t\t:visible=\"shouldShow\"\n\t\t\t\t\t:z-index=\"zIndex\"\n\t\t\t\t\t@mouseenter=\"onContentEnter\"\n\t\t\t\t\t@mouseleave=\"onContentLeave\"\n\t\t\t\t\t@blur=\"onBlur\"\n\t\t\t\t\t@close=\"onClose\"\n\t\t\t>\n\t\t\t\t<template v-if=\"!destroyed\">\n\t\t\t\t\t<slot />\n\t\t\t\t</template>\n\t\t\t</vft-popper-content>\n\t\t</transition>\n\t</teleport>\n</template>\n\n<script lang=\"ts\" setup>\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type { Options, Placement } from '@popperjs/core';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { computed, inject, onBeforeUnmount, ref, type StyleValue, unref, watch } from 'vue';\nimport { onClickOutside } from '@vueuse/core';\nimport { usePopperContainerId } from '@vft-ui/hooks';\nimport { composeEventHandlers } from '@vft-ui/utils';\nimport { VftPopperContent } from '@vft-ui/components/popper';\nimport { TOOLTIP_INJECTION_KEY } from './constants';\n\n;\n\ninterface ToolTipProps {\n\tboundariesPadding?: number;\n\tfallbackPlacements?: Placement[];\n\tgpuAcceleration?: boolean;\n\toffset?: number;\n\tplacement?: Placement;\n\tpopperOptions?: Partial<Options>;\n\tstrategy?: 'fixed' | 'absolute';\n\tstyle?: StyleValue;\n\tclassName?: ClassType;\n\teffect?: string;\n\tenterable?: boolean;\n\tpure?: boolean;\n\tfocusOnShow?: boolean;\n\ttrapping?: boolean;\n\tpopperClass?: ClassType;\n\tpopperStyle?: StyleValue;\n\treferenceEl?: HTMLElement;\n\ttriggerTargetEl?: HTMLElement;\n\tstopPopperMouseEvent?: boolean;\n\tvirtualTriggering?: boolean;\n\tzIndex?: number;\n\t// ---- useDelayedToggleProps\n\tshowAfter?: number;\n\thideAfter?: number;\n\t// ---- tooltip content\n\tappendTo?: HTMLElement | string;\n\tcontent?: string;\n\trawContent?: boolean;\n\tpersistent?: boolean;\n\tariaLabel?: string;\n\tvisible?: boolean;\n\ttransition?: string;\n\tteleported?: boolean;\n\tdisabled?: boolean;\n}\n\ndefineProps({\n  \"boundariesPadding\": { default: 0 },\n  \"fallbackPlacements\": null,\n  \"gpuAcceleration\": { type: Boolean, default: true },\n  \"offset\": { default: 12 },\n  \"placement\": { default: 'bottom' },\n  \"popperOptions\": { default: {} },\n  \"strategy\": { default: 'absolute' },\n  \"style\": null,\n  \"className\": null,\n  \"effect\": { default: 'dark' },\n  \"enterable\": { type: Boolean, default: true },\n  \"pure\": { type: Boolean,  },\n  \"focusOnShow\": { type: Boolean, default: false },\n  \"trapping\": { type: Boolean, default: false },\n  \"popperClass\": null,\n  \"popperStyle\": null,\n  \"referenceEl\": null,\n  \"triggerTargetEl\": null,\n  \"stopPopperMouseEvent\": { type: Boolean, default: true },\n  \"virtualTriggering\": { type: Boolean,  },\n  \"zIndex\": null,\n  \"showAfter\": { default: 0 },\n  \"hideAfter\": { default: 200 },\n  \"appendTo\": null,\n  \"content\": { default: '' },\n  \"rawContent\": { type: Boolean, default: false },\n  \"persistent\": { type: Boolean,  },\n  \"ariaLabel\": null,\n  \"visible\": { type: Boolean, default: null },\n  \"transition\": { default: 'vft-fade-in-linear' },\n  \"teleported\": { type: Boolean, default: true },\n  \"disabled\": { type: Boolean,  }\n})\n\nconst { selector } = usePopperContainerId();\nconst ns = useNamespace('tooltip');\n// TODO any is temporary, replace with `InstanceType<typeof ElPopperContent> | null` later\nconst contentRef = ref<any>(null);\nconst destroyed = ref(false);\nconst {\n\tcontrolled,\n\tid,\n\topen,\n\ttrigger,\n\tonClose,\n\tonOpen,\n\tonShow,\n\tonHide,\n\tonBeforeShow,\n\tonBeforeHide,\n} = inject(TOOLTIP_INJECTION_KEY, undefined)!;\n\nconst transitionClass = computed(() => {\n\treturn __props.transition || `${ns.namespace.value}-fade-in-linear`;\n});\n\nconst persistentRef = computed(() => {\n\t// For testing, we would always want the content to be rendered\n\t// to the DOM, so we need to return true here.\n\tif (process.env.NODE_ENV === 'test') {\n\t\treturn true\n\t}\n\treturn __props.persistent\n})\n\nonBeforeUnmount(() => {\n\tdestroyed.value = true\n})\n\nconst shouldRender = computed(() => {\n\treturn unref(persistentRef) ? true : unref(open)\n})\n\nconst shouldShow = computed(() => {\n\treturn __props.disabled ? false : unref(open)\n})\n\nconst _appendTo = computed(() => {\n\treturn __props.appendTo || selector.value\n})\n\nconst contentStyle = computed(() => (__props.style ?? {}) as any)\n\nconst ariaHidden = computed(() => !unref(open))\n\nconst onTransitionLeave = () => {\n\tonHide()\n}\n\nconst stopWhenControlled = () => {\n\tif (unref(controlled)) return true\n}\n\nconst onContentEnter = composeEventHandlers(stopWhenControlled, () => {\n\tif (__props.enterable && unref(trigger) === 'hover') {\n\t\tonOpen()\n\t}\n})\n\nconst onContentLeave = composeEventHandlers(stopWhenControlled, () => {\n\tif (unref(trigger) === 'hover') {\n\t\tonClose()\n\t}\n})\n\nconst onBeforeEnter = () => {\n\tcontentRef.value?.updatePopper?.()\n\tonBeforeShow?.()\n}\n\nconst onBeforeLeave = () => {\n\tonBeforeHide?.()\n}\n\nconst onAfterShow = () => {\n\tonShow()\n\tstopHandle = onClickOutside(\n\t\tcomputed(() => {\n\t\t\treturn contentRef.value?.popperContentRef\n\t\t}),\n\t\t() => {\n\t\t\tif (unref(controlled)) return\n\t\t\tconst $trigger = unref(trigger)\n\t\t\tif ($trigger !== 'hover') {\n\t\t\t\tonClose()\n\t\t\t}\n\t\t}\n\t)\n}\n\nconst onBlur = () => {\n\tif (!__props.virtualTriggering) {\n\t\tonClose()\n\t}\n}\n\nlet stopHandle: ReturnType<typeof onClickOutside>\n\nwatch(\n\t() => unref(open),\n\t(val) => {\n\t\tif (!val) {\n\t\t\tstopHandle?.()\n\t\t}\n\t},\n\t{\n\t\tflush: 'post',\n\t}\n)\n\nwatch(\n\t() => __props.content,\n\t() => {\n\t\tcontentRef.value?.updatePopper?.()\n\t}\n)\n\ndefineExpose({\n\t/**\n\t * @description el-popper-content component instance\n\t */\n\tcontentRef,\n})\n</script>\n"],"names":["__default__","DO_defineComponent","selector","usePopperContainerId","ns","useNamespace","contentRef","ref","destroyed","controlled","id","open","trigger","onClose","onOpen","onShow","onHide","onBeforeShow","onBeforeHide","inject","TOOLTIP_INJECTION_KEY","transitionClass","computed","__props","persistentRef","onBeforeUnmount","shouldRender","unref","shouldShow","_appendTo","contentStyle","ariaHidden","onTransitionLeave","stopWhenControlled","onContentEnter","composeEventHandlers","onContentLeave","onBeforeEnter","_b","_a","onBeforeLeave","onAfterShow","stopHandle","onClickOutside","onBlur","watch","val","expose"],"mappings":";;;;;;;;;;;;;AAEA,MAAAA,KAA6BC,EAAmB;AAAA,EAC/C,MAAM;AAAA,EACN,cAAc;AACf,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqIK,UAAA,EAAE,UAAAC,MAAaC,MACfC,IAAKC,EAAa,SAAS,GAE3BC,IAAaC,EAAS,IAAI,GAC1BC,IAAYD,EAAI,EAAK,GACrB;AAAA,MACL,YAAAE;AAAA,MACA,IAAAC;AAAA,MACA,MAAAC;AAAA,MACA,SAAAC;AAAA,MACA,SAAAC;AAAA,MACA,QAAAC;AAAA,MACA,QAAAC;AAAA,MACA,QAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,IACD,IAAIC,EAAOC,IAAuB,MAAS,GAErCC,IAAkBC,EAAS,MACzBC,EAAQ,cAAc,GAAGnB,EAAG,UAAU,sBAC7C,GAEKoB,IAAgBF,EAAS,MAG1B,QAAQ,IAAI,aAAa,SACrB,KAEDC,EAAQ,UACf;AAED,IAAAE,EAAgB,MAAM;AACrB,MAAAjB,EAAU,QAAQ;AAAA,IAAA,CAClB;AAEK,UAAAkB,IAAeJ,EAAS,MACtBK,EAAMH,CAAa,IAAI,KAAOG,EAAMhB,CAAI,CAC/C,GAEKiB,IAAaN,EAAS,MACpBC,EAAQ,WAAW,KAAQI,EAAMhB,CAAI,CAC5C,GAEKkB,IAAYP,EAAS,MACnBC,EAAQ,YAAYrB,EAAS,KACpC,GAEK4B,IAAeR,EAAS,MAAOC,EAAQ,SAAS,CAAU,CAAA,GAE1DQ,IAAaT,EAAS,MAAM,CAACK,EAAMhB,CAAI,CAAC,GAExCqB,IAAoB,MAAM;AACxB,MAAAhB;IAAA,GAGFiB,IAAqB,MAAM;AAChC,UAAIN,EAAMlB,CAAU;AAAU,eAAA;AAAA,IAAA,GAGzByB,IAAiBC,EAAqBF,GAAoB,MAAM;AACrE,MAAIV,EAAQ,aAAaI,EAAMf,CAAO,MAAM,WACpCE;IACR,CACA,GAEKsB,IAAiBD,EAAqBF,GAAoB,MAAM;AACjE,MAAAN,EAAMf,CAAO,MAAM,WACdC;IACT,CACA,GAEKwB,IAAgB,MAAM;;AAC3B,OAAAC,KAAAC,IAAAjC,EAAW,UAAX,gBAAAiC,EAAkB,iBAAlB,QAAAD,EAAA,KAAAC,IACetB,KAAA,QAAAA;AAAA,IAAA,GAGVuB,IAAgB,MAAM;AACZ,MAAAtB,KAAA,QAAAA;AAAA,IAAA,GAGVuB,IAAc,MAAM;AAClB,MAAA1B,KACM2B,IAAAC;AAAA,QACZrB,EAAS,MAAM;;AACd,kBAAOiB,IAAAjC,EAAW,UAAX,gBAAAiC,EAAkB;AAAA,QAAA,CACzB;AAAA,QACD,MAAM;AACL,cAAIZ,EAAMlB,CAAU;AAAG;AAEvB,UADiBkB,EAAMf,CAAO,MACb,WACRC;QAEV;AAAA,MAAA;AAAA,IACD,GAGK+B,IAAS,MAAM;AAChB,MAACrB,EAAQ,qBACJV;IACT;AAGG,QAAA6B;AAEJ,WAAAG;AAAA,MACC,MAAMlB,EAAMhB,CAAI;AAAA,MAChB,CAACmC,MAAQ;AACR,QAAKA,KACSJ,KAAA,QAAAA;AAAA,MAEf;AAAA,MACA;AAAA,QACC,OAAO;AAAA,MACR;AAAA,IAAA,GAGDG;AAAA,MACC,MAAMtB,EAAQ;AAAA,MACd,MAAM;;AACL,SAAAe,KAAAC,IAAAjC,EAAW,UAAX,gBAAAiC,EAAkB,iBAAlB,QAAAD,EAAA,KAAAC;AAAA,MACD;AAAA,IAAA,GAGYQ,EAAA;AAAA;AAAA;AAAA;AAAA,MAIZ,YAAAzC;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/tooltip/index.d.ts

@@ -0,0 +1,396 @@
+export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    role: {
+        type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+        required: false;
+    };
+    showArrow: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    arrowOffset: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    virtualRef: {
+        type: import("vue").PropType<import("..").Measurable | undefined>;
+        required: false;
+    };
+    virtualTriggering: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    onMouseenter: {
+        type: import("vue").PropType<Function | undefined>;
+        required: false;
+    };
+    onMouseleave: {
+        type: import("vue").PropType<Function | undefined>;
+        required: false;
+    };
+    onClick: {
+        type: import("vue").PropType<Function | undefined>;
+        required: false;
+    };
+    onKeydown: {
+        type: import("vue").PropType<Function | undefined>;
+        required: false;
+    };
+    onFocus: {
+        type: import("vue").PropType<Function | undefined>;
+        required: false;
+    };
+    onBlur: {
+        type: import("vue").PropType<Function | undefined>;
+        required: false;
+    };
+    onContextmenu: {
+        type: import("vue").PropType<Function | undefined>;
+        required: false;
+    };
+    id: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    open: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    boundariesPadding: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    fallbackPlacements: {
+        type: import("vue").PropType<import("@popperjs/core").Placement[] | undefined>;
+        required: false;
+    };
+    gpuAcceleration: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    offset: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    placement: {
+        type: import("vue").PropType<import("@popperjs/core").Placement | undefined>;
+        required: false;
+    };
+    popperOptions: {
+        type: import("vue").PropType<Partial<import("@popperjs/core").Options> | undefined>;
+        required: false;
+    };
+    strategy: {
+        type: import("vue").PropType<"fixed" | "absolute" | undefined>;
+        required: false;
+    };
+    style: {
+        type: import("vue").PropType<import("vue").StyleValue | undefined>;
+        required: false;
+    };
+    className: {
+        type: import("vue").PropType<ClassType | undefined>;
+        required: false;
+    };
+    effect: {
+        type: import("vue").PropType<"light" | "dark" | undefined>;
+        required: false;
+    };
+    visible: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    enterable: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    pure: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    focusOnShow: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    trapping: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    popperClass: {
+        type: import("vue").PropType<ClassType | undefined>;
+        required: false;
+    };
+    popperStyle: {
+        type: import("vue").PropType<import("vue").StyleValue | undefined>;
+        required: false;
+    };
+    referenceEl: {
+        type: import("vue").PropType<HTMLElement | undefined>;
+        required: false;
+    };
+    triggerTargetEl: {
+        type: import("vue").PropType<HTMLElement | undefined>;
+        required: false;
+    };
+    stopPopperMouseEvent: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    ariaLabel: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    showAfter: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    hideAfter: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    appendTo: {
+        type: import("vue").PropType<string | HTMLElement | undefined>;
+        required: false;
+    };
+    content: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    rawContent: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    persistent: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    transition: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    teleported: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    trigger: {
+        type: import("vue").PropType<import("./types").TooltipTriggerType | undefined>;
+        required: false;
+    };
+    triggerKeys: {
+        type: import("vue").PropType<string[] | undefined>;
+        required: false;
+    };
+}, {
+    popperRef: import("vue").Ref<any>;
+    contentRef: import("vue").Ref<any>;
+    isFocusInsideContent: () => boolean | undefined;
+    updatePopper: () => void;
+    onOpen: (event?: Event | undefined) => void;
+    onClose: (event?: Event | undefined) => void;
+    hide: (event?: Event | undefined) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-show" | "before-hide" | "show" | "hide")[], "close" | "open" | "before-show" | "before-hide" | "show" | "hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    role: {
+        type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+        required: false;
+    };
+    showArrow: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    arrowOffset: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    virtualRef: {
+        type: import("vue").PropType<import("..").Measurable | undefined>;
+        required: false;
+    };
+    virtualTriggering: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    onMouseenter: {
+        type: import("vue").PropType<Function | undefined>;
+        required: false;
+    };
+    onMouseleave: {
+        type: import("vue").PropType<Function | undefined>;
+        required: false;
+    };
+    onClick: {
+        type: import("vue").PropType<Function | undefined>;
+        required: false;
+    };
+    onKeydown: {
+        type: import("vue").PropType<Function | undefined>;
+        required: false;
+    };
+    onFocus: {
+        type: import("vue").PropType<Function | undefined>;
+        required: false;
+    };
+    onBlur: {
+        type: import("vue").PropType<Function | undefined>;
+        required: false;
+    };
+    onContextmenu: {
+        type: import("vue").PropType<Function | undefined>;
+        required: false;
+    };
+    id: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    open: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    boundariesPadding: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    fallbackPlacements: {
+        type: import("vue").PropType<import("@popperjs/core").Placement[] | undefined>;
+        required: false;
+    };
+    gpuAcceleration: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    offset: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    placement: {
+        type: import("vue").PropType<import("@popperjs/core").Placement | undefined>;
+        required: false;
+    };
+    popperOptions: {
+        type: import("vue").PropType<Partial<import("@popperjs/core").Options> | undefined>;
+        required: false;
+    };
+    strategy: {
+        type: import("vue").PropType<"fixed" | "absolute" | undefined>;
+        required: false;
+    };
+    style: {
+        type: import("vue").PropType<import("vue").StyleValue | undefined>;
+        required: false;
+    };
+    className: {
+        type: import("vue").PropType<ClassType | undefined>;
+        required: false;
+    };
+    effect: {
+        type: import("vue").PropType<"light" | "dark" | undefined>;
+        required: false;
+    };
+    visible: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    enterable: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    pure: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    focusOnShow: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    trapping: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    popperClass: {
+        type: import("vue").PropType<ClassType | undefined>;
+        required: false;
+    };
+    popperStyle: {
+        type: import("vue").PropType<import("vue").StyleValue | undefined>;
+        required: false;
+    };
+    referenceEl: {
+        type: import("vue").PropType<HTMLElement | undefined>;
+        required: false;
+    };
+    triggerTargetEl: {
+        type: import("vue").PropType<HTMLElement | undefined>;
+        required: false;
+    };
+    stopPopperMouseEvent: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    ariaLabel: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    showAfter: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    hideAfter: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    appendTo: {
+        type: import("vue").PropType<string | HTMLElement | undefined>;
+        required: false;
+    };
+    content: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    rawContent: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    persistent: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    transition: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    teleported: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    trigger: {
+        type: import("vue").PropType<import("./types").TooltipTriggerType | undefined>;
+        required: false;
+    };
+    triggerKeys: {
+        type: import("vue").PropType<string[] | undefined>;
+        required: false;
+    };
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    "onBefore-show"?: ((...args: any[]) => any) | undefined;
+    "onBefore-hide"?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
+    onHide?: ((...args: any[]) => any) | undefined;
+}, {}>> & Record<string, any>;
+export default VftTooltip;
+export * from './types';

package/es/components/tooltip/index.mjs

@@ -0,0 +1,11 @@
+import { withInstall as t } from "../../utils/vue/install.mjs";
+import "vue";
+import "@vue/shared";
+import "@vft/utils";
+import o from "./tooltip.vue2.mjs";
+const a = t(o);
+export {
+  a as VftTooltip,
+  a as default
+};
+//# sourceMappingURL=index.mjs.map

package/es/components/tooltip/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/tooltip/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\nimport Tooltip from './tooltip.vue'\n\nexport const VftTooltip = withInstall(Tooltip)\nexport default VftTooltip\n\nexport * from './types'\n"],"names":["VftTooltip","withInstall","Tooltip"],"mappings":";;;;;AAGa,MAAAA,IAAaC,EAAYC,CAAO;"}

package/es/components/tooltip/style/css.mjs

@@ -0,0 +1,4 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-tooltip.css";
+import "vft/theme-style/vft-popper.css";
+//# sourceMappingURL=css.mjs.map

package/es/components/tooltip/style/css.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/es/components/tooltip/style/index.mjs

@@ -0,0 +1,4 @@
+import "../../../theme-style/src/base.scss.mjs";
+import "../../../theme-style/src/tooltip.scss.mjs";
+import "../../../theme-style/src/popper.scss.mjs";
+//# sourceMappingURL=index.mjs.map

package/es/components/tooltip/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}