vft 0.0.18 → 0.0.19

package/es/components/tabs/tab-nav.vue2.mjs

@@ -1,190 +0,0 @@
-import { defineComponent as E, getCurrentInstance as Z, inject as _, ref as g, computed as I, watch as O, onMounted as tt, onUpdated as et, createVNode as c, nextTick as ot } from "vue";
-import "@vue/shared";
-import { throwError as nt } from "../../utils/error.mjs";
-import "../divider/index.mjs";
-import { VftIcon as T } from "../icon/index.mjs";
-import "../avatar/index.mjs";
-import "../empty/index.mjs";
-import "../result/index.mjs";
-import "../exception/index.mjs";
-import "./index.mjs";
-import "../popper/index.mjs";
-import "../collapse-transition/index.mjs";
-import "../tooltip/index.mjs";
-import "../popover/index.mjs";
-import "../menu/index.mjs";
-import { capitalize as y } from "@vft/utils";
-import "@vft/use";
-import "../multiple-tabs/index.mjs";
-import "../header-layout/index.mjs";
-import "../footer-layout/index.mjs";
-import "../iframe-layout/index.mjs";
-import "../router-view-content/index.mjs";
-import "../logo/index.mjs";
-import { useNamespace as K } from "../../hooks/use-namespace/index.mjs";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.mjs";
-import { useDocumentVisibility as lt, useWindowFocus as at, useResizeObserver as st } from "@vueuse/core";
-import { EVENT_CODE as k } from "@vft/constants";
-import { TabsRootContextKey as it } from "./types.mjs";
-import ct from "./tab-bar.vue2.mjs";
-const V = (
-  /* hoist-static*/
-  K("tab-nav")
-), rt = E({
-  name: V.b()
-}), Mt = /* @__PURE__ */ E({
-  ...rt,
-  props: {
-    panes: null,
-    editable: {
-      type: Boolean
-    },
-    addable: {
-      type: Boolean
-    },
-    type: null,
-    stretch: {
-      type: Boolean
-    },
-    closeIconCfg: null,
-    addIconCfg: null,
-    arrowLeftIconCfg: null,
-    arrowRightIconCfg: null
-  },
-  emits: ["tabClick", "tabRemove", "tabAdd", "tabContextmenu"],
-  setup(l, {
-    expose: D,
-    emit: C
-  }) {
-    var A;
-    const M = Z(), m = _(it);
-    m || nt(V.b(), "<vft-tabs><tab-nav /></vft-tabs>");
-    const o = K("tabs"), q = lt(), H = at(), $ = g(), b = g(), h = g(), f = g(!1), v = g(0), S = g(!1), x = g(!0), w = I(() => ["top", "bottom"].includes(m.props.tabPosition) ? "width" : "height"), W = I(() => ({
-      transform: `translate${w.value === "width" ? "X" : "Y"}(-${v.value}px)`
-    })), j = () => {
-      if (!b.value)
-        return;
-      const e = b.value[`offset${y(w.value)}`], t = v.value;
-      t && (v.value = t > e ? t - e : 0);
-    }, U = () => {
-      if (!b.value || !h.value)
-        return;
-      const e = h.value[`offset${y(w.value)}`], t = b.value[`offset${y(w.value)}`], n = v.value;
-      e - n <= t || (v.value = e - n > t * 2 ? n + t : e - t);
-    }, R = async () => {
-      const e = h.value;
-      if (!f.value || !$.value || !b.value || !e)
-        return;
-      await ot();
-      const t = $.value.querySelector(".is-active");
-      if (!t)
-        return;
-      const n = b.value, p = ["top", "bottom"].includes(m.props.tabPosition), i = t.getBoundingClientRect(), a = n.getBoundingClientRect(), u = p ? e.offsetWidth - a.width : e.offsetHeight - a.height, r = v.value;
-      let s = r;
-      p ? (i.left < a.left && (s = r - (a.left - i.left)), i.right > a.right && (s = r + i.right - a.right)) : (i.top < a.top && (s = r - (a.top - i.top)), i.bottom > a.bottom && (s = r + (i.bottom - a.bottom))), s = Math.max(s, 0), v.value = Math.min(s, u);
-    }, z = () => {
-      if (!h.value || !b.value)
-        return;
-      const e = h.value[`offset${y(w.value)}`], t = b.value[`offset${y(w.value)}`], n = v.value;
-      t < e ? (f.value = f.value || {}, f.value.prev = n, f.value.next = n + t < e, e - n < t && (v.value = e - t)) : (f.value = !1, n > 0 && (v.value = 0));
-    }, X = (e) => {
-      const t = e.code, {
-        up: n,
-        down: p,
-        left: i,
-        right: a
-      } = k;
-      if (![n, p, i, a].includes(t))
-        return;
-      const u = Array.from(e.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")), r = u.indexOf(e.target);
-      let s;
-      t === i || t === n ? r === 0 ? s = u.length - 1 : s = r - 1 : r < u.length - 1 ? s = r + 1 : s = 0, u[s].focus(), u[s].click(), P();
-    }, P = () => {
-      x.value && (S.value = !0);
-    }, B = () => S.value = !1;
-    O(q, (e) => {
-      e === "hidden" ? x.value = !1 : e === "visible" && setTimeout(() => x.value = !0, 50);
-    }), O(H, (e) => {
-      e ? setTimeout(() => x.value = !0, 50) : x.value = !1;
-    }), st($, z), tt(() => setTimeout(() => R(), 0)), et(() => z()), D({
-      scrollToActiveTab: R,
-      removeFocus: B
-    }), O(() => l.panes, () => M.update(), {
-      flush: "post"
-    });
-    const Y = I(() => {
-      var e, t;
-      return f.value ? [c("span", {
-        class: [o.e("nav-prev"), o.is("disabled", !f.value.prev)],
-        onClick: j
-      }, [(e = l.arrowLeftIconCfg) != null && e.icon ? c(T, l.arrowLeftIconCfg, null) : null]), c("span", {
-        class: [o.e("nav-next"), o.is("disabled", !f.value.next)],
-        onClick: U
-      }, [(t = l.arrowRightIconCfg) != null && t.icon ? c(T, l.arrowRightIconCfg, null) : null])] : null;
-    }), G = I(() => {
-      var e;
-      return (e = l.panes) == null ? void 0 : e.map((t, n) => {
-        var N, F, L;
-        const p = t.uid, i = t.props.disabled, a = t.props.name ?? t.index ?? `${n}`, u = !i && (t.isClosable || l.editable);
-        t.index = `${n}`;
-        const r = u ? c("span", {
-          class: "is-icon-close",
-          onClick: (d) => C("tabRemove", t, d)
-        }, [(N = l.closeIconCfg) != null && N.icon ? c(T, l.closeIconCfg, null) : null]) : null, s = ((L = (F = t.slots).label) == null ? void 0 : L.call(F)) || t.props.label, Q = !i && t.active ? 0 : -1;
-        return c("div", {
-          ref: `tab-${p}`,
-          class: [o.e("item"), o.is(m.props.tabPosition), o.is("active", t.active), o.is("disabled", i), o.is("closable", u), o.is("focus", S.value)],
-          id: `tab-${a}`,
-          key: `tab-${p}`,
-          "aria-controls": `pane-${a}`,
-          role: "tab",
-          "aria-selected": t.active,
-          tabindex: Q,
-          onFocus: () => P(),
-          onBlur: () => B(),
-          onClick: (d) => {
-            B(), C("tabClick", t, a, d);
-          },
-          onContextmenu: (d) => {
-            d.preventDefault(), C("tabContextmenu", {
-              pane: t,
-              index: n,
-              event: d
-            });
-          },
-          onKeydown: (d) => {
-            u && (d.code === k.delete || d.code === k.backspace) && C("tabRemove", t, d);
-          }
-        }, [s, r]);
-      });
-    }), J = l.editable || l.addable ? c("span", {
-      class: o.e("new-tab"),
-      tabindex: "0",
-      onClick: () => C("tabAdd"),
-      onKeydown: (e) => {
-        e.code === k.enter && C("tabAdd");
-      }
-    }, [(A = l.addIconCfg) != null && A.icon ? c(T, l.addIconCfg, null) : null]) : null;
-    return () => c("div", {
-      ref: $,
-      class: [o.e("nav-wrap"), o.is("scrollable", !!f.value), o.is(m.props.tabPosition)]
-    }, [Y.value, c("div", {
-      class: o.e("nav-scroll"),
-      ref: b
-    }, [c("div", {
-      class: [o.e("nav"), o.is(m.props.tabPosition), o.is("stretch", l.stretch && ["top", "bottom"].includes(m.props.tabPosition))],
-      ref: h,
-      style: W.value,
-      role: "tablist",
-      onKeydown: X
-    }, [l.type ? null : c(ct, {
-      tabs: [...l.panes]
-    }, null), G.value]), J])]);
-  }
-});
-export {
-  Mt as default
-};
-//# sourceMappingURL=tab-nav.vue2.mjs.map

package/es/components/tabs/tab-nav.vue2.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"tab-nav.vue2.mjs","sources":["../../../../../packages/components/tabs/tab-nav.vue"],"sourcesContent":["<script lang=\"tsx\">\nconst ns_nav = /* hoist-static*/ useNamespace('tab-nav')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns_nav.b()\n});</script>\n<script lang=\"tsx\" setup>\nimport { throwError } from '@vft-ui/utils';\nimport {\n  computed,\n  type CSSProperties,\n  getCurrentInstance,\n  inject,\n  nextTick,\n  onMounted,\n  onUpdated,\n  ref,\n  watch\n} from 'vue';\nimport { type IconProps, VftIcon } from '@vft-ui/components';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { capitalize } from '@vft/utils';\nimport { EVENT_CODE } from '@vft/constants';\nimport { TabsRootContextKey } from './types';\nimport type { TabsPaneContext, TabsType, Scrollable } from './types';\nimport { useDocumentVisibility, useResizeObserver, useWindowFocus } from '@vueuse/core';\nimport TabBar from './tab-bar.vue';\n\ninterface TabNavProps {\n  panes: TabsPaneContext[];\n  /** 标签是否同时可增加和关闭 */\n  editable?: boolean;\n  /** 标签是否可增加 */\n  addable?: boolean;\n  /** tab 类型 */\n  type?: TabsType;\n  stretch?: boolean;\n  /** 图标配置 */\n  closeIconCfg?: IconProps;\n  addIconCfg?: IconProps;\n  arrowLeftIconCfg?: IconProps;\n  arrowRightIconCfg?: IconProps;\n}\n\ndefineProps({\n  \"panes\": null,\n  \"editable\": { type: Boolean,  },\n  \"addable\": { type: Boolean,  },\n  \"type\": null,\n  \"stretch\": { type: Boolean,  },\n  \"closeIconCfg\": null,\n  \"addIconCfg\": null,\n  \"arrowLeftIconCfg\": null,\n  \"arrowRightIconCfg\": null\n})\n\nconst emit = defineEmits(['tabClick', 'tabRemove', 'tabAdd', 'tabContextmenu']);\n\n\n\n;\n\nconst vm = getCurrentInstance()!;\n\n// 获取从 index.vue 提供的数据信息\nconst rootTabs = inject(TabsRootContextKey)!;\nif (!rootTabs) throwError(ns_nav.b(), `<vft-tabs><tab-nav /></vft-tabs>`)\n\nconst ns = useNamespace('tabs');\nconst visibility = useDocumentVisibility();\nconst focused = useWindowFocus();\n\n// 整个 nav dom 包含前进后退 btn (vft-tabs__nav-wrap)\nconst el$ = ref<HTMLDivElement>();\n// el$ 子节点 包含 newButton (vft-tabs__nav-scroll)\nconst navScroll$ = ref<HTMLDivElement>();\n// navScroll$ 子节点 (vft-tabs__nav)\nconst nav$ = ref<HTMLDivElement>();\n\n/** 是否展示左右滚动 */\nconst scrollable = ref<false | Scrollable>(false);\n// 记录滚动时的偏移量\nconst navOffset = ref(0);\nconst isFocus = ref(false);\nconst focusable = ref(true);\n\n// 根据 tabPosition 确定 sizeName 是 width or height\nconst sizeName = computed(() => ['top', 'bottom'].includes(rootTabs.props.tabPosition!) ? 'width' : 'height');\n\n// 设置 tab 导航栏的 translateX or translateY 的偏移量\nconst navStyle = computed<CSSProperties>(() => {\n  const dir = sizeName.value === 'width' ? 'X' : 'Y';\n  return {\n    transform: `translate${dir}(-${navOffset.value}px)`\n  };\n});\n\n// 向前滚动\nconst scrollPrev = () => {\n  if (!navScroll$.value) return;\n  const containerSize =\n    navScroll$.value[`offset${capitalize(sizeName.value)}`];\n  const currentOffset = navOffset.value;\n\n  if (!currentOffset) return;\n\n  navOffset.value = currentOffset > containerSize ? currentOffset - containerSize : 0;\n};\n\n// 向后滚动\nconst scrollNext = () => {\n  if (!navScroll$.value || !nav$.value) return;\n\n  const navSize = nav$.value[`offset${capitalize(sizeName.value)}`];\n  const containerSize =\n    navScroll$.value[`offset${capitalize(sizeName.value)}`];\n  const currentOffset = navOffset.value;\n\n  if (navSize - currentOffset <= containerSize) return;\n\n  navOffset.value = navSize - currentOffset > containerSize * 2\n    ? currentOffset + containerSize\n    : navSize - containerSize;\n};\n\n// 滚动到激活的 tab 主要是获取 navOffset 的值\nconst scrollToActiveTab = async() => {\n  const nav = nav$.value;\n  if (!scrollable.value || !el$.value || !navScroll$.value || !nav) return;\n\n  await nextTick();\n\n  const activeTab = el$.value.querySelector('.is-active');\n  if (!activeTab) return;\n\n  const navScroll = navScroll$.value;\n  const isHorizontal = ['top', 'bottom'].includes(\n    rootTabs.props.tabPosition!\n  );\n  const activeTabBounding = activeTab.getBoundingClientRect();\n  // vft-tabs__nav-scroll\n  const navScrollBounding = navScroll.getBoundingClientRect();\n  const maxOffset = isHorizontal\n    ? nav.offsetWidth - navScrollBounding.width\n    : nav.offsetHeight - navScrollBounding.height;\n\n  const currentOffset = navOffset.value;\n\n  let newOffset = currentOffset;\n\n  if (isHorizontal) {\n    if (activeTabBounding.left < navScrollBounding.left) {\n      newOffset =\n        currentOffset - (navScrollBounding.left - activeTabBounding.left);\n    }\n    if (activeTabBounding.right > navScrollBounding.right) {\n      newOffset =\n        currentOffset + activeTabBounding.right - navScrollBounding.right;\n    }\n  } else {\n    if (activeTabBounding.top < navScrollBounding.top) {\n      newOffset =\n        currentOffset - (navScrollBounding.top - activeTabBounding.top);\n    }\n    if (activeTabBounding.bottom > navScrollBounding.bottom) {\n      newOffset =\n        currentOffset +\n        (activeTabBounding.bottom - navScrollBounding.bottom);\n    }\n  }\n  newOffset = Math.max(newOffset, 0);\n  navOffset.value = Math.min(newOffset, maxOffset);\n};\n\nconst update = () => {\n  if (!nav$.value || !navScroll$.value) return;\n  // 根据 position 的不同 获取 nav$(vft-tabs__nav) 的 offsetWidth or offsetHeight\n  const navSize = nav$.value[`offset${capitalize(sizeName.value)}`];\n  // 获取到 navScroll$ 的 offsetWidth or offsetHeight\n  const containerSize = navScroll$.value[`offset${capitalize(sizeName.value)}`];\n  // 获取到当前的偏移量\n  const currentOffset = navOffset.value;\n  // 由于 navScroll$ 的 overflow 是 hidden，所以当 vft-tabs__nav 撑开时其宽度可能会超过 vft-tabs__nav-scroll\n  if (containerSize < navSize) {\n    scrollable.value = scrollable.value || {};\n    scrollable.value.prev = currentOffset;\n    scrollable.value.next = currentOffset + containerSize < navSize;\n    if (navSize - currentOffset < containerSize) {\n      navOffset.value = navSize - containerSize;\n    }\n  } else {\n    scrollable.value = false;\n    if (currentOffset > 0) {\n      navOffset.value = 0;\n    }\n  }\n};\n\nconst changeTab = (e: KeyboardEvent) => {\n  const code = e.code;\n\n  const { up, down, left, right } = EVENT_CODE;\n  if (![up, down, left, right].includes(code)) return;\n\n  // 左右上下键更换tab\n  const tabList = Array.from(\n    (e.currentTarget as HTMLDivElement).querySelectorAll<HTMLDivElement>(\n      '[role=tab]:not(.is-disabled)'\n    )\n  );\n  const currentIndex = tabList.indexOf(e.target as HTMLDivElement);\n\n  let nextIndex: number;\n  if (code === left || code === up) {\n    // left\n    if (currentIndex === 0) {\n      // first\n      nextIndex = tabList.length - 1;\n    } else {\n      nextIndex = currentIndex - 1;\n    }\n  } else {\n    // right\n    if (currentIndex < tabList.length - 1) {\n      // not last\n      nextIndex = currentIndex + 1;\n    } else {\n      nextIndex = 0;\n    }\n  }\n  tabList[nextIndex].focus(); // 改变焦点元素\n  tabList[nextIndex].click(); // 选中下一个tab\n  setFocus();\n};\n\nconst setFocus = () => {\n  if (focusable.value) isFocus.value = true;\n};\nconst removeFocus = () => (isFocus.value = false);\n\nwatch(visibility, (visibility) => {\n  if (visibility === 'hidden') {\n    focusable.value = false;\n  } else if (visibility === 'visible') {\n    setTimeout(() => (focusable.value = true), 50);\n  }\n});\n\nwatch(focused, (focused) => {\n  if (focused) {\n    setTimeout(() => (focusable.value = true), 50);\n  } else {\n    focusable.value = false;\n  }\n});\n\n// 监听 resize 触发 update\nuseResizeObserver(el$, update);\n\nonMounted(() => setTimeout(() => scrollToActiveTab(), 0));\nonUpdated(() => update());\n\ndefineExpose({\n  scrollToActiveTab,\n  removeFocus\n});\n\nwatch(\n  () => __props.panes,\n  () => vm.update(),\n  { flush: 'post' }\n);\n\n// 前进后退标签\nconst scrollBtn = computed(() => {\n  return scrollable.value\n    ? [\n      <span\n        class={[\n          ns.e('nav-prev'),\n          ns.is('disabled', !scrollable.value.prev)\n        ]}\n        onClick={scrollPrev}\n      >\n        {__props.arrowLeftIconCfg?.icon ? <VftIcon {...__props.arrowLeftIconCfg}></VftIcon> : null}\n      </span>,\n      <span\n        class={[\n          ns.e('nav-next'),\n          ns.is('disabled', !scrollable.value.next)\n        ]}\n        onClick={scrollNext}\n      >\n         {__props.arrowRightIconCfg?.icon ? <VftIcon {...__props.arrowRightIconCfg}></VftIcon> : null}\n      </span>\n    ]\n    : null;\n});\n\n// 渲染 tab-pane\nconst tabs = computed(() => {\n  return __props.panes?.map((pane, index) => {\n    const uid = pane.uid;\n    const disabled = pane.props.disabled;\n    const tabName = pane.props.name ?? pane.index ?? `${index}`;\n    const closable = !disabled && (pane.isClosable || __props.editable);\n    pane.index = `${index}`;\n\n    // 关闭标签图标\n    const btnClose = closable ? (\n      <span class=\"is-icon-close\" onClick={(ev: MouseEvent) => emit('tabRemove', pane, ev)}>\n        {__props.closeIconCfg?.icon ? <VftIcon {...__props.closeIconCfg}></VftIcon> : null}\n      </span>\n    ) : null;\n\n    const tabLabelContent = pane.slots.label?.() || pane.props.label;\n    const tabindex = !disabled && pane.active ? 0 : -1;\n\n    return (\n      <div\n        ref={`tab-${uid}`}\n        class={[\n          ns.e('item'),\n          ns.is(rootTabs.props.tabPosition!),\n          ns.is('active', pane.active),\n          ns.is('disabled', disabled),\n          ns.is('closable', closable),\n          ns.is('focus', isFocus.value)\n        ]}\n        id={`tab-${tabName}`}\n        key={`tab-${uid}`}\n        aria-controls={`pane-${tabName}`}\n        role=\"tab\"\n        aria-selected={pane.active}\n        tabindex={tabindex}\n        onFocus={() => setFocus()}\n        onBlur={() => removeFocus()}\n        onClick={(ev: MouseEvent) => {\n          removeFocus();\n          emit('tabClick', pane, tabName, ev);\n        }}\n        onContextmenu={(event) => {\n          event.preventDefault();\n          emit('tabContextmenu', { pane, index, event });\n        }}\n        onKeydown={(ev: KeyboardEvent) => {\n          if (\n            closable &&\n            (ev.code === EVENT_CODE.delete ||\n              ev.code === EVENT_CODE.backspace)\n          ) {\n            emit('tabRemove', pane, ev);\n          }\n        }}\n      >\n        {...[tabLabelContent, btnClose]}\n      </div>\n    );\n  });\n});\n\n// 增加 tab 的 dom\nconst newButton =\n  __props.editable || __props.addable ? (\n    <span\n      class={ns.e('new-tab')}\n      tabindex=\"0\"\n      onClick={() => emit('tabAdd')}\n      onKeydown={(ev: KeyboardEvent) => {\n        if (ev.code === EVENT_CODE.enter) emit('tabAdd');\n      }}\n    >\n      {__props.addIconCfg?.icon ? <VftIcon {...__props.addIconCfg}></VftIcon> : null}\n    </span>\n  ) : null;\n\ndefineRender(() => {\n  return (\n    <div\n      ref={el$}\n      class={[\n        ns.e('nav-wrap'),\n        ns.is('scrollable', !!scrollable.value),\n        ns.is(rootTabs.props.tabPosition!)\n      ]}\n    >\n      {scrollBtn.value}\n      <div class={ns.e('nav-scroll')} ref={navScroll$}>\n        <div\n          class={[\n            ns.e('nav'),\n            ns.is(rootTabs.props.tabPosition!),\n            ns.is(\n              'stretch',\n              __props.stretch &&\n              ['top', 'bottom'].includes(rootTabs.props.tabPosition!)\n            )\n          ]}\n          ref={nav$}\n          style={navStyle.value}\n          role=\"tablist\"\n          onKeydown={changeTab}\n        >\n          {...[\n            !__props.type ? <TabBar tabs={[...__props.panes]} /> : null,\n            tabs.value\n          ]}\n        </div>\n        {newButton}\n      </div>\n    </div>\n  );\n});\n</script>\n"],"names":["ns_nav","useNamespace","__default__","DO_defineComponent","name","b","vm","getCurrentInstance","rootTabs","inject","TabsRootContextKey","throwError","ns","visibility","useDocumentVisibility","focused","useWindowFocus","el$","ref","navScroll$","nav$","scrollable","navOffset","isFocus","focusable","sizeName","computed","includes","props","tabPosition","navStyle","transform","value","scrollPrev","containerSize","capitalize","currentOffset","scrollNext","navSize","scrollToActiveTab","nav","nextTick","activeTab","querySelector","navScroll","isHorizontal","activeTabBounding","getBoundingClientRect","navScrollBounding","maxOffset","offsetWidth","width","offsetHeight","height","newOffset","left","right","top","bottom","Math","max","min","update","prev","next","changeTab","e","code","up","down","EVENT_CODE","tabList","Array","from","currentTarget","querySelectorAll","currentIndex","indexOf","target","nextIndex","length","focus","click","setFocus","removeFocus","watch","setTimeout","useResizeObserver","onMounted","onUpdated","expose","__props","panes","flush","scrollBtn","_createVNode","is","arrowLeftIconCfg","icon","VftIcon","arrowRightIconCfg","tabs","map","pane","index","uid","disabled","tabName","closable","isClosable","editable","btnClose","ev","emit","closeIconCfg","tabLabelContent","slots","label","tabindex","active","onFocus","onBlur","event","preventDefault","delete","backspace","newButton","addable","onClick","enter","addIconCfg","stretch","type","TabBar"],"mappings":"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"}

package/es/components/tabs/tab-pane.vue2.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"tab-pane.vue2.mjs","sources":["../../../../../packages/components/tabs/tab-pane.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('tab-pane')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { throwError } from '@vft-ui/utils';\nimport { type TabsPaneContext, TabsRootContextKey } from './types';\nimport { useNamespace } from '@vft-ui/hooks';\nimport {\n  computed,\n  getCurrentInstance,\n  inject,\n  onMounted,\n  onUnmounted,\n  reactive,\n  ref,\n  useSlots,\n  watch\n} from 'vue';\nimport { eagerComputed } from '@vueuse/core';\n\ninterface TabPaneProps {\n  /** 选项卡标题 */\n  label?: string;\n  /** 与选项卡绑定值 value 对应的标识符，表示选项卡别名 */\n  name?: Numberish;\n  /** 标签是否可关闭 */\n  closable?: boolean;\n  /** 是否禁用 */\n  disabled?: boolean;\n  /** 标签是否延迟渲染 */\n  lazy?: boolean;\n}\n\ndefineProps({\n  \"label\": null,\n  \"name\": null,\n  \"closable\": { type: Boolean,  },\n  \"disabled\": { type: Boolean,  },\n  \"lazy\": { type: Boolean,  }\n})\n\n\n\n;\n\nconst vm = getCurrentInstance()!;\n\nconst slots = useSlots();\n\nconst tabsRoot = inject(TabsRootContextKey)!;\n\nif (!tabsRoot)\n\tthrowError(ns.b(), 'usage: <vft-tabs><vft-tab-pane /></vft-tabs/>')\n\nconst index = ref<string>();\n// 可关闭\nconst isClosable = computed(() => __props.closable || tabsRoot.props.closable);\n// 激活\nconst active = eagerComputed(() => {\n  return tabsRoot.currentName.value === (__props.name ?? index.value);\n});\n\nconst loaded = ref(active.value);\n\nconst paneName = computed(() => __props.name ?? index.value);\n\nconst shouldBeRender = eagerComputed(() => {\n  return !__props.lazy || loaded.value || active.value;\n});\n\nwatch(active, (val) => {\n  if (val) loaded.value = true;\n});\n\nconst pane = reactive({\n  uid: vm.uid,\n  slots,\n  props: vm.props as unknown as TabPaneProps,\n  paneName,\n  active,\n  index,\n  isClosable,\n  attrs: vm.attrs\n});\n\n\nonMounted(() => {\n  tabsRoot.registerPane(pane as TabsPaneContext);\n});\n\nonUnmounted(() => {\n  tabsRoot.unregisterPane(pane.uid);\n});\n</script>\n\n<template>\n  <div v-if=\"shouldBeRender\" v-show=\"active\" :id=\"`pane-${paneName}`\" :class=\"ns.b()\"\n    role=\"tabpanel\" :aria-hidden=\"!active\" :aria-labelledby=\"`tab-${paneName}`\">\n    <slot />\n  </div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","vm","getCurrentInstance","slots","useSlots","tabsRoot","inject","TabsRootContextKey","throwError","index","ref","isClosable","computed","__props","active","eagerComputed","loaded","paneName","shouldBeRender","watch","val","pane","reactive","onMounted","onUnmounted"],"mappings":";;;;;;;;;;oDACMA;AAAA;AAAA,EAAuBC,EAAa,UAAU;AAAA,GAGpDC,IAA6BC,EAAmB;AAAA,EAC9C,MAAMH,EAAG,EAAE;AACb,CAAC;;;;;;;;;;AA2CD,UAAMI,IAAKC,KAELC,IAAQC,KAERC,IAAWC,EAAOC,CAAkB;AAE1C,IAAKF,KACOG,EAAAX,EAAG,EAAE,GAAG,+CAA+C;AAEnE,UAAMY,IAAQC,KAERC,IAAaC,EAAS,MAAMC,EAAQ,YAAYR,EAAS,MAAM,QAAQ,GAEvES,IAASC,EAAc,MACpBV,EAAS,YAAY,WAAWQ,EAAQ,QAAQJ,EAAM,MAC9D,GAEKO,IAASN,EAAII,EAAO,KAAK,GAEzBG,IAAWL,EAAS,MAAMC,EAAQ,QAAQJ,EAAM,KAAK,GAErDS,IAAiBH,EAAc,MAC5B,CAACF,EAAQ,QAAQG,EAAO,SAASF,EAAO,KAChD;AAEK,IAAAK,EAAAL,GAAQ,CAACM,MAAQ;AACjB,MAAAA,MAAKJ,EAAO,QAAQ;AAAA,IAAA,CACzB;AAED,UAAMK,IAAOC,EAAS;AAAA,MACpB,KAAKrB,EAAG;AAAA,MACR,OAAAE;AAAA,MACA,OAAOF,EAAG;AAAA,MACV,UAAAgB;AAAA,MACA,QAAAH;AAAA,MACA,OAAAL;AAAA,MACA,YAAAE;AAAA,MACA,OAAOV,EAAG;AAAA,IAAA,CACX;AAGD,WAAAsB,EAAU,MAAM;AACd,MAAAlB,EAAS,aAAagB,CAAuB;AAAA,IAAA,CAC9C,GAEDG,EAAY,MAAM;AACP,MAAAnB,EAAA,eAAegB,EAAK,GAAG;AAAA,IAAA,CACjC;;;;;;;;;;;;;;"}

package/es/components/tabs/tabs.vue2.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs.vue2.mjs","sources":["../../../../../packages/components/tabs/tabs.vue"],"sourcesContent":["<script lang=\"tsx\">\nconst ns = /* hoist-static*/ useNamespace('tabs')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script setup lang=\"tsx\">\nimport { type IconProps } from '@vft-ui/components';\nimport { useNamespace, useOrderedChildren } from '@vft-ui/hooks';\nimport { UPDATE_MODEL_EVENT } from '@vft/constants';\nimport { isNumberish, isUndefined } from '@vft/utils';\nimport { computed, getCurrentInstance, nextTick, provide, ref, useSlots, watch } from 'vue';\nimport TabNav from './tab-nav.vue';\nimport { type TabsPaneContext, type TabsProps, TabsRootContextKey, type TabsType } from './types';\n\ninterface TabsProps {\n  /** 风格类型 */\n  type?: TabsType;\n  /** 标签是否可关闭 */\n  closable?: boolean;\n  /** 标签是否可增加 */\n  addable?: boolean;\n  /** 绑定值，选中选项卡的 name */\n  modelValue: Numberish;\n  /** 标签是否同时可增加和关闭 */\n  editable?: boolean;\n  /** 选项卡所在位置 */\n  tabPosition?: 'top' | 'right' | 'bottom' | 'left';\n  /** 切换标签之前的钩子函数， 若返回 false  或者返回被 reject 的 Promise，则阻止切换 */\n  beforeLeave?: Function;\n  /** 是否自动撑开宽度 */\n  stretch?: boolean;\n  /** icon 配置 */\n  closeIconCfg?: IconProps;\n  addIconCfg?: IconProps;\n  arrowLeftIconCfg?: IconProps;\n  arrowRightIconCfg?: IconProps;\n}\n\ndefineProps({\n  \"type\": { default: '' },\n  \"closable\": { type: Boolean,  },\n  \"addable\": { type: Boolean, default: false },\n  \"modelValue\": null,\n  \"editable\": { type: Boolean,  },\n  \"tabPosition\": { default: 'top' },\n  \"beforeLeave\": { type: Function,  },\n  \"stretch\": { type: Boolean,  },\n  \"closeIconCfg\": null,\n  \"addIconCfg\": null,\n  \"arrowLeftIconCfg\": null,\n  \"arrowRightIconCfg\": null\n})\n\nconst emit = defineEmits({\n  [UPDATE_MODEL_EVENT]: (name: Numberish) => isNumberish(name),\n  /** 点击 */\n  tabClick: (pane: TabsPaneContext, ev: Event) => ev instanceof Event,\n  /** 右键点击 */\n  tabContextMenu: (pane: TabsPaneContext, index: number, ev: Event) => ev instanceof Event,\n  tabChange: (name: Numberish) => isNumberish(name),\n  edit: (paneName: Numberish | undefined, action: 'remove' | 'add') =>\n    ['remove', 'add'].includes(action),\n  /** 移除 */\n  tabRemove: (name: Numberish) => isNumberish(name),\n  /** 增加 */\n  tabAdd: () => true\n});\n\n\n\n;\n\nconst vm = getCurrentInstance()!;\n\nconst slots = useSlots();\n\n// tab-nav 实例\nconst nav$ = ref();\n\n// 默认的激活的 tab\nconst currentName = ref<Numberish>(__props.modelValue ?? '0');\n\n// 更新当前 current tab 触发 tabChange 以及更新 modelValue\nconst changeCurrentName = (value: Numberish) => {\n  currentName.value = value;\n  emit('update:modelValue', value);\n  emit('tabChange', value);\n};\n\n// value 值为当前点击的 tab 值\nconst setCurrentName = async (value?: Numberish) => {\n  // 如果 currentName 等于原值，或者 value 不存在，不执行\n  if (currentName.value === value || isUndefined(value)) return;\n\n  try {\n    // 切换标签之前的钩子函数， 若返回 false  或者返回被 reject 的 Promise，则阻止切换 */\n    const canLeave = await __props.beforeLeave?.(value, currentName.value);\n    if (canLeave !== false) {\n      // 更新 tab 值\n      changeCurrentName(value);\n      //\n      nav$.value?.removeFocus?.();\n    }\n  } catch {}\n};\n\n/**\n * @description tab 点击事件\n * @author wfd\n * @date 2022/10/18 09:07\n * @example\n * @param {TabsPaneContext} tab 当前被点击的 tab 信息\n * @param {Numberish} tabName 被点击的 tab 值\n * @param {Event} event\n */\nconst handleTabClick = (tab: TabsPaneContext, tabName: Numberish, event: Event) => {\n  // 如果 TabPaneProps 中设置了 disabled 则禁止点击\n  if (tab.props.disabled) return;\n  // 更新 currentName\n  setCurrentName(tabName);\n  // 抛出 tabClick 事件\n  emit('tabClick', tab, event);\n};\n\nconst handleTabRemove = (pane: TabsPaneContext, ev: Event) => {\n  if (pane.props.disabled || isUndefined(pane.props.name)) return;\n  ev.stopPropagation();\n  emit('edit', pane.props.name, 'remove');\n  emit('tabRemove', pane.props.name);\n};\n\n// 监听 modelValue 改变触发改变 currentName\nwatch(\n  () => __props.modelValue,\n  (modelValue) => setCurrentName(modelValue)\n);\n\n// 当前激活的 tab 变化触发 nav$ scrollToActiveTab 方法\nwatch(currentName, async () => {\n  await nextTick();\n  nav$.value?.scrollToActiveTab();\n});\n\n// 增加 tab 事件\nconst handleTabAdd = () => {\n  emit('edit', undefined, 'add');\n  emit('tabAdd');\n};\n\nconst handleContextmenu = (pane: TabsPaneContext, index: number, ev: Event) => {\n  emit('tabContextMenu', pane, index, ev);\n};\n\n// 默认渲染的内容区域\nconst panels = computed(() => {\n  return <div class={ns.e('content')}>{slots.default?.()}</div>;\n});\n\n// 找出当前 tab 组件下 vft-tab-pane 的组件实例对象\nconst { children: panes, addChild: registerPane, removeChild: unregisterPane } = useOrderedChildren<TabsPaneContext>(getCurrentInstance()!, 'vft-tab-pane');\n\nprovide(TabsRootContextKey, {\n  props: vm.props as unknown as TabsProps,\n  currentName,\n  registerPane,\n  unregisterPane\n});\n\ndefineExpose({\n  currentName\n});\n\n// 图标相关\nconst _addIconCfg = computed(() => {\n  return {\n    icon: 'vi-add',\n    color: 'black',\n    size: 12,\n    ...__props.addIconCfg\n  };\n});\n\nconst _closeIconCfg = computed(() => {\n  return {\n    icon: 'vi-close',\n    size: 12,\n    ...__props.closeIconCfg\n  };\n});\n\nconst _arrowLeftIconCfg = computed(() => {\n  return {\n    icon: 'vi-arrow-left',\n    size: 18,\n    ...__props.arrowLeftIconCfg\n  };\n});\n\nconst _arrowRightIconCfg = computed(() => {\n  return {\n    icon: 'vi-arrow-right',\n    size: 18,\n    ...__props.arrowRightIconCfg\n  };\n});\n\nconst header = computed(() => {\n  return (\n    <div class={[ns.e('header'), ns.is(__props.tabPosition)]}>\n      <TabNav\n        ref={nav$}\n        currentName={currentName.value}\n        panes={panes.value}\n        stretch={__props.stretch}\n        closeIconCfg={_closeIconCfg.value}\n        addIconCfg={_addIconCfg.value}\n        arrowRightIconCfg={_arrowRightIconCfg.value}\n        arrowLeftIconCfg={_arrowLeftIconCfg.value}\n        editable={__props.editable}\n        addable={__props.addable}\n        type={__props.type}\n        onTabClick={handleTabClick}\n        onTabRemove={handleTabRemove}\n        onTabAdd={handleTabAdd}\n        onTabContextmenu={handleContextmenu}\n      />\n      {slots.headerRight?.()}\n    </div>\n  );\n});\n\ndefineRender(() => {\n  return (\n    <div\n      class={[\n        ns.b(),\n        ns.m(__props.tabPosition),\n        {\n          [ns.m('card')]: __props.type === 'card',\n          [ns.m('border-card')]: __props.type === 'border-card'\n        }\n      ]}\n    >\n      {...__props.tabPosition !== 'bottom' ? [header.value, panels.value] : [panels.value, header.value]}\n    </div>\n  );\n});\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","name","b","vm","getCurrentInstance","slots","useSlots","nav$","ref","currentName","__props","modelValue","changeCurrentName","value","emit","setCurrentName","isUndefined","beforeLeave","removeFocus","handleTabClick","tab","tabName","event","props","disabled","handleTabRemove","pane","ev","stopPropagation","watch","nextTick","scrollToActiveTab","handleTabAdd","undefined","handleContextmenu","index","panels","computed","_createVNode","e","default","children","panes","addChild","registerPane","removeChild","unregisterPane","useOrderedChildren","provide","TabsRootContextKey","expose","_addIconCfg","icon","color","size","addIconCfg","_closeIconCfg","closeIconCfg","_arrowLeftIconCfg","arrowLeftIconCfg","_arrowRightIconCfg","arrowRightIconCfg","header","is","tabPosition","TabNav","stretch","editable","addable","type","headerRight","m"],"mappings":"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"}

package/es/components/tabs/types.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.mjs","sources":["../../../../../packages/components/tabs/types.ts"],"sourcesContent":["import type { ComputedRef, InjectionKey, Ref, Slots, UnwrapRef } from 'vue';\nimport { type IconProps } from '@vft-ui/components';\n\nexport type TabsPaneContext = UnwrapRef<{\n  uid: number;\n  slots: Slots;\n  props: TabPaneProps;\n  paneName: ComputedRef<string | number | undefined>;\n  active: ComputedRef<boolean>;\n  index: Ref<string | undefined>;\n  isClosable: ComputedRef<boolean>;\n  attrs: Record<string, any>;\n}>;\n\nexport type TabsType = 'card' | 'border-card' | '';\n\nexport interface TabsRootContext {\n  props: TabsProps;\n  currentName: Ref<string | number>;\n  registerPane: (pane: TabsPaneContext) => void;\n  unregisterPane: (uid: number) => void;\n}\n\nexport interface TabPaneProps {\n  /** 选项卡标题   */\n  label: string;\n  /** 与选项卡绑定值 value 对应的标识符，表示选项卡别名   */\n  name: Numberish;\n  /** 标签是否可关闭   */\n  closable: boolean;\n  /** 是否禁用   */\n  disabled: boolean;\n  /** 标签是否延迟渲染   */\n  lazy: boolean;\n}\n\nexport interface TabsProps {\n  /** 风格类型 */\n  type?: TabsType;\n  /** 标签是否可关闭 */\n  closable?: boolean;\n  /** 标签是否可增加 */\n  addable?: boolean;\n  /** 绑定值，选中选项卡的 name */\n  modelValue: Numberish;\n  /** 标签是否同时可增加和关闭 */\n  editable?: boolean;\n  /** 选项卡所在位置 */\n  tabPosition?: 'top' | 'right' | 'bottom' | 'left';\n  /** 切换标签之前的钩子函数， 若返回 false  或者返回被 reject 的 Promise，则阻止切换 */\n  beforeLeave?: Function;\n  stretch?: boolean;\n  closeIconCfg?: IconProps;\n  addIconCfg?: IconProps;\n  arrowLeftIconCfg?: IconProps;\n  arrowRightIconCfg?: IconProps;\n}\n\nexport const TabsRootContextKey: InjectionKey<TabsRootContext> = Symbol('tabsRootContextKey');\n\nexport interface Scrollable {\n  next?: boolean;\n  prev?: number;\n}\n\nexport type TabsPanes = Record<number, TabsPaneContext>;\n"],"names":["TabsRootContextKey"],"mappings":"AA0Da,MAAAA,IAAoD,OAAO,oBAAoB;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"constants.mjs","sources":["../../../../../packages/components/tooltip/constants.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue';\n\nexport type Arrayable<T> = T | T[];\nexport type TooltipTriggerType = 'hover' | 'focus' | 'click' | 'contextmenu';\n\nexport type VftTooltipInjectionContext = {\n  controlled: Ref<boolean>\n  id: Ref<string>\n  open: Ref<boolean>\n  trigger: Ref<Arrayable<TooltipTriggerType>>\n  onOpen: (e?: Event) => void\n  onClose: (e?: Event) => void\n  onToggle: (e: Event) => void\n  onShow: () => void\n  onHide: () => void\n  onBeforeShow: () => void\n  onBeforeHide: () => void\n  updatePopper: () => void\n}\n\nexport const TOOLTIP_INJECTION_KEY: InjectionKey<VftTooltipInjectionContext> = Symbol('vftTooltip');\n"],"names":["TOOLTIP_INJECTION_KEY"],"mappings":"AAoBa,MAAAA,IAAkE,OAAO,YAAY;"}

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

@@ -1 +0,0 @@
-{"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.mjs.map

@@ -1 +0,0 @@
-{"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/tooltip.vue2.mjs.map

@@ -1 +0,0 @@
-{"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/components/tooltip/trigger.vue2.mjs.map

@@ -1 +0,0 @@
-{"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/components/tooltip/utils.mjs.map

@@ -1 +0,0 @@
-{"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/constants/aria.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"aria.mjs","sources":["../../../../packages/constants/aria.ts"],"sourcesContent":["export const EVENT_CODE = {\n  tab: 'Tab',\n  enter: 'Enter',\n  space: 'Space',\n  left: 'ArrowLeft', // 37\n  up: 'ArrowUp', // 38\n  right: 'ArrowRight', // 39\n  down: 'ArrowDown', // 40\n  esc: 'Escape',\n  delete: 'Delete',\n  backspace: 'Backspace',\n  numpadEnter: 'NumpadEnter',\n  pageUp: 'PageUp',\n  pageDown: 'PageDown',\n  home: 'Home',\n  end: 'End',\n}\n"],"names":["EVENT_CODE"],"mappings":"AAAO,MAAMA,IAAa;AAAA,EACxB,KAAK;AAAA,EACL,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA;AAAA,EACN,IAAI;AAAA;AAAA,EACJ,OAAO;AAAA;AAAA,EACP,MAAM;AAAA;AAAA,EACN,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM;AAAA,EACN,KAAK;AACP;"}

package/es/constants/date.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"date.mjs","sources":["../../../../packages/constants/date.ts"],"sourcesContent":["export const datePickTypes = [\n  'year',\n  'month',\n  'date',\n  'dates',\n  'week',\n  'datetime',\n  'datetimerange',\n  'daterange',\n  'monthrange',\n] as const\n\nexport const WEEK_DAYS = [\n  'sun',\n  'mon',\n  'tue',\n  'wed',\n  'thu',\n  'fri',\n  'sat',\n] as const\n\nexport type DatePickType = typeof datePickTypes[number]\n"],"names":["datePickTypes","WEEK_DAYS"],"mappings":"AAAO,MAAMA,IAAgB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAY;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}

package/es/constants/event.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"event.mjs","sources":["../../../../packages/constants/event.ts"],"sourcesContent":["export const UPDATE_MODEL_EVENT = 'update:modelValue'\nexport const CHANGE_EVENT = 'change'\nexport const INPUT_EVENT = 'input'\n"],"names":["UPDATE_MODEL_EVENT","CHANGE_EVENT","INPUT_EVENT"],"mappings":"AAAO,MAAMA,IAAqB,qBACrBC,IAAe,UACfC,IAAc;"}

package/es/constants/key.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"key.mjs","sources":["../../../../packages/constants/key.ts"],"sourcesContent":["export const INSTALLED_KEY = Symbol('INSTALLED_KEY')\n"],"names":["INSTALLED_KEY"],"mappings":"AAAa,MAAAA,IAAgB,OAAO,eAAe;"}

package/es/constants/size.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"size.mjs","sources":["../../../../packages/constants/size.ts"],"sourcesContent":["export const componentSizes = ['', 'default', 'small', 'large'] as const\n\nexport type ComponentSize = typeof componentSizes[number]\n\nexport const componentSizeMap = {\n  large: 40,\n  default: 32,\n  small: 24,\n} as const\n"],"names":["componentSizes","componentSizeMap"],"mappings":"AAAO,MAAMA,IAAiB,CAAC,IAAI,WAAW,SAAS,OAAO,GAIjDC,IAAmB;AAAA,EAC9B,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AACT;"}

package/es/hooks/index.mjs

@@ -1,35 +0,0 @@
-import { _bem as r, defaultNamespace as t, namespaceContextKey as p, useGetDerivedNamespace as s, useNamespace as m } from "./use-namespace/index.mjs";
-import { usePopper as a } from "./use-popper/index.mjs";
-import { useZIndex as x, zIndexContextKey as f } from "./use-z-index/index.mjs";
-import { FORWARD_REF_INJECTION_KEY as l, useForwardRef as I, useForwardRefDirective as i } from "./use-forward-ref/index.mjs";
-import { ID_INJECTION_KEY as C, useId as c, useIdInjection as N } from "./use-id/index.mjs";
-import { usePopperContainer as E, usePopperContainerId as _ } from "./use-popper-container/index.mjs";
-import { useDelayedToggle as R } from "./use-delayed-toggle/index.mjs";
-import { useTimeout as K } from "./use-timeout/index.mjs";
-import { useOrderedChildren as y } from "./use-ordered-children/index.mjs";
-import { createModelToggleComposable as P, useModelToggle as b, useModelToggleEmits as v } from "./use-model-toggle/index.mjs";
-export {
-  l as FORWARD_REF_INJECTION_KEY,
-  C as ID_INJECTION_KEY,
-  r as _bem,
-  P as createModelToggleComposable,
-  t as defaultNamespace,
-  p as namespaceContextKey,
-  R as useDelayedToggle,
-  I as useForwardRef,
-  i as useForwardRefDirective,
-  s as useGetDerivedNamespace,
-  c as useId,
-  N as useIdInjection,
-  b as useModelToggle,
-  v as useModelToggleEmits,
-  m as useNamespace,
-  y as useOrderedChildren,
-  a as usePopper,
-  E as usePopperContainer,
-  _ as usePopperContainerId,
-  K as useTimeout,
-  x as useZIndex,
-  f as zIndexContextKey
-};
-//# sourceMappingURL=index.mjs.map

package/es/hooks/use-delayed-toggle/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-delayed-toggle/index.ts"],"sourcesContent":["import { unref } from 'vue';\nimport { useTimeout } from '../use-timeout';\n\nexport type UseDelayedToggleProps = {\n\topen: (event?: Event) => void;\n\tclose: (event?: Event) => void;\n\tshowAfter: number;\n\thideAfter: number;\n};\n\nexport const useDelayedToggle = ({ showAfter = 0, hideAfter = 200, open, close }: UseDelayedToggleProps) => {\n\tconst { registerTimeout } = useTimeout();\n\t\n\tconst onOpen = (event?: Event) => {\n\t\tregisterTimeout(() => {\n\t\t\topen(event);\n\t\t}, unref(showAfter));\n\t};\n\t\n\tconst onClose = (event?: Event) => {\n\t\tregisterTimeout(() => {\n\t\t\tclose(event);\n\t\t}, unref(hideAfter));\n\t};\n\t\n\treturn {\n\t\tonOpen,\n\t\tonClose\n\t};\n};\n"],"names":["useDelayedToggle","showAfter","hideAfter","open","close","registerTimeout","useTimeout","event","unref"],"mappings":";;AAUa,MAAAA,IAAmB,CAAC,EAAE,WAAAC,IAAY,GAAG,WAAAC,IAAY,KAAK,MAAAC,GAAM,OAAAC,QAAmC;AACrG,QAAA,EAAE,iBAAAC,MAAoBC;AAcrB,SAAA;AAAA,IACN,QAbc,CAACC,MAAkB;AACjC,MAAAF,EAAgB,MAAM;AACrB,QAAAF,EAAKI,CAAK;AAAA,MAAA,GACRC,EAAMP,CAAS,CAAC;AAAA,IAAA;AAAA,IAWnB,SARe,CAACM,MAAkB;AAClC,MAAAF,EAAgB,MAAM;AACrB,QAAAD,EAAMG,CAAK;AAAA,MAAA,GACTC,EAAMN,CAAS,CAAC;AAAA,IAAA;AAAA,EAKnB;AAEF;"}

package/es/hooks/use-forward-ref/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-forward-ref/index.ts"],"sourcesContent":["import { provide } from 'vue'\n\nimport type { InjectionKey, ObjectDirective, Ref } from 'vue'\n\ntype ForwardRefSetter = <T>(el: T) => void\n\nexport type ForwardRefInjectionContext = {\n  setForwardRef: ForwardRefSetter\n}\n\nexport const FORWARD_REF_INJECTION_KEY: InjectionKey<ForwardRefInjectionContext> =\n  Symbol('vftForwardRef')\n\nexport const useForwardRef = <T>(forwardRef: Ref<T | null>) => {\n  const setForwardRef = (el: T) => {\n    forwardRef.value = el\n  }\n\n  provide(FORWARD_REF_INJECTION_KEY, {\n    setForwardRef,\n  })\n}\n\nexport const useForwardRefDirective = (\n  setForwardRef: ForwardRefSetter\n): ObjectDirective => {\n  return {\n    mounted(el) {\n      setForwardRef(el)\n    },\n    updated(el) {\n      setForwardRef(el)\n    },\n    unmounted() {\n      setForwardRef(null)\n    },\n  }\n}\n"],"names":["FORWARD_REF_INJECTION_KEY","useForwardRef","forwardRef","provide","el","useForwardRefDirective","setForwardRef"],"mappings":";AAUa,MAAAA,IACX,OAAO,eAAe,GAEXC,IAAgB,CAAIC,MAA8B;AAK7D,EAAAC,EAAQH,GAA2B;AAAA,IACjC,eALoB,CAACI,MAAU;AAC/B,MAAAF,EAAW,QAAQE;AAAA,IAAA;AAAA,EAInB,CACD;AACH,GAEaC,IAAyB,CACpCC,OAEO;AAAA,EACL,QAAQF,GAAI;AACV,IAAAE,EAAcF,CAAE;AAAA,EAClB;AAAA,EACA,QAAQA,GAAI;AACV,IAAAE,EAAcF,CAAE;AAAA,EAClB;AAAA,EACA,YAAY;AACV,IAAAE,EAAc,IAAI;AAAA,EACpB;AAAA;"}

package/es/hooks/use-id/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-id/index.ts"],"sourcesContent":["import { computed, getCurrentInstance, inject, unref } from 'vue'\nimport { isClient } from '@vueuse/core'\nimport { debugWarn } from '@vft-ui/utils'\nimport { useGetDerivedNamespace } from '../use-namespace'\n\nimport type { InjectionKey, Ref } from 'vue'\nimport type { MaybeRef } from '@vueuse/core'\n\nexport type ElIdInjectionContext = {\n  prefix: number\n  current: number\n}\n\nconst defaultIdInjection = {\n  prefix: Math.floor(Math.random() * 10000),\n  current: 0,\n}\n\nexport const ID_INJECTION_KEY: InjectionKey<ElIdInjectionContext> =\n  Symbol('elIdInjection')\n\nexport const useIdInjection = (): ElIdInjectionContext => {\n  return getCurrentInstance()\n    ? inject(ID_INJECTION_KEY, defaultIdInjection)\n    : defaultIdInjection\n}\n\nexport const useId = (deterministicId?: MaybeRef<string>): Ref<string> => {\n  const idInjection = useIdInjection()\n  if (!isClient && idInjection === defaultIdInjection) {\n    debugWarn(\n      'IdInjection',\n      `Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed\nusage: app.provide(ID_INJECTION_KEY, {\n  prefix: number,\n  current: number,\n})`\n    )\n  }\n\n  const namespace = useGetDerivedNamespace()\n  const idRef = computed(\n    () =>\n      unref(deterministicId) ||\n      `${namespace.value}-id-${idInjection.prefix}-${idInjection.current++}`\n  )\n\n  return idRef\n}\n"],"names":["defaultIdInjection","ID_INJECTION_KEY","useIdInjection","getCurrentInstance","inject","useId","deterministicId","idInjection","isClient","debugWarn","namespace","useGetDerivedNamespace","computed","unref"],"mappings":";;;;;AAaA,MAAMA,IAAqB;AAAA,EACzB,QAAQ,KAAK,MAAM,KAAK,OAAA,IAAW,GAAK;AAAA,EACxC,SAAS;AACX,GAEaC,IACX,OAAO,eAAe,GAEXC,IAAiB,MACrBC,EAAmB,IACtBC,EAAOH,GAAkBD,CAAkB,IAC3CA,GAGOK,IAAQ,CAACC,MAAoD;AACxE,QAAMC,IAAcL;AAChB,EAAA,CAACM,KAAYD,MAAgBP,KAC/BS;AAAA,IACE;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAQJ,QAAMC,IAAYC;AAOX,SANOC;AAAA,IACZ,MACEC,EAAMP,CAAe,KACrB,GAAGI,EAAU,YAAYH,EAAY,UAAUA,EAAY;AAAA,EAAA;AAIjE;"}

package/es/hooks/use-model-toggle/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-model-toggle/index.ts"],"sourcesContent":["import { isBoolean } from '@vft/utils';\nimport { isFunction } from '@vue/shared';\nimport { isClient } from '@vueuse/core';\nimport type { ComponentPublicInstance, Ref } from 'vue';\nimport { computed, getCurrentInstance, onMounted, watch } from 'vue';\nimport type { RouteLocationNormalizedLoaded } from 'vue-router';\n\nexport const createModelToggleComposable = <T extends string> (name: T) => {\n\tconst updateEventKey = `update:${name}` as const\n\tconst updateEventKeyRaw = `onUpdate:${name}` as const\n\tconst useModelToggleEmits = [updateEventKey]\n\t\n\tconst useModelToggle = ({\n\t\tindicator,\n\t\ttoggleReason,\n\t\tshouldHideWhenRouteChanges,\n\t\tshouldProceed,\n\t\tonShow,\n\t\tonHide,\n\t}: ModelToggleParams) => {\n\t\tconst instance = getCurrentInstance()!\n\t\tconst { emit } = instance\n\t\tconst props = instance.props as any\n\t\tconst hasUpdateHandler = computed(() =>\n\t\t\tisFunction(props[updateEventKeyRaw])\n\t\t)\n\t\t// when it matches the default value we say this is absent\n\t\t// though this could be mistakenly passed from the user but we need to rule out that\n\t\t// condition\n\t\tconst isModelBindingAbsent = computed(() => props[name] === null)\n\t\t\n\t\tconst doShow = (event?: Event) => {\n\t\t\tif (indicator.value === true) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\t\n\t\t\tindicator.value = true\n\t\t\tif (toggleReason) {\n\t\t\t\ttoggleReason.value = event\n\t\t\t}\n\t\t\tif (isFunction(onShow)) {\n\t\t\t\tonShow(event)\n\t\t\t}\n\t\t}\n\t\t\n\t\tconst doHide = (event?: Event) => {\n\t\t\tif (indicator.value === false) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\t\n\t\t\tindicator.value = false\n\t\t\tif (toggleReason) {\n\t\t\t\ttoggleReason.value = event\n\t\t\t}\n\t\t\tif (isFunction(onHide)) {\n\t\t\t\tonHide(event)\n\t\t\t}\n\t\t}\n\t\t\n\t\tconst show = (event?: Event) => {\n\t\t\tif (\n\t\t\t\tprops.disabled === true ||\n\t\t\t\t(isFunction(shouldProceed) && !shouldProceed())\n\t\t\t)\n\t\t\t\treturn\n\t\t\t\n\t\t\tconst shouldEmit = hasUpdateHandler.value && isClient\n\t\t\t\n\t\t\tif (shouldEmit) {\n\t\t\t\temit(updateEventKey, true)\n\t\t\t}\n\t\t\t\n\t\t\tif (isModelBindingAbsent.value || !shouldEmit) {\n\t\t\t\tdoShow(event)\n\t\t\t}\n\t\t}\n\t\t\n\t\tconst hide = (event?: Event) => {\n\t\t\tif (props.disabled === true || !isClient) return\n\t\t\t\n\t\t\tconst shouldEmit = hasUpdateHandler.value && isClient\n\t\t\t\n\t\t\tif (shouldEmit) {\n\t\t\t\temit(updateEventKey, false)\n\t\t\t}\n\t\t\t\n\t\t\tif (isModelBindingAbsent.value || !shouldEmit) {\n\t\t\t\tdoHide(event)\n\t\t\t}\n\t\t}\n\t\t\n\t\tconst onChange = (val: boolean) => {\n\t\t\tif (!isBoolean(val)) return\n\t\t\tif (props.disabled && val) {\n\t\t\t\tif (hasUpdateHandler.value) {\n\t\t\t\t\temit(updateEventKey, false)\n\t\t\t\t}\n\t\t\t} else if (indicator.value !== val) {\n\t\t\t\tif (val) {\n\t\t\t\t\tdoShow()\n\t\t\t\t} else {\n\t\t\t\t\tdoHide()\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t\n\t\tconst toggle = () => {\n\t\t\tif (indicator.value) {\n\t\t\t\thide()\n\t\t\t} else {\n\t\t\t\tshow()\n\t\t\t}\n\t\t}\n\t\t\n\t\twatch(() => props[name], onChange)\n\t\t\n\t\tif (\n\t\t\tshouldHideWhenRouteChanges &&\n\t\t\tinstance.appContext.config.globalProperties.$route !== undefined\n\t\t) {\n\t\t\twatch(\n\t\t\t\t() => ({\n\t\t\t\t\t...(\n\t\t\t\t\t\tinstance.proxy as ComponentPublicInstance<{\n\t\t\t\t\t\t\t$route: RouteLocationNormalizedLoaded\n\t\t\t\t\t\t}>\n\t\t\t\t\t).$route,\n\t\t\t\t}),\n\t\t\t\t() => {\n\t\t\t\t\tif (shouldHideWhenRouteChanges.value && indicator.value) {\n\t\t\t\t\t\thide()\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\t\t}\n\t\t\n\t\tonMounted(() => {\n\t\t\tonChange(props[name])\n\t\t})\n\t\t\n\t\treturn {\n\t\t\thide,\n\t\t\tshow,\n\t\t\ttoggle,\n\t\t\thasUpdateHandler,\n\t\t}\n\t}\n\t\n\treturn {\n\t\tuseModelToggle,\n\t\t// useModelToggleProps,\n\t\tuseModelToggleEmits,\n\t}\n}\n\nconst { useModelToggle, useModelToggleEmits } =\n\tcreateModelToggleComposable('modelValue')\n\nexport { useModelToggle, useModelToggleEmits }\n\nexport type ModelToggleParams = {\n\tindicator: Ref<boolean>\n\ttoggleReason?: Ref<Event | undefined>\n\tshouldHideWhenRouteChanges?: Ref<boolean>\n\tshouldProceed?: () => boolean\n\tonShow?: (event?: Event) => void\n\tonHide?: (event?: Event) => void\n}\n"],"names":["createModelToggleComposable","name","updateEventKey","updateEventKeyRaw","indicator","toggleReason","shouldHideWhenRouteChanges","shouldProceed","onShow","onHide","instance","getCurrentInstance","emit","props","hasUpdateHandler","computed","isFunction","isModelBindingAbsent","doShow","event","doHide","show","shouldEmit","isClient","hide","onChange","val","isBoolean","toggle","watch","onMounted","useModelToggle","useModelToggleEmits"],"mappings":";;;;AAOa,MAAAA,IAA8B,CAAoBC,MAAY;AAC1E,QAAMC,IAAiB,UAAUD,KAC3BE,IAAoB,YAAYF;AA2I/B,SAAA;AAAA,IACN,gBAzIsB,CAAC;AAAA,MACvB,WAAAG;AAAA,MACA,cAAAC;AAAA,MACA,4BAAAC;AAAA,MACA,eAAAC;AAAA,MACA,QAAAC;AAAA,MACA,QAAAC;AAAA,IAAA,MACwB;AACxB,YAAMC,IAAWC,KACX,EAAE,MAAAC,EAAS,IAAAF,GACXG,IAAQH,EAAS,OACjBI,IAAmBC;AAAA,QAAS,MACjCC,EAAWH,EAAMV,CAAiB,CAAC;AAAA,MAAA,GAK9Bc,IAAuBF,EAAS,MAAMF,EAAMZ,CAAI,MAAM,IAAI,GAE1DiB,IAAS,CAACC,MAAkB;AAC7B,QAAAf,EAAU,UAAU,OAIxBA,EAAU,QAAQ,IACdC,MACHA,EAAa,QAAQc,IAElBH,EAAWR,CAAM,KACpBA,EAAOW,CAAK;AAAA,MACb,GAGKC,IAAS,CAACD,MAAkB;AAC7B,QAAAf,EAAU,UAAU,OAIxBA,EAAU,QAAQ,IACdC,MACHA,EAAa,QAAQc,IAElBH,EAAWP,CAAM,KACpBA,EAAOU,CAAK;AAAA,MACb,GAGKE,IAAO,CAACF,MAAkB;AAC/B,YACCN,EAAM,aAAa,MAClBG,EAAWT,CAAa,KAAK,CAACA,EAAc;AAE7C;AAEK,cAAAe,IAAaR,EAAiB,SAASS;AAE7C,QAAID,KACHV,EAAKV,GAAgB,EAAI,IAGtBe,EAAqB,SAAS,CAACK,MAClCJ,EAAOC,CAAK;AAAA,MACb,GAGKK,IAAO,CAACL,MAAkB;AAC3B,YAAAN,EAAM,aAAa,MAAQ,CAACU;AAAU;AAEpC,cAAAD,IAAaR,EAAiB,SAASS;AAE7C,QAAID,KACHV,EAAKV,GAAgB,EAAK,IAGvBe,EAAqB,SAAS,CAACK,MAClCF,EAAOD,CAAK;AAAA,MACb,GAGKM,IAAW,CAACC,MAAiB;AAC9B,QAACC,EAAUD,CAAG,MACdb,EAAM,YAAYa,IACjBZ,EAAiB,SACpBF,EAAKV,GAAgB,EAAK,IAEjBE,EAAU,UAAUsB,MAC1BA,IACIR,MAEAE;MAET,GAGKQ,IAAS,MAAM;AACpB,QAAIxB,EAAU,QACRoB,MAEAH;MACN;AAGD,aAAAQ,EAAM,MAAMhB,EAAMZ,CAAI,GAAGwB,CAAQ,GAGhCnB,KACAI,EAAS,WAAW,OAAO,iBAAiB,WAAW,UAEvDmB;AAAA,QACC,OAAO;AAAA,UACN,GACCnB,EAAS,MAGR;AAAA,QAAA;AAAA,QAEH,MAAM;AACD,UAAAJ,EAA2B,SAASF,EAAU,SAC5CoB;QAEP;AAAA,MAAA,GAIFM,EAAU,MAAM;AACN,QAAAL,EAAAZ,EAAMZ,CAAI,CAAC;AAAA,MAAA,CACpB,GAEM;AAAA,QACN,MAAAuB;AAAA,QACA,MAAAH;AAAA,QACA,QAAAO;AAAA,QACA,kBAAAd;AAAA,MAAA;AAAA,IACD;AAAA;AAAA,IAMA,qBA7I2B,CAACZ,CAAc;AAAA,EA6I1C;AAEF,GAEM,EAAE,gBAAA6B,GAAgB,qBAAAC,MACvBhC,EAA4B,YAAY;"}

package/es/hooks/use-namespace/index.mjs

@@ -1,47 +0,0 @@
-import { inject as p, ref as m, computed as N, unref as V } from "vue";
-const v = "vft", l = "is-", c = (a, t, u, o, $) => {
-  let r = `${a}-${t}`;
-  return u && (r += `-${u}`), o && (r += `__${o}`), $ && (r += `--${$}`), r;
-}, y = Symbol("localeContextKey"), P = () => {
-  const a = p(y, m(v));
-  return N(() => V(a) || v);
-}, d = (a) => {
-  const t = m("vft");
-  return {
-    namespace: t,
-    b: (s = "") => c(t.value, a, s, "", ""),
-    e: (s) => s ? c(t.value, a, "", s, "") : "",
-    m: (s) => s ? c(t.value, a, "", "", s) : "",
-    be: (s, e) => s && e ? c(t.value, a, s, e, "") : "",
-    em: (s, e) => s && e ? c(t.value, a, "", s, e) : "",
-    bm: (s, e) => s && e ? c(t.value, a, s, "", e) : "",
-    bem: (s, e, n) => s && e && n ? c(t.value, a, s, e, n) : "",
-    is: (s, ...e) => {
-      const n = e.length >= 1 ? e[0] : !0;
-      return s && n ? `${l}${s}` : "";
-    },
-    // css
-    cssVar: (s) => {
-      const e = {};
-      for (const n in s)
-        s[n] && (e[`--${t.value}-${n}`] = s[n]);
-      return e;
-    },
-    cssVarName: (s) => `--${t.value}-${s}`,
-    cssVarBlock: (s) => {
-      const e = {};
-      for (const n in s)
-        s[n] && (e[`--${t.value}-${a}-${n}`] = s[n]);
-      return e;
-    },
-    cssVarBlockName: (s) => `--${t.value}-${a}-${s}`
-  };
-};
-export {
-  c as _bem,
-  v as defaultNamespace,
-  y as namespaceContextKey,
-  P as useGetDerivedNamespace,
-  d as useNamespace
-};
-//# sourceMappingURL=index.mjs.map

package/es/hooks/use-namespace/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-namespace/index.ts"],"sourcesContent":["import { computed, inject, ref, unref } from 'vue'\n\nimport type { InjectionKey, Ref } from 'vue'\n\nexport const defaultNamespace = 'vft';\nconst statePrefix = 'is-';\n\nexport const _bem = (namespace: string, block: string, blockSuffix: string, element: string, modifier: string) => {\n  let cls = `${namespace}-${block}`;\n  if (blockSuffix) {\n    cls += `-${blockSuffix}`;\n  }\n  if (element) {\n    cls += `__${element}`;\n  }\n  if (modifier) {\n    cls += `--${modifier}`;\n  }\n  return cls;\n};\n\nexport const namespaceContextKey: InjectionKey<Ref<string | undefined>> =\n  Symbol('localeContextKey')\n\nexport const useGetDerivedNamespace = () => {\n  const derivedNamespace = inject(namespaceContextKey, ref(defaultNamespace))\n  const namespace = computed(() => {\n    return unref(derivedNamespace) || defaultNamespace\n  })\n  return namespace\n}\n\nexport const useNamespace = (block: string) => {\n  // const namespace = useGlobalConfig('namespace', defaultNamespace);\n  const namespace = ref('vft');\n  // vri-button | (test) = vri-button-test\n  const b = (blockSuffix = '') => _bem(namespace.value, block, blockSuffix, '', '');\n  // e('test'): vri-button__test\n  const e = (element?: string) => (element ? _bem(namespace.value, block, '', element, '') : '');\n  // m('test'): vri-button--test\n  const m = (modifier?: string) => (modifier ? _bem(namespace.value, block, '', '', modifier) : '');\n  // be('test'): vri-button-par__sub\n  const be = (blockSuffix?: string, element?: string) => (blockSuffix && element ? _bem(namespace.value, block, blockSuffix, element, '') : '');\n  // em('test'): vri-button__par--sub\n  const em = (element?: string, modifier?: string) => (element && modifier ? _bem(namespace.value, block, '', element, modifier) : '');\n  // bm('test'): vri-button-par--sub\n  const bm = (blockSuffix?: string, modifier?: string) => (blockSuffix && modifier ? _bem(namespace.value, block, blockSuffix, '', modifier) : '');\n  // bem('test'): vri-button-par__sub--sun\n  const bem = (blockSuffix?: string, element?: string, modifier?: string) => (blockSuffix && element && modifier ? _bem(namespace.value, block, blockSuffix, element, modifier) : '');\n  // is('show', true): is-show\n  const is: {\n    (name: string, state: boolean | undefined): string;\n    (name: string): string;\n  } = (name: string, ...args: [boolean | undefined] | []) => {\n    const state = args.length >= 1 ? args[0]! : true;\n    return name && state ? `${statePrefix}${name}` : '';\n  };\n\n  // cssVar({'border-style': 'solid','border-width': '10px',}): { \"--vri-border-style\": \"solid\",\"--vri-border-width\": \"10px\" }\n  const cssVar = (object: Record<string, string|undefined>) => {\n    const styles: Record<string, string> = {};\n    for (const key in object) {\n      if (object[key]) {\n        styles[`--${namespace.value}-${key}`] = object[key]!;\n      }\n    }\n    return styles;\n  };\n\n  // cssVarBlock({ 'border-style': 'solid', 'border-width': '10px' })：{ \"--vri-button-border-style\": \"solid\", \"--vri-button-border-width\": \"10px\" }\n  const cssVarBlock = (object: Record<string, string | undefined>) => {\n    const styles: Record<string, string> = {};\n    for (const key in object) {\n      if (object[key]) {\n        styles[`--${namespace.value}-${block}-${key}`] = object[key]!;\n      }\n    }\n    return styles;\n  };\n\n  // cssVarName('test')：--vri-test\n  const cssVarName = (name: string) => `--${namespace.value}-${name}`;\n\n  // cssVarBlockName('test')：--vri-button-test\n  const cssVarBlockName = (name: string) => `--${namespace.value}-${block}-${name}`;\n\n  return {\n    namespace,\n    b,\n    e,\n    m,\n    be,\n    em,\n    bm,\n    bem,\n    is,\n    // css\n    cssVar,\n    cssVarName,\n    cssVarBlock,\n    cssVarBlockName\n  };\n};\n\nexport type UseNamespaceReturn = ReturnType<typeof useNamespace>;\n"],"names":["defaultNamespace","statePrefix","_bem","namespace","block","blockSuffix","element","modifier","cls","namespaceContextKey","useGetDerivedNamespace","derivedNamespace","inject","ref","computed","unref","useNamespace","name","args","state","object","styles","key"],"mappings":";AAIO,MAAMA,IAAmB,OAC1BC,IAAc,OAEPC,IAAO,CAACC,GAAmBC,GAAeC,GAAqBC,GAAiBC,MAAqB;AAC5G,MAAAC,IAAM,GAAGL,KAAaC;AAC1B,SAAIC,MACFG,KAAO,IAAIH,MAETC,MACFE,KAAO,KAAKF,MAEVC,MACFC,KAAO,KAAKD,MAEPC;AACT,GAEaC,IACX,OAAO,kBAAkB,GAEdC,IAAyB,MAAM;AAC1C,QAAMC,IAAmBC,EAAOH,GAAqBI,EAAIb,CAAgB,CAAC;AAInE,SAHWc,EAAS,MAClBC,EAAMJ,CAAgB,KAAKX,CACnC;AAEH,GAEagB,IAAe,CAACZ,MAAkB;AAEvC,QAAAD,IAAYU,EAAI,KAAK;AAoDpB,SAAA;AAAA,IACL,WAAAV;AAAA,IACA,GApDQ,CAACE,IAAc,OAAOH,EAAKC,EAAU,OAAOC,GAAOC,GAAa,IAAI,EAAE;AAAA,IAqD9E,GAnDQ,CAACC,MAAsBA,IAAUJ,EAAKC,EAAU,OAAOC,GAAO,IAAIE,GAAS,EAAE,IAAI;AAAA,IAoDzF,GAlDQ,CAACC,MAAuBA,IAAWL,EAAKC,EAAU,OAAOC,GAAO,IAAI,IAAIG,CAAQ,IAAI;AAAA,IAmD5F,IAjDS,CAACF,GAAsBC,MAAsBD,KAAeC,IAAUJ,EAAKC,EAAU,OAAOC,GAAOC,GAAaC,GAAS,EAAE,IAAI;AAAA,IAkDxI,IAhDS,CAACA,GAAkBC,MAAuBD,KAAWC,IAAWL,EAAKC,EAAU,OAAOC,GAAO,IAAIE,GAASC,CAAQ,IAAI;AAAA,IAiD/H,IA/CS,CAACF,GAAsBE,MAAuBF,KAAeE,IAAWL,EAAKC,EAAU,OAAOC,GAAOC,GAAa,IAAIE,CAAQ,IAAI;AAAA,IAgD3I,KA9CU,CAACF,GAAsBC,GAAkBC,MAAuBF,KAAeC,KAAWC,IAAWL,EAAKC,EAAU,OAAOC,GAAOC,GAAaC,GAASC,CAAQ,IAAI;AAAA,IA+C9K,IA1CE,CAACU,MAAiBC,MAAqC;AACzD,YAAMC,IAAQD,EAAK,UAAU,IAAIA,EAAK,CAAC,IAAK;AAC5C,aAAOD,KAAQE,IAAQ,GAAGlB,IAAcgB,MAAS;AAAA,IAAA;AAAA;AAAA,IA0CjD,QAtCa,CAACG,MAA6C;AAC3D,YAAMC,IAAiC,CAAA;AACvC,iBAAWC,KAAOF;AACZ,QAAAA,EAAOE,CAAG,MACZD,EAAO,KAAKlB,EAAU,SAASmB,GAAK,IAAIF,EAAOE,CAAG;AAG/C,aAAAD;AAAA,IAAA;AAAA,IAgCP,YAjBiB,CAACJ,MAAiB,KAAKd,EAAU,SAASc;AAAA,IAkB3D,aA7BkB,CAACG,MAA+C;AAClE,YAAMC,IAAiC,CAAA;AACvC,iBAAWC,KAAOF;AACZ,QAAAA,EAAOE,CAAG,MACZD,EAAO,KAAKlB,EAAU,SAASC,KAASkB,GAAK,IAAIF,EAAOE,CAAG;AAGxD,aAAAD;AAAA,IAAA;AAAA,IAuBP,iBAhBsB,CAACJ,MAAiB,KAAKd,EAAU,SAASC,KAASa;AAAA,EAgBzE;AAEJ;"}

package/es/hooks/use-ordered-children/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-ordered-children/index.ts"],"sourcesContent":["import { isVNode, shallowRef } from 'vue';\nimport { flattedChildren } from '@vft-ui/utils'\n\n\nimport type { ComponentInternalInstance, VNode } from 'vue'\n\nconst getOrderedChildren = <T> (\n\tvm: ComponentInternalInstance,\n\tchildComponentName: string,\n\tchildren: Record<number, T>\n): T[] => {\n\tconst nodes = flattedChildren(vm.subTree).filter(\n\t\t(n): n is VNode =>\n\t\t\tisVNode(n) &&\n\t\t\t(n.type as any)?.name === childComponentName &&\n\t\t\t!!n.component\n\t)\n\tconst uids = nodes.map((n) => n.component!.uid)\n\treturn uids.map((uid) => children[uid]).filter((p) => !!p)\n}\n\nexport const useOrderedChildren = <T extends {uid: number}> (\n\tvm: ComponentInternalInstance,\n\tchildComponentName: string\n) => {\n\tconst children: Record<number, T> = {}\n\tconst orderedChildren = shallowRef<T[]>([])\n\t\n\tconst addChild = (child: T) => {\n\t\tchildren[child.uid] = child\n\t\torderedChildren.value = getOrderedChildren(vm, childComponentName, children)\n\t}\n\tconst removeChild = (uid: number) => {\n\t\tdelete children[uid]\n\t\torderedChildren.value = orderedChildren.value.filter(\n\t\t\t(children) => children.uid !== uid\n\t\t)\n\t}\n\t\n\treturn {\n\t\tchildren: orderedChildren,\n\t\taddChild,\n\t\tremoveChild,\n\t}\n}\n"],"names":["getOrderedChildren","vm","childComponentName","children","flattedChildren","n","isVNode","_a","uid","p","useOrderedChildren","orderedChildren","shallowRef","child"],"mappings":";;;;AAMA,MAAMA,IAAqB,CAC1BC,GACAC,GACAC,MAEcC,EAAgBH,EAAG,OAAO,EAAE;AAAA,EACzC,CAACI,MACA;;AAAA,WAAAC,EAAQD,CAAC,OACRE,IAAAF,EAAE,SAAF,gBAAAE,EAAgB,UAASL,KAC1B,CAAC,CAACG,EAAE;AAAA;AAAA,EAEa,IAAI,CAACA,MAAMA,EAAE,UAAW,GAAG,EAClC,IAAI,CAACG,MAAQL,EAASK,CAAG,CAAC,EAAE,OAAO,CAACC,MAAM,CAAC,CAACA,CAAC,GAG7CC,IAAqB,CACjCT,GACAC,MACI;AACJ,QAAMC,IAA8B,CAAA,GAC9BQ,IAAkBC,EAAgB,CAAA,CAAE;AAanC,SAAA;AAAA,IACN,UAAUD;AAAA,IACV,UAbgB,CAACE,MAAa;AACrB,MAAAV,EAAAU,EAAM,GAAG,IAAIA,GACtBF,EAAgB,QAAQX,EAAmBC,GAAIC,GAAoBC,CAAQ;AAAA,IAAA;AAAA,IAY3E,aAVmB,CAACK,MAAgB;AACpC,aAAOL,EAASK,CAAG,GACHG,EAAA,QAAQA,EAAgB,MAAM;AAAA,QAC7C,CAACR,MAAaA,EAAS,QAAQK;AAAA,MAAA;AAAA,IAChC;AAAA,EAMA;AAEF;"}

package/es/hooks/use-popper/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-popper/index.ts"],"sourcesContent":["import { computed, onBeforeUnmount, ref, shallowRef, unref, watch } from 'vue'\nimport { createPopper } from '@popperjs/core'\nimport { fromPairs } from 'lodash'\n\nimport type { Ref } from 'vue'\nimport type {\n  Instance,\n  Modifier,\n  Options,\n  State,\n  VirtualElement,\n} from '@popperjs/core'\n\ntype ElementType = HTMLElement | undefined\ntype ReferenceElement = ElementType | VirtualElement\nexport type PartialOptions = Partial<Options>\n\nexport const usePopper = (\n  referenceElementRef: Ref<ReferenceElement>,\n  popperElementRef: Ref<ElementType>,\n  opts: Ref<PartialOptions> | PartialOptions = {} as PartialOptions\n) => {\n  const stateUpdater = {\n    name: 'updateState',\n    enabled: true,\n    phase: 'write',\n    fn: ({ state }) => {\n      const derivedState = deriveState(state)\n\n      Object.assign(states.value, derivedState)\n    },\n    requires: ['computeStyles'],\n  } as Modifier<'updateState', any>\n\n  const options = computed<Options>(() => {\n    const { onFirstUpdate, placement, strategy, modifiers } = unref(opts)\n\n    return {\n      onFirstUpdate,\n      placement: placement || 'bottom',\n      strategy: strategy || 'absolute',\n      modifiers: [\n        ...(modifiers || []),\n        stateUpdater,\n        { name: 'applyStyles', enabled: false },\n      ],\n    }\n  })\n\n  const instanceRef = shallowRef<Instance | undefined>()\n  const states = ref<Pick<State, 'styles' | 'attributes'>>({\n    styles: {\n      popper: {\n        position: unref(options).strategy,\n        left: '0',\n        top: '0',\n      },\n      arrow: {\n        position: 'absolute',\n      },\n    },\n    attributes: {},\n  })\n\n  const destroy = () => {\n    if (!instanceRef.value) return\n\n    instanceRef.value.destroy()\n    instanceRef.value = undefined\n  }\n\n  watch(\n    options,\n    (newOptions) => {\n      const instance = unref(instanceRef)\n      if (instance) {\n        instance.setOptions(newOptions)\n      }\n    },\n    {\n      deep: true,\n    }\n  )\n\n  watch(\n    [referenceElementRef, popperElementRef],\n    ([referenceElement, popperElement]) => {\n      destroy()\n      if (!referenceElement || !popperElement) return\n\n      instanceRef.value = createPopper(\n        referenceElement,\n        popperElement,\n        unref(options)\n      )\n    }\n  )\n\n  onBeforeUnmount(() => {\n    destroy()\n  })\n\n  return {\n    state: computed(() => ({ ...(unref(instanceRef)?.state || {}) })),\n    styles: computed(() => unref(states).styles),\n    attributes: computed(() => unref(states).attributes),\n    update: () => unref(instanceRef)?.update(),\n    forceUpdate: () => unref(instanceRef)?.forceUpdate(),\n    // Preventing end users from modifying the instance.\n    instanceRef: computed(() => unref(instanceRef)),\n  }\n}\n\nfunction deriveState(state: State) {\n  const elements = Object.keys(state.elements) as unknown as Array<\n    keyof State['elements']\n  >\n\n  const styles = fromPairs(\n    elements.map(\n      (element) =>\n        [element, state.styles[element] || {}] as [\n          string,\n          State['styles'][keyof State['styles']]\n        ]\n    )\n  )\n\n  const attributes = fromPairs(\n    elements.map(\n      (element) =>\n        [element, state.attributes[element]] as [\n          string,\n          State['attributes'][keyof State['attributes']]\n        ]\n    )\n  )\n\n  return {\n    styles,\n    attributes,\n  }\n}\n\nexport type UsePopperReturn = ReturnType<typeof usePopper>\n"],"names":["usePopper","referenceElementRef","popperElementRef","opts","stateUpdater","state","derivedState","deriveState","states","options","computed","onFirstUpdate","placement","strategy","modifiers","unref","instanceRef","shallowRef","ref","destroy","watch","newOptions","instance","referenceElement","popperElement","createPopper","onBeforeUnmount","_a","elements","styles","fromPairs","element","attributes"],"mappings":"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"}

package/es/hooks/use-popper-container/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-popper-container/index.ts"],"sourcesContent":["import { computed, onBeforeMount } from 'vue'\nimport { isClient } from '@vueuse/core'\nimport { useGetDerivedNamespace } from '../use-namespace'\nimport { useIdInjection } from '../use-id'\n\nlet cachedContainer: HTMLElement\n\nexport const usePopperContainerId = () => {\n  const namespace = useGetDerivedNamespace()\n  const idInjection = useIdInjection()\n\n  const id = computed(() => {\n    return `${namespace.value}-popper-container-${idInjection.prefix}`\n  })\n  const selector = computed(() => `#${id.value}`)\n\n  return {\n    id,\n    selector,\n  }\n}\n\nconst createContainer = (id: string) => {\n  const container = document.createElement('div')\n  container.id = id\n  document.body.appendChild(container)\n  return container\n}\n\nexport const usePopperContainer = () => {\n  onBeforeMount(() => {\n    if (!isClient) return\n\n    const { id, selector } = usePopperContainerId()\n    // This is for bypassing the error that when under testing env, we often encounter\n    // document.body.innerHTML = '' situation\n    // for this we need to disable the caching since it's not really needed\n    if (\n      process.env.NODE_ENV === 'test' ||\n      (!cachedContainer && !document.body.querySelector(selector.value))\n    ) {\n      cachedContainer = createContainer(id.value)\n    }\n  })\n}\n"],"names":["cachedContainer","usePopperContainerId","namespace","useGetDerivedNamespace","idInjection","useIdInjection","id","computed","selector","createContainer","container","usePopperContainer","onBeforeMount","isClient"],"mappings":";;;;AAKA,IAAIA;AAEG,MAAMC,IAAuB,MAAM;AACxC,QAAMC,IAAYC,KACZC,IAAcC,KAEdC,IAAKC,EAAS,MACX,GAAGL,EAAU,0BAA0BE,EAAY,QAC3D,GACKI,IAAWD,EAAS,MAAM,IAAID,EAAG,OAAO;AAEvC,SAAA;AAAA,IACL,IAAAA;AAAA,IACA,UAAAE;AAAA,EAAA;AAEJ,GAEMC,IAAkB,CAACH,MAAe;AAChC,QAAAI,IAAY,SAAS,cAAc,KAAK;AAC9C,SAAAA,EAAU,KAAKJ,GACN,SAAA,KAAK,YAAYI,CAAS,GAC5BA;AACT,GAEaC,IAAqB,MAAM;AACtC,EAAAC,EAAc,MAAM;AAClB,QAAI,CAACC;AAAU;AAEf,UAAM,EAAE,IAAAP,GAAI,UAAAE,EAAS,IAAIP,EAAqB;AAI9C,KACE,QAAQ,IAAI,aAAa,UACxB,CAACD,KAAmB,CAAC,SAAS,KAAK,cAAcQ,EAAS,KAAK,OAE9CR,IAAAS,EAAgBH,EAAG,KAAK;AAAA,EAC5C,CACD;AACH;"}

package/es/hooks/use-timeout/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-timeout/index.ts"],"sourcesContent":["import { tryOnScopeDispose } from '@vueuse/core';\n\nexport function useTimeout() {\n  let timeoutHandle: number;\n\n  const registerTimeout = (fn: (...args: any[]) => any, delay: number) => {\n    cancelTimeout();\n    timeoutHandle = window.setTimeout(fn, delay);\n  };\n  const cancelTimeout = () => window.clearTimeout(timeoutHandle);\n\n  tryOnScopeDispose(() => cancelTimeout());\n\n  return {\n    registerTimeout,\n    cancelTimeout\n  };\n}\n"],"names":["useTimeout","timeoutHandle","registerTimeout","fn","delay","cancelTimeout","tryOnScopeDispose"],"mappings":";AAEO,SAASA,IAAa;AACvB,MAAAC;AAEE,QAAAC,IAAkB,CAACC,GAA6BC,MAAkB;AACxD,IAAAC,KACEJ,IAAA,OAAO,WAAWE,GAAIC,CAAK;AAAA,EAAA,GAEvCC,IAAgB,MAAM,OAAO,aAAaJ,CAAa;AAE3C,SAAAK,EAAA,MAAMD,GAAe,GAEhC;AAAA,IACL,iBAAAH;AAAA,IACA,eAAAG;AAAA,EAAA;AAEJ;"}