vft 0.0.11 → 0.0.14

package/es/packages/components/tooltip/content.vue.mjs.map

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

package/es/packages/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/packages/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/packages/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/packages/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/packages/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/packages/components/tooltip/style/css.mjs.map

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

package/es/packages/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/packages/components/tooltip/style/index.mjs.map

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

package/es/packages/components/tooltip/tooltip.vue.mjs

@@ -0,0 +1,5 @@
+import f from "./tooltip.vue2.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=tooltip.vue.mjs.map

package/es/packages/components/tooltip/tooltip.vue.mjs.map

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

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

@@ -0,0 +1,224 @@
+import { defineComponent as k, ref as r, computed as P, provide as I, readonly as S, unref as i, watch as M, onDeactivated as N, openBlock as f, createBlock as h, withCtx as g, createVNode as b, renderSlot as w, createCommentVNode as v, createElementBlock as B, toDisplayString as $ } from "vue";
+import { EVENT_CODE as C } from "@vft/constants";
+import { VftPopper as x } from "../popper/index.mjs";
+import { isBoolean as H } from "@vft/utils";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.mjs";
+import { useId as L } from "../../hooks/use-id/index.mjs";
+import { usePopperContainer as z } from "../../hooks/use-popper-container/index.mjs";
+import { useDelayedToggle as D } from "../../hooks/use-delayed-toggle/index.mjs";
+import "@vueuse/core";
+import "@vue/shared";
+import { TOOLTIP_INJECTION_KEY as K } from "./constants.mjs";
+import V from "./trigger.vue2.mjs";
+import J from "./content.vue2.mjs";
+import { useTooltipModelToggle as U } from "./utils.mjs";
+import Y from "../popper/arrow.vue2.mjs";
+const j = ["innerHTML"], q = { key: 1 }, G = k({
+  name: "vft-tooltip"
+}), ce = /* @__PURE__ */ k({
+  ...G,
+  props: {
+    role: { default: "tooltip" },
+    showArrow: { type: Boolean, default: !0 },
+    arrowOffset: { default: 5 },
+    virtualRef: null,
+    virtualTriggering: { type: Boolean },
+    onMouseenter: { type: Function },
+    onMouseleave: { type: Function },
+    onClick: { type: Function },
+    onKeydown: { type: Function },
+    onFocus: { type: Function },
+    onBlur: { type: Function },
+    onContextmenu: { type: Function },
+    id: null,
+    open: { type: Boolean },
+    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" },
+    visible: { type: Boolean, default: null },
+    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 },
+    ariaLabel: null,
+    zIndex: null,
+    showAfter: { default: 0 },
+    hideAfter: { default: 200 },
+    appendTo: null,
+    content: { default: "" },
+    rawContent: { type: Boolean, default: !1 },
+    persistent: { type: Boolean },
+    transition: { default: "vft-fade-in-linear" },
+    teleported: { type: Boolean, default: !0 },
+    disabled: { type: Boolean },
+    trigger: { default: "hover" },
+    triggerKeys: { default: [C.enter, C.space] }
+  },
+  emits: ["before-show", "before-hide", "show", "hide", "open", "close"],
+  setup(e, { expose: T, emit: a }) {
+    z();
+    const A = L(), u = r(), d = r(), m = () => {
+      var o;
+      const t = i(u);
+      t && ((o = t.popperInstanceRef) == null || o.update());
+    }, n = r(!1), l = r(), { show: E, hide: s, hasUpdateHandler: O } = U({
+      indicator: n,
+      toggleReason: l
+    }), { onOpen: c, onClose: p } = D({
+      showAfter: e.showAfter,
+      hideAfter: e.hideAfter,
+      open: E,
+      close: s
+    }), R = P(() => H(e.visible) && !O.value);
+    I(K, {
+      controlled: R,
+      id: A,
+      open: S(n),
+      trigger: e.trigger,
+      onOpen: (t) => {
+        c(t);
+      },
+      onClose: (t) => {
+        p(t);
+      },
+      onToggle: (t) => {
+        i(n) ? p(t) : c(t);
+      },
+      onShow: () => {
+        a("show", l.value);
+      },
+      onHide: () => {
+        a("hide", l.value);
+      },
+      onBeforeShow: () => {
+        a("before-show", l.value);
+      },
+      onBeforeHide: () => {
+        a("before-hide", l.value);
+      },
+      updatePopper: m
+    }), M(
+      () => e.disabled,
+      (t) => {
+        t && n.value && (n.value = !1);
+      }
+    );
+    const F = () => {
+      var o, y;
+      const t = (y = (o = d.value) == null ? void 0 : o.contentRef) == null ? void 0 : y.popperContentRef;
+      return t && t.contains(document.activeElement);
+    };
+    return N(() => n.value && s()), T({
+      /**
+       * @description el-popper component instance
+       */
+      popperRef: u,
+      /**
+       * @description el-tooltip-content component instance
+       */
+      contentRef: d,
+      /**
+       * @description validate current focus event is trigger inside el-tooltip-content
+       */
+      isFocusInsideContent: F,
+      /**
+       * @description update el-popper component instance
+       */
+      updatePopper: m,
+      /**
+       * @description expose onOpen function to mange el-tooltip open state
+       */
+      onOpen: c,
+      /**
+       * @description expose onOpen function to mange el-tooltip open state
+       */
+      onClose: p,
+      /**
+       * @description expose hide function
+       */
+      hide: s
+    }), (t, o) => (f(), h(i(x), {
+      ref_key: "popperRef",
+      ref: u,
+      role: e.role
+    }, {
+      default: g(() => [
+        b(V, {
+          disabled: e.disabled,
+          trigger: e.trigger,
+          "trigger-keys": e.triggerKeys,
+          "virtual-ref": e.virtualRef,
+          "virtual-triggering": e.virtualTriggering
+        }, {
+          default: g(() => [
+            t.$slots.default ? w(t.$slots, "default", { key: 0 }) : v("", !0)
+          ]),
+          _: 3
+        }, 8, ["disabled", "trigger", "trigger-keys", "virtual-ref", "virtual-triggering"]),
+        b(J, {
+          ref_key: "contentRef",
+          ref: d,
+          "aria-label": e.ariaLabel,
+          "boundaries-padding": e.boundariesPadding,
+          content: e.content,
+          disabled: e.disabled,
+          effect: e.effect,
+          enterable: e.enterable,
+          "fallback-placements": e.fallbackPlacements,
+          "hide-after": e.hideAfter,
+          "gpu-acceleration": e.gpuAcceleration,
+          offset: e.offset,
+          persistent: e.persistent,
+          "popper-class": e.popperClass,
+          "popper-style": e.popperStyle,
+          placement: e.placement,
+          "popper-options": e.popperOptions,
+          pure: e.pure,
+          "raw-content": e.rawContent,
+          "reference-el": e.referenceEl,
+          "trigger-target-el": e.triggerTargetEl,
+          "show-after": e.showAfter,
+          strategy: e.strategy,
+          teleported: e.teleported,
+          transition: e.transition,
+          "virtual-triggering": e.virtualTriggering,
+          "z-index": e.zIndex,
+          "append-to": e.appendTo
+        }, {
+          default: g(() => [
+            w(t.$slots, "content", {}, () => [
+              e.rawContent ? (f(), B("span", {
+                key: 0,
+                innerHTML: e.content
+              }, null, 8, j)) : (f(), B("span", q, $(e.content), 1))
+            ]),
+            e.showArrow ? (f(), h(i(Y), {
+              key: 0,
+              "arrow-offset": e.arrowOffset
+            }, null, 8, ["arrow-offset"])) : v("", !0)
+          ]),
+          _: 3
+        }, 8, ["aria-label", "boundaries-padding", "content", "disabled", "effect", "enterable", "fallback-placements", "hide-after", "gpu-acceleration", "offset", "persistent", "popper-class", "popper-style", "placement", "popper-options", "pure", "raw-content", "reference-el", "trigger-target-el", "show-after", "strategy", "teleported", "transition", "virtual-triggering", "z-index", "append-to"])
+      ]),
+      _: 3
+    }, 8, ["role"]));
+  }
+});
+export {
+  ce as default
+};
+//# sourceMappingURL=tooltip.vue2.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.vue2.mjs","sources":["../../../../../../packages/components/tooltip/tooltip.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'vft-tooltip'\n});\n</script>\n<template>\n\t<vft-popper ref=\"popperRef\" :role=\"role\">\n\t\t<tooltip-trigger :disabled=\"disabled\"\n\t\t\t\t:trigger=\"trigger\"\n\t\t\t\t:trigger-keys=\"triggerKeys\"\n\t\t\t\t:virtual-ref=\"virtualRef\"\n\t\t\t\t:virtual-triggering=\"virtualTriggering\">\n\t\t\t<slot v-if=\"$slots.default\" />\n\t\t</tooltip-trigger>\n\t\t<tooltip-content\n\t\t\t\tref=\"contentRef\"\n\t\t\t\t:aria-label=\"ariaLabel\"\n\t\t\t\t:boundaries-padding=\"boundariesPadding\"\n\t\t\t\t:content=\"content\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:effect=\"effect\"\n\t\t\t\t:enterable=\"enterable\"\n\t\t\t\t:fallback-placements=\"fallbackPlacements\"\n\t\t\t\t:hide-after=\"hideAfter\"\n\t\t\t\t:gpu-acceleration=\"gpuAcceleration\"\n\t\t\t\t:offset=\"offset\"\n\t\t\t\t:persistent=\"persistent\"\n\t\t\t\t:popper-class=\"popperClass\"\n\t\t\t\t:popper-style=\"popperStyle\"\n\t\t\t\t:placement=\"placement\"\n\t\t\t\t:popper-options=\"popperOptions\"\n\t\t\t\t:pure=\"pure\"\n\t\t\t\t:raw-content=\"rawContent\"\n\t\t\t\t:reference-el=\"referenceEl\"\n\t\t\t\t:trigger-target-el=\"triggerTargetEl\"\n\t\t\t\t:show-after=\"showAfter\"\n\t\t\t\t:strategy=\"strategy\"\n\t\t\t\t:teleported=\"teleported\"\n\t\t\t\t:transition=\"transition\"\n\t\t\t\t:virtual-triggering=\"virtualTriggering\"\n\t\t\t\t:z-index=\"zIndex\"\n\t\t\t\t:append-to=\"appendTo\"\n\t\t>\n\t\t\t<slot name=\"content\">\n\t\t\t\t<span v-if=\"rawContent\" v-html=\"content\" />\n\t\t\t\t<span v-else>{{ content }}</span>\n\t\t\t</slot>\n\t\t\t<vft-popper-arrow v-if=\"showArrow\" :arrow-offset=\"arrowOffset\" />\n\t\t</tooltip-content>\n\t</vft-popper>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { Options, Placement } from '@popperjs/core';\nimport { EVENT_CODE } from '@vft/constants';\nimport { computed, onDeactivated, provide, readonly, ref, type StyleValue, unref, watch } from 'vue';\nimport { VftPopper, VftPopperArrow, type Measurable } from '@vft-ui/components/popper';\n\nimport { isBoolean } from '@vft/utils';\nimport { useDelayedToggle, useId, usePopperContainer } from '@vft-ui/hooks';\nimport { TOOLTIP_INJECTION_KEY } from './constants';\nimport TooltipTrigger from './trigger.vue';\nimport TooltipContent from './content.vue';\nimport type { TooltipTriggerType } from './types';\nimport { useTooltipModelToggle } from './utils';\n\n;\n\nexport interface ToolTipProps {\n\trole?: 'dialog' | 'grid' | 'group' | 'listbox' | 'menu' | 'navigation' | 'tooltip' | 'tree';\n\tshowArrow?: boolean;\n\tarrowOffset?: number;\n\tvirtualRef?: Measurable;\n\tvirtualTriggering?: boolean;\n\tonMouseenter?: Function;\n\tonMouseleave?: Function;\n\tonClick?: Function;\n\tonKeydown?: Function;\n\tonFocus?: Function;\n\tonBlur?: Function;\n\tonContextmenu?: Function;\n\tid?: string;\n\topen?: boolean;\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?: 'light' | 'dark';\n\tvisible?: boolean;\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\tariaLabel?: string;\n\tzIndex?: number;\n\t// ==\n\tshowAfter?: number;\n\thideAfter?: number;\n\tappendTo?: HTMLElement | string;\n\tcontent?: string;\n\trawContent?: boolean;\n\tpersistent?: boolean;\n\ttransition?: string;\n\tteleported?: boolean;\n\tdisabled?: boolean;\n\ttrigger?: TooltipTriggerType;\n\ttriggerKeys?: string[];\n}\n\ndefineProps({\n  \"role\": { default: 'tooltip' },\n  \"showArrow\": { type: Boolean, default: true },\n  \"arrowOffset\": { default: 5 },\n  \"virtualRef\": null,\n  \"virtualTriggering\": { type: Boolean,  },\n  \"onMouseenter\": { type: Function,  },\n  \"onMouseleave\": { type: Function,  },\n  \"onClick\": { type: Function,  },\n  \"onKeydown\": { type: Function,  },\n  \"onFocus\": { type: Function,  },\n  \"onBlur\": { type: Function,  },\n  \"onContextmenu\": { type: Function,  },\n  \"id\": null,\n  \"open\": { type: Boolean,  },\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  \"visible\": { type: Boolean, default: null },\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  \"ariaLabel\": null,\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  \"transition\": { default: 'vft-fade-in-linear' },\n  \"teleported\": { type: Boolean, default: true },\n  \"disabled\": { type: Boolean,  },\n  \"trigger\": { default: 'hover' },\n  \"triggerKeys\": { default: [EVENT_CODE.enter, EVENT_CODE.space] }\n})\n\nconst emit = defineEmits(['before-show', 'before-hide', 'show', 'hide', 'open', 'close']);\nusePopperContainer();\n\nconst id = useId();\n// TODO any is temporary, replace with `InstanceType<typeof ElPopper> | null` later\nconst popperRef = ref<any>();\n// TODO any is temporary, replace with `InstanceType<typeof ElTooltipContent> | null` later\nconst contentRef = ref<any>();\n\nconst updatePopper = () => {\n\tconst popperComponent = unref(popperRef);\n\tif (popperComponent) {\n\t\tpopperComponent.popperInstanceRef?.update();\n\t}\n};\nconst open = ref(false);\nconst toggleReason = ref<Event>();\n\nconst { show, hide, hasUpdateHandler } = useTooltipModelToggle({\n\tindicator: open,\n\ttoggleReason,\n});\n\nconst { onOpen, onClose } = useDelayedToggle({\n\tshowAfter: __props.showAfter,\n\thideAfter: __props.hideAfter,\n\topen: show,\n\tclose: hide\n});\n\nconst controlled = computed(() => isBoolean(__props.visible) && !hasUpdateHandler.value);\n\nprovide(TOOLTIP_INJECTION_KEY, {\n\tcontrolled,\n\tid,\n\topen: readonly(open),\n\ttrigger: __props.trigger,\n\tonOpen: (event?: Event) => {\n\t\tonOpen(event);\n\t},\n\tonClose: (event?: Event) => {\n\t\tonClose(event);\n\t},\n\tonToggle: (event?: Event) => {\n\t\tif (unref(open)) {\n\t\t\tonClose(event);\n\t\t} else {\n\t\t\tonOpen(event);\n\t\t}\n\t},\n\tonShow: () => {\n\t\temit('show', toggleReason.value);\n\t},\n\tonHide: () => {\n\t\temit('hide', toggleReason.value);\n\t},\n\tonBeforeShow: () => {\n\t\temit('before-show', toggleReason.value);\n\t},\n\tonBeforeHide: () => {\n\t\temit('before-hide', toggleReason.value);\n\t},\n\tupdatePopper,\n});\n\nwatch(\n\t() => __props.disabled,\n\t(disabled) => {\n\t\tif (disabled && open.value) {\n\t\t\topen.value = false;\n\t\t}\n\t}\n);\n\nconst isFocusInsideContent = () => {\n\tconst popperContent: HTMLElement | undefined =\n\t\tcontentRef.value?.contentRef?.popperContentRef;\n\treturn popperContent && popperContent.contains(document.activeElement);\n};\n\nonDeactivated(() => open.value && hide());\n\ndefineExpose({\n\t/**\n\t * @description el-popper component instance\n\t */\n\tpopperRef,\n\t/**\n\t * @description el-tooltip-content component instance\n\t */\n\tcontentRef,\n\t/**\n\t * @description validate current focus event is trigger inside el-tooltip-content\n\t */\n\tisFocusInsideContent,\n\t/**\n\t * @description update el-popper component instance\n\t */\n\tupdatePopper,\n\t/**\n\t * @description expose onOpen function to mange el-tooltip open state\n\t */\n\tonOpen,\n\t/**\n\t * @description expose onOpen function to mange el-tooltip open state\n\t */\n\tonClose,\n\t/**\n\t * @description expose hide function\n\t */\n\thide,\n});\n</script>\n\n"],"names":["__default__","DO_defineComponent","usePopperContainer","id","useId","popperRef","ref","contentRef","updatePopper","popperComponent","unref","_a","open","toggleReason","show","hide","hasUpdateHandler","useTooltipModelToggle","onOpen","onClose","useDelayedToggle","__props","controlled","computed","isBoolean","provide","TOOLTIP_INJECTION_KEY","readonly","event","emit","watch","disabled","isFocusInsideContent","popperContent","_b","onDeactivated","expose"],"mappings":";;;;;;;;;;;;;;;;;yCAEAA,IAA6BC,EAAmB;AAAA,EAC/C,MAAM;AACP,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuKkB,IAAAC;AAEnB,UAAMC,IAAKC,KAELC,IAAYC,KAEZC,IAAaD,KAEbE,IAAe,MAAM;;AACpB,YAAAC,IAAkBC,EAAML,CAAS;AACvC,MAAII,OACHE,IAAAF,EAAgB,sBAAhB,QAAAE,EAAmC;AAAA,IACpC,GAEKC,IAAON,EAAI,EAAK,GAChBO,IAAeP,KAEf,EAAE,MAAAQ,GAAM,MAAAC,GAAM,kBAAAC,EAAA,IAAqBC,EAAsB;AAAA,MAC9D,WAAWL;AAAA,MACX,cAAAC;AAAA,IAAA,CACA,GAEK,EAAE,QAAAK,GAAQ,SAAAC,EAAQ,IAAIC,EAAiB;AAAA,MAC5C,WAAWC,EAAQ;AAAA,MACnB,WAAWA,EAAQ;AAAA,MACnB,MAAMP;AAAA,MACN,OAAOC;AAAA,IAAA,CACP,GAEKO,IAAaC,EAAS,MAAMC,EAAUH,EAAQ,OAAO,KAAK,CAACL,EAAiB,KAAK;AAEvF,IAAAS,EAAQC,GAAuB;AAAA,MAC9B,YAAAJ;AAAA,MACA,IAAAnB;AAAA,MACA,MAAMwB,EAASf,CAAI;AAAA,MACnB,SAASS,EAAQ;AAAA,MACjB,QAAQ,CAACO,MAAkB;AAC1B,QAAAV,EAAOU,CAAK;AAAA,MACb;AAAA,MACA,SAAS,CAACA,MAAkB;AAC3B,QAAAT,EAAQS,CAAK;AAAA,MACd;AAAA,MACA,UAAU,CAACA,MAAkB;AACxB,QAAAlB,EAAME,CAAI,IACbO,EAAQS,CAAK,IAEbV,EAAOU,CAAK;AAAA,MAEd;AAAA,MACA,QAAQ,MAAM;AACR,QAAAC,EAAA,QAAQhB,EAAa,KAAK;AAAA,MAChC;AAAA,MACA,QAAQ,MAAM;AACR,QAAAgB,EAAA,QAAQhB,EAAa,KAAK;AAAA,MAChC;AAAA,MACA,cAAc,MAAM;AACd,QAAAgB,EAAA,eAAehB,EAAa,KAAK;AAAA,MACvC;AAAA,MACA,cAAc,MAAM;AACd,QAAAgB,EAAA,eAAehB,EAAa,KAAK;AAAA,MACvC;AAAA,MACA,cAAAL;AAAA,IAAA,CACA,GAEDsB;AAAA,MACC,MAAMT,EAAQ;AAAA,MACd,CAACU,MAAa;AACT,QAAAA,KAAYnB,EAAK,UACpBA,EAAK,QAAQ;AAAA,MAEf;AAAA,IAAA;AAGD,UAAMoB,IAAuB,MAAM;;AAC5B,YAAAC,KACLC,KAAAvB,IAAAJ,EAAW,UAAX,gBAAAI,EAAkB,eAAlB,gBAAAuB,EAA8B;AAC/B,aAAOD,KAAiBA,EAAc,SAAS,SAAS,aAAa;AAAA,IAAA;AAGtE,WAAAE,EAAc,MAAMvB,EAAK,SAASG,EAAM,CAAA,GAE3BqB,EAAA;AAAA;AAAA;AAAA;AAAA,MAIZ,WAAA/B;AAAA;AAAA;AAAA;AAAA,MAIA,YAAAE;AAAA;AAAA;AAAA;AAAA,MAIA,sBAAAyB;AAAA;AAAA;AAAA;AAAA,MAIA,cAAAxB;AAAA;AAAA;AAAA;AAAA,MAIA,QAAAU;AAAA;AAAA;AAAA;AAAA,MAIA,SAAAC;AAAA;AAAA;AAAA;AAAA,MAIA,MAAAJ;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/tooltip/trigger.vue.mjs

@@ -0,0 +1,5 @@
+import f from "./trigger.vue2.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=trigger.vue.mjs.map

package/es/packages/components/tooltip/trigger.vue.mjs.map

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

package/es/packages/components/tooltip/trigger.vue2.mjs

@@ -0,0 +1,91 @@
+import { defineComponent as a, inject as E, ref as K, openBlock as O, createBlock as w, unref as e, normalizeClass as b, withCtx as D, renderSlot as N } from "vue";
+import { EVENT_CODE as g } from "@vft/constants";
+import "../popper/index.mjs";
+import "@vue/shared";
+import "@vft/utils";
+import { composeEventHandlers as r } from "../../utils/event.mjs";
+import { useNamespace as F } from "../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.mjs";
+import "@vueuse/core";
+import { TOOLTIP_INJECTION_KEY as I } from "./constants.mjs";
+import { whenTrigger as i } from "./utils.mjs";
+import R from "../popper/trigger.vue2.mjs";
+const V = a({
+  name: "VftTooltipTrigger"
+}), U = /* @__PURE__ */ a({
+  ...V,
+  props: {
+    disabled: { type: Boolean },
+    trigger: { default: "hover" },
+    triggerKeys: { default: [g.enter, g.space] },
+    virtualRef: null,
+    virtualTriggering: { type: Boolean }
+  },
+  setup(t, { expose: f }) {
+    const m = F("tooltip"), { controlled: d, id: v, open: p, onOpen: u, onClose: s, onToggle: l } = E(
+      I,
+      void 0
+    ), C = K(null), n = () => {
+      if (e(d) || t.disabled)
+        return !0;
+    }, T = r(
+      n,
+      i(t.trigger, "hover", u)
+    ), h = r(
+      n,
+      i(t.trigger, "hover", s)
+    ), y = r(
+      n,
+      i(t.trigger, "click", (o) => {
+        o.button === 0 && l(o);
+      })
+    ), B = r(
+      n,
+      i(t.trigger, "focus", u)
+    ), M = r(
+      n,
+      i(t.trigger, "focus", s)
+    ), k = r(
+      n,
+      i(t.trigger, "contextmenu", (o) => {
+        o.preventDefault(), l(o);
+      })
+    ), x = r(
+      n,
+      (o) => {
+        const { code: c } = o;
+        t.triggerKeys.includes(c) && (o.preventDefault(), l(o));
+      }
+    );
+    return f({
+      /**
+       * @description trigger element
+       */
+      triggerRef: C
+    }), (o, c) => (O(), w(e(R), {
+      id: e(v),
+      "virtual-ref": t.virtualRef,
+      open: e(p),
+      "virtual-triggering": t.virtualTriggering,
+      class: b(e(m).e("trigger")),
+      onBlur: e(M),
+      onClick: e(y),
+      onContextmenu: e(k),
+      onFocus: e(B),
+      onMouseenter: e(T),
+      onMouseleave: e(h),
+      onKeydown: e(x)
+    }, {
+      default: D(() => [
+        N(o.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]));
+  }
+});
+export {
+  U as default
+};
+//# sourceMappingURL=trigger.vue2.mjs.map

package/es/packages/components/tooltip/trigger.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"trigger.vue2.mjs","sources":["../../../../../../packages/components/tooltip/trigger.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: 'VftTooltipTrigger'\n});\n</script>\n<template>\n  <vft-popper-trigger\n    :id=\"id\"\n    :virtual-ref=\"virtualRef\"\n    :open=\"open\"\n    :virtual-triggering=\"virtualTriggering\"\n    :class=\"ns.e('trigger')\"\n    @blur=\"onBlur\"\n    @click=\"onClick\"\n    @contextmenu=\"onContextMenu\"\n    @focus=\"onFocus\"\n    @mouseenter=\"onMouseenter\"\n    @mouseleave=\"onMouseleave\"\n    @keydown=\"onKeydown\"\n  >\n    <slot />\n  </vft-popper-trigger>\n</template>\n<script lang=\"ts\" setup>\nimport { EVENT_CODE } from '@vft/constants';\nimport { inject, ref, unref } from 'vue';\nimport type { Measurable } from '../popper';\nimport { VftPopperTrigger } from '@vft-ui/components/popper'\nimport { composeEventHandlers } from '../../utils';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { TOOLTIP_INJECTION_KEY } from './constants';\nimport { type TooltipTriggerType } from './types';\nimport { whenTrigger } from './utils';\nimport type { OnlyChildExpose } from '@vft-ui/components/slot'\n\n;\n\ninterface Props {\n  disabled?: boolean\n  trigger?: TooltipTriggerType\n  triggerKeys?: string[]\n  virtualRef?: Measurable\n  virtualTriggering?: boolean\n}\n\ndefineProps({\n  \"disabled\": { type: Boolean,  },\n  \"trigger\": { default: 'hover' },\n  \"triggerKeys\": { default: [EVENT_CODE.enter, EVENT_CODE.space] },\n  \"virtualRef\": null,\n  \"virtualTriggering\": { type: Boolean,  }\n})\n\nconst ns = useNamespace('tooltip');\nconst { controlled, id, open, onOpen, onClose, onToggle } = inject(\n  TOOLTIP_INJECTION_KEY,\n  undefined\n)!;\n\nconst triggerRef = ref<OnlyChildExpose | null>(null)\n\nconst stopWhenControlledOrDisabled = () => {\n\tif (unref(controlled) || __props.disabled) {\n\t\treturn true\n\t}\n}\n\nconst onMouseenter = composeEventHandlers(\n\tstopWhenControlledOrDisabled,\n\twhenTrigger(__props.trigger, 'hover', onOpen)\n)\nconst onMouseleave = composeEventHandlers(\n\tstopWhenControlledOrDisabled,\n\twhenTrigger(__props.trigger, 'hover', onClose)\n)\nconst onClick = composeEventHandlers(\n\tstopWhenControlledOrDisabled,\n\twhenTrigger(__props.trigger, 'click', (e) => {\n\t\t// distinguish left click\n\t\tif ((e as MouseEvent).button === 0) {\n\t\t\tonToggle(e)\n\t\t}\n\t})\n)\n\nconst onFocus = composeEventHandlers(\n\tstopWhenControlledOrDisabled,\n\twhenTrigger(__props.trigger, 'focus', onOpen)\n)\n\nconst onBlur = composeEventHandlers(\n\tstopWhenControlledOrDisabled,\n\twhenTrigger(__props.trigger, 'focus', onClose)\n)\n\nconst onContextMenu = composeEventHandlers(\n\tstopWhenControlledOrDisabled,\n\twhenTrigger(__props.trigger, 'contextmenu', (e: Event) => {\n\t\te.preventDefault()\n\t\tonToggle(e)\n\t})\n)\n\nconst onKeydown = composeEventHandlers(\n\tstopWhenControlledOrDisabled,\n\t(e: KeyboardEvent) => {\n\t\tconst { code } = e\n\t\tif (__props.triggerKeys.includes(code)) {\n\t\t\te.preventDefault()\n\t\t\tonToggle(e)\n\t\t}\n\t}\n)\n\ndefineExpose({\n\t/**\n\t * @description trigger element\n\t */\n\ttriggerRef,\n})\n</script>\n"],"names":["__default__","DO_defineComponent","ns","useNamespace","controlled","id","open","onOpen","onClose","onToggle","inject","TOOLTIP_INJECTION_KEY","triggerRef","ref","stopWhenControlledOrDisabled","unref","__props","onMouseenter","composeEventHandlers","whenTrigger","onMouseleave","onClick","e","onFocus","onBlur","onContextMenu","onKeydown","code","expose"],"mappings":";;;;;;;;;;;;;;AAEA,MAAAA,IAA6BC,EAAmB;AAAA,EAC9C,MAAM;AACR,CAAC;;;;;;;;;;AAkDK,UAAAC,IAAKC,EAAa,SAAS,GAC3B,EAAE,YAAAC,GAAY,IAAAC,GAAI,MAAAC,GAAM,QAAAC,GAAQ,SAAAC,GAAS,UAAAC,MAAaC;AAAA,MAC1DC;AAAA,MACA;AAAA,IAAA,GAGIC,IAAaC,EAA4B,IAAI,GAE7CC,IAA+B,MAAM;AAC1C,UAAIC,EAAMX,CAAU,KAAKY,EAAQ;AACzB,eAAA;AAAA,IACR,GAGKC,IAAeC;AAAA,MACpBJ;AAAA,MACAK,EAAYH,EAAQ,SAAS,SAAST,CAAM;AAAA,IAAA,GAEvCa,IAAeF;AAAA,MACpBJ;AAAA,MACAK,EAAYH,EAAQ,SAAS,SAASR,CAAO;AAAA,IAAA,GAExCa,IAAUH;AAAA,MACfJ;AAAA,MACAK,EAAYH,EAAQ,SAAS,SAAS,CAACM,MAAM;AAEvC,QAAAA,EAAiB,WAAW,KAChCb,EAASa,CAAC;AAAA,MACX,CACA;AAAA,IAAA,GAGIC,IAAUL;AAAA,MACfJ;AAAA,MACAK,EAAYH,EAAQ,SAAS,SAAST,CAAM;AAAA,IAAA,GAGvCiB,IAASN;AAAA,MACdJ;AAAA,MACAK,EAAYH,EAAQ,SAAS,SAASR,CAAO;AAAA,IAAA,GAGxCiB,IAAgBP;AAAA,MACrBJ;AAAA,MACAK,EAAYH,EAAQ,SAAS,eAAe,CAACM,MAAa;AACzD,QAAAA,EAAE,eAAe,GACjBb,EAASa,CAAC;AAAA,MAAA,CACV;AAAA,IAAA,GAGII,IAAYR;AAAA,MACjBJ;AAAA,MACA,CAACQ,MAAqB;AACf,cAAA,EAAE,MAAAK,EAAS,IAAAL;AACjB,QAAIN,EAAQ,YAAY,SAASW,CAAI,MACpCL,EAAE,eAAe,GACjBb,EAASa,CAAC;AAAA,MAEZ;AAAA,IAAA;AAGY,WAAAM,EAAA;AAAA;AAAA;AAAA;AAAA,MAIZ,YAAAhB;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/tooltip/types.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.mjs.map

package/es/packages/components/tooltip/types.mjs.map

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

package/es/packages/components/tooltip/utils.mjs

@@ -0,0 +1,19 @@
+import { unref as t } from "vue";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.mjs";
+import "@vueuse/core";
+import "@vue/shared";
+import { isArray as m } from "@vft/utils";
+import { createModelToggleComposable as p } from "../../hooks/use-model-toggle/index.mjs";
+const l = (o, r) => m(o) ? o.includes(r) : o === r, a = (o, r, e) => (i) => {
+  l(t(o), r) && e(i);
+}, {
+  useModelToggle: M
+} = p("visible");
+export {
+  l as isTriggerType,
+  M as useTooltipModelToggle,
+  a as whenTrigger
+};
+//# sourceMappingURL=utils.mjs.map

package/es/packages/components/tooltip/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","sources":["../../../../../../packages/components/tooltip/utils.ts"],"sourcesContent":["import { createModelToggleComposable } from '@vft-ui/hooks';\nimport { unref } from 'vue'\nimport { isArray } from '@vft/utils'\nimport type { Arrayable } from '@vft-ui/utils'\nimport type { Ref } from 'vue'\nimport type { TooltipTriggerType } from './types';\n\nexport const isTriggerType = (\n\ttrigger: Arrayable<TooltipTriggerType>,\n\ttype: TooltipTriggerType\n) => {\n\tif (isArray(trigger)) {\n\t\treturn trigger.includes(type)\n\t}\n\treturn trigger === type\n}\n\nexport const whenTrigger = (\n\ttrigger: Ref<Arrayable<TooltipTriggerType>>,\n\ttype: TooltipTriggerType,\n\thandler: (e: Event) => void\n) => {\n\treturn (e: Event) => {\n\t\tisTriggerType(unref(trigger), type) && handler(e)\n\t}\n}\n\nexport const {\n\tuseModelToggle: useTooltipModelToggle,\n} = createModelToggleComposable('visible' as const)\n\n"],"names":["isTriggerType","trigger","type","isArray","whenTrigger","handler","e","unref","useTooltipModelToggle","createModelToggleComposable"],"mappings":";;;;;;;;AAOa,MAAAA,IAAgB,CAC5BC,GACAC,MAEIC,EAAQF,CAAO,IACXA,EAAQ,SAASC,CAAI,IAEtBD,MAAYC,GAGPE,IAAc,CAC1BH,GACAC,GACAG,MAEO,CAACC,MAAa;AACpB,EAAAN,EAAcO,EAAMN,CAAO,GAAGC,CAAI,KAAKG,EAAQC,CAAC;AAAA,GAIrC;AAAA,EACZ,gBAAgBE;AACjB,IAAIC,EAA4B,SAAkB;"}

package/es/packages/components/types.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.mjs.map