tttb 0.1.29

package/dist/components/Tooltip/manager.js

@@ -0,0 +1,105 @@
+import { reactive as E, createVNode as k, render as C } from "vue";
+import x from "./TooltipLayer.vue.js";
+import { defaultStateProps as v, BASIC_Z_INDEX as g } from "./types.js";
+let d = g, a = null;
+const r = E({
+  items: /* @__PURE__ */ new Map(),
+  singleton: I()
+});
+function I() {
+  return {
+    isVisible: !1,
+    triggerEl: null,
+    floatingEl: null,
+    content: "",
+    zIndex: g,
+    props: { ...v },
+    scheduler: A(),
+    parentId: null
+  };
+}
+function A() {
+  let e = null;
+  return {
+    run(i, s) {
+      e && clearTimeout(e), e = setTimeout(i, s);
+    },
+    cancel() {
+      e && (clearTimeout(e), e = null);
+    }
+  };
+}
+const f = (e, i) => e ? r.singleton : r.items.get(i), p = (e, i) => i ? !!(e.triggerEl?.contains(i) || e.floatingEl?.contains(i)) : !1, h = () => {
+  r.singleton.isVisible || [...r.items.values()].some((i) => i.isVisible) || (d = g);
+  for (const [i, s] of r.items)
+    (!s.isVisible || !s.triggerEl || !s.triggerEl.isConnected) && (s.scheduler.cancel(), r.items.delete(i));
+}, b = (e) => {
+  const i = e.target, s = r.singleton;
+  s.isVisible && s.props.trigger === "click" && !p(s, i) && V.hide(!0, null, 0);
+  for (const [t, n] of r.items)
+    n.isVisible && n.props.trigger === "click" && !p(n, i) && V.hide(!1, t, 0);
+}, L = () => {
+  if (a) return;
+  const e = document.createElement("div");
+  e.id = "floating-container", a = k(x), C(a, e), document.body.appendChild(e);
+};
+let c = !1;
+const m = () => {
+  const e = r.singleton.isVisible || [...r.items.values()].some((i) => i.isVisible);
+  e && !c ? (document.addEventListener("click", b, !0), c = !0) : !e && c && (document.removeEventListener("click", b, !0), c = !1);
+}, V = {
+  updateFloatingEl(e, i, s) {
+    const t = f(e, i);
+    t && s && (t.floatingEl = s);
+  },
+  show(e, i, s) {
+    if (!s.content) return;
+    L();
+    let t = f(e, i);
+    if (!e && !t && i && (t = E(I()), r.items.set(i, t)), !t) return;
+    const n = () => {
+      if (t) {
+        if (!e) {
+          for (const [o, u] of r.items)
+            if (o !== i && u.isVisible && u.floatingEl?.contains(s.triggerEl)) {
+              t.parentId = o, u.scheduler.cancel();
+              break;
+            }
+        }
+        d++, Object.assign(t, {
+          triggerEl: s.triggerEl,
+          content: s.content,
+          props: { ...v, ...s.props },
+          zIndex: d,
+          isVisible: !0
+        });
+      }
+    }, l = s.props.openDelay;
+    !t.isVisible && l > 0 ? t.scheduler.run(n, l) : (t.scheduler.cancel(), n()), m();
+  },
+  hide(e, i, s) {
+    const t = f(e, i);
+    t && t.scheduler.run(() => {
+      if (!((t.triggerEl?.matches(":hover") || t.floatingEl?.matches(":hover")) && t.props.trigger === "hover") && !(!e && [...r.items.values()].some((o) => o.parentId === i && o.isVisible))) {
+        if (t.isVisible = !1, e) {
+          h(), m();
+          return;
+        }
+        if (t.parentId) {
+          const l = r.items.get(t.parentId);
+          l?.isVisible && l.props.trigger === "hover" && this.hide(!1, t.parentId, s);
+        }
+      }
+    }, s);
+  },
+  // 非单例模式下，由内部组件动画结束后调用
+  remove(e) {
+    if (!e) return;
+    const i = r.items.get(e);
+    i && (i.scheduler.cancel(), !i.isVisible && (r.items.delete(e), h(), m()));
+  }
+};
+export {
+  r as state,
+  V as tooltipActions
+};

package/dist/components/Tooltip/types.js

@@ -0,0 +1,38 @@
+const e = 1e3, l = {
+  content: "",
+  placement: "top",
+  trigger: "hover",
+  manual: !1,
+  offset: 8,
+  transition: "scale",
+  showArrow: !0,
+  singleton: !1,
+  openDelay: 0,
+  closeDelay: 100,
+  light: !1,
+  class: "",
+  style: () => ({}),
+  virtualRef: null,
+  overflow: !1
+}, t = {
+  content: "",
+  placement: "top",
+  trigger: "hover",
+  manual: !1,
+  offset: 8,
+  transition: "scale",
+  showArrow: !0,
+  singleton: !1,
+  openDelay: 0,
+  closeDelay: 100,
+  light: !1,
+  class: "",
+  style: {},
+  virtualRef: null,
+  overflow: !1
+};
+export {
+  e as BASIC_Z_INDEX,
+  l as defaultProps,
+  t as defaultStateProps
+};

package/dist/components/Tooltip/useTooltip.js

@@ -0,0 +1,43 @@
+import { arrow as D, useFloating as H } from "../../node_modules/.pnpm/@floating-ui_vue@1.1.11_vue@3.5.34_typescript@5.9.3_/node_modules/@floating-ui/vue/dist/floating-ui.vue.js";
+import { computed as o, toValue as t, ref as a, watch as z } from "vue";
+import { offset as C, flip as E, shift as F, hide as T, autoUpdate as U } from "../../node_modules/.pnpm/@floating-ui_dom@1.7.6/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
+const j = (l, r, m, x, h, v) => {
+  const w = o(() => {
+    const e = t(l);
+    return [
+      C(e.offset),
+      E(),
+      F({ padding: 5 }),
+      D({ element: t(x), padding: 10 }),
+      T()
+    ];
+  }), { x: y, y: M, placement: $, middlewareData: g } = H(r, m, {
+    // 确保 placement 是响应式的
+    placement: o(() => t(l).placement || "top"),
+    strategy: "fixed",
+    whileElementsMounted: U,
+    middleware: w
+  }), A = o(() => $.value.split("-")[0]), s = a(0), i = a(0), d = a(0), u = a(0);
+  return z([y, M, g], ([e, c, p]) => {
+    if (p.hide?.referenceHidden) {
+      v.onHide?.();
+      return;
+    }
+    const f = t(r);
+    if (f && f.isConnected) {
+      e !== null && (s.value = e), c !== null && (i.value = c);
+      const n = p.arrow;
+      n && (d.value = n.x ?? 0, u.value = n.y ?? 0);
+    }
+  }), { style: o(() => ({
+    "--x": `${Math.round(s.value)}px`,
+    "--y": `${Math.round(i.value)}px`,
+    "--z-idx": t(h),
+    "--arrow-x": `${Math.round(d.value)}px`,
+    "--arrow-y": `${Math.round(u.value)}px`,
+    ...t(l).style
+  })), side: A };
+};
+export {
+  j as useTooltip
+};

package/dist/components/Warn/index.js

@@ -0,0 +1,6 @@
+import r from "./index.vue.js";
+import { withInstall as t } from "../helpers.js";
+const m = t(r);
+export {
+  m as default
+};

package/dist/components/Warn/index.vue.js

@@ -0,0 +1,7 @@
+import o from "./index.vue2.js";
+/* empty css           */
+import a from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-29bbaa0f"]]);
+export {
+  m as default
+};

package/dist/components/Warn/index.vue2.js

@@ -0,0 +1,21 @@
+import { defineComponent as t, openBlock as n, createElementBlock as a, createVNode as l, unref as e, createElementVNode as m, toDisplayString as c, renderSlot as i, mergeDefaults as s } from "vue";
+import { defaultProps as p } from "./types.js";
+import f from "../Icon/index.js";
+import { faCircleExclamation as d } from "../../node_modules/.pnpm/@fortawesome_free-solid-svg-icons@7.2.0/node_modules/@fortawesome/free-solid-svg-icons/index.js";
+const u = { class: "warn-container" }, k = /* @__PURE__ */ t({
+  name: "Warn",
+  __name: "index",
+  props: /* @__PURE__ */ s({
+    msg: {}
+  }, p),
+  setup(o) {
+    return (r, _) => (n(), a("div", u, [
+      l(e(f), { icon: e(d) }, null, 8, ["icon"]),
+      m("p", null, c(o.msg), 1),
+      i(r.$slots, "default", {}, void 0, !0)
+    ]));
+  }
+});
+export {
+  k as default
+};

package/dist/components/Warn/types.js

@@ -0,0 +1,6 @@
+const o = {
+  msg: "暂无数据"
+};
+export {
+  o as defaultProps
+};

package/dist/components/Watermark/index.js

@@ -0,0 +1,6 @@
+import t from "./index.vue.js";
+import { withInstall as r } from "../helpers.js";
+const m = r(t);
+export {
+  m as default
+};

package/dist/components/Watermark/index.vue.js

@@ -0,0 +1,7 @@
+import o from "./index.vue2.js";
+/* empty css           */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-2e039bab"]]);
+export {
+  e as default
+};

package/dist/components/Watermark/index.vue2.js

@@ -0,0 +1,54 @@
+import { defineComponent as c, ref as d, onMounted as f, onUnmounted as p, openBlock as m, createElementBlock as v, renderSlot as b, mergeDefaults as k } from "vue";
+import { defaultProps as g } from "./types.js";
+import y from "./useWatermarkBg.js";
+const $ = /* @__PURE__ */ c({
+  name: "Watermark",
+  __name: "index",
+  props: /* @__PURE__ */ k({
+    text: {},
+    fontSize: {},
+    gap: {},
+    rotate: {},
+    color: {}
+  }, g),
+  setup(a) {
+    const o = d(null), l = a;
+    let e = null;
+    const u = y(l), n = () => {
+      if (!o.value) return;
+      e && e.remove();
+      const { base64: r, size: t } = u.value;
+      e = document.createElement("div"), e.style.position = "absolute", e.style.backgroundImage = `url(${r})`, e.style.backgroundRepeat = "repeat", e.style.backgroundSize = `${t}px ${t}px`, e.style.pointerEvents = "none", e.style.zIndex = "9999", e.style.inset = "0", o.value.appendChild(e);
+    }, s = new MutationObserver((r) => {
+      for (const t of r) {
+        for (const i of t.removedNodes)
+          if (i === e) {
+            n();
+            return;
+          }
+        if (t.target === e) {
+          n();
+          return;
+        }
+      }
+    });
+    return f(() => {
+      n(), s.observe(o.value, {
+        attributes: !0,
+        childList: !0,
+        subtree: !0
+      });
+    }), p(() => {
+      s.disconnect();
+    }), (r, t) => (m(), v("div", {
+      class: "watermark-container",
+      ref_key: "parentRef",
+      ref: o
+    }, [
+      b(r.$slots, "default", {}, void 0, !0)
+    ], 512));
+  }
+});
+export {
+  $ as default
+};

package/dist/components/Watermark/types.js

@@ -0,0 +1,10 @@
+const t = {
+  text: "Watermark",
+  fontSize: 20,
+  gap: 100,
+  rotate: -45,
+  color: "rgba(0, 0, 0, .1)"
+};
+export {
+  t as defaultProps
+};

package/dist/components/Watermark/useWatermarkBg.js

@@ -0,0 +1,11 @@
+import { computed as s } from "vue";
+const d = (e) => s(() => {
+  const n = document.createElement("canvas"), a = window.devicePixelRatio || 1, o = e.fontSize * a + "px serif", t = n.getContext("2d"), { width: c } = t.measureText(e.text), i = Math.max(100, c) + e.gap * a;
+  return n.width = i, n.height = i, t.translate(n.width / 2, n.height / 2), t.rotate(Math.PI / 180 * -e.rotate), t.fillStyle = e.color, t.font = o, t.textAlign = "center", t.textBaseline = "middle", t.fillText(e.text, 0, 0), {
+    base64: n.toDataURL(),
+    size: i / a
+  };
+});
+export {
+  d as default
+};

package/dist/components/helpers.js

@@ -0,0 +1,25 @@
+import { defineComponent as o, h as i } from "vue";
+const a = (n) => {
+  if (!n) return n;
+  const t = n;
+  return t.install = (r) => {
+    const e = t.name || t.__name;
+    e && r.component(e, t);
+  }, n;
+}, s = {
+  content: {
+    type: [String, Object, Array],
+    required: !0
+  }
+}, d = o({
+  name: "RenderContent",
+  props: s,
+  render() {
+    const { content: n } = this;
+    return typeof n == "string" ? i("div", { innerHTML: n }) : n;
+  }
+});
+export {
+  d as RenderContent,
+  a as withInstall
+};

package/dist/components.js

@@ -0,0 +1,44 @@
+import { default as e } from "./components/Button/index.js";
+import { default as t } from "./components/Checkbox/index.js";
+import { default as l } from "./components/Collapse/index.js";
+import { default as p } from "./components/CollapseItem/index.js";
+import { default as d } from "./components/Dialog/index.js";
+import { default as x } from "./components/Icon/index.js";
+import { default as n } from "./components/Loading/index.js";
+import { default as c } from "./components/Message/index.js";
+import { default as v } from "./components/Modal/index.js";
+import { default as T } from "./components/Nav/index.js";
+import { default as h } from "./components/Pagination/index.js";
+import { default as I } from "./components/Popconfirm/index.js";
+import { default as N } from "./components/Popover/index.js";
+import { default as w } from "./components/Progress/index.js";
+import { default as D } from "./components/RouterNav/index.js";
+import { default as R } from "./components/Switch/index.js";
+import { default as j } from "./components/Table/index.js";
+import { default as y } from "./components/Timer/index.js";
+import { default as A } from "./components/Tooltip/index.js";
+import { default as F } from "./components/Warn/index.js";
+import { default as H } from "./components/Watermark/index.js";
+export {
+  e as Button,
+  t as Checkbox,
+  l as Collapse,
+  p as CollapseItem,
+  d as Dialog,
+  x as Icon,
+  n as Loading,
+  c as Message,
+  v as Modal,
+  T as Nav,
+  h as Pagination,
+  I as Popconfirm,
+  N as Popover,
+  w as Progress,
+  D as RouterNav,
+  R as Switch,
+  j as Table,
+  y as Timer,
+  A as Tooltip,
+  F as Warn,
+  H as Watermark
+};

package/dist/directives/vBackTop.js

@@ -0,0 +1,111 @@
+import { render as b, h as u } from "vue";
+import { debounce as y } from "../utils/debounce.js";
+import "../utils/dialog.js";
+import { injectStyles as w } from "../utils/injectStyles.js";
+import "../utils/localStorage.js";
+import "../utils/msg.js";
+import "../utils/sessionStorage.js";
+import { DEFAULT_OPTIONS as f } from "../hooks/useWindowBackTop.js";
+import g from "../components/Icon/index.js";
+import { faAngleUp as k } from "../node_modules/.pnpm/@fortawesome_free-solid-svg-icons@7.2.0/node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import c from "../node_modules/.pnpm/gsap@3.15.0/node_modules/gsap/index.js";
+const x = `
+.v-back-top-wrapper {
+  position: sticky;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  height: 0;
+  pointer-events: none;
+}
+.v-back-top-inner {
+  --size: var(--vbt-size, 36px);
+  position: absolute;
+  width: var(--size);
+  height: var(--size);
+  color: var(--color-white, #fff);
+  font-size: calc(var(--size) * 0.5);
+  border-radius: 50%;
+  display: none;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  pointer-events: auto;
+  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+  will-change: transform, opacity;
+}
+.v-back-top-inner:hover {
+  filter: brightness(1.1);
+}
+`;
+w(x, "v-back-top-styles");
+const h = (e) => {
+  const { wrapper: o, inner: t, options: i } = e;
+  o.style.zIndex = `${i.zIndex}`, t.style.setProperty("--vbt-size", `${i.size}px`), t.style.right = `${i.right}px`, t.style.bottom = `${i.bottom}px`, t.className = `v-back-top-inner bg-${i.type}`;
+}, l = /* @__PURE__ */ new WeakMap(), j = {
+  name: "back-top",
+  mounted(e, o) {
+    const t = { ...f, ...o.value };
+    let i = "";
+    getComputedStyle(e).position === "static" && (i = e.style.position, e.style.position = "relative");
+    const a = document.createElement("div");
+    a.className = "v-back-top-wrapper";
+    const r = document.createElement("div");
+    r.title = "Back to top", b(u(g, { icon: k }), r), r.addEventListener("click", (n) => {
+      n.stopPropagation(), e.scrollTo({ top: 0, behavior: "smooth" });
+    }), a.appendChild(r), e.appendChild(a);
+    const s = {
+      wrapper: a,
+      inner: r,
+      options: t,
+      visible: !1,
+      handler: () => {
+      },
+      observer: new ResizeObserver(() => {
+      }),
+      originalPosition: i
+    };
+    h(s);
+    const p = y(() => {
+      const n = e.scrollTop > t.scrollThreshold;
+      if (s.visible === n) return;
+      s.visible = n, c.killTweensOf(r);
+      const m = {
+        y: 0,
+        opacity: 1,
+        scale: 1,
+        duration: 0.4,
+        ease: "back.out(1.7)",
+        overwrite: !0,
+        onStart: () => {
+          r.style.display = "flex";
+        }
+      }, v = {
+        y: t.animationOffset,
+        opacity: 0,
+        scale: 0.6,
+        duration: 0.3,
+        ease: "power2.in",
+        overwrite: !0,
+        onComplete: () => {
+          r.style.display = "none";
+        }
+      };
+      n ? c.fromTo(r, v, m) : c.fromTo(r, m, v);
+    }, 100);
+    e.addEventListener("scroll", p, { passive: !0 });
+    const d = new ResizeObserver(p);
+    d.observe(e), s.handler = p, s.observer = d, l.set(e, s), p();
+  },
+  updated(e, o) {
+    const t = l.get(e);
+    t && (t.options = { ...f, ...o.value }, h(t), t.handler());
+  },
+  unmounted(e) {
+    const o = l.get(e);
+    o && (e.removeEventListener("scroll", o.handler), o.observer.disconnect(), c.killTweensOf(o.inner), b(null, o.inner), o.wrapper.remove(), l.delete(e));
+  }
+};
+export {
+  j as default
+};

package/dist/directives/vDelayIn.js

@@ -0,0 +1,41 @@
+const r = {
+  up: [
+    { transform: "translateY(100px)", opacity: 0 },
+    { transform: "translateY(0)", opacity: 1 }
+  ],
+  down: [
+    { transform: "translateY(-100px)", opacity: 0 },
+    { transform: "translateY(0)", opacity: 1 }
+  ],
+  left: [
+    { transform: "translateX(100px)", opacity: 0 },
+    { transform: "translateX(0)", opacity: 1 }
+  ],
+  right: [
+    { transform: "translateX(-100px)", opacity: 0 },
+    { transform: "translateX(0)", opacity: 1 }
+  ],
+  scale: [
+    { transform: "scale(0)", opacity: 0 },
+    { transform: "scale(1)", opacity: 1 }
+  ],
+  opacity: [{ opacity: 0 }, { opacity: 1 }],
+  fade: [
+    { transform: "translateY(-5px) scale(1.2)", opacity: 0 },
+    { transform: "translateY(0) scale(1)", opacity: 1 }
+  ]
+}, s = {
+  name: "delay-in",
+  mounted(o, t) {
+    const n = t.arg || "fade", a = o.animate(r[n], {
+      duration: 500,
+      easing: "ease-in-out",
+      delay: t.value || 0,
+      fill: "both"
+    });
+    a.onfinish = a.cancel, a.play();
+  }
+};
+export {
+  s as default
+};

package/dist/directives/vHoldPointer.js

@@ -0,0 +1,112 @@
+import "../utils/dialog.js";
+import { injectStyles as f } from "../utils/injectStyles.js";
+import "../utils/localStorage.js";
+import "../utils/msg.js";
+import "../utils/sessionStorage.js";
+import n from "../node_modules/.pnpm/gsap@3.15.0/node_modules/gsap/index.js";
+const y = `
+.v-hold-pointer {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 70px;
+  height: 70px;
+  margin-top: -35px;
+  margin-left: -35px;
+  pointer-events: none;
+  z-index: 9999;
+  will-change: transform;
+  opacity: 0;
+  transform: scale(0);
+}
+.v-hold-pointer svg {
+  position: absolute;
+  inset: 0;
+}
+.v-hold-pointer .path1 {
+  fill: none;
+  stroke: rgba(255, 255, 255, 0.5);
+  stroke-width: 1px;
+}
+.v-hold-pointer .path2 {
+  fill: none;
+  stroke: #efefef;
+  stroke-dasharray: 1;
+  stroke-dashoffset: 1;
+  transition: stroke-dashoffset 1.5s cubic-bezier(0.19, 1, 0.22, 1);
+}
+`;
+f(y, "v-hold-pointer-styles");
+const m = /* @__PURE__ */ new WeakMap(), P = () => {
+  const o = (h, e) => {
+    const t = document.createElementNS("http://www.w3.org/2000/svg", h);
+    return Object.entries(e).forEach(([r, i]) => t.setAttribute(r, i)), t;
+  }, s = document.createElement("div");
+  s.className = "v-hold-pointer";
+  const c = o("svg", { class: "pointer-dot", viewBox: "0 0 70 70" }), a = o("circle", { cx: "35", cy: "35", r: "1.6", fill: "white" });
+  c.appendChild(a);
+  const d = o("svg", { class: "pointer-circle", viewBox: "0 0 70 70" }), l = "m35,2.5c17.955803,0 32.5,14.544199 32.5,32.5c0,17.955803 -14.544197,32.5 -32.5,32.5c-17.955803,0 -32.5,-14.544197 -32.5,-32.5c0,-17.955801 14.544197,-32.5 32.5,-32.5z", u = o("path", { class: "path1", d: l }), p = o("path", { class: "path2", d: l, pathLength: "1" });
+  return d.append(u, p), s.append(c, d), { container: s, dot: c, circle: d, circlePath: p };
+}, S = {
+  name: "hold-pointer",
+  mounted(o) {
+    const { container: s, dot: c, circle: a, circlePath: d } = P();
+    o.appendChild(s);
+    const l = n.quickSetter(s, "x", "px"), u = n.quickSetter(s, "y", "px"), p = n.quickSetter(a, "x", "px"), h = n.quickSetter(a, "y", "px"), e = {
+      container: s,
+      dot: c,
+      circle: a,
+      mouse: { x: 0, y: 0 },
+      dotPos: { x: 0, y: 0 },
+      circlePos: { x: 0, y: 0 },
+      isInside: !1,
+      // 鼠标是否在元素内
+      updateTicker: () => {
+        const t = (r, i, x) => {
+          const v = i - r;
+          return Math.abs(v) < 0.1 ? i : r + v * x;
+        };
+        e.dotPos.x = t(e.dotPos.x, e.mouse.x, 0.28), e.dotPos.y = t(e.dotPos.y, e.mouse.y, 0.28), e.circlePos.x = t(e.circlePos.x, e.mouse.x, 0.12), e.circlePos.y = t(e.circlePos.y, e.mouse.y, 0.12), l(e.dotPos.x), u(e.dotPos.y), p(e.circlePos.x - e.dotPos.x), h(e.circlePos.y - e.dotPos.y);
+      },
+      handlers: {
+        move: (t) => {
+          const r = t instanceof TouchEvent ? t.touches[0].clientX : t.clientX, i = t instanceof TouchEvent ? t.touches[0].clientY : t.clientY;
+          e.mouse.x = r, e.mouse.y = i, e.isInside || e.handlers.enter(r, i);
+        },
+        enter: (t, r) => {
+          e.isInside = !0, t !== void 0 && r !== void 0 && e.dotPos.x === 0 && (e.dotPos.x = e.circlePos.x = t, e.dotPos.y = e.circlePos.y = r), n.to(s, { opacity: 1, scale: 1, duration: 0.4, ease: "back.out(1.5)" });
+        },
+        leave: () => {
+          e.isInside = !1, n.to(s, { opacity: 0, scale: 0.4, duration: 0.4, ease: "power2.inOut" }), e.handlers.release();
+        },
+        press: (t) => {
+          if (!e.isInside) {
+            if (t) {
+              const r = t instanceof TouchEvent ? t.touches[0].clientX : t.clientX, i = t instanceof TouchEvent ? t.touches[0].clientY : t.clientY;
+              e.mouse.x = r, e.mouse.y = i;
+            }
+            e.handlers.enter(e.mouse.x, e.mouse.y);
+          }
+          n.to(c, { scale: 1.8, duration: 0.4, ease: "power3.out" }), n.to(a, { scale: 0.82, duration: 0.6, ease: "back.out(3)" }), n.to(d, { strokeDashoffset: 0 });
+        },
+        release: () => {
+          n.to(c, { scale: 1, duration: 0.6, ease: "elastic.out(1, 0.5)" }), n.to(a, { scale: 1, duration: 0.6, ease: "elastic.out(1, 0.5)" }), n.to(d, { strokeDashoffset: 1 });
+        }
+      }
+    };
+    o.addEventListener("mousemove", e.handlers.move), o.addEventListener("mouseenter", e.handlers.move), o.addEventListener("mouseleave", e.handlers.leave), o.addEventListener("mousedown", e.handlers.press), window.addEventListener("mouseup", e.handlers.release), o.addEventListener(
+      "touchstart",
+      (t) => {
+        e.handlers.press(t), e.handlers.move(t);
+      },
+      { passive: !0 }
+    ), o.addEventListener("touchmove", e.handlers.move, { passive: !0 }), o.addEventListener("touchend", e.handlers.leave, { passive: !0 }), n.ticker.add(e.updateTicker), m.set(o, e);
+  },
+  unmounted(o) {
+    const s = m.get(o);
+    s && (n.ticker.remove(s.updateTicker), s.container.remove(), window.removeEventListener("mouseup", s.handlers.release), m.delete(o));
+  }
+};
+export {
+  S as default
+};