@juleshry/vue-animejs 1.0.1 → 1.1.0

package/README.md

@@ -2,9 +2,15 @@
   <img src="./docs/src/public/icon-animated.svg" alt="vue-animejs" width="120" />
 
   <h1 align="center">vue-animejs</h1>
-  <p align="center">Vue 3 composables for <a href="https://animejs.com/">Anime.js</a> v4 — reactive animations that integrate naturally with Vue's reactivity system and component lifecycle.</p>
-  <p align="center"><a href="https://vue-animejs.juleshry.dev">📖 Documentation</a></p>
-  <p align="center"><a href="https://app.netlify.com/projects/vue-animejs/deploys"><img src="https://api.netlify.com/api/v1/badges/8017f5b4-47b7-45e4-a5d6-269d638a71ab/deploy-status" alt="Netlify Status" style="vertical-align: middle" /></a>&nbsp;&nbsp;<a href="https://ko-fi.com/C7O720SP29"><img src="https://ko-fi.com/img/githubbutton_sm.svg" alt="ko-fi" style="vertical-align: middle" /></a></p>
+  <p align="center">Vue 3 composables and directives for <a href="https://animejs.com/">Anime.js</a> v4 — reactive animations that integrate naturally with Vue's reactivity system and component lifecycle.</p>
+  <p align="center">
+    <a href="https://www.npmjs.com/package/@juleshry/vue-animejs"><img src="https://img.shields.io/npm/v/%40juleshry%2Fvue-animejs?label=npm&color=a1b858" alt="npm version" /></a>
+    <a href="https://www.npmjs.com/package/@juleshry/vue-animejs"><img src="https://img.shields.io/npm/dm/%40juleshry%2Fvue-animejs?color=50a36f" alt="npm downloads" /></a>
+    <a href="https://vue-animejs.juleshry.dev"><img src="https://img.shields.io/badge/docs%20%26%20demos-vue--animejs-4fc08d" alt="docs & demos" /></a>
+    <a href="https://github.com/juleshry/vue-animejs"><img src="https://img.shields.io/github/stars/juleshry/vue-animejs?style=flat&color=yellow" alt="GitHub stars" /></a>
+  </p>
+  <p align="center"><a href="https://app.netlify.com/projects/vue-animejs/deploys"><img src="https://api.netlify.com/api/v1/badges/8017f5b4-47b7-45e4-a5d6-269d638a71ab/deploy-status" alt="Netlify Status" /></a></p>
+  <p align="center"><a href="https://ko-fi.com/C7O720SP29"><img src="https://ko-fi.com/img/githubbutton_sm.svg" alt="ko-fi" /></a></p>
 </div>
 
 ## 🚀 Overview
@@ -63,7 +69,7 @@ useAnimate(el, { translateX: 250, duration: 800 })
 - Anime.js 4+
 - @vueuse/core 14+
 
-## 🦄 Composables
+## 🦄 Composables & Directives
 
 | Composable       | Description                                       |
 |------------------|---------------------------------------------------|
@@ -80,306 +86,15 @@ useAnimate(el, { translateX: 250, duration: 800 })
 | `useSvgDrawable` | Animate SVG stroke drawing with the `draw` property |
 | `useText`        | Split text into animatable lines, words, and chars |
 
-## 🚀 Usage
-
-### `useAnimate`
-
-```vue
-<script setup lang="ts">
-import { useTemplateRef } from 'vue'
-import { useAnimate } from '@juleshry/vue-animejs'
-
-const el = useTemplateRef<HTMLElement>('el')
-
-const { play, pause } = useAnimate(el, {
-  translateX: 250,
-  duration: 800,
-  easing: 'easeInOutQuad',
-})
-</script>
-
-<template>
-  <div ref="el" />
-  <button @click="play">Play</button>
-  <button @click="pause">Pause</button>
-</template>
-```
-
-### `useTimer`
-
-```vue
-<script setup lang="ts">
-import { useTimer } from '@juleshry/vue-animejs'
-
-const { play, pause } = useTimer({
-  duration: 3000,
-  onUpdate: (self) => console.log(self.currentTime),
-})
-</script>
-```
-
-### `useTimeline`
-
-```vue
-<script setup lang="ts">
-import { useTemplateRef } from 'vue'
-import { useTimeline } from '@juleshry/vue-animejs'
-
-const box = useTemplateRef<HTMLElement>('box')
-
-const { add, play } = useTimeline({ loop: true })
-
-add(box, { translateX: 100 })
-add(box, { translateY: 50 }, '+=200')
-play()
-</script>
-```
-
-### `useRawAnimate`
-
-```vue
-<script setup lang="ts">
-import { useTemplateRef } from 'vue'
-import { useRawAnimate } from '@juleshry/vue-animejs'
-
-const el = useTemplateRef<HTMLElement>('el')
-
-// Returns the raw Anime.js JSAnimation instance directly
-const animation = useRawAnimate(el, { translateX: 250, duration: 800 })
-</script>
-
-<template>
-  <div ref="el" />
-</template>
-```
-
-### `useAnimatable`
-
-```vue
-<script setup lang="ts">
-import { useTemplateRef } from 'vue'
-import { useAnimatable } from '@juleshry/vue-animejs'
-
-const el = useTemplateRef<HTMLElement>('el')
-
-const { animatable } = useAnimatable(el, {
-  x: 0,
-  opacity: 1,
-})
-</script>
-```
-
-### `useWaapi`
-
-```vue
-<script setup lang="ts">
-import { useTemplateRef } from 'vue'
-import { useWaapi } from '@juleshry/vue-animejs'
-
-const el = useTemplateRef<HTMLElement>('el')
-
-const { play, pause } = useWaapi(el, {
-  translateX: 250,
-  duration: 800,
-  easing: 'easeInOutQuad',
-})
-</script>
-
-<template>
-  <div ref="el" />
-  <button @click="play">Play</button>
-  <button @click="pause">Pause</button>
-</template>
-```
-
-### `useSvg`
-
-> **Note:** `morphTo` requires a live DOM element. Add each target as a hidden `<path>`, pass the ref directly to `morphTo`, and wrap in a `computed` — `useTimeline.add()` accepts `MaybeRef<AnimationParams>` and resolves the computed after mount, when the target elements are available.
-
-```vue
-<script setup lang="ts">
-import { computed, useTemplateRef } from 'vue'
-import { useSvg, useTimeline } from '@juleshry/vue-animejs'
-
-const shape = useTemplateRef<SVGPathElement>('shape')
-const t_circle = useTemplateRef<SVGPathElement>('t-circle')
-const t_diamond = useTemplateRef<SVGPathElement>('t-diamond')
-
-const { morphTo } = useSvg()
-
-const { add } = useTimeline({
-  loop: true,
-  defaults: { duration: 1200, easing: 'easeInOutCubic' },
-  loopDelay: 500,
-})
-
-add(shape, computed(() => ({ d: morphTo(t_circle) })))
-  .add(shape, computed(() => ({ d: morphTo(t_diamond) })), '+=500')
-</script>
-
-<template>
-  <svg viewBox="0 0 100 100">
-    <path ref="shape" d="M 50 15 C 78 8, 95 28, 90 52 C 85 76, 68 90, 50 88 C 32 90, 15 76, 10 52 C 5 28, 22 8, 50 15 Z" />
-    <path ref="t-circle" d="M 50 10 C 72 10, 90 28, 90 50 C 90 72, 72 90, 50 90 C 28 90, 10 72, 10 50 C 10 28, 28 10, 50 10 Z" visibility="hidden" />
-    <path ref="t-diamond" d="M 50 5 C 54 32, 68 32, 95 50 C 68 68, 54 68, 50 95 C 46 68, 32 68, 5 50 C 32 32, 46 32, 50 5 Z" visibility="hidden" />
-  </svg>
-</template>
-```
-
-### `useSvgDrawable`
-
-```vue
-<script setup lang="ts">
-import { useTemplateRef } from 'vue'
-import { useAnimate, useSvgDrawable } from '@juleshry/vue-animejs'
-
-const circle_el = useTemplateRef<SVGCircleElement>('circle')
-
-const { drawable } = useSvgDrawable(circle_el)
-
-// draw values are normalised: 0 = hidden, 1 = fully drawn
-useAnimate(drawable, {
-  draw: ['0 0', '0.5 1', '0 1'],
-  duration: 1200,
-  easing: 'easeInOutQuad',
-})
-</script>
-
-<template>
-  <svg viewBox="0 0 100 100">
-    <circle ref="circle" cx="50" cy="50" r="40" fill="none" stroke="currentColor" stroke-width="4" />
-  </svg>
-</template>
-```
-
-### `useDraggable`
-
-```vue
-<script setup lang="ts">
-import { useTemplateRef } from 'vue'
-import { useDraggable } from '@juleshry/vue-animejs'
+**Directives** — declarative alternatives for element-bound animations:
 
-const el = useTemplateRef<HTMLElement>('el')
-
-const { disable, enable } = useDraggable(el, {
-  onGrab: () => console.log('grabbed'),
-  onDrag: () => console.log('dragging'),
-  onRelease: () => console.log('released'),
-})
-</script>
-
-<template>
-  <div ref="el" />
-  <button @click="disable">Disable</button>
-  <button @click="enable">Enable</button>
-</template>
-```
-
-### `useLayout`
-
-> **Note:** Vue's DOM updates are asynchronous. Use `await nextTick()` between the state change and `animate()` so Anime.js reads the updated positions.
-
-```vue
-<script setup lang="ts">
-import { nextTick, ref, useTemplateRef } from 'vue'
-import { useLayout } from '@juleshry/vue-animejs'
-
-const list = useTemplateRef<HTMLElement>('list')
-const { record, animate } = useLayout(list, {})
-
-const items = ref([1, 2, 3, 4, 5])
-
-async function shuffle() {
-  record()
-  items.value = [...items.value].sort(() => Math.random() - 0.5)
-  await nextTick()
-  animate({ duration: 600 })
-}
-</script>
-
-<template>
-  <ul ref="list">
-    <li v-for="item in items" :key="item">{{ item }}</li>
-  </ul>
-  <button @click="shuffle">Shuffle</button>
-</template>
-```
+| Directive    | Description                                      |
+|--------------|--------------------------------------------------|
+| `v-animate`  | Animate an element declaratively via template attribute |
 
-When you mutate the DOM directly with `classList.toggle`, the change is synchronous — no `nextTick` needed:
-
-```vue
-<script setup lang="ts">
-import { useTemplateRef } from 'vue'
-import { useLayout } from '@juleshry/vue-animejs'
-
-const container = useTemplateRef<HTMLElement>('container')
-const { update } = useLayout(container, {})
-
-function toggleLayout() {
-  update(() => {
-    container.value!.classList.toggle('grid')
-  }, { duration: 600 })
-}
-</script>
-
-<template>
-  <div ref="container" class="grid">
-    <div v-for="i in 6" :key="i" class="item" />
-  </div>
-  <button @click="toggleLayout">Toggle layout</button>
-</template>
-```
-
-### `useScope`
-
-```vue
-<script setup lang="ts">
-import { useTemplateRef } from 'vue'
-import { useAnimate, useScope } from '@juleshry/vue-animejs'
-
-const el = useTemplateRef<HTMLElement>('el')
-
-const { add, revert } = useScope({ mediaQuery: '(prefers-reduced-motion: no-preference)' })
-
-// Animations added via add() are automatically reverted when the scope reverts
-// or when the component unmounts
-add(scope => {
-  useAnimate(el, { translateX: 250, duration: 800 })
-})
-</script>
-
-<template>
-  <div ref="el" />
-  <button @click="revert">Revert</button>
-</template>
-```
-
-### `useText`
-
-> **Note:** `words`, `chars`, and `lines` are `ComputedRef<HTMLElement[]>` — they populate after mount and can be passed directly to `useAnimate`.
-
-```vue
-<script setup lang="ts">
-import { useTemplateRef } from 'vue'
-import { useAnimate, useText } from '@juleshry/vue-animejs'
-import { stagger } from 'animejs'
-
-const el = useTemplateRef<HTMLElement>('el')
-
-const { words, chars } = useText(el, { words: true, chars: true })
-
-// words and chars are ComputedRef<HTMLElement[]> — pass them directly as targets
-useAnimate(words, {
-  y: ['100%', '0%'],
-  duration: 600,
-  delay: stagger(50),
-})
-</script>
+## 🚀 Usage
 
-<template>
-  <p ref="el">Hello, world!</p>
-</template>
-```
+For full API docs and live demos, see **[the doc here](https://vue-animejs.juleshry.dev)**.
 
 ## 👨‍🚀 Contributors
 
@@ -399,9 +114,7 @@ See the [Contributing Guide](./CONTRIBUTING.md).
 ## 🗺️ TODO
 
 - [ ] Allow reactive refs inside option objects
-- [ ] Finish doc website
 - [ ] Add components
-- [ ] Add directives
 
 ## 📄 License
 

package/dist/directives/v-animate.d.ts

@@ -0,0 +1,12 @@
+import { type AnimationParams } from "animejs";
+import type { Directive } from "vue";
+/**
+ * Declarative animation directive. Applies an Anime.js animation to the element on mount,
+ * re-creates it when the binding value changes, and reverts it on unmount.
+ *
+ * @example
+ * <div v-animate="{ translateX: 250, duration: 800 }" />
+ * <div v-animate="reactiveOptions" />
+ */
+export declare const vAnimate: Directive<HTMLElement, AnimationParams>;
+//# sourceMappingURL=v-animate.d.ts.map

package/dist/directives/v-animate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"v-animate.d.ts","sourceRoot":"","sources":["../../src/directives/v-animate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,eAAe,EAAoB,MAAM,SAAS,CAAA;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAIpC;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,EAAE,SAAS,CAAC,WAAW,EAAE,eAAe,CAkB5D,CAAA"}

package/dist/directives/v-draggable.d.ts

@@ -0,0 +1,12 @@
+import { type DraggableParams } from "animejs";
+import type { Directive } from "vue";
+/**
+ * Declarative draggable directive. Makes the element draggable on mount,
+ * re-creates it when the binding value changes, and reverts it on unmount.
+ *
+ * @example
+ * <div v-draggable />
+ * <div v-draggable="{ snap: [0, 100] }" />
+ */
+export declare const vDraggable: Directive<HTMLElement, DraggableParams | undefined>;
+//# sourceMappingURL=v-draggable.d.ts.map

package/dist/directives/v-draggable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"v-draggable.d.ts","sourceRoot":"","sources":["../../src/directives/v-draggable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmC,KAAK,eAAe,EAAE,MAAM,SAAS,CAAA;AAC/E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAIpC;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,EAAE,SAAS,CAAC,WAAW,EAAE,eAAe,GAAG,SAAS,CAa1E,CAAA"}

package/dist/directives/v-svg-drawable.d.ts

@@ -0,0 +1,13 @@
+import { type AnimationParams } from "animejs";
+import type { Directive } from "vue";
+/**
+ * Declarative SVG drawable directive. Wraps the SVG geometry element in an Anime.js drawable
+ * Proxy and animates the `draw` property on mount. Re-creates it when the binding value changes
+ * and reverts on unmount.
+ *
+ * @example
+ * <path v-svg-drawable="{ draw: '0 1', duration: 1200 }" />
+ * <path v-svg-drawable="{ draw: ['0 0', '0.5 1', '0 1'], ease: 'inOutQuad', loop: true }" />
+ */
+export declare const vSvgDrawable: Directive<SVGGeometryElement, AnimationParams | undefined>;
+//# sourceMappingURL=v-svg-drawable.d.ts.map

package/dist/directives/v-svg-drawable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"v-svg-drawable.d.ts","sourceRoot":"","sources":["../../src/directives/v-svg-drawable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,eAAe,EAA8C,MAAM,SAAS,CAAA;AACxG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAepC;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,SAAS,CAAC,kBAAkB,EAAE,eAAe,GAAG,SAAS,CAiBnF,CAAA"}

package/dist/directives/v-text-split.d.ts

@@ -0,0 +1,16 @@
+import { type AnimationParams, type TextSplitterParams } from "animejs";
+import type { Directive } from "vue";
+export interface VTextSplitValue extends TextSplitterParams {
+    animation?: AnimationParams;
+}
+/**
+ * Declarative text-split directive. Splits the element's text into chars, words, or lines on
+ * mount, and optionally animates the resulting spans. Re-creates on binding change, reverts on unmount.
+ *
+ * @example
+ * <p v-text-split="{ words: true, animation: { translateY: [20, 0], opacity: [0, 1], delay: stagger(60) } }">Hello</p>
+ * <p v-text-split="{ chars: true, animation: { opacity: [0, 1], delay: stagger(30) } }">Hello</p>
+ * <p v-text-split="{ lines: true, animation: { translateX: [-20, 0], delay: stagger(100) } }">Hello</p>
+ */
+export declare const vTextSplit: Directive<HTMLElement, VTextSplitValue | undefined>;
+//# sourceMappingURL=v-text-split.d.ts.map

package/dist/directives/v-text-split.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"v-text-split.d.ts","sourceRoot":"","sources":["../../src/directives/v-text-split.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,eAAe,EAGpB,KAAK,kBAAkB,EACxB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAEpC,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD,SAAS,CAAC,EAAE,eAAe,CAAA;CAC5B;AAoCD;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,EAAE,SAAS,CAAC,WAAW,EAAE,eAAe,GAAG,SAAS,CAe1E,CAAA"}

package/dist/directives/v-waapi.d.ts

@@ -0,0 +1,12 @@
+import { type WAAPIAnimationParams } from "animejs";
+import type { Directive } from "vue";
+/**
+ * Declarative WAAPI animation directive. Applies an Anime.js WAAPI animation to the element on
+ * mount, re-creates it when the binding value changes, and reverts it on unmount.
+ *
+ * @example
+ * <div v-waapi="{ translateX: 250, duration: 800 }" />
+ * <div v-waapi="reactiveOptions" />
+ */
+export declare const vWaapi: Directive<HTMLElement, WAAPIAnimationParams>;
+//# sourceMappingURL=v-waapi.d.ts.map

package/dist/directives/v-waapi.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"v-waapi.d.ts","sourceRoot":"","sources":["../../src/directives/v-waapi.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,oBAAoB,EAAuB,MAAM,SAAS,CAAA;AAC/E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AASpC;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM,EAAE,SAAS,CAAC,WAAW,EAAE,oBAAoB,CAiC/D,CAAA"}

package/dist/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`vue`),t=require(`animejs`),n=require(`@vueuse/core`);function r(e){return(0,n.unrefElement)(e)}function i(i,a={}){let o=(0,e.shallowRef)(),{stop:s}=(0,e.watch)([()=>r(i),()=>(0,e.unref)(a)],([e,t])=>{c(e,t)},{flush:`post`,immediate:!(0,e.isRef)(i)});(0,n.tryOnUnmounted)(()=>{s(),g()});function c(e,n){if(_(),!e){console.warn(`Target element is null or undefined`),o.value=void 0;return}o.value=(0,t.animate)(e,n)}function l(){return o.value?.play()}function u(){return o.value?.reverse()}function d(){return o.value?.pause()}function f(){return o.value?.restart()}function p(){return o.value?.alternate()}function m(){return o.value?.resume()}function h(){return o.value?.complete()}function g(){return o.value?.cancel()}function _(){return o.value?.revert()}function v(e){return o.value?.reset(e)}function y(e,t,n){return o.value?.seek(e,t,n)}function b(e){return o.value?.stretch(e)}function x(){return o.value?.refresh()}return{animation:(0,e.readonly)(o),play:l,reverse:u,pause:d,restart:f,alternate:p,resume:m,complete:h,cancel:g,revert:_,reset:v,seek:y,stretch:b,refresh:x}}function a(n,i={}){let a=r(n);return a||console.warn(`Target is undefined`),(0,t.animate)(a,(0,e.unref)(i))}function o(r={}){let i=(0,e.shallowRef)((0,t.createTimer)((0,e.unref)(r))),{stop:a}=(0,e.watch)(()=>(0,e.unref)(r),e=>{m(),i.value=(0,t.createTimer)(e)},{deep:1});(0,n.tryOnUnmounted)(()=>{a(),m()});function o(){return i.value.play()}function s(){return i.value.reverse()}function c(){return i.value.pause()}function l(){return i.value.restart()}function u(){return i.value.alternate()}function d(){return i.value.resume()}function f(){return i.value.complete()}function p(e){return i.value.reset(e)}function m(){return i.value.cancel()}function h(){return i.value.revert()}function g(e,t,n){return i.value.seek(e,t,n)}function _(e){return i.value.stretch(e)}return{timer:(0,e.readonly)(i),play:o,reverse:s,pause:c,restart:l,alternate:u,resume:d,complete:f,reset:p,cancel:m,revert:h,seek:g,stretch:_}}function s(i={}){let a=!1,o=[],s=(0,e.shallowRef)((0,t.createTimeline)((0,e.unref)(i)));function c(){for(let t of o)t.type===`add`?s.value.add(r(t.targets),(0,e.toValue)(t.params),t.position):s.value.set(r(t.targets),(0,e.toValue)(t.params),t.position)}let{stop:l}=(0,e.watch)(()=>(0,e.unref)(i),e=>{E(),s.value=(0,t.createTimeline)(e),c()},{flush:`post`,deep:1});(0,n.tryOnMounted)(()=>{a=!0,c()}),(0,n.tryOnUnmounted)(()=>{l(),T()});function u(t,n,i){return o.push({type:`add`,targets:t,params:n,position:i}),a?{...s.value.add(r(t),(0,e.toValue)(n),i),add:u,set:d,remove:f}:{...s.value,add:u,set:d,remove:f}}function d(t,n,i){return o.push({type:`set`,targets:t,params:n,position:i}),a?{...s.value.set(r(t),(0,e.toValue)(n),i),add:u,set:d,remove:f}:{...s.value,add:u,set:d,remove:f}}function f(e,t){return a?{...s.value.remove(r(e),t),add:u,set:d,remove:f}:(console.warn(`Cannot remove from timeline before mount`),{...s.value,add:u,set:d,remove:f})}function p(e,t){return s.value.sync(e,t)}function m(e,t){return s.value.label(e,t)}function h(e,t){return s.value.call(e,t)}function g(e){return s.value.init(e)}function _(){return s.value.play()}function v(){return s.value.reverse()}function y(){return s.value.pause()}function b(){return s.value.restart()}function x(){return s.value.alternate()}function S(){return s.value.resume()}function C(){return s.value.complete()}function w(e){return s.value.reset(e)}function T(){return s.value.cancel()}function E(){return s.value.revert()}function D(e,t,n){return s.value.seek(e,t,n)}function O(e){return s.value.stretch(e)}function k(){return s.value.refresh()}return{timeline:(0,e.readonly)(s),add:u,set:d,sync:p,label:m,remove:f,call:h,init:g,play:_,reverse:v,pause:y,restart:b,alternate:x,resume:S,complete:C,reset:w,cancel:T,revert:E,seek:D,stretch:O,refresh:k}}function c(i,a={}){let o=(0,e.shallowRef)(),{stop:s}=(0,e.watch)((0,e.computed)(()=>({el:r(i),opt:(0,e.unref)(a)})),({el:e,opt:n})=>{if(c(),!e){console.warn(`Targets element is null or undefined`),o.value=void 0;return}o.value=(0,t.createAnimatable)(e,n)},{flush:`post`,immediate:!(0,e.isRef)(i)});(0,n.tryOnUnmounted)(()=>{s(),c()});function c(){return o.value?.revert()}return{animatable:(0,e.readonly)(o),revert:c}}function l(i,a={}){let o=(0,e.shallowRef)(),{stop:s}=(0,e.watch)([()=>r(i),()=>(0,e.unref)(a)],([e,n])=>{if(g(),!e){console.warn(`Targets element is null or undefined`),o.value=void 0;return}o.value=(0,t.createDraggable)(e,n)},{flush:`post`,immediate:!(0,e.isRef)(i)});(0,n.tryOnUnmounted)(()=>{g(),s()});function c(){return o.value?.disable()}function l(){return o.value?.enable()}function u(e,t){return o.value?.setX(e,t)}function d(e,t){return o.value?.setY(e,t)}function f(e,t,n){return o.value?.animateInView(e,t,n)}function p(e,t,n){return o.value?.scrollInView(e,t,n)}function m(){return o.value?.stop()}function h(){return o.value?.reset()}function g(){return o.value?.revert()}function _(){return o.value?.refresh()}return{draggable:(0,e.readonly)(o),disable:c,enable:l,setX:u,setY:d,animateInView:f,scrollInView:p,stop:m,reset:h,revert:g,refresh:_}}function u(i,a={}){let o=(0,e.shallowRef)(),{stop:s}=(0,e.watch)([()=>r(i),()=>(0,e.unref)(a)],([e,n])=>{if(d(),!e){console.warn(`Target element is null or undefined`),o.value=void 0;return}o.value=(0,t.createLayout)(e,n)},{flush:`post`,immediate:!(0,e.isRef)(i)});(0,n.tryOnUnmounted)(()=>{d(),s()});function c(){return o.value?.record()}function l(e){return o.value?.animate(e)}function u(e,t){return o.value?.update(e,t)}function d(){return o.value?.revert()}return{layout:(0,e.readonly)(o),record:c,animate:l,update:u,revert:d}}function d(){function n(n,r){let i=(0,e.unref)(n);return i?t.svg.morphTo((0,e.unref)(i),(0,e.unref)(r)):()=>``}function r(n,r){let i=(0,e.unref)(n)??``;return t.svg.createMotionPath(i,(0,e.unref)(r))}return{morphTo:n,createMotionPath:r}}function f(i,a=0,o=0){let s=(0,e.shallowRef)(),{stop:c}=(0,e.watch)(()=>r(i),n=>{if(s.value=void 0,!n){console.warn(`[useSvgDrawable] Target element is null or undefined`);return}s.value=t.svg.createDrawable(n,(0,e.unref)(a),(0,e.unref)(o))[0]},{flush:`post`,immediate:!(0,e.isRef)(i)});return(0,n.tryOnUnmounted)(()=>{c(),s.value=void 0}),{drawable:(0,e.readonly)(s)}}function p(i,a){let o=(0,e.shallowRef)(),s=(0,e.computed)(()=>o.value?.lines??[]),c=(0,e.computed)(()=>o.value?.words??[]),l=(0,e.computed)(()=>o.value?.chars??[]),{stop:u}=(0,e.watch)([()=>r(i),()=>(0,e.unref)(a)],([e,n])=>{d(),o.value=void 0,e&&(o.value=(0,t.splitText)(e,n))},{flush:`post`,immediate:!(0,e.isRef)(i)});(0,n.tryOnUnmounted)(()=>{u(),o.value=void 0,d()});function d(){o.value?.revert()}function f(){o.value?.refresh()}return{splitter:(0,e.readonly)(o),lines:s,words:c,chars:l,revert:d,refresh:f}}function m(i,a={}){let o=(0,e.shallowRef)(),{stop:s}=(0,e.watch)([()=>r(i),()=>(0,e.unref)(a)],([e,n])=>{o.value=t.waapi.animate(e,n)},{flush:`post`,immediate:!(0,e.isRef)(i)});(0,n.tryOnUnmounted)(()=>{s()});function c(){return o.value?.resume()}function l(){return o.value?.pause()}function u(){return o.value?.alternate()}function d(){return o.value?.play()}function f(){return o.value?.reverse()}function p(t,n){return o.value?.seek((0,e.unref)(t),(0,e.unref)(n))}function m(){return o.value?.restart()}function g(){return o.value?.commitStyles()}function _(){return o.value?.complete()}function v(){return o.value?.cancel()}function y(){return o.value?.revert()}return{animation:(0,e.readonly)(o),resume:c,pause:l,alternate:u,play:d,reverse:f,seek:p,restart:m,commitStyles:g,complete:_,cancel:v,revert:y,convertEase:h}}function h(n,r=100){return t.waapi.convertEase((0,e.unref)(n),(0,e.unref)(r))}function g(r){let i=(0,e.shallowRef)(void 0),a=[],o=[],s=[],c=!1,l;(0,n.tryOnMounted)(()=>{c=!0,i.value=(0,t.createScope)((0,e.unref)(r));for(let e of a)i.value.add(e);for(let[e,t]of o)i.value.add(e,t);for(let e of s)i.value.addOnce(e);a.length=0,o.length=0,s.length=0,(0,e.isRef)(r)&&(l=(0,e.watch)(r,e=>{i.value?.revert(),i.value=(0,t.createScope)(e)},{flush:`post`}))}),(0,n.tryOnUnmounted)(()=>{i.value?.revert(),l?.()});function u(e){return c?i.value?.add(e):void a.push(e)}function d(e,t){return c?i.value?.add(e,t):void o.push([e,t])}function f(e){return c?i.value?.addOnce(e):void s.push(e)}function p(e){return i.value?.keepTime(e)}function m(){return i.value?.revert()}function h(){return i.value?.refresh()}return{scope:(0,e.shallowReadonly)(i),add:u,registerMethod:d,addOnce:f,keepTime:p,revert:m,refresh:h}}exports.useAnimatable=c,exports.useAnimate=i,exports.useDraggable=l,exports.useLayout=u,exports.useRawAnimate=a,exports.useScope=g,exports.useSvg=d,exports.useSvgDrawable=f,exports.useText=p,exports.useTimeline=s,exports.useTimer=o,exports.useWaapi=m;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`vue`),t=require(`animejs`),n=require(`@vueuse/core`);function r(e){return(0,n.unrefElement)(e)}function i(i,a={}){let o=(0,e.shallowRef)(),{stop:s}=(0,e.watch)([()=>r(i),()=>(0,e.unref)(a)],([e,t])=>{c(e,t)},{flush:`post`,immediate:!(0,e.isRef)(i)});(0,n.tryOnUnmounted)(()=>{s(),g()});function c(e,n){if(_(),!e){console.warn(`Target element is null or undefined`),o.value=void 0;return}o.value=(0,t.animate)(e,n)}function l(){return o.value?.play()}function u(){return o.value?.reverse()}function d(){return o.value?.pause()}function f(){return o.value?.restart()}function p(){return o.value?.alternate()}function m(){return o.value?.resume()}function h(){return o.value?.complete()}function g(){return o.value?.cancel()}function _(){return o.value?.revert()}function v(e){return o.value?.reset(e)}function y(e,t,n){return o.value?.seek(e,t,n)}function b(e){return o.value?.stretch(e)}function x(){return o.value?.refresh()}return{animation:(0,e.readonly)(o),play:l,reverse:u,pause:d,restart:f,alternate:p,resume:m,complete:h,cancel:g,revert:_,reset:v,seek:y,stretch:b,refresh:x}}function a(n,i={}){let a=r(n);return a||console.warn(`Target is undefined`),(0,t.animate)(a,(0,e.unref)(i))}function o(r={}){let i=(0,e.shallowRef)((0,t.createTimer)((0,e.unref)(r))),{stop:a}=(0,e.watch)(()=>(0,e.unref)(r),e=>{m(),i.value=(0,t.createTimer)(e)},{deep:1});(0,n.tryOnUnmounted)(()=>{a(),m()});function o(){return i.value.play()}function s(){return i.value.reverse()}function c(){return i.value.pause()}function l(){return i.value.restart()}function u(){return i.value.alternate()}function d(){return i.value.resume()}function f(){return i.value.complete()}function p(e){return i.value.reset(e)}function m(){return i.value.cancel()}function h(){return i.value.revert()}function g(e,t,n){return i.value.seek(e,t,n)}function _(e){return i.value.stretch(e)}return{timer:(0,e.readonly)(i),play:o,reverse:s,pause:c,restart:l,alternate:u,resume:d,complete:f,reset:p,cancel:m,revert:h,seek:g,stretch:_}}function s(i={}){let a=!1,o=[],s=(0,e.shallowRef)((0,t.createTimeline)((0,e.unref)(i)));function c(){for(let t of o)t.type===`add`?s.value.add(r(t.targets),(0,e.toValue)(t.params),t.position):s.value.set(r(t.targets),(0,e.toValue)(t.params),t.position)}let{stop:l}=(0,e.watch)(()=>(0,e.unref)(i),e=>{E(),s.value=(0,t.createTimeline)(e),c()},{flush:`post`,deep:1});(0,n.tryOnMounted)(()=>{a=!0,c()}),(0,n.tryOnUnmounted)(()=>{l(),T()});function u(t,n,i){return o.push({type:`add`,targets:t,params:n,position:i}),a?{...s.value.add(r(t),(0,e.toValue)(n),i),add:u,set:d,remove:f}:{...s.value,add:u,set:d,remove:f}}function d(t,n,i){return o.push({type:`set`,targets:t,params:n,position:i}),a?{...s.value.set(r(t),(0,e.toValue)(n),i),add:u,set:d,remove:f}:{...s.value,add:u,set:d,remove:f}}function f(e,t){return a?{...s.value.remove(r(e),t),add:u,set:d,remove:f}:(console.warn(`Cannot remove from timeline before mount`),{...s.value,add:u,set:d,remove:f})}function p(e,t){return s.value.sync(e,t)}function m(e,t){return s.value.label(e,t)}function h(e,t){return s.value.call(e,t)}function g(e){return s.value.init(e)}function _(){return s.value.play()}function v(){return s.value.reverse()}function y(){return s.value.pause()}function b(){return s.value.restart()}function x(){return s.value.alternate()}function S(){return s.value.resume()}function C(){return s.value.complete()}function w(e){return s.value.reset(e)}function T(){return s.value.cancel()}function E(){return s.value.revert()}function D(e,t,n){return s.value.seek(e,t,n)}function O(e){return s.value.stretch(e)}function k(){return s.value.refresh()}return{timeline:(0,e.readonly)(s),add:u,set:d,sync:p,label:m,remove:f,call:h,init:g,play:_,reverse:v,pause:y,restart:b,alternate:x,resume:S,complete:C,reset:w,cancel:T,revert:E,seek:D,stretch:O,refresh:k}}function c(i,a={}){let o=(0,e.shallowRef)(),{stop:s}=(0,e.watch)((0,e.computed)(()=>({el:r(i),opt:(0,e.unref)(a)})),({el:e,opt:n})=>{if(c(),!e){console.warn(`Targets element is null or undefined`),o.value=void 0;return}o.value=(0,t.createAnimatable)(e,n)},{flush:`post`,immediate:!(0,e.isRef)(i)});(0,n.tryOnUnmounted)(()=>{s(),c()});function c(){return o.value?.revert()}return{animatable:(0,e.readonly)(o),revert:c}}function l(i,a={}){let o=(0,e.shallowRef)(),{stop:s}=(0,e.watch)([()=>r(i),()=>(0,e.unref)(a)],([e,n])=>{if(g(),!e){console.warn(`Targets element is null or undefined`),o.value=void 0;return}o.value=(0,t.createDraggable)(e,n)},{flush:`post`,immediate:!(0,e.isRef)(i)});(0,n.tryOnUnmounted)(()=>{g(),s()});function c(){return o.value?.disable()}function l(){return o.value?.enable()}function u(e,t){return o.value?.setX(e,t)}function d(e,t){return o.value?.setY(e,t)}function f(e,t,n){return o.value?.animateInView(e,t,n)}function p(e,t,n){return o.value?.scrollInView(e,t,n)}function m(){return o.value?.stop()}function h(){return o.value?.reset()}function g(){return o.value?.revert()}function _(){return o.value?.refresh()}return{draggable:(0,e.readonly)(o),disable:c,enable:l,setX:u,setY:d,animateInView:f,scrollInView:p,stop:m,reset:h,revert:g,refresh:_}}function u(i,a={}){let o=(0,e.shallowRef)(),{stop:s}=(0,e.watch)([()=>r(i),()=>(0,e.unref)(a)],([e,n])=>{if(d(),!e){console.warn(`Target element is null or undefined`),o.value=void 0;return}o.value=(0,t.createLayout)(e,n)},{flush:`post`,immediate:!(0,e.isRef)(i)});(0,n.tryOnUnmounted)(()=>{d(),s()});function c(){return o.value?.record()}function l(e){return o.value?.animate(e)}function u(e,t){return o.value?.update(e,t)}function d(){return o.value?.revert()}return{layout:(0,e.readonly)(o),record:c,animate:l,update:u,revert:d}}function d(){function n(n,r){let i=(0,e.unref)(n);return i?t.svg.morphTo((0,e.unref)(i),(0,e.unref)(r)):()=>``}function r(n,r){let i=(0,e.unref)(n)??``;return t.svg.createMotionPath(i,(0,e.unref)(r))}return{morphTo:n,createMotionPath:r}}function f(i,a=0,o=0){let s=(0,e.shallowRef)(),{stop:c}=(0,e.watch)(()=>r(i),n=>{if(s.value=void 0,!n){console.warn(`[useSvgDrawable] Target element is null or undefined`);return}s.value=t.svg.createDrawable(n,(0,e.unref)(a),(0,e.unref)(o))[0]},{flush:`post`,immediate:!(0,e.isRef)(i)});return(0,n.tryOnUnmounted)(()=>{c(),s.value=void 0}),{drawable:(0,e.readonly)(s)}}function p(i,a){let o=(0,e.shallowRef)(),s=(0,e.computed)(()=>o.value?.lines??[]),c=(0,e.computed)(()=>o.value?.words??[]),l=(0,e.computed)(()=>o.value?.chars??[]),{stop:u}=(0,e.watch)([()=>r(i),()=>(0,e.unref)(a)],([e,n])=>{d(),o.value=void 0,e&&(o.value=(0,t.splitText)(e,n))},{flush:`post`,immediate:!(0,e.isRef)(i)});(0,n.tryOnUnmounted)(()=>{u(),o.value=void 0,d()});function d(){o.value?.revert()}function f(){o.value?.refresh()}return{splitter:(0,e.readonly)(o),lines:s,words:c,chars:l,revert:d,refresh:f}}function m(i,a={}){let o=(0,e.shallowRef)(),{stop:s}=(0,e.watch)([()=>r(i),()=>(0,e.unref)(a)],([e,n])=>{o.value=t.waapi.animate(e,n)},{flush:`post`,immediate:!(0,e.isRef)(i)});(0,n.tryOnUnmounted)(()=>{s()});function c(){return o.value?.resume()}function l(){return o.value?.pause()}function u(){return o.value?.alternate()}function d(){return o.value?.play()}function f(){return o.value?.reverse()}function p(t,n){return o.value?.seek((0,e.unref)(t),(0,e.unref)(n))}function m(){return o.value?.restart()}function g(){return o.value?.commitStyles()}function _(){return o.value?.complete()}function v(){return o.value?.cancel()}function y(){return o.value?.revert()}return{animation:(0,e.readonly)(o),resume:c,pause:l,alternate:u,play:d,reverse:f,seek:p,restart:m,commitStyles:g,complete:_,cancel:v,revert:y,convertEase:h}}function h(n,r=100){return t.waapi.convertEase((0,e.unref)(n),(0,e.unref)(r))}function g(r){let i=(0,e.shallowRef)(void 0),a=[],o=[],s=[],c=!1,l;(0,n.tryOnMounted)(()=>{c=!0,i.value=(0,t.createScope)((0,e.unref)(r));for(let e of a)i.value.add(e);for(let[e,t]of o)i.value.add(e,t);for(let e of s)i.value.addOnce(e);a.length=0,o.length=0,s.length=0,(0,e.isRef)(r)&&(l=(0,e.watch)(r,e=>{i.value?.revert(),i.value=(0,t.createScope)(e)},{flush:`post`}))}),(0,n.tryOnUnmounted)(()=>{i.value?.revert(),l?.()});function u(e){return c?i.value?.add(e):void a.push(e)}function d(e,t){return c?i.value?.add(e,t):void o.push([e,t])}function f(e){return c?i.value?.addOnce(e):void s.push(e)}function p(e){return i.value?.keepTime(e)}function m(){return i.value?.revert()}function h(){return i.value?.refresh()}return{scope:(0,e.shallowReadonly)(i),add:u,registerMethod:d,addOnce:f,keepTime:p,revert:m,refresh:h}}var _=new WeakMap,v={mounted(e,n){n.value&&_.set(e,(0,t.animate)(e,n.value))},updated(e,n){if(n.value===n.oldValue)return;let r=_.get(e);r?.cancel(),r?.revert(),n.value&&_.set(e,(0,t.animate)(e,n.value))},unmounted(e){let t=_.get(e);t?.cancel(),t?.revert(),_.delete(e)}},y=new WeakMap,b={mounted(e,n){y.set(e,(0,t.createDraggable)(e,n.value??{}))},updated(e,n){n.value!==n.oldValue&&(y.get(e)?.revert(),y.set(e,(0,t.createDraggable)(e,n.value??{})))},unmounted(e){y.get(e)?.revert(),y.delete(e)}},x=new WeakMap;function S(e,n){let r=t.svg.createDrawable(e)[0];return{drawable:r,animation:n?(0,t.animate)(r,n):void 0}}var C={mounted(e,t){x.set(e,S(e,t.value))},updated(e,t){if(t.value===t.oldValue)return;let n=x.get(e);n?.animation?.cancel(),n?.animation?.revert(),x.set(e,S(e,t.value))},unmounted(e){let t=x.get(e);t?.animation?.cancel(),t?.animation?.revert(),x.delete(e)}},w=new WeakMap,T={mounted(e,n){n.value&&w.set(e,{animation:t.waapi.animate(e,n.value),originalStyle:e.style.cssText})},updated(e,n){if(n.value===n.oldValue)return;let r=w.get(e);r&&(r.animation.cancel(),e.style.cssText=r.originalStyle,w.delete(e)),n.value&&w.set(e,{animation:t.waapi.animate(e,n.value),originalStyle:e.style.cssText})},unmounted(e){let t=w.get(e);t&&(t.animation.cancel(),e.style.cssText=t.originalStyle,w.delete(e))}},E=new WeakMap;function D(e,n){let{animation:r,...i}=n??{},a=(0,t.splitText)(e,i),o={splitter:a,animation:void 0};return r&&(i.lines?(document.fonts?.ready??Promise.resolve()).then(()=>{E.get(e)===o&&(o.animation=(0,t.animate)(a.lines,r))}):o.animation=(0,t.animate)(i.chars?a.chars:a.words,r)),o}function O(e){e.animation?.cancel(),e.splitter.revert()}var k={mounted(e,t){E.set(e,D(e,t.value))},updated(e,t){if(t.value===t.oldValue)return;let n=E.get(e);n&&O(n),E.set(e,D(e,t.value))},unmounted(e){let t=E.get(e);t&&O(t),E.delete(e)}};exports.useAnimatable=c,exports.useAnimate=i,exports.useDraggable=l,exports.useLayout=u,exports.useRawAnimate=a,exports.useScope=g,exports.useSvg=d,exports.useSvgDrawable=f,exports.useText=p,exports.useTimeline=s,exports.useTimer=o,exports.useWaapi=m,exports.vAnimate=v,exports.vDraggable=b,exports.vSvgDrawable=C,exports.vTextSplit=k,exports.vWaapi=T;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../src/utils/resolve-target.ts","../src/composables/use-animate.ts","../src/composables/use-raw-animate.ts","../src/composables/use-timer.ts","../src/composables/use-timeline.ts","../src/composables/use-animatable.ts","../src/composables/use-draggable.ts","../src/composables/use-layout.ts","../src/composables/use-svg.ts","../src/composables/use-svg-drawable.ts","../src/composables/use-text.ts","../src/composables/use-waapi.ts","../src/composables/use-scope.ts"],"sourcesContent":["import { type Ref, type ComponentPublicInstance, type MaybeRef } from \"vue\"\nimport { unrefElement, type MaybeComputedElementRef } from \"@vueuse/core\"\nimport { type TargetsParam } from \"animejs\"\n\n/**\n * Any valid animation target: any Anime.js `TargetsParam` (optionally wrapped in a `Ref`),\n * or a Vue component template ref (`Ref<ComponentPublicInstance>`), whose `.$el` is resolved\n * automatically via `unrefElement`.\n */\nexport type AnimationTargets = MaybeRef<TargetsParam> | Ref<ComponentPublicInstance>\n\n/**\n * Resolves an `AnimationTargets` value to a plain `TargetsParam` suitable for Anime.js.\n * Unwraps `Ref<HTMLElement | SVGElement>` template refs and `Ref<ComponentPublicInstance>`\n * component refs (extracting `.$el`); non-ref values pass through unchanged.\n *\n * @param targets - A raw Anime.js target, a Vue template ref, or a Vue component ref.\n */\nexport function resolveTarget(targets: AnimationTargets): TargetsParam {\n  return unrefElement(targets as MaybeComputedElementRef) as TargetsParam\n}","import { type DeepReadonly, type MaybeRef, type ShallowRef, shallowRef, unref, watch, readonly, isRef } from \"vue\"\nimport { type JSAnimation, animate, type TargetsParam, type AnimationParams } from \"animejs\"\nimport { tryOnUnmounted } from \"@vueuse/core\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\n\nexport interface UseAnimateReturn {\n  /** The underlying Anime.js animation instance. `undefined` until the target is available. */\n  animation: DeepReadonly<ShallowRef<JSAnimation | undefined>>\n  /** Starts or resumes the animation. */\n  play: () => JSAnimation | undefined\n  /** Reverses playback direction. */\n  reverse: () => JSAnimation | undefined\n  /** Pauses the animation at the current position. */\n  pause: () => JSAnimation | undefined\n  /** Restarts the animation from the beginning. */\n  restart: () => JSAnimation | undefined\n  /** Toggles between forward and reverse direction. */\n  alternate: () => JSAnimation | undefined\n  /** Resumes from a paused state. */\n  resume: () => JSAnimation | undefined\n  /** Jumps immediately to the end of the animation. */\n  complete: () => JSAnimation | undefined\n  /** Stops the animation and removes it from the Anime.js engine. */\n  cancel: () => JSAnimation | undefined\n  /** Cancels the animation and restores all animated properties to their original values. */\n  revert: () => JSAnimation | undefined\n  /** Resets the animation to its initial state. Pass `true` for a soft reset that preserves the current cycle. */\n  reset: (softReset?: boolean) => JSAnimation | undefined\n  /** Seeks to a specific time (in ms). */\n  seek: (time: number, muteCallbacks?: boolean | number, internalRender?: boolean | number) => JSAnimation | undefined\n  /** Rescales the animation to a new total duration. */\n  stretch: (newDuration: number) => JSAnimation | undefined\n  /** Re-reads the current values of animated properties from the DOM. */\n  refresh: () => JSAnimation | undefined\n}\n\n/**\n * Wraps Anime.js `animate()` into a Vue composable. Reactively re-creates the animation when the target or options change, and cancels it automatically on unmount.\n *\n * @param _target - The element(s) to animate. Accepts a template ref, a CSS selector, a DOM element, or a reactive ref to any of these.\n * @param _options - Anime.js animation parameters. Accepts a plain object or a reactive ref / computed. Defaults to `{}`.\n */\nexport function useAnimate(_target: AnimationTargets, _options: MaybeRef<AnimationParams> = {}): UseAnimateReturn {\n  const animation = shallowRef<JSAnimation>()\n\n  const { stop } = watch(\n    [() => resolveTarget(_target), () => unref(_options)],\n    ([el, opt]) => {\n      createAnimation(el, opt)\n    },\n    { flush: \"post\", immediate: !isRef(_target) }\n  )\n\n  tryOnUnmounted(() => {\n    stop()\n    cancel()\n  })\n\n  function createAnimation(el: TargetsParam, opt: AnimationParams) {\n    revert()\n\n    if (!el) {\n      console.warn(\"Target element is null or undefined\")\n      animation.value = undefined\n      return\n    }\n\n    animation.value = animate(el, opt)\n  }\n\n  function play() {\n    return animation.value?.play()\n  }\n\n  function reverse() {\n    return animation.value?.reverse()\n  }\n\n  function pause() {\n    return animation.value?.pause()\n  }\n\n  function restart() {\n    return animation.value?.restart()\n  }\n\n  function alternate() {\n    return animation.value?.alternate()\n  }\n\n  function resume() {\n    return animation.value?.resume()\n  }\n\n  function complete() {\n    return animation.value?.complete()\n  }\n\n  function cancel() {\n    return animation.value?.cancel()\n  }\n\n  function revert() {\n    return animation.value?.revert()\n  }\n\n  function reset(softReset?: boolean) {\n    return animation.value?.reset(softReset)\n  }\n\n  function seek(time: number, muteCallbacks?: boolean | number, internalRender?: boolean | number) {\n    return animation.value?.seek(time, muteCallbacks, internalRender)\n  }\n\n  function stretch(newDuration: number) {\n    return animation.value?.stretch(newDuration)\n  }\n\n  function refresh() {\n    return animation.value?.refresh()\n  }\n\n  return {\n    animation: readonly(animation),\n    play,\n    reverse,\n    pause,\n    restart,\n    alternate,\n    resume,\n    complete,\n    cancel,\n    revert,\n    reset,\n    seek,\n    stretch,\n    refresh,\n  }\n}","import { animate, type AnimationParams, type JSAnimation } from \"animejs\"\nimport { type MaybeRef, unref } from \"vue\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\n\n/** The Anime.js `JSAnimation` instance returned by `useRawAnimate`. */\nexport type UseRawAnimateReturn = JSAnimation\n\n/**\n * Thin wrapper around Anime.js `animate()`. Resolves the target (unwrapping refs and Vue component\n * refs via `.$el`) and immediately starts the animation.\n *\n * @param _target - The element(s) to animate. Accepts a template ref, a Vue component ref, a CSS selector, a DOM element, or a reactive ref to any of these.\n * @param _options - Anime.js animation parameters. Accepts a plain object or a reactive ref / computed. Defaults to `{}`.\n */\nexport function useRawAnimate(\n  _target: AnimationTargets,\n  _options: MaybeRef<AnimationParams> = {}\n): UseRawAnimateReturn {\n  const target = resolveTarget(_target)\n\n  if (!target) {\n    console.warn(\"Target is undefined\")\n  }\n\n  return animate(target, unref(_options))\n}","import { createTimer, type Timer, type TimerParams } from \"animejs\"\nimport { type MaybeRef, type ShallowRef, shallowRef, unref, watch, type DeepReadonly, readonly } from \"vue\"\nimport { tryOnUnmounted } from \"@vueuse/core\"\n\nexport interface UseTimerReturn {\n  /** The underlying Anime.js timer instance. */\n  timer: DeepReadonly<ShallowRef<Timer>>\n  /** Starts or resumes the timer. */\n  play: () => Timer\n  /** Reverses the timer's playback direction. */\n  reverse: () => Timer\n  /** Pauses the timer at the current position. */\n  pause: () => Timer\n  /** Restarts the timer from the beginning. */\n  restart: () => Timer\n  /** Toggles between forward and reverse direction. */\n  alternate: () => Timer\n  /** Resumes from a paused state. */\n  resume: () => Timer\n  /** Jumps immediately to the end of the timer duration. */\n  complete: () => Timer\n  /** Resets the timer to its initial state. Pass `true` for a soft reset that preserves the current cycle. */\n  reset: (softReset?: boolean) => Timer\n  /** Stops the timer and removes it from the Anime.js engine. */\n  cancel: () => Timer\n  /** Cancels the timer and restores any associated state to its original values. */\n  revert: () => Timer\n  /** Seeks to a specific time (in ms). */\n  seek: (time: number, muteCallbacks?: boolean | number, internalRender?: boolean | number) => Timer\n  /** Rescales the timer to a new total duration. */\n  stretch: (newDuration: number) => Timer\n}\n\n/**\n * Wraps Anime.js `createTimer()` into a Vue composable. Reactively re-creates the timer when options change, and cancels it automatically on unmount.\n *\n * @param options - Anime.js timer parameters. Accepts a plain object or a reactive ref / computed. Defaults to `{}`.\n */\nexport function useTimer(options: MaybeRef<TimerParams> = {}): UseTimerReturn {\n  const timer = shallowRef<Timer>(createTimer(unref(options)))\n\n  const { stop } = watch(\n    () => unref(options),\n    options => {\n      cancel()\n      timer.value = createTimer(options)\n    },\n    { deep: 1 }\n  )\n\n  tryOnUnmounted(() => {\n    stop()\n    cancel()\n  })\n\n  function play() {\n    return timer.value.play()\n  }\n\n  function reverse() {\n    return timer.value.reverse()\n  }\n\n  function pause() {\n    return timer.value.pause()\n  }\n\n  function restart() {\n    return timer.value.restart()\n  }\n\n  function alternate() {\n    return timer.value.alternate()\n  }\n\n  function resume() {\n    return timer.value.resume()\n  }\n\n  function complete() {\n    return timer.value.complete()\n  }\n\n  function reset(softReset?: boolean) {\n    return timer.value.reset(softReset)\n  }\n\n  function cancel() {\n    return timer.value.cancel()\n  }\n\n  function revert() {\n    return timer.value.revert()\n  }\n\n  function seek(time: number, muteCallbacks?: boolean | number, internalRender?: boolean | number) {\n    return timer.value.seek(time, muteCallbacks, internalRender)\n  }\n\n  function stretch(newDuration: number) {\n    return timer.value.stretch(newDuration)\n  }\n\n  return {\n    timer: readonly(timer),\n    play,\n    reverse,\n    pause,\n    restart,\n    alternate,\n    resume,\n    complete,\n    reset,\n    cancel,\n    revert,\n    seek,\n    stretch,\n  }\n}","import {\n  type MaybeRef,\n  type MaybeRefOrGetter,\n  type ShallowRef,\n  shallowRef,\n  toValue,\n  unref,\n  watch,\n  type DeepReadonly,\n  readonly,\n} from \"vue\"\nimport {\n  type AnimationParams,\n  type Callback,\n  createTimeline,\n  type StaggerFunction,\n  type Tickable,\n  type Timeline,\n  type TimelineParams,\n  type TimelinePosition,\n  type Timer,\n} from \"animejs\"\nimport { tryOnMounted, tryOnUnmounted } from \"@vueuse/core\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\n\ntype QueueEntry =\n  | {\n      type: \"add\"\n      targets: AnimationTargets\n      params: MaybeRefOrGetter<AnimationParams>\n      position?: TimelinePosition | StaggerFunction<number | string>\n    }\n  | { type: \"set\"; targets: AnimationTargets; params: MaybeRefOrGetter<AnimationParams>; position?: TimelinePosition }\n\nexport type TimelineChain = Timeline & {\n  /** Adds an animation to the timeline and returns a chainable object. */\n  add: (\n    targets: AnimationTargets,\n    params: MaybeRefOrGetter<AnimationParams>,\n    position?: TimelinePosition | StaggerFunction<number | string>\n  ) => TimelineChain\n  /** Sets a property to a value at a point in the timeline without animating it, then returns a chainable object. */\n  set: (\n    targets: AnimationTargets,\n    params: MaybeRefOrGetter<AnimationParams>,\n    position?: TimelinePosition\n  ) => TimelineChain\n  /** Removes an animation target (or a specific property) from the timeline and returns a chainable object. */\n  remove: (targets: AnimationTargets, propertyName?: string) => TimelineChain\n}\n\nexport interface UseTimelineReturn {\n  /** The underlying Anime.js timeline instance. */\n  timeline: DeepReadonly<ShallowRef<Timeline>>\n  /** Adds an animation to the timeline. Accepts a template ref or any valid Anime.js target. Returns a chainable object. */\n  add: (\n    targets: AnimationTargets,\n    params: MaybeRefOrGetter<AnimationParams>,\n    position?: TimelinePosition | StaggerFunction<number | string>\n  ) => TimelineChain\n  /** Sets a property to a value at a point in the timeline without animating it. Returns a chainable object. */\n  set: (\n    targets: AnimationTargets,\n    params: MaybeRefOrGetter<AnimationParams>,\n    position?: TimelinePosition\n  ) => TimelineChain\n  /** Removes an animation target (or a specific property) from the timeline. Returns a chainable object. */\n  remove: (targets: AnimationTargets, propertyName?: string) => TimelineChain\n  /** Synchronises another tickable (animation, timer) into the timeline at the given position. */\n  sync: (synced?: Tickable, position?: TimelinePosition) => Timeline\n  /** Adds a named label at a position so it can be referenced by `.add()` or `.seek()`. */\n  label: (labelName: string, position?: TimelinePosition) => Timeline\n  /** Inserts a callback function at a specific point in the timeline. */\n  call: (callback: Callback<Timer>, position?: TimelinePosition) => Timeline\n  /** Renders the timeline once without playing it. */\n  init: (internalRender?: boolean) => Timeline\n  /** Starts or resumes the timeline. */\n  play: () => Timeline\n  /** Reverses playback direction. */\n  reverse: () => Timeline\n  /** Pauses the timeline at the current position. */\n  pause: () => Timeline\n  /** Restarts the timeline from the beginning. */\n  restart: () => Timeline\n  /** Toggles between forward and reverse direction. */\n  alternate: () => Timeline\n  /** Resumes from a paused state. */\n  resume: () => Timeline\n  /** Jumps immediately to the end of the timeline. */\n  complete: () => Timeline\n  /** Resets the timeline to its initial state. Pass `true` for a soft reset that preserves the current cycle. */\n  reset: (softReset?: boolean) => Timeline\n  /** Stops the timeline and removes it from the Anime.js engine. */\n  cancel: () => Timeline\n  /** Cancels the timeline and restores all animated properties to their original values. */\n  revert: () => Timeline\n  /** Seeks to a specific time (in ms). */\n  seek: (time: number, muteCallbacks?: boolean | number, internalRender?: boolean | number) => Timeline\n  /** Rescales the timeline to a new total duration. */\n  stretch: (newDuration: number) => Timeline\n  /** Re-reads the current values of all animated properties from the DOM. */\n  refresh: () => Timeline\n}\n\n/**\n * Wraps Anime.js `createTimeline()` into a Vue composable. Reactively re-creates the timeline when options change, and cancels it automatically on unmount.\n *\n * @param options - Anime.js timeline parameters. Accepts a plain object or a reactive ref / computed. Defaults to `{}`.\n */\nexport function useTimeline(options: MaybeRef<TimelineParams> = {}): UseTimelineReturn {\n  let is_mounted = false\n\n  const queue: QueueEntry[] = []\n\n  const timeline = shallowRef<Timeline>(createTimeline(unref(options)))\n\n  function replayQueue() {\n    for (const entry of queue) {\n      if (entry.type === \"add\") {\n        timeline.value.add(resolveTarget(entry.targets), toValue(entry.params), entry.position)\n      } else {\n        timeline.value.set(resolveTarget(entry.targets), toValue(entry.params), entry.position)\n      }\n    }\n  }\n\n  const { stop } = watch(\n    () => unref(options),\n    _options => {\n      revert()\n      timeline.value = createTimeline(_options)\n      replayQueue()\n    },\n    { flush: \"post\", deep: 1 }\n  )\n\n  tryOnMounted(() => {\n    is_mounted = true\n    replayQueue()\n  })\n\n  tryOnUnmounted(() => {\n    stop()\n    cancel()\n  })\n\n  function add(\n    targets: AnimationTargets,\n    _params: MaybeRefOrGetter<AnimationParams>,\n    position?: TimelinePosition | StaggerFunction<number | string>\n  ) {\n    queue.push({ type: \"add\", targets, params: _params, position })\n\n    if (is_mounted) {\n      return {\n        ...timeline.value.add(resolveTarget(targets), toValue(_params), position),\n        add,\n        set,\n        remove,\n      } as TimelineChain\n    }\n\n    return { ...timeline.value, add, set, remove } as TimelineChain\n  }\n\n  function set(targets: AnimationTargets, _params: MaybeRefOrGetter<AnimationParams>, position?: TimelinePosition) {\n    queue.push({ type: \"set\", targets, params: _params, position })\n\n    if (is_mounted) {\n      return {\n        ...timeline.value.set(resolveTarget(targets), toValue(_params), position),\n        add,\n        set,\n        remove,\n      } as TimelineChain\n    }\n\n    return { ...timeline.value, add, set, remove } as TimelineChain\n  }\n\n  function remove(targets: AnimationTargets, propertyName?: string) {\n    if (!is_mounted) {\n      console.warn(\"Cannot remove from timeline before mount\")\n      return { ...timeline.value, add, set, remove } as TimelineChain\n    }\n\n    return { ...timeline.value.remove(resolveTarget(targets), propertyName), add, set, remove } as TimelineChain\n  }\n\n  function sync(synced?: Tickable, position?: TimelinePosition) {\n    return timeline.value.sync(synced, position)\n  }\n\n  function label(labelName: string, position?: TimelinePosition) {\n    return timeline.value.label(labelName, position)\n  }\n\n  function call(callback: Callback<Timer>, position?: TimelinePosition) {\n    return timeline.value.call(callback, position)\n  }\n\n  function init(internalRender?: boolean) {\n    return timeline.value.init(internalRender)\n  }\n\n  function play() {\n    return timeline.value.play()\n  }\n\n  function reverse() {\n    return timeline.value.reverse()\n  }\n\n  function pause() {\n    return timeline.value.pause()\n  }\n\n  function restart() {\n    return timeline.value.restart()\n  }\n\n  function alternate() {\n    return timeline.value.alternate()\n  }\n\n  function resume() {\n    return timeline.value.resume()\n  }\n\n  function complete() {\n    return timeline.value.complete()\n  }\n\n  function reset(softReset?: boolean) {\n    return timeline.value.reset(softReset)\n  }\n\n  function cancel() {\n    return timeline.value.cancel()\n  }\n\n  function revert() {\n    return timeline.value.revert()\n  }\n\n  function seek(time: number, muteCallbacks?: boolean | number, internalRender?: boolean | number) {\n    return timeline.value.seek(time, muteCallbacks, internalRender)\n  }\n\n  function stretch(newDuration: number) {\n    return timeline.value.stretch(newDuration)\n  }\n\n  function refresh() {\n    return timeline.value.refresh()\n  }\n\n  return {\n    timeline: readonly(timeline),\n    add,\n    set,\n    sync,\n    label,\n    remove,\n    call,\n    init,\n    play,\n    reverse,\n    pause,\n    restart,\n    alternate,\n    resume,\n    complete,\n    reset,\n    cancel,\n    revert,\n    seek,\n    stretch,\n    refresh,\n  }\n}","import { type AnimatableObject, type AnimatableParams, createAnimatable, type TargetsParam } from \"animejs\"\nimport {\n  computed,\n  type DeepReadonly,\n  isRef,\n  type MaybeRef,\n  readonly,\n  type ShallowRef,\n  shallowRef,\n  unref,\n  watch,\n} from \"vue\"\nimport { tryOnUnmounted } from \"@vueuse/core\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\n\nexport interface UseAnimatableReturn {\n  /** The underlying Anime.js animatable instance. `undefined` until the target is available. */\n  animatable: DeepReadonly<ShallowRef<AnimatableObject | undefined>>\n  /** Cancels the animatable and restores all animated properties to their original values. */\n  revert: () => AnimatableObject | undefined\n}\n\n/**\n * Wraps Anime.js `createAnimatable()` into a Vue composable. Reactively re-creates the animatable when the target or options change, and reverts it automatically on unmount.\n *\n * @param targets - The element(s) to make animatable. Accepts a template ref, a CSS selector, a DOM element, or a reactive ref to any of these.\n * @param options - Anime.js animatable parameters. Accepts a plain object or a reactive ref / computed. Defaults to `{}`.\n */\nexport function useAnimatable(\n  targets: AnimationTargets,\n  options: MaybeRef<AnimatableParams> = {}\n): UseAnimatableReturn {\n  const animatable = shallowRef<AnimatableObject>()\n\n  const watch_target = computed<{ el: TargetsParam; opt: AnimatableParams }>(() => ({\n    el: resolveTarget(targets),\n    opt: unref(options),\n  }))\n\n  const { stop } = watch(\n    watch_target,\n    ({ el, opt }) => {\n      revert()\n\n      if (!el) {\n        console.warn(\"Targets element is null or undefined\")\n        animatable.value = undefined\n        return\n      }\n\n      animatable.value = createAnimatable(el, opt)\n    },\n    { flush: \"post\", immediate: !isRef(targets) }\n  )\n\n  tryOnUnmounted(() => {\n    stop()\n    revert()\n  })\n\n  function revert() {\n    return animatable.value?.revert()\n  }\n\n  return { animatable: readonly(animatable), revert }\n}","import { type DeepReadonly, isRef, type MaybeRef, readonly, type ShallowRef, shallowRef, unref, watch } from \"vue\"\nimport { tryOnUnmounted } from \"@vueuse/core\"\nimport { type Draggable, type DraggableParams, createDraggable, type EasingParam } from \"animejs\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\n\nexport interface UseDraggableReturn {\n  /** The underlying Anime.js draggable instance. `undefined` until the target is available. */\n  draggable: DeepReadonly<ShallowRef<Draggable | undefined>>\n  /** Disables drag interactions without destroying the instance. */\n  disable: () => void\n  /** Re-enables drag interactions after `disable()`. */\n  enable: () => void\n  /** Moves the draggable to the given x position. Pass `true` to suppress the update callback. */\n  setX: (x: number, muteUpdateCallback?: boolean) => void\n  /** Moves the draggable to the given y position. Pass `true` to suppress the update callback. */\n  setY: (y: number, muteUpdateCallback?: boolean) => void\n  /** Animates the draggable into the visible viewport. */\n  animateInView: (duration?: number, gap?: number, ease?: EasingParam) => void\n  /** Scrolls the draggable into the visible viewport. */\n  scrollInView: (duration?: number, gap?: number, ease?: EasingParam) => void\n  /** Stops any in-progress snap or momentum animation. */\n  stop: () => void\n  /** Resets the draggable position to its initial state. */\n  reset: () => void\n  /** Cancels the draggable and restores the element to its original state. */\n  revert: () => void\n  /** Re-reads the element's size and container bounds. */\n  refresh: () => void\n}\n\n/**\n * Wraps Anime.js `createDraggable()` into a Vue composable. Reactively re-creates the draggable when the target or options change, and reverts it automatically on unmount.\n *\n * @param targets - The element(s) to make draggable. Accepts a template ref, a CSS selector, a DOM element, or a reactive ref to any of these.\n * @param options - Anime.js draggable parameters. Accepts a plain object or a reactive ref / computed. Defaults to `{}`.\n */\nexport function useDraggable(targets: AnimationTargets, options: MaybeRef<DraggableParams> = {}): UseDraggableReturn {\n  const draggable = shallowRef<Draggable>()\n\n  const { stop: stopWatch } = watch(\n    [() => resolveTarget(targets), () => unref(options)],\n    ([el, opt]) => {\n      revert()\n\n      if (!el) {\n        console.warn(\"Targets element is null or undefined\")\n        draggable.value = undefined\n        return\n      }\n\n      draggable.value = createDraggable(el, opt)\n    },\n    { flush: \"post\", immediate: !isRef(targets) }\n  )\n\n  tryOnUnmounted(() => {\n    revert()\n    stopWatch()\n  })\n\n  function disable() {\n    return draggable.value?.disable()\n  }\n\n  function enable() {\n    return draggable.value?.enable()\n  }\n\n  function setX(x: number, muteUpdateCallback?: boolean) {\n    return draggable.value?.setX(x, muteUpdateCallback)\n  }\n\n  function setY(y: number, muteUpdateCallback?: boolean) {\n    return draggable.value?.setY(y, muteUpdateCallback)\n  }\n\n  function animateInView(duration?: number, gap?: number, ease?: EasingParam) {\n    return draggable.value?.animateInView(duration, gap, ease)\n  }\n\n  function scrollInView(duration?: number, gap?: number, ease?: EasingParam) {\n    return draggable.value?.scrollInView(duration, gap, ease)\n  }\n\n  function stop() {\n    return draggable.value?.stop()\n  }\n\n  function reset() {\n    return draggable.value?.reset()\n  }\n\n  function revert() {\n    return draggable.value?.revert()\n  }\n\n  function refresh() {\n    return draggable.value?.refresh()\n  }\n\n  return {\n    draggable: readonly(draggable),\n    disable,\n    enable,\n    setX,\n    setY,\n    animateInView,\n    scrollInView,\n    stop,\n    reset,\n    revert,\n    refresh,\n  }\n}","import { type MaybeComputedElementRef, tryOnUnmounted } from \"@vueuse/core\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\nimport {\n  type AutoLayout,\n  type AutoLayoutParams,\n  createLayout,\n  type DOMTargetSelector,\n  type LayoutAnimationParams,\n  type Timeline,\n} from \"animejs\"\nimport { type DeepReadonly, isRef, type MaybeRef, readonly, type ShallowRef, shallowRef, unref, watch } from \"vue\"\n\nexport interface UseLayoutReturn {\n  /** The underlying Anime.js `AutoLayout` instance. `undefined` until the root element is available. */\n  layout: DeepReadonly<ShallowRef<AutoLayout | undefined>>\n  /** Snapshots the current positions of all tracked children so the next layout change can be animated. */\n  record: () => void\n  /** Animates all children from their recorded positions to their new positions. */\n  animate: (params?: LayoutAnimationParams) => Timeline | undefined\n  /** Records, applies the callback (which triggers a layout change), then animates the transition. */\n  update: (callback: (layout: AutoLayout) => void, params?: LayoutAnimationParams) => void\n  /** Cancels the layout watcher and restores all elements to their original state. */\n  revert: () => void\n}\n\n/**\n * Wraps Anime.js `createLayout()` into a Vue composable. Reactively re-creates the layout observer when the root element or params change, and reverts it automatically on unmount.\n *\n * @param root - The container element whose children will be tracked. Accepts a template ref, a CSS selector, or a reactive ref to either.\n * @param params - Anime.js auto-layout parameters. Accepts a plain object or a reactive ref / computed.\n */\nexport function useLayout(\n  root: MaybeRef<DOMTargetSelector> | MaybeComputedElementRef,\n  params: MaybeRef<AutoLayoutParams> = {}\n): UseLayoutReturn {\n  const layout = shallowRef<AutoLayout | undefined>()\n\n  const { stop } = watch(\n    [() => resolveTarget(root as AnimationTargets), () => unref(params)],\n    ([el, opt]) => {\n      revert()\n\n      if (!el) {\n        console.warn(\"Target element is null or undefined\")\n        layout.value = undefined\n        return\n      }\n\n      layout.value = createLayout(el as DOMTargetSelector, opt)\n    },\n    { flush: \"post\", immediate: !isRef(root) }\n  )\n\n  tryOnUnmounted(() => {\n    revert()\n    stop()\n  })\n\n  function record() {\n    return layout.value?.record()\n  }\n\n  function animate(params?: LayoutAnimationParams) {\n    return layout.value?.animate(params)\n  }\n\n  function update(callback: (layout: AutoLayout) => void, params?: LayoutAnimationParams) {\n    return layout.value?.update(callback, params)\n  }\n\n  function revert() {\n    return layout.value?.revert()\n  }\n\n  return { layout: readonly(layout), record, animate, update, revert }\n}","import { svg, type FunctionValue, type TargetsParam } from \"animejs\"\nimport { type MaybeRef, unref } from \"vue\"\n\nexport interface UseSvgReturn {\n  /** Returns a `FunctionValue` that morphs the current path to the given `path`. Pass the result as the `d` property in `useAnimate` options. */\n  morphTo: (path: MaybeRef<TargetsParam>, precision?: MaybeRef<number>) => FunctionValue\n  /** Creates a motion-path object from an SVG `<path>`. Spread the result into `useAnimate` options to animate `translateX`, `translateY`, and `rotate` along the path. */\n  createMotionPath: (\n    path: MaybeRef<TargetsParam | null>,\n    offset?: MaybeRef<number>\n  ) => ReturnType<typeof svg.createMotionPath>\n}\n\n/**\n * Exposes Anime.js SVG utilities (`svg.morphTo`, `svg.createMotionPath`) as a Vue composable, automatically unwrapping reactive refs passed to each helper.\n *\n * For drawable stroke animations, use `useSvgDrawable` instead.\n */\nexport function useSvg(): UseSvgReturn {\n  function morphTo(_path: MaybeRef<TargetsParam>, precision?: MaybeRef<number>) {\n    const path = unref(_path)\n\n    if (!path) return () => \"\"\n\n    return svg.morphTo(unref(path), unref(precision))\n  }\n\n  function createMotionPath(path: MaybeRef<TargetsParam | null>, offset?: MaybeRef<number>) {\n    const resolved = unref(path) ?? \"\"\n    return svg.createMotionPath(resolved, unref(offset))\n  }\n\n  return {\n    morphTo,\n    createMotionPath,\n  }\n}","import { svg, type DrawableSVGGeometry, type DOMTargetSelector } from \"animejs\"\nimport { type MaybeComputedElementRef, tryOnUnmounted } from \"@vueuse/core\"\nimport { isRef, type MaybeRef, readonly, type DeepReadonly, type ShallowRef, shallowRef, unref, watch } from \"vue\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\n\nexport interface UseSvgDrawableReturn {\n  /**\n   * The Anime.js drawable Proxy for the target element. `undefined` until the element is available.\n   * Pass this ref — not the original template ref — as the `useAnimate` target to animate the `draw` property.\n   */\n  drawable: DeepReadonly<ShallowRef<DrawableSVGGeometry | undefined>>\n}\n\n/**\n * Wraps an SVG geometry element in Anime.js's drawable Proxy. The proxy intercepts `setAttribute('draw', …)` calls and translates normalised `draw` values (`0`–`1`) into the correct `stroke-dasharray` / `stroke-dashoffset` updates. Pass the returned `drawable` ref as the target to `useAnimate`.\n *\n * @param target - The SVG element to make drawable. Accepts a template ref, a CSS selector, or a reactive ref to either.\n * @param start - Initial draw start position (`0`–`1`). Defaults to `0`.\n * @param end - Initial draw end position (`0`–`1`). Defaults to `0` (fully hidden).\n */\nexport function useSvgDrawable(\n  target: MaybeRef<DOMTargetSelector> | MaybeComputedElementRef,\n  start: MaybeRef<number> = 0,\n  end: MaybeRef<number> = 0\n): UseSvgDrawableReturn {\n  const drawable = shallowRef<DrawableSVGGeometry | undefined>()\n\n  const { stop } = watch(\n    () => resolveTarget(target as AnimationTargets),\n    el => {\n      drawable.value = undefined\n      if (!el) {\n        console.warn(\"[useSvgDrawable] Target element is null or undefined\")\n        return\n      }\n      drawable.value = svg.createDrawable(el as DOMTargetSelector, unref(start), unref(end))[0]\n    },\n    { flush: \"post\", immediate: !isRef(target) }\n  )\n\n  tryOnUnmounted(() => {\n    stop()\n    drawable.value = undefined\n  })\n\n  return { drawable: readonly(drawable) }\n}","import { splitText, type TextSplitter, type TextSplitterParams } from \"animejs\"\nimport { type MaybeComputedElementRef, tryOnUnmounted } from \"@vueuse/core\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\nimport {\n  computed,\n  isRef,\n  readonly,\n  shallowRef,\n  unref,\n  watch,\n  type ComputedRef,\n  type DeepReadonly,\n  type MaybeRef,\n  type ShallowRef,\n} from \"vue\"\n\nexport interface UseTextReturn {\n  /** The underlying Anime.js `TextSplitter` instance. `undefined` until the target is available. */\n  splitter: DeepReadonly<ShallowRef<TextSplitter | undefined>>\n  /** Reactive array of `<span>` elements representing each line after splitting. */\n  lines: ComputedRef<HTMLElement[]>\n  /** Reactive array of `<span>` elements representing each word after splitting. */\n  words: ComputedRef<HTMLElement[]>\n  /** Reactive array of `<span>` elements representing each character after splitting. */\n  chars: ComputedRef<HTMLElement[]>\n  /** Removes all split `<span>` wrappers and restores the original text content. */\n  revert: () => void\n  /** Re-splits the text, updating `lines`, `words`, and `chars` to reflect any DOM or size changes. */\n  refresh: () => void\n}\n\n/**\n * Wraps Anime.js `splitText()` into a Vue composable. Reactively re-splits the text when the target or params change, and reverts the DOM automatically on unmount.\n *\n * @param _target - The element(s) whose text content should be split. Accepts a template ref, a CSS selector, a DOM element, or a reactive ref to any of these.\n * @param _params - Anime.js text-splitter parameters. Accepts a plain object or a reactive ref / computed.\n */\nexport function useText(\n  _target: MaybeRef<HTMLElement | NodeList | string | HTMLElement[]> | MaybeComputedElementRef,\n  _params?: MaybeRef<TextSplitterParams>\n): UseTextReturn {\n  const splitter = shallowRef<TextSplitter | undefined>()\n\n  const lines = computed<HTMLElement[]>(() => splitter.value?.lines ?? [])\n  const words = computed<HTMLElement[]>(() => splitter.value?.words ?? [])\n  const chars = computed<HTMLElement[]>(() => splitter.value?.chars ?? [])\n\n  const { stop } = watch(\n    [() => resolveTarget(_target as AnimationTargets), () => unref(_params)],\n    ([el, params]) => {\n      revert()\n      splitter.value = undefined\n\n      if (!el) return\n\n      splitter.value = splitText(el as HTMLElement | NodeList | string | HTMLElement[], params)\n    },\n    { flush: \"post\", immediate: !isRef(_target) }\n  )\n\n  tryOnUnmounted(() => {\n    stop()\n    splitter.value = undefined\n    revert()\n  })\n\n  function revert() {\n    splitter.value?.revert()\n  }\n\n  function refresh() {\n    splitter.value?.refresh()\n  }\n\n  return {\n    splitter: readonly(splitter),\n    lines,\n    words,\n    chars,\n    revert,\n    refresh,\n  }\n}","import { type MaybeComputedElementRef, tryOnUnmounted } from \"@vueuse/core\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\nimport {\n  type WAAPIAnimationParams,\n  type DOMTargetsParam,\n  waapi,\n  type WAAPIAnimation,\n  type EasingFunction,\n} from \"animejs\"\nimport { DeepReadonly, isRef, type MaybeRef, readonly, ShallowRef, shallowRef, unref, watch } from \"vue\"\n\nexport interface UseWaapiReturn {\n  /** The underlying Anime.js WAAPI animation instance. `undefined` until the target is available. */\n  animation: DeepReadonly<ShallowRef<WAAPIAnimation | undefined>>\n  /** Resumes from a paused state. */\n  resume: () => WAAPIAnimation | undefined\n  /** Pauses the animation at the current position. */\n  pause: () => WAAPIAnimation | undefined\n  /** Toggles between forward and reverse direction. */\n  alternate: () => WAAPIAnimation | undefined\n  /** Starts or resumes the animation. */\n  play: () => WAAPIAnimation | undefined\n  /** Reverses playback direction. */\n  reverse: () => WAAPIAnimation | undefined\n  /** Seeks to a specific time (in ms). Accepts a reactive ref for the time value. */\n  seek: (time: MaybeRef<number>, muteCallbacks?: MaybeRef<boolean>) => WAAPIAnimation | undefined\n  /** Restarts the animation from the beginning. */\n  restart: () => WAAPIAnimation | undefined\n  /** Commits the current animated styles to the element's inline style, then cancels the animation. */\n  commitStyles: () => WAAPIAnimation | undefined\n  /** Jumps immediately to the end of the animation. */\n  complete: () => WAAPIAnimation | undefined\n  /** Stops the animation and removes it from the WAAPI engine. */\n  cancel: () => WAAPIAnimation | undefined\n  /** Cancels the animation and restores all animated properties to their original values. */\n  revert: () => WAAPIAnimation | undefined\n  /** Converts an Anime.js easing function to a CSS `cubic-bezier()` string usable by WAAPI. */\n  convertEase: (fn: MaybeRef<EasingFunction>, samples?: MaybeRef<number>) => string\n}\n\n/**\n * Wraps Anime.js `waapi.animate()` into a Vue composable. Reactively re-creates the WAAPI animation when the target or options change, and stops it automatically on unmount.\n *\n * @param targets - The DOM element(s) to animate via WAAPI. Accepts a template ref, a CSS selector, a DOM element, or a reactive ref to any of these.\n * @param options - Anime.js WAAPI animation parameters. Accepts a plain object or a reactive ref / computed. Defaults to `{}`.\n */\nexport function useWaapi(\n  targets: MaybeRef<DOMTargetsParam> | MaybeComputedElementRef,\n  options: MaybeRef<WAAPIAnimationParams> = {}\n): UseWaapiReturn {\n  const animation = shallowRef<WAAPIAnimation | undefined>()\n\n  const { stop } = watch(\n    [() => resolveTarget(targets as AnimationTargets), () => unref(options)],\n    ([el, opt]) => {\n      animation.value = waapi.animate(el as DOMTargetsParam, opt)\n    },\n    { flush: \"post\", immediate: !isRef(targets) }\n  )\n\n  tryOnUnmounted(() => {\n    stop()\n  })\n\n  function resume() {\n    return animation.value?.resume()\n  }\n\n  function pause() {\n    return animation.value?.pause()\n  }\n\n  function alternate() {\n    return animation.value?.alternate()\n  }\n\n  function play() {\n    return animation.value?.play()\n  }\n\n  function reverse() {\n    return animation.value?.reverse()\n  }\n\n  function seek(time: MaybeRef<number>, muteCallbacks?: MaybeRef<boolean>) {\n    return animation.value?.seek(unref(time), unref(muteCallbacks))\n  }\n\n  function restart() {\n    return animation.value?.restart()\n  }\n\n  function commitStyles() {\n    return animation.value?.commitStyles()\n  }\n\n  function complete() {\n    return animation.value?.complete()\n  }\n\n  function cancel() {\n    return animation.value?.cancel()\n  }\n\n  function revert() {\n    return animation.value?.revert()\n  }\n\n  return {\n    animation: readonly(animation),\n    resume,\n    pause,\n    alternate,\n    play,\n    reverse,\n    seek,\n    restart,\n    commitStyles,\n    complete,\n    cancel,\n    revert,\n\n    convertEase,\n  }\n}\n\nfunction convertEase(fn: MaybeRef<EasingFunction>, samples: MaybeRef<number> = 100) {\n  return waapi.convertEase(unref(fn), unref(samples))\n}","import { tryOnMounted, tryOnUnmounted } from \"@vueuse/core\"\nimport { createScope, type Scope, type ScopeMethod, type ScopeParams, type Tickable } from \"animejs\"\nimport { isRef, type MaybeRef, shallowReadonly, type ShallowRef, shallowRef, unref, watch } from \"vue\"\n\nexport interface UseScopeReturn {\n  /** The underlying Anime.js `Scope` instance. */\n  scope: Readonly<ShallowRef<Scope | undefined>>\n  /** Registers an anonymous method on the scope. Queued automatically if called before mount. */\n  add: (method: ScopeMethod) => void\n  /** Registers a named method on the scope so it can be called via `scope.methods[name]()`. Queued automatically if called before mount. */\n  registerMethod: (methodName: string, method: ScopeMethod) => void\n  /** Registers a method that runs exactly once on the scope. Queued automatically if called before mount. */\n  addOnce: (method: ScopeMethod) => void\n  /** Keeps the time of another tickable (animation, timer) in sync with this scope. */\n  keepTime: (method: (scope: Scope) => Tickable) => void\n  /** Cancels the scope and reverts all animations and tickables it owns. */\n  revert: () => void\n  /** Re-reads default values and media-query breakpoints for the scope. */\n  refresh: () => void\n}\n\n/**\n * Wraps Anime.js `createScope()` into a Vue composable. Reactively re-creates the scope when params change, replays all registered methods, and reverts it automatically on unmount.\n *\n * Methods added before mount are queued and replayed once the component is mounted.\n *\n * @param params - Anime.js scope parameters. Accepts a plain object or a reactive ref / computed.\n */\nexport function useScope(params: MaybeRef<ScopeParams>): UseScopeReturn {\n  const scope = shallowRef<Scope | undefined>(undefined)\n\n  const pending_adds: ScopeMethod[] = []\n  const pending_named: [string, ScopeMethod][] = []\n  const pending_once: ScopeMethod[] = []\n\n  let is_mounted = false\n  let stopWatcher: (() => void) | undefined\n\n  tryOnMounted(() => {\n    is_mounted = true\n    scope.value = createScope(unref(params))\n\n    for (const method of pending_adds) scope.value.add(method)\n    for (const [name, method] of pending_named) scope.value.add(name, method)\n    for (const method of pending_once) scope.value.addOnce(method)\n\n    pending_adds.length = 0\n    pending_named.length = 0\n    pending_once.length = 0\n\n    if (isRef(params)) {\n      stopWatcher = watch(\n        params,\n        new_params => {\n          scope.value?.revert()\n          scope.value = createScope(new_params)\n        },\n        { flush: \"post\" }\n      )\n    }\n  })\n\n  tryOnUnmounted(() => {\n    scope.value?.revert()\n    stopWatcher?.()\n  })\n\n  function add(method: ScopeMethod) {\n    if (!is_mounted) return void pending_adds.push(method)\n    return scope.value?.add(method)\n  }\n\n  function registerMethod(methodName: string, method: ScopeMethod) {\n    if (!is_mounted) return void pending_named.push([methodName, method])\n    return scope.value?.add(methodName, method)\n  }\n\n  function addOnce(method: ScopeMethod) {\n    if (!is_mounted) return void pending_once.push(method)\n    return scope.value?.addOnce(method)\n  }\n\n  function keepTime(method: (scope: Scope) => Tickable) {\n    return scope.value?.keepTime(method)\n  }\n\n  function revert() {\n    return scope.value?.revert()\n  }\n\n  function refresh() {\n    return scope.value?.refresh()\n  }\n\n  return {\n    scope: shallowReadonly(scope),\n    add,\n    registerMethod,\n    addOnce,\n    keepTime,\n    revert,\n    refresh,\n  }\n}"],"mappings":"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"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../src/utils/resolve-target.ts","../src/composables/use-animate.ts","../src/composables/use-raw-animate.ts","../src/composables/use-timer.ts","../src/composables/use-timeline.ts","../src/composables/use-animatable.ts","../src/composables/use-draggable.ts","../src/composables/use-layout.ts","../src/composables/use-svg.ts","../src/composables/use-svg-drawable.ts","../src/composables/use-text.ts","../src/composables/use-waapi.ts","../src/composables/use-scope.ts","../src/directives/v-animate.ts","../src/directives/v-draggable.ts","../src/directives/v-svg-drawable.ts","../src/directives/v-waapi.ts","../src/directives/v-text-split.ts"],"sourcesContent":["import { type Ref, type ComponentPublicInstance, type MaybeRef } from \"vue\"\nimport { unrefElement, type MaybeComputedElementRef } from \"@vueuse/core\"\nimport { type TargetsParam } from \"animejs\"\n\n/**\n * Any valid animation target: any Anime.js `TargetsParam` (optionally wrapped in a `Ref`),\n * or a Vue component template ref (`Ref<ComponentPublicInstance>`), whose `.$el` is resolved\n * automatically via `unrefElement`.\n */\nexport type AnimationTargets = MaybeRef<TargetsParam> | Ref<ComponentPublicInstance>\n\n/**\n * Resolves an `AnimationTargets` value to a plain `TargetsParam` suitable for Anime.js.\n * Unwraps `Ref<HTMLElement | SVGElement>` template refs and `Ref<ComponentPublicInstance>`\n * component refs (extracting `.$el`); non-ref values pass through unchanged.\n *\n * @param targets - A raw Anime.js target, a Vue template ref, or a Vue component ref.\n */\nexport function resolveTarget(targets: AnimationTargets): TargetsParam {\n  return unrefElement(targets as MaybeComputedElementRef) as TargetsParam\n}","import { type DeepReadonly, type MaybeRef, type ShallowRef, shallowRef, unref, watch, readonly, isRef } from \"vue\"\nimport { type JSAnimation, animate, type TargetsParam, type AnimationParams } from \"animejs\"\nimport { tryOnUnmounted } from \"@vueuse/core\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\n\nexport interface UseAnimateReturn {\n  /** The underlying Anime.js animation instance. `undefined` until the target is available. */\n  animation: DeepReadonly<ShallowRef<JSAnimation | undefined>>\n  /** Starts or resumes the animation. */\n  play: () => JSAnimation | undefined\n  /** Reverses playback direction. */\n  reverse: () => JSAnimation | undefined\n  /** Pauses the animation at the current position. */\n  pause: () => JSAnimation | undefined\n  /** Restarts the animation from the beginning. */\n  restart: () => JSAnimation | undefined\n  /** Toggles between forward and reverse direction. */\n  alternate: () => JSAnimation | undefined\n  /** Resumes from a paused state. */\n  resume: () => JSAnimation | undefined\n  /** Jumps immediately to the end of the animation. */\n  complete: () => JSAnimation | undefined\n  /** Stops the animation and removes it from the Anime.js engine. */\n  cancel: () => JSAnimation | undefined\n  /** Cancels the animation and restores all animated properties to their original values. */\n  revert: () => JSAnimation | undefined\n  /** Resets the animation to its initial state. Pass `true` for a soft reset that preserves the current cycle. */\n  reset: (softReset?: boolean) => JSAnimation | undefined\n  /** Seeks to a specific time (in ms). */\n  seek: (time: number, muteCallbacks?: boolean | number, internalRender?: boolean | number) => JSAnimation | undefined\n  /** Rescales the animation to a new total duration. */\n  stretch: (newDuration: number) => JSAnimation | undefined\n  /** Re-reads the current values of animated properties from the DOM. */\n  refresh: () => JSAnimation | undefined\n}\n\n/**\n * Wraps Anime.js `animate()` into a Vue composable. Reactively re-creates the animation when the target or options change, and cancels it automatically on unmount.\n *\n * @param _target - The element(s) to animate. Accepts a template ref, a CSS selector, a DOM element, or a reactive ref to any of these.\n * @param _options - Anime.js animation parameters. Accepts a plain object or a reactive ref / computed. Defaults to `{}`.\n */\nexport function useAnimate(_target: AnimationTargets, _options: MaybeRef<AnimationParams> = {}): UseAnimateReturn {\n  const animation = shallowRef<JSAnimation>()\n\n  const { stop } = watch(\n    [() => resolveTarget(_target), () => unref(_options)],\n    ([el, opt]) => {\n      createAnimation(el, opt)\n    },\n    { flush: \"post\", immediate: !isRef(_target) }\n  )\n\n  tryOnUnmounted(() => {\n    stop()\n    cancel()\n  })\n\n  function createAnimation(el: TargetsParam, opt: AnimationParams) {\n    revert()\n\n    if (!el) {\n      console.warn(\"Target element is null or undefined\")\n      animation.value = undefined\n      return\n    }\n\n    animation.value = animate(el, opt)\n  }\n\n  function play() {\n    return animation.value?.play()\n  }\n\n  function reverse() {\n    return animation.value?.reverse()\n  }\n\n  function pause() {\n    return animation.value?.pause()\n  }\n\n  function restart() {\n    return animation.value?.restart()\n  }\n\n  function alternate() {\n    return animation.value?.alternate()\n  }\n\n  function resume() {\n    return animation.value?.resume()\n  }\n\n  function complete() {\n    return animation.value?.complete()\n  }\n\n  function cancel() {\n    return animation.value?.cancel()\n  }\n\n  function revert() {\n    return animation.value?.revert()\n  }\n\n  function reset(softReset?: boolean) {\n    return animation.value?.reset(softReset)\n  }\n\n  function seek(time: number, muteCallbacks?: boolean | number, internalRender?: boolean | number) {\n    return animation.value?.seek(time, muteCallbacks, internalRender)\n  }\n\n  function stretch(newDuration: number) {\n    return animation.value?.stretch(newDuration)\n  }\n\n  function refresh() {\n    return animation.value?.refresh()\n  }\n\n  return {\n    animation: readonly(animation),\n    play,\n    reverse,\n    pause,\n    restart,\n    alternate,\n    resume,\n    complete,\n    cancel,\n    revert,\n    reset,\n    seek,\n    stretch,\n    refresh,\n  }\n}","import { animate, type AnimationParams, type JSAnimation } from \"animejs\"\nimport { type MaybeRef, unref } from \"vue\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\n\n/** The Anime.js `JSAnimation` instance returned by `useRawAnimate`. */\nexport type UseRawAnimateReturn = JSAnimation\n\n/**\n * Thin wrapper around Anime.js `animate()`. Resolves the target (unwrapping refs and Vue component\n * refs via `.$el`) and immediately starts the animation.\n *\n * @param _target - The element(s) to animate. Accepts a template ref, a Vue component ref, a CSS selector, a DOM element, or a reactive ref to any of these.\n * @param _options - Anime.js animation parameters. Accepts a plain object or a reactive ref / computed. Defaults to `{}`.\n */\nexport function useRawAnimate(\n  _target: AnimationTargets,\n  _options: MaybeRef<AnimationParams> = {}\n): UseRawAnimateReturn {\n  const target = resolveTarget(_target)\n\n  if (!target) {\n    console.warn(\"Target is undefined\")\n  }\n\n  return animate(target, unref(_options))\n}","import { createTimer, type Timer, type TimerParams } from \"animejs\"\nimport { type MaybeRef, type ShallowRef, shallowRef, unref, watch, type DeepReadonly, readonly } from \"vue\"\nimport { tryOnUnmounted } from \"@vueuse/core\"\n\nexport interface UseTimerReturn {\n  /** The underlying Anime.js timer instance. */\n  timer: DeepReadonly<ShallowRef<Timer>>\n  /** Starts or resumes the timer. */\n  play: () => Timer\n  /** Reverses the timer's playback direction. */\n  reverse: () => Timer\n  /** Pauses the timer at the current position. */\n  pause: () => Timer\n  /** Restarts the timer from the beginning. */\n  restart: () => Timer\n  /** Toggles between forward and reverse direction. */\n  alternate: () => Timer\n  /** Resumes from a paused state. */\n  resume: () => Timer\n  /** Jumps immediately to the end of the timer duration. */\n  complete: () => Timer\n  /** Resets the timer to its initial state. Pass `true` for a soft reset that preserves the current cycle. */\n  reset: (softReset?: boolean) => Timer\n  /** Stops the timer and removes it from the Anime.js engine. */\n  cancel: () => Timer\n  /** Cancels the timer and restores any associated state to its original values. */\n  revert: () => Timer\n  /** Seeks to a specific time (in ms). */\n  seek: (time: number, muteCallbacks?: boolean | number, internalRender?: boolean | number) => Timer\n  /** Rescales the timer to a new total duration. */\n  stretch: (newDuration: number) => Timer\n}\n\n/**\n * Wraps Anime.js `createTimer()` into a Vue composable. Reactively re-creates the timer when options change, and cancels it automatically on unmount.\n *\n * @param options - Anime.js timer parameters. Accepts a plain object or a reactive ref / computed. Defaults to `{}`.\n */\nexport function useTimer(options: MaybeRef<TimerParams> = {}): UseTimerReturn {\n  const timer = shallowRef<Timer>(createTimer(unref(options)))\n\n  const { stop } = watch(\n    () => unref(options),\n    options => {\n      cancel()\n      timer.value = createTimer(options)\n    },\n    { deep: 1 }\n  )\n\n  tryOnUnmounted(() => {\n    stop()\n    cancel()\n  })\n\n  function play() {\n    return timer.value.play()\n  }\n\n  function reverse() {\n    return timer.value.reverse()\n  }\n\n  function pause() {\n    return timer.value.pause()\n  }\n\n  function restart() {\n    return timer.value.restart()\n  }\n\n  function alternate() {\n    return timer.value.alternate()\n  }\n\n  function resume() {\n    return timer.value.resume()\n  }\n\n  function complete() {\n    return timer.value.complete()\n  }\n\n  function reset(softReset?: boolean) {\n    return timer.value.reset(softReset)\n  }\n\n  function cancel() {\n    return timer.value.cancel()\n  }\n\n  function revert() {\n    return timer.value.revert()\n  }\n\n  function seek(time: number, muteCallbacks?: boolean | number, internalRender?: boolean | number) {\n    return timer.value.seek(time, muteCallbacks, internalRender)\n  }\n\n  function stretch(newDuration: number) {\n    return timer.value.stretch(newDuration)\n  }\n\n  return {\n    timer: readonly(timer),\n    play,\n    reverse,\n    pause,\n    restart,\n    alternate,\n    resume,\n    complete,\n    reset,\n    cancel,\n    revert,\n    seek,\n    stretch,\n  }\n}","import {\n  type MaybeRef,\n  type MaybeRefOrGetter,\n  type ShallowRef,\n  shallowRef,\n  toValue,\n  unref,\n  watch,\n  type DeepReadonly,\n  readonly,\n} from \"vue\"\nimport {\n  type AnimationParams,\n  type Callback,\n  createTimeline,\n  type StaggerFunction,\n  type Tickable,\n  type Timeline,\n  type TimelineParams,\n  type TimelinePosition,\n  type Timer,\n} from \"animejs\"\nimport { tryOnMounted, tryOnUnmounted } from \"@vueuse/core\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\n\ntype QueueEntry =\n  | {\n      type: \"add\"\n      targets: AnimationTargets\n      params: MaybeRefOrGetter<AnimationParams>\n      position?: TimelinePosition | StaggerFunction<number | string>\n    }\n  | { type: \"set\"; targets: AnimationTargets; params: MaybeRefOrGetter<AnimationParams>; position?: TimelinePosition }\n\nexport type TimelineChain = Timeline & {\n  /** Adds an animation to the timeline and returns a chainable object. */\n  add: (\n    targets: AnimationTargets,\n    params: MaybeRefOrGetter<AnimationParams>,\n    position?: TimelinePosition | StaggerFunction<number | string>\n  ) => TimelineChain\n  /** Sets a property to a value at a point in the timeline without animating it, then returns a chainable object. */\n  set: (\n    targets: AnimationTargets,\n    params: MaybeRefOrGetter<AnimationParams>,\n    position?: TimelinePosition\n  ) => TimelineChain\n  /** Removes an animation target (or a specific property) from the timeline and returns a chainable object. */\n  remove: (targets: AnimationTargets, propertyName?: string) => TimelineChain\n}\n\nexport interface UseTimelineReturn {\n  /** The underlying Anime.js timeline instance. */\n  timeline: DeepReadonly<ShallowRef<Timeline>>\n  /** Adds an animation to the timeline. Accepts a template ref or any valid Anime.js target. Returns a chainable object. */\n  add: (\n    targets: AnimationTargets,\n    params: MaybeRefOrGetter<AnimationParams>,\n    position?: TimelinePosition | StaggerFunction<number | string>\n  ) => TimelineChain\n  /** Sets a property to a value at a point in the timeline without animating it. Returns a chainable object. */\n  set: (\n    targets: AnimationTargets,\n    params: MaybeRefOrGetter<AnimationParams>,\n    position?: TimelinePosition\n  ) => TimelineChain\n  /** Removes an animation target (or a specific property) from the timeline. Returns a chainable object. */\n  remove: (targets: AnimationTargets, propertyName?: string) => TimelineChain\n  /** Synchronises another tickable (animation, timer) into the timeline at the given position. */\n  sync: (synced?: Tickable, position?: TimelinePosition) => Timeline\n  /** Adds a named label at a position so it can be referenced by `.add()` or `.seek()`. */\n  label: (labelName: string, position?: TimelinePosition) => Timeline\n  /** Inserts a callback function at a specific point in the timeline. */\n  call: (callback: Callback<Timer>, position?: TimelinePosition) => Timeline\n  /** Renders the timeline once without playing it. */\n  init: (internalRender?: boolean) => Timeline\n  /** Starts or resumes the timeline. */\n  play: () => Timeline\n  /** Reverses playback direction. */\n  reverse: () => Timeline\n  /** Pauses the timeline at the current position. */\n  pause: () => Timeline\n  /** Restarts the timeline from the beginning. */\n  restart: () => Timeline\n  /** Toggles between forward and reverse direction. */\n  alternate: () => Timeline\n  /** Resumes from a paused state. */\n  resume: () => Timeline\n  /** Jumps immediately to the end of the timeline. */\n  complete: () => Timeline\n  /** Resets the timeline to its initial state. Pass `true` for a soft reset that preserves the current cycle. */\n  reset: (softReset?: boolean) => Timeline\n  /** Stops the timeline and removes it from the Anime.js engine. */\n  cancel: () => Timeline\n  /** Cancels the timeline and restores all animated properties to their original values. */\n  revert: () => Timeline\n  /** Seeks to a specific time (in ms). */\n  seek: (time: number, muteCallbacks?: boolean | number, internalRender?: boolean | number) => Timeline\n  /** Rescales the timeline to a new total duration. */\n  stretch: (newDuration: number) => Timeline\n  /** Re-reads the current values of all animated properties from the DOM. */\n  refresh: () => Timeline\n}\n\n/**\n * Wraps Anime.js `createTimeline()` into a Vue composable. Reactively re-creates the timeline when options change, and cancels it automatically on unmount.\n *\n * @param options - Anime.js timeline parameters. Accepts a plain object or a reactive ref / computed. Defaults to `{}`.\n */\nexport function useTimeline(options: MaybeRef<TimelineParams> = {}): UseTimelineReturn {\n  let is_mounted = false\n\n  const queue: QueueEntry[] = []\n\n  const timeline = shallowRef<Timeline>(createTimeline(unref(options)))\n\n  function replayQueue() {\n    for (const entry of queue) {\n      if (entry.type === \"add\") {\n        timeline.value.add(resolveTarget(entry.targets), toValue(entry.params), entry.position)\n      } else {\n        timeline.value.set(resolveTarget(entry.targets), toValue(entry.params), entry.position)\n      }\n    }\n  }\n\n  const { stop } = watch(\n    () => unref(options),\n    _options => {\n      revert()\n      timeline.value = createTimeline(_options)\n      replayQueue()\n    },\n    { flush: \"post\", deep: 1 }\n  )\n\n  tryOnMounted(() => {\n    is_mounted = true\n    replayQueue()\n  })\n\n  tryOnUnmounted(() => {\n    stop()\n    cancel()\n  })\n\n  function add(\n    targets: AnimationTargets,\n    _params: MaybeRefOrGetter<AnimationParams>,\n    position?: TimelinePosition | StaggerFunction<number | string>\n  ) {\n    queue.push({ type: \"add\", targets, params: _params, position })\n\n    if (is_mounted) {\n      return {\n        ...timeline.value.add(resolveTarget(targets), toValue(_params), position),\n        add,\n        set,\n        remove,\n      } as TimelineChain\n    }\n\n    return { ...timeline.value, add, set, remove } as TimelineChain\n  }\n\n  function set(targets: AnimationTargets, _params: MaybeRefOrGetter<AnimationParams>, position?: TimelinePosition) {\n    queue.push({ type: \"set\", targets, params: _params, position })\n\n    if (is_mounted) {\n      return {\n        ...timeline.value.set(resolveTarget(targets), toValue(_params), position),\n        add,\n        set,\n        remove,\n      } as TimelineChain\n    }\n\n    return { ...timeline.value, add, set, remove } as TimelineChain\n  }\n\n  function remove(targets: AnimationTargets, propertyName?: string) {\n    if (!is_mounted) {\n      console.warn(\"Cannot remove from timeline before mount\")\n      return { ...timeline.value, add, set, remove } as TimelineChain\n    }\n\n    return { ...timeline.value.remove(resolveTarget(targets), propertyName), add, set, remove } as TimelineChain\n  }\n\n  function sync(synced?: Tickable, position?: TimelinePosition) {\n    return timeline.value.sync(synced, position)\n  }\n\n  function label(labelName: string, position?: TimelinePosition) {\n    return timeline.value.label(labelName, position)\n  }\n\n  function call(callback: Callback<Timer>, position?: TimelinePosition) {\n    return timeline.value.call(callback, position)\n  }\n\n  function init(internalRender?: boolean) {\n    return timeline.value.init(internalRender)\n  }\n\n  function play() {\n    return timeline.value.play()\n  }\n\n  function reverse() {\n    return timeline.value.reverse()\n  }\n\n  function pause() {\n    return timeline.value.pause()\n  }\n\n  function restart() {\n    return timeline.value.restart()\n  }\n\n  function alternate() {\n    return timeline.value.alternate()\n  }\n\n  function resume() {\n    return timeline.value.resume()\n  }\n\n  function complete() {\n    return timeline.value.complete()\n  }\n\n  function reset(softReset?: boolean) {\n    return timeline.value.reset(softReset)\n  }\n\n  function cancel() {\n    return timeline.value.cancel()\n  }\n\n  function revert() {\n    return timeline.value.revert()\n  }\n\n  function seek(time: number, muteCallbacks?: boolean | number, internalRender?: boolean | number) {\n    return timeline.value.seek(time, muteCallbacks, internalRender)\n  }\n\n  function stretch(newDuration: number) {\n    return timeline.value.stretch(newDuration)\n  }\n\n  function refresh() {\n    return timeline.value.refresh()\n  }\n\n  return {\n    timeline: readonly(timeline),\n    add,\n    set,\n    sync,\n    label,\n    remove,\n    call,\n    init,\n    play,\n    reverse,\n    pause,\n    restart,\n    alternate,\n    resume,\n    complete,\n    reset,\n    cancel,\n    revert,\n    seek,\n    stretch,\n    refresh,\n  }\n}","import { type AnimatableObject, type AnimatableParams, createAnimatable, type TargetsParam } from \"animejs\"\nimport {\n  computed,\n  type DeepReadonly,\n  isRef,\n  type MaybeRef,\n  readonly,\n  type ShallowRef,\n  shallowRef,\n  unref,\n  watch,\n} from \"vue\"\nimport { tryOnUnmounted } from \"@vueuse/core\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\n\nexport interface UseAnimatableReturn {\n  /** The underlying Anime.js animatable instance. `undefined` until the target is available. */\n  animatable: DeepReadonly<ShallowRef<AnimatableObject | undefined>>\n  /** Cancels the animatable and restores all animated properties to their original values. */\n  revert: () => AnimatableObject | undefined\n}\n\n/**\n * Wraps Anime.js `createAnimatable()` into a Vue composable. Reactively re-creates the animatable when the target or options change, and reverts it automatically on unmount.\n *\n * @param targets - The element(s) to make animatable. Accepts a template ref, a CSS selector, a DOM element, or a reactive ref to any of these.\n * @param options - Anime.js animatable parameters. Accepts a plain object or a reactive ref / computed. Defaults to `{}`.\n */\nexport function useAnimatable(\n  targets: AnimationTargets,\n  options: MaybeRef<AnimatableParams> = {}\n): UseAnimatableReturn {\n  const animatable = shallowRef<AnimatableObject>()\n\n  const watch_target = computed<{ el: TargetsParam; opt: AnimatableParams }>(() => ({\n    el: resolveTarget(targets),\n    opt: unref(options),\n  }))\n\n  const { stop } = watch(\n    watch_target,\n    ({ el, opt }) => {\n      revert()\n\n      if (!el) {\n        console.warn(\"Targets element is null or undefined\")\n        animatable.value = undefined\n        return\n      }\n\n      animatable.value = createAnimatable(el, opt)\n    },\n    { flush: \"post\", immediate: !isRef(targets) }\n  )\n\n  tryOnUnmounted(() => {\n    stop()\n    revert()\n  })\n\n  function revert() {\n    return animatable.value?.revert()\n  }\n\n  return { animatable: readonly(animatable), revert }\n}","import { type DeepReadonly, isRef, type MaybeRef, readonly, type ShallowRef, shallowRef, unref, watch } from \"vue\"\nimport { tryOnUnmounted } from \"@vueuse/core\"\nimport { type Draggable, type DraggableParams, createDraggable, type EasingParam } from \"animejs\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\n\nexport interface UseDraggableReturn {\n  /** The underlying Anime.js draggable instance. `undefined` until the target is available. */\n  draggable: DeepReadonly<ShallowRef<Draggable | undefined>>\n  /** Disables drag interactions without destroying the instance. */\n  disable: () => void\n  /** Re-enables drag interactions after `disable()`. */\n  enable: () => void\n  /** Moves the draggable to the given x position. Pass `true` to suppress the update callback. */\n  setX: (x: number, muteUpdateCallback?: boolean) => void\n  /** Moves the draggable to the given y position. Pass `true` to suppress the update callback. */\n  setY: (y: number, muteUpdateCallback?: boolean) => void\n  /** Animates the draggable into the visible viewport. */\n  animateInView: (duration?: number, gap?: number, ease?: EasingParam) => void\n  /** Scrolls the draggable into the visible viewport. */\n  scrollInView: (duration?: number, gap?: number, ease?: EasingParam) => void\n  /** Stops any in-progress snap or momentum animation. */\n  stop: () => void\n  /** Resets the draggable position to its initial state. */\n  reset: () => void\n  /** Cancels the draggable and restores the element to its original state. */\n  revert: () => void\n  /** Re-reads the element's size and container bounds. */\n  refresh: () => void\n}\n\n/**\n * Wraps Anime.js `createDraggable()` into a Vue composable. Reactively re-creates the draggable when the target or options change, and reverts it automatically on unmount.\n *\n * @param targets - The element(s) to make draggable. Accepts a template ref, a CSS selector, a DOM element, or a reactive ref to any of these.\n * @param options - Anime.js draggable parameters. Accepts a plain object or a reactive ref / computed. Defaults to `{}`.\n */\nexport function useDraggable(targets: AnimationTargets, options: MaybeRef<DraggableParams> = {}): UseDraggableReturn {\n  const draggable = shallowRef<Draggable>()\n\n  const { stop: stopWatch } = watch(\n    [() => resolveTarget(targets), () => unref(options)],\n    ([el, opt]) => {\n      revert()\n\n      if (!el) {\n        console.warn(\"Targets element is null or undefined\")\n        draggable.value = undefined\n        return\n      }\n\n      draggable.value = createDraggable(el, opt)\n    },\n    { flush: \"post\", immediate: !isRef(targets) }\n  )\n\n  tryOnUnmounted(() => {\n    revert()\n    stopWatch()\n  })\n\n  function disable() {\n    return draggable.value?.disable()\n  }\n\n  function enable() {\n    return draggable.value?.enable()\n  }\n\n  function setX(x: number, muteUpdateCallback?: boolean) {\n    return draggable.value?.setX(x, muteUpdateCallback)\n  }\n\n  function setY(y: number, muteUpdateCallback?: boolean) {\n    return draggable.value?.setY(y, muteUpdateCallback)\n  }\n\n  function animateInView(duration?: number, gap?: number, ease?: EasingParam) {\n    return draggable.value?.animateInView(duration, gap, ease)\n  }\n\n  function scrollInView(duration?: number, gap?: number, ease?: EasingParam) {\n    return draggable.value?.scrollInView(duration, gap, ease)\n  }\n\n  function stop() {\n    return draggable.value?.stop()\n  }\n\n  function reset() {\n    return draggable.value?.reset()\n  }\n\n  function revert() {\n    return draggable.value?.revert()\n  }\n\n  function refresh() {\n    return draggable.value?.refresh()\n  }\n\n  return {\n    draggable: readonly(draggable),\n    disable,\n    enable,\n    setX,\n    setY,\n    animateInView,\n    scrollInView,\n    stop,\n    reset,\n    revert,\n    refresh,\n  }\n}","import { type MaybeComputedElementRef, tryOnUnmounted } from \"@vueuse/core\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\nimport {\n  type AutoLayout,\n  type AutoLayoutParams,\n  createLayout,\n  type DOMTargetSelector,\n  type LayoutAnimationParams,\n  type Timeline,\n} from \"animejs\"\nimport { type DeepReadonly, isRef, type MaybeRef, readonly, type ShallowRef, shallowRef, unref, watch } from \"vue\"\n\nexport interface UseLayoutReturn {\n  /** The underlying Anime.js `AutoLayout` instance. `undefined` until the root element is available. */\n  layout: DeepReadonly<ShallowRef<AutoLayout | undefined>>\n  /** Snapshots the current positions of all tracked children so the next layout change can be animated. */\n  record: () => void\n  /** Animates all children from their recorded positions to their new positions. */\n  animate: (params?: LayoutAnimationParams) => Timeline | undefined\n  /** Records, applies the callback (which triggers a layout change), then animates the transition. */\n  update: (callback: (layout: AutoLayout) => void, params?: LayoutAnimationParams) => void\n  /** Cancels the layout watcher and restores all elements to their original state. */\n  revert: () => void\n}\n\n/**\n * Wraps Anime.js `createLayout()` into a Vue composable. Reactively re-creates the layout observer when the root element or params change, and reverts it automatically on unmount.\n *\n * @param root - The container element whose children will be tracked. Accepts a template ref, a CSS selector, or a reactive ref to either.\n * @param params - Anime.js auto-layout parameters. Accepts a plain object or a reactive ref / computed.\n */\nexport function useLayout(\n  root: MaybeRef<DOMTargetSelector> | MaybeComputedElementRef,\n  params: MaybeRef<AutoLayoutParams> = {}\n): UseLayoutReturn {\n  const layout = shallowRef<AutoLayout | undefined>()\n\n  const { stop } = watch(\n    [() => resolveTarget(root as AnimationTargets), () => unref(params)],\n    ([el, opt]) => {\n      revert()\n\n      if (!el) {\n        console.warn(\"Target element is null or undefined\")\n        layout.value = undefined\n        return\n      }\n\n      layout.value = createLayout(el as DOMTargetSelector, opt)\n    },\n    { flush: \"post\", immediate: !isRef(root) }\n  )\n\n  tryOnUnmounted(() => {\n    revert()\n    stop()\n  })\n\n  function record() {\n    return layout.value?.record()\n  }\n\n  function animate(params?: LayoutAnimationParams) {\n    return layout.value?.animate(params)\n  }\n\n  function update(callback: (layout: AutoLayout) => void, params?: LayoutAnimationParams) {\n    return layout.value?.update(callback, params)\n  }\n\n  function revert() {\n    return layout.value?.revert()\n  }\n\n  return { layout: readonly(layout), record, animate, update, revert }\n}","import { svg, type FunctionValue, type TargetsParam } from \"animejs\"\nimport { type MaybeRef, unref } from \"vue\"\n\nexport interface UseSvgReturn {\n  /** Returns a `FunctionValue` that morphs the current path to the given `path`. Pass the result as the `d` property in `useAnimate` options. */\n  morphTo: (path: MaybeRef<TargetsParam>, precision?: MaybeRef<number>) => FunctionValue\n  /** Creates a motion-path object from an SVG `<path>`. Spread the result into `useAnimate` options to animate `translateX`, `translateY`, and `rotate` along the path. */\n  createMotionPath: (\n    path: MaybeRef<TargetsParam | null>,\n    offset?: MaybeRef<number>\n  ) => ReturnType<typeof svg.createMotionPath>\n}\n\n/**\n * Exposes Anime.js SVG utilities (`svg.morphTo`, `svg.createMotionPath`) as a Vue composable, automatically unwrapping reactive refs passed to each helper.\n *\n * For drawable stroke animations, use `useSvgDrawable` instead.\n */\nexport function useSvg(): UseSvgReturn {\n  function morphTo(_path: MaybeRef<TargetsParam>, precision?: MaybeRef<number>) {\n    const path = unref(_path)\n\n    if (!path) return () => \"\"\n\n    return svg.morphTo(unref(path), unref(precision))\n  }\n\n  function createMotionPath(path: MaybeRef<TargetsParam | null>, offset?: MaybeRef<number>) {\n    const resolved = unref(path) ?? \"\"\n    return svg.createMotionPath(resolved, unref(offset))\n  }\n\n  return {\n    morphTo,\n    createMotionPath,\n  }\n}","import { svg, type DrawableSVGGeometry, type DOMTargetSelector } from \"animejs\"\nimport { type MaybeComputedElementRef, tryOnUnmounted } from \"@vueuse/core\"\nimport { isRef, type MaybeRef, readonly, type DeepReadonly, type ShallowRef, shallowRef, unref, watch } from \"vue\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\n\nexport interface UseSvgDrawableReturn {\n  /**\n   * The Anime.js drawable Proxy for the target element. `undefined` until the element is available.\n   * Pass this ref — not the original template ref — as the `useAnimate` target to animate the `draw` property.\n   */\n  drawable: DeepReadonly<ShallowRef<DrawableSVGGeometry | undefined>>\n}\n\n/**\n * Wraps an SVG geometry element in Anime.js's drawable Proxy. The proxy intercepts `setAttribute('draw', …)` calls and translates normalised `draw` values (`0`–`1`) into the correct `stroke-dasharray` / `stroke-dashoffset` updates. Pass the returned `drawable` ref as the target to `useAnimate`.\n *\n * @param target - The SVG element to make drawable. Accepts a template ref, a CSS selector, or a reactive ref to either.\n * @param start - Initial draw start position (`0`–`1`). Defaults to `0`.\n * @param end - Initial draw end position (`0`–`1`). Defaults to `0` (fully hidden).\n */\nexport function useSvgDrawable(\n  target: MaybeRef<DOMTargetSelector> | MaybeComputedElementRef,\n  start: MaybeRef<number> = 0,\n  end: MaybeRef<number> = 0\n): UseSvgDrawableReturn {\n  const drawable = shallowRef<DrawableSVGGeometry | undefined>()\n\n  const { stop } = watch(\n    () => resolveTarget(target as AnimationTargets),\n    el => {\n      drawable.value = undefined\n      if (!el) {\n        console.warn(\"[useSvgDrawable] Target element is null or undefined\")\n        return\n      }\n      drawable.value = svg.createDrawable(el as DOMTargetSelector, unref(start), unref(end))[0]\n    },\n    { flush: \"post\", immediate: !isRef(target) }\n  )\n\n  tryOnUnmounted(() => {\n    stop()\n    drawable.value = undefined\n  })\n\n  return { drawable: readonly(drawable) }\n}","import { splitText, type TextSplitter, type TextSplitterParams } from \"animejs\"\nimport { type MaybeComputedElementRef, tryOnUnmounted } from \"@vueuse/core\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\nimport {\n  computed,\n  isRef,\n  readonly,\n  shallowRef,\n  unref,\n  watch,\n  type ComputedRef,\n  type DeepReadonly,\n  type MaybeRef,\n  type ShallowRef,\n} from \"vue\"\n\nexport interface UseTextReturn {\n  /** The underlying Anime.js `TextSplitter` instance. `undefined` until the target is available. */\n  splitter: DeepReadonly<ShallowRef<TextSplitter | undefined>>\n  /** Reactive array of `<span>` elements representing each line after splitting. */\n  lines: ComputedRef<HTMLElement[]>\n  /** Reactive array of `<span>` elements representing each word after splitting. */\n  words: ComputedRef<HTMLElement[]>\n  /** Reactive array of `<span>` elements representing each character after splitting. */\n  chars: ComputedRef<HTMLElement[]>\n  /** Removes all split `<span>` wrappers and restores the original text content. */\n  revert: () => void\n  /** Re-splits the text, updating `lines`, `words`, and `chars` to reflect any DOM or size changes. */\n  refresh: () => void\n}\n\n/**\n * Wraps Anime.js `splitText()` into a Vue composable. Reactively re-splits the text when the target or params change, and reverts the DOM automatically on unmount.\n *\n * @param _target - The element(s) whose text content should be split. Accepts a template ref, a CSS selector, a DOM element, or a reactive ref to any of these.\n * @param _params - Anime.js text-splitter parameters. Accepts a plain object or a reactive ref / computed.\n */\nexport function useText(\n  _target: MaybeRef<HTMLElement | NodeList | string | HTMLElement[]> | MaybeComputedElementRef,\n  _params?: MaybeRef<TextSplitterParams>\n): UseTextReturn {\n  const splitter = shallowRef<TextSplitter | undefined>()\n\n  const lines = computed<HTMLElement[]>(() => splitter.value?.lines ?? [])\n  const words = computed<HTMLElement[]>(() => splitter.value?.words ?? [])\n  const chars = computed<HTMLElement[]>(() => splitter.value?.chars ?? [])\n\n  const { stop } = watch(\n    [() => resolveTarget(_target as AnimationTargets), () => unref(_params)],\n    ([el, params]) => {\n      revert()\n      splitter.value = undefined\n\n      if (!el) return\n\n      splitter.value = splitText(el as HTMLElement | NodeList | string | HTMLElement[], params)\n    },\n    { flush: \"post\", immediate: !isRef(_target) }\n  )\n\n  tryOnUnmounted(() => {\n    stop()\n    splitter.value = undefined\n    revert()\n  })\n\n  function revert() {\n    splitter.value?.revert()\n  }\n\n  function refresh() {\n    splitter.value?.refresh()\n  }\n\n  return {\n    splitter: readonly(splitter),\n    lines,\n    words,\n    chars,\n    revert,\n    refresh,\n  }\n}","import { type MaybeComputedElementRef, tryOnUnmounted } from \"@vueuse/core\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\nimport {\n  type WAAPIAnimationParams,\n  type DOMTargetsParam,\n  waapi,\n  type WAAPIAnimation,\n  type EasingFunction,\n} from \"animejs\"\nimport { DeepReadonly, isRef, type MaybeRef, readonly, ShallowRef, shallowRef, unref, watch } from \"vue\"\n\nexport interface UseWaapiReturn {\n  /** The underlying Anime.js WAAPI animation instance. `undefined` until the target is available. */\n  animation: DeepReadonly<ShallowRef<WAAPIAnimation | undefined>>\n  /** Resumes from a paused state. */\n  resume: () => WAAPIAnimation | undefined\n  /** Pauses the animation at the current position. */\n  pause: () => WAAPIAnimation | undefined\n  /** Toggles between forward and reverse direction. */\n  alternate: () => WAAPIAnimation | undefined\n  /** Starts or resumes the animation. */\n  play: () => WAAPIAnimation | undefined\n  /** Reverses playback direction. */\n  reverse: () => WAAPIAnimation | undefined\n  /** Seeks to a specific time (in ms). Accepts a reactive ref for the time value. */\n  seek: (time: MaybeRef<number>, muteCallbacks?: MaybeRef<boolean>) => WAAPIAnimation | undefined\n  /** Restarts the animation from the beginning. */\n  restart: () => WAAPIAnimation | undefined\n  /** Commits the current animated styles to the element's inline style, then cancels the animation. */\n  commitStyles: () => WAAPIAnimation | undefined\n  /** Jumps immediately to the end of the animation. */\n  complete: () => WAAPIAnimation | undefined\n  /** Stops the animation and removes it from the WAAPI engine. */\n  cancel: () => WAAPIAnimation | undefined\n  /** Cancels the animation and restores all animated properties to their original values. */\n  revert: () => WAAPIAnimation | undefined\n  /** Converts an Anime.js easing function to a CSS `cubic-bezier()` string usable by WAAPI. */\n  convertEase: (fn: MaybeRef<EasingFunction>, samples?: MaybeRef<number>) => string\n}\n\n/**\n * Wraps Anime.js `waapi.animate()` into a Vue composable. Reactively re-creates the WAAPI animation when the target or options change, and stops it automatically on unmount.\n *\n * @param targets - The DOM element(s) to animate via WAAPI. Accepts a template ref, a CSS selector, a DOM element, or a reactive ref to any of these.\n * @param options - Anime.js WAAPI animation parameters. Accepts a plain object or a reactive ref / computed. Defaults to `{}`.\n */\nexport function useWaapi(\n  targets: MaybeRef<DOMTargetsParam> | MaybeComputedElementRef,\n  options: MaybeRef<WAAPIAnimationParams> = {}\n): UseWaapiReturn {\n  const animation = shallowRef<WAAPIAnimation | undefined>()\n\n  const { stop } = watch(\n    [() => resolveTarget(targets as AnimationTargets), () => unref(options)],\n    ([el, opt]) => {\n      animation.value = waapi.animate(el as DOMTargetsParam, opt)\n    },\n    { flush: \"post\", immediate: !isRef(targets) }\n  )\n\n  tryOnUnmounted(() => {\n    stop()\n  })\n\n  function resume() {\n    return animation.value?.resume()\n  }\n\n  function pause() {\n    return animation.value?.pause()\n  }\n\n  function alternate() {\n    return animation.value?.alternate()\n  }\n\n  function play() {\n    return animation.value?.play()\n  }\n\n  function reverse() {\n    return animation.value?.reverse()\n  }\n\n  function seek(time: MaybeRef<number>, muteCallbacks?: MaybeRef<boolean>) {\n    return animation.value?.seek(unref(time), unref(muteCallbacks))\n  }\n\n  function restart() {\n    return animation.value?.restart()\n  }\n\n  function commitStyles() {\n    return animation.value?.commitStyles()\n  }\n\n  function complete() {\n    return animation.value?.complete()\n  }\n\n  function cancel() {\n    return animation.value?.cancel()\n  }\n\n  function revert() {\n    return animation.value?.revert()\n  }\n\n  return {\n    animation: readonly(animation),\n    resume,\n    pause,\n    alternate,\n    play,\n    reverse,\n    seek,\n    restart,\n    commitStyles,\n    complete,\n    cancel,\n    revert,\n\n    convertEase,\n  }\n}\n\nfunction convertEase(fn: MaybeRef<EasingFunction>, samples: MaybeRef<number> = 100) {\n  return waapi.convertEase(unref(fn), unref(samples))\n}","import { tryOnMounted, tryOnUnmounted } from \"@vueuse/core\"\nimport { createScope, type Scope, type ScopeMethod, type ScopeParams, type Tickable } from \"animejs\"\nimport { isRef, type MaybeRef, shallowReadonly, type ShallowRef, shallowRef, unref, watch } from \"vue\"\n\nexport interface UseScopeReturn {\n  /** The underlying Anime.js `Scope` instance. */\n  scope: Readonly<ShallowRef<Scope | undefined>>\n  /** Registers an anonymous method on the scope. Queued automatically if called before mount. */\n  add: (method: ScopeMethod) => void\n  /** Registers a named method on the scope so it can be called via `scope.methods[name]()`. Queued automatically if called before mount. */\n  registerMethod: (methodName: string, method: ScopeMethod) => void\n  /** Registers a method that runs exactly once on the scope. Queued automatically if called before mount. */\n  addOnce: (method: ScopeMethod) => void\n  /** Keeps the time of another tickable (animation, timer) in sync with this scope. */\n  keepTime: (method: (scope: Scope) => Tickable) => void\n  /** Cancels the scope and reverts all animations and tickables it owns. */\n  revert: () => void\n  /** Re-reads default values and media-query breakpoints for the scope. */\n  refresh: () => void\n}\n\n/**\n * Wraps Anime.js `createScope()` into a Vue composable. Reactively re-creates the scope when params change, replays all registered methods, and reverts it automatically on unmount.\n *\n * Methods added before mount are queued and replayed once the component is mounted.\n *\n * @param params - Anime.js scope parameters. Accepts a plain object or a reactive ref / computed.\n */\nexport function useScope(params: MaybeRef<ScopeParams>): UseScopeReturn {\n  const scope = shallowRef<Scope | undefined>(undefined)\n\n  const pending_adds: ScopeMethod[] = []\n  const pending_named: [string, ScopeMethod][] = []\n  const pending_once: ScopeMethod[] = []\n\n  let is_mounted = false\n  let stopWatcher: (() => void) | undefined\n\n  tryOnMounted(() => {\n    is_mounted = true\n    scope.value = createScope(unref(params))\n\n    for (const method of pending_adds) scope.value.add(method)\n    for (const [name, method] of pending_named) scope.value.add(name, method)\n    for (const method of pending_once) scope.value.addOnce(method)\n\n    pending_adds.length = 0\n    pending_named.length = 0\n    pending_once.length = 0\n\n    if (isRef(params)) {\n      stopWatcher = watch(\n        params,\n        new_params => {\n          scope.value?.revert()\n          scope.value = createScope(new_params)\n        },\n        { flush: \"post\" }\n      )\n    }\n  })\n\n  tryOnUnmounted(() => {\n    scope.value?.revert()\n    stopWatcher?.()\n  })\n\n  function add(method: ScopeMethod) {\n    if (!is_mounted) return void pending_adds.push(method)\n    return scope.value?.add(method)\n  }\n\n  function registerMethod(methodName: string, method: ScopeMethod) {\n    if (!is_mounted) return void pending_named.push([methodName, method])\n    return scope.value?.add(methodName, method)\n  }\n\n  function addOnce(method: ScopeMethod) {\n    if (!is_mounted) return void pending_once.push(method)\n    return scope.value?.addOnce(method)\n  }\n\n  function keepTime(method: (scope: Scope) => Tickable) {\n    return scope.value?.keepTime(method)\n  }\n\n  function revert() {\n    return scope.value?.revert()\n  }\n\n  function refresh() {\n    return scope.value?.refresh()\n  }\n\n  return {\n    scope: shallowReadonly(scope),\n    add,\n    registerMethod,\n    addOnce,\n    keepTime,\n    revert,\n    refresh,\n  }\n}","import { animate, type AnimationParams, type JSAnimation } from \"animejs\"\nimport type { Directive } from \"vue\"\n\nconst instances = new WeakMap<HTMLElement, JSAnimation>()\n\n/**\n * Declarative animation directive. Applies an Anime.js animation to the element on mount,\n * re-creates it when the binding value changes, and reverts it on unmount.\n *\n * @example\n * <div v-animate=\"{ translateX: 250, duration: 800 }\" />\n * <div v-animate=\"reactiveOptions\" />\n */\nexport const vAnimate: Directive<HTMLElement, AnimationParams> = {\n  mounted(el, binding) {\n    if (binding.value) instances.set(el, animate(el, binding.value))\n  },\n  updated(el, binding) {\n    if (binding.value === binding.oldValue) return\n    const prev = instances.get(el)\n    prev?.cancel()\n    prev?.revert()\n\n    if (binding.value) instances.set(el, animate(el, binding.value))\n  },\n  unmounted(el) {\n    const animation = instances.get(el)\n    animation?.cancel()\n    animation?.revert()\n    instances.delete(el)\n  },\n}","import { createDraggable, type Draggable, type DraggableParams } from \"animejs\"\nimport type { Directive } from \"vue\"\n\nconst instances = new WeakMap<HTMLElement, Draggable>()\n\n/**\n * Declarative draggable directive. Makes the element draggable on mount,\n * re-creates it when the binding value changes, and reverts it on unmount.\n *\n * @example\n * <div v-draggable />\n * <div v-draggable=\"{ snap: [0, 100] }\" />\n */\nexport const vDraggable: Directive<HTMLElement, DraggableParams | undefined> = {\n  mounted(el, binding) {\n    instances.set(el, createDraggable(el, binding.value ?? {}))\n  },\n  updated(el, binding) {\n    if (binding.value === binding.oldValue) return\n    instances.get(el)?.revert()\n    instances.set(el, createDraggable(el, binding.value ?? {}))\n  },\n  unmounted(el) {\n    instances.get(el)?.revert()\n    instances.delete(el)\n  },\n}","import { animate, svg, type AnimationParams, type DrawableSVGGeometry, type JSAnimation } from \"animejs\"\nimport type { Directive } from \"vue\"\n\ninterface Entry {\n  drawable: DrawableSVGGeometry\n  animation: JSAnimation | undefined\n}\n\nconst instances = new WeakMap<SVGGeometryElement, Entry>()\n\nfunction create(el: SVGGeometryElement, params: AnimationParams | undefined): Entry {\n  const drawable = svg.createDrawable(el)[0]\n  const animation = params ? animate(drawable, params) : undefined\n  return { drawable, animation }\n}\n\n/**\n * Declarative SVG drawable directive. Wraps the SVG geometry element in an Anime.js drawable\n * Proxy and animates the `draw` property on mount. Re-creates it when the binding value changes\n * and reverts on unmount.\n *\n * @example\n * <path v-svg-drawable=\"{ draw: '0 1', duration: 1200 }\" />\n * <path v-svg-drawable=\"{ draw: ['0 0', '0.5 1', '0 1'], ease: 'inOutQuad', loop: true }\" />\n */\nexport const vSvgDrawable: Directive<SVGGeometryElement, AnimationParams | undefined> = {\n  mounted(el, binding) {\n    instances.set(el, create(el, binding.value))\n  },\n  updated(el, binding) {\n    if (binding.value === binding.oldValue) return\n    const entry = instances.get(el)\n    entry?.animation?.cancel()\n    entry?.animation?.revert()\n    instances.set(el, create(el, binding.value))\n  },\n  unmounted(el) {\n    const entry = instances.get(el)\n    entry?.animation?.cancel()\n    entry?.animation?.revert()\n    instances.delete(el)\n  },\n}","import { waapi, type WAAPIAnimationParams, type WAAPIAnimation } from \"animejs\"\nimport type { Directive } from \"vue\"\n\ninterface Entry {\n  animation: WAAPIAnimation\n  originalStyle: string\n}\n\nconst instances = new WeakMap<HTMLElement, Entry>()\n\n/**\n * Declarative WAAPI animation directive. Applies an Anime.js WAAPI animation to the element on\n * mount, re-creates it when the binding value changes, and reverts it on unmount.\n *\n * @example\n * <div v-waapi=\"{ translateX: 250, duration: 800 }\" />\n * <div v-waapi=\"reactiveOptions\" />\n */\nexport const vWaapi: Directive<HTMLElement, WAAPIAnimationParams> = {\n  mounted(el, binding) {\n    if (binding.value) {\n      instances.set(el, {\n        animation: waapi.animate(el, binding.value),\n        originalStyle: el.style.cssText,\n      })\n    }\n  },\n  updated(el, binding) {\n    if (binding.value === binding.oldValue) return\n    const entry = instances.get(el)\n    if (entry) {\n      entry.animation.cancel()\n      el.style.cssText = entry.originalStyle\n      instances.delete(el)\n    }\n\n    if (binding.value) {\n      instances.set(el, {\n        animation: waapi.animate(el, binding.value),\n        originalStyle: el.style.cssText,\n      })\n    }\n  },\n  unmounted(el) {\n    const entry = instances.get(el)\n    if (entry) {\n      entry.animation.cancel()\n      el.style.cssText = entry.originalStyle\n      instances.delete(el)\n    }\n  },\n}","import {\n  animate,\n  splitText,\n  type AnimationParams,\n  type JSAnimation,\n  type TextSplitter,\n  type TextSplitterParams,\n} from \"animejs\"\nimport type { Directive } from \"vue\"\n\nexport interface VTextSplitValue extends TextSplitterParams {\n  animation?: AnimationParams\n}\n\ninterface Entry {\n  splitter: TextSplitter\n  animation: JSAnimation | undefined\n}\n\nconst instances = new WeakMap<HTMLElement, Entry>()\n\nfunction create(el: HTMLElement, value: VTextSplitValue | undefined): Entry {\n  const { animation: anim_params, ...splitter_params } = value ?? {}\n  const splitter = splitText(el, splitter_params)\n  const entry: Entry = { splitter, animation: undefined }\n\n  if (anim_params) {\n    if (splitter_params.lines) {\n      // Line detection waits for document.fonts.ready — defer animation until splitter.lines is populated.\n      ;(document.fonts?.ready ?? Promise.resolve()).then(() => {\n        if (instances.get(el) === entry) {\n          entry.animation = animate(splitter.lines, anim_params)\n        }\n      })\n    } else {\n      const targets = splitter_params.chars ? splitter.chars : splitter.words\n      entry.animation = animate(targets, anim_params)\n    }\n  }\n\n  return entry\n}\n\nfunction destroy(entry: Entry) {\n  entry.animation?.cancel()\n  entry.splitter.revert()\n}\n\n/**\n * Declarative text-split directive. Splits the element's text into chars, words, or lines on\n * mount, and optionally animates the resulting spans. Re-creates on binding change, reverts on unmount.\n *\n * @example\n * <p v-text-split=\"{ words: true, animation: { translateY: [20, 0], opacity: [0, 1], delay: stagger(60) } }\">Hello</p>\n * <p v-text-split=\"{ chars: true, animation: { opacity: [0, 1], delay: stagger(30) } }\">Hello</p>\n * <p v-text-split=\"{ lines: true, animation: { translateX: [-20, 0], delay: stagger(100) } }\">Hello</p>\n */\nexport const vTextSplit: Directive<HTMLElement, VTextSplitValue | undefined> = {\n  mounted(el, binding) {\n    instances.set(el, create(el, binding.value))\n  },\n  updated(el, binding) {\n    if (binding.value === binding.oldValue) return\n    const entry = instances.get(el)\n    if (entry) destroy(entry)\n    instances.set(el, create(el, binding.value))\n  },\n  unmounted(el) {\n    const entry = instances.get(el)\n    if (entry) destroy(entry)\n    instances.delete(el)\n  },\n}"],"mappings":"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"}

package/dist/index.d.ts

@@ -10,4 +10,9 @@ export { useSvgDrawable, type UseSvgDrawableReturn } from "./composables/use-svg
 export { useText, type UseTextReturn } from "./composables/use-text.ts";
 export { useWaapi, type UseWaapiReturn } from "./composables/use-waapi.ts";
 export { useScope, type UseScopeReturn } from "./composables/use-scope.ts";
+export { vAnimate } from "./directives/v-animate.ts";
+export { vDraggable } from "./directives/v-draggable.ts";
+export { vSvgDrawable } from "./directives/v-svg-drawable.ts";
+export { vWaapi } from "./directives/v-waapi.ts";
+export { vTextSplit, type VTextSplitValue } from "./directives/v-text-split.ts";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAChF,OAAO,EAAE,aAAa,EAAE,KAAK,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AAC1F,OAAO,EAAE,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC1E,OAAO,EAAE,WAAW,EAAE,KAAK,aAAa,EAAE,KAAK,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AACvG,OAAO,EAAE,aAAa,EAAE,KAAK,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AACzF,OAAO,EAAE,YAAY,EAAE,KAAK,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AACtF,OAAO,EAAE,SAAS,EAAE,KAAK,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAC7E,OAAO,EAAE,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACpE,OAAO,EAAE,cAAc,EAAE,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAA;AAC7F,OAAO,EAAE,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACvE,OAAO,EAAE,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC1E,OAAO,EAAE,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,4BAA4B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAChF,OAAO,EAAE,aAAa,EAAE,KAAK,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AAC1F,OAAO,EAAE,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC1E,OAAO,EAAE,WAAW,EAAE,KAAK,aAAa,EAAE,KAAK,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AACvG,OAAO,EAAE,aAAa,EAAE,KAAK,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AACzF,OAAO,EAAE,YAAY,EAAE,KAAK,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AACtF,OAAO,EAAE,SAAS,EAAE,KAAK,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAC7E,OAAO,EAAE,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACpE,OAAO,EAAE,cAAc,EAAE,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAA;AAC7F,OAAO,EAAE,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACvE,OAAO,EAAE,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC1E,OAAO,EAAE,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAA"}

package/dist/index.js

@@ -580,6 +580,98 @@ function P(e) {
 	};
 }
 //#endregion
-export { E as useAnimatable, S as useAnimate, D as useDraggable, O as useLayout, C as useRawAnimate, P as useScope, k as useSvg, A as useSvgDrawable, j as useText, T as useTimeline, w as useTimer, M as useWaapi };
+//#region src/directives/v-animate.ts
+var F = /* @__PURE__ */ new WeakMap(), I = {
+	mounted(e, t) {
+		t.value && F.set(e, c(e, t.value));
+	},
+	updated(e, t) {
+		if (t.value === t.oldValue) return;
+		let n = F.get(e);
+		n?.cancel(), n?.revert(), t.value && F.set(e, c(e, t.value));
+	},
+	unmounted(e) {
+		let t = F.get(e);
+		t?.cancel(), t?.revert(), F.delete(e);
+	}
+}, L = /* @__PURE__ */ new WeakMap(), R = {
+	mounted(e, t) {
+		L.set(e, u(e, t.value ?? {}));
+	},
+	updated(e, t) {
+		t.value !== t.oldValue && (L.get(e)?.revert(), L.set(e, u(e, t.value ?? {})));
+	},
+	unmounted(e) {
+		L.get(e)?.revert(), L.delete(e);
+	}
+}, z = /* @__PURE__ */ new WeakMap();
+function B(e, t) {
+	let n = g.createDrawable(e)[0];
+	return {
+		drawable: n,
+		animation: t ? c(n, t) : void 0
+	};
+}
+var V = {
+	mounted(e, t) {
+		z.set(e, B(e, t.value));
+	},
+	updated(e, t) {
+		if (t.value === t.oldValue) return;
+		let n = z.get(e);
+		n?.animation?.cancel(), n?.animation?.revert(), z.set(e, B(e, t.value));
+	},
+	unmounted(e) {
+		let t = z.get(e);
+		t?.animation?.cancel(), t?.animation?.revert(), z.delete(e);
+	}
+}, H = /* @__PURE__ */ new WeakMap(), U = {
+	mounted(e, t) {
+		t.value && H.set(e, {
+			animation: _.animate(e, t.value),
+			originalStyle: e.style.cssText
+		});
+	},
+	updated(e, t) {
+		if (t.value === t.oldValue) return;
+		let n = H.get(e);
+		n && (n.animation.cancel(), e.style.cssText = n.originalStyle, H.delete(e)), t.value && H.set(e, {
+			animation: _.animate(e, t.value),
+			originalStyle: e.style.cssText
+		});
+	},
+	unmounted(e) {
+		let t = H.get(e);
+		t && (t.animation.cancel(), e.style.cssText = t.originalStyle, H.delete(e));
+	}
+}, W = /* @__PURE__ */ new WeakMap();
+function G(e, t) {
+	let { animation: n, ...r } = t ?? {}, i = h(e, r), a = {
+		splitter: i,
+		animation: void 0
+	};
+	return n && (r.lines ? (document.fonts?.ready ?? Promise.resolve()).then(() => {
+		W.get(e) === a && (a.animation = c(i.lines, n));
+	}) : a.animation = c(r.chars ? i.chars : i.words, n)), a;
+}
+function K(e) {
+	e.animation?.cancel(), e.splitter.revert();
+}
+var q = {
+	mounted(e, t) {
+		W.set(e, G(e, t.value));
+	},
+	updated(e, t) {
+		if (t.value === t.oldValue) return;
+		let n = W.get(e);
+		n && K(n), W.set(e, G(e, t.value));
+	},
+	unmounted(e) {
+		let t = W.get(e);
+		t && K(t), W.delete(e);
+	}
+};
+//#endregion
+export { E as useAnimatable, S as useAnimate, D as useDraggable, O as useLayout, C as useRawAnimate, P as useScope, k as useSvg, A as useSvgDrawable, j as useText, T as useTimeline, w as useTimer, M as useWaapi, I as vAnimate, R as vDraggable, V as vSvgDrawable, q as vTextSplit, U as vWaapi };
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/utils/resolve-target.ts","../src/composables/use-animate.ts","../src/composables/use-raw-animate.ts","../src/composables/use-timer.ts","../src/composables/use-timeline.ts","../src/composables/use-animatable.ts","../src/composables/use-draggable.ts","../src/composables/use-layout.ts","../src/composables/use-svg.ts","../src/composables/use-svg-drawable.ts","../src/composables/use-text.ts","../src/composables/use-waapi.ts","../src/composables/use-scope.ts"],"sourcesContent":["import { type Ref, type ComponentPublicInstance, type MaybeRef } from \"vue\"\nimport { unrefElement, type MaybeComputedElementRef } from \"@vueuse/core\"\nimport { type TargetsParam } from \"animejs\"\n\n/**\n * Any valid animation target: any Anime.js `TargetsParam` (optionally wrapped in a `Ref`),\n * or a Vue component template ref (`Ref<ComponentPublicInstance>`), whose `.$el` is resolved\n * automatically via `unrefElement`.\n */\nexport type AnimationTargets = MaybeRef<TargetsParam> | Ref<ComponentPublicInstance>\n\n/**\n * Resolves an `AnimationTargets` value to a plain `TargetsParam` suitable for Anime.js.\n * Unwraps `Ref<HTMLElement | SVGElement>` template refs and `Ref<ComponentPublicInstance>`\n * component refs (extracting `.$el`); non-ref values pass through unchanged.\n *\n * @param targets - A raw Anime.js target, a Vue template ref, or a Vue component ref.\n */\nexport function resolveTarget(targets: AnimationTargets): TargetsParam {\n  return unrefElement(targets as MaybeComputedElementRef) as TargetsParam\n}","import { type DeepReadonly, type MaybeRef, type ShallowRef, shallowRef, unref, watch, readonly, isRef } from \"vue\"\nimport { type JSAnimation, animate, type TargetsParam, type AnimationParams } from \"animejs\"\nimport { tryOnUnmounted } from \"@vueuse/core\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\n\nexport interface UseAnimateReturn {\n  /** The underlying Anime.js animation instance. `undefined` until the target is available. */\n  animation: DeepReadonly<ShallowRef<JSAnimation | undefined>>\n  /** Starts or resumes the animation. */\n  play: () => JSAnimation | undefined\n  /** Reverses playback direction. */\n  reverse: () => JSAnimation | undefined\n  /** Pauses the animation at the current position. */\n  pause: () => JSAnimation | undefined\n  /** Restarts the animation from the beginning. */\n  restart: () => JSAnimation | undefined\n  /** Toggles between forward and reverse direction. */\n  alternate: () => JSAnimation | undefined\n  /** Resumes from a paused state. */\n  resume: () => JSAnimation | undefined\n  /** Jumps immediately to the end of the animation. */\n  complete: () => JSAnimation | undefined\n  /** Stops the animation and removes it from the Anime.js engine. */\n  cancel: () => JSAnimation | undefined\n  /** Cancels the animation and restores all animated properties to their original values. */\n  revert: () => JSAnimation | undefined\n  /** Resets the animation to its initial state. Pass `true` for a soft reset that preserves the current cycle. */\n  reset: (softReset?: boolean) => JSAnimation | undefined\n  /** Seeks to a specific time (in ms). */\n  seek: (time: number, muteCallbacks?: boolean | number, internalRender?: boolean | number) => JSAnimation | undefined\n  /** Rescales the animation to a new total duration. */\n  stretch: (newDuration: number) => JSAnimation | undefined\n  /** Re-reads the current values of animated properties from the DOM. */\n  refresh: () => JSAnimation | undefined\n}\n\n/**\n * Wraps Anime.js `animate()` into a Vue composable. Reactively re-creates the animation when the target or options change, and cancels it automatically on unmount.\n *\n * @param _target - The element(s) to animate. Accepts a template ref, a CSS selector, a DOM element, or a reactive ref to any of these.\n * @param _options - Anime.js animation parameters. Accepts a plain object or a reactive ref / computed. Defaults to `{}`.\n */\nexport function useAnimate(_target: AnimationTargets, _options: MaybeRef<AnimationParams> = {}): UseAnimateReturn {\n  const animation = shallowRef<JSAnimation>()\n\n  const { stop } = watch(\n    [() => resolveTarget(_target), () => unref(_options)],\n    ([el, opt]) => {\n      createAnimation(el, opt)\n    },\n    { flush: \"post\", immediate: !isRef(_target) }\n  )\n\n  tryOnUnmounted(() => {\n    stop()\n    cancel()\n  })\n\n  function createAnimation(el: TargetsParam, opt: AnimationParams) {\n    revert()\n\n    if (!el) {\n      console.warn(\"Target element is null or undefined\")\n      animation.value = undefined\n      return\n    }\n\n    animation.value = animate(el, opt)\n  }\n\n  function play() {\n    return animation.value?.play()\n  }\n\n  function reverse() {\n    return animation.value?.reverse()\n  }\n\n  function pause() {\n    return animation.value?.pause()\n  }\n\n  function restart() {\n    return animation.value?.restart()\n  }\n\n  function alternate() {\n    return animation.value?.alternate()\n  }\n\n  function resume() {\n    return animation.value?.resume()\n  }\n\n  function complete() {\n    return animation.value?.complete()\n  }\n\n  function cancel() {\n    return animation.value?.cancel()\n  }\n\n  function revert() {\n    return animation.value?.revert()\n  }\n\n  function reset(softReset?: boolean) {\n    return animation.value?.reset(softReset)\n  }\n\n  function seek(time: number, muteCallbacks?: boolean | number, internalRender?: boolean | number) {\n    return animation.value?.seek(time, muteCallbacks, internalRender)\n  }\n\n  function stretch(newDuration: number) {\n    return animation.value?.stretch(newDuration)\n  }\n\n  function refresh() {\n    return animation.value?.refresh()\n  }\n\n  return {\n    animation: readonly(animation),\n    play,\n    reverse,\n    pause,\n    restart,\n    alternate,\n    resume,\n    complete,\n    cancel,\n    revert,\n    reset,\n    seek,\n    stretch,\n    refresh,\n  }\n}","import { animate, type AnimationParams, type JSAnimation } from \"animejs\"\nimport { type MaybeRef, unref } from \"vue\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\n\n/** The Anime.js `JSAnimation` instance returned by `useRawAnimate`. */\nexport type UseRawAnimateReturn = JSAnimation\n\n/**\n * Thin wrapper around Anime.js `animate()`. Resolves the target (unwrapping refs and Vue component\n * refs via `.$el`) and immediately starts the animation.\n *\n * @param _target - The element(s) to animate. Accepts a template ref, a Vue component ref, a CSS selector, a DOM element, or a reactive ref to any of these.\n * @param _options - Anime.js animation parameters. Accepts a plain object or a reactive ref / computed. Defaults to `{}`.\n */\nexport function useRawAnimate(\n  _target: AnimationTargets,\n  _options: MaybeRef<AnimationParams> = {}\n): UseRawAnimateReturn {\n  const target = resolveTarget(_target)\n\n  if (!target) {\n    console.warn(\"Target is undefined\")\n  }\n\n  return animate(target, unref(_options))\n}","import { createTimer, type Timer, type TimerParams } from \"animejs\"\nimport { type MaybeRef, type ShallowRef, shallowRef, unref, watch, type DeepReadonly, readonly } from \"vue\"\nimport { tryOnUnmounted } from \"@vueuse/core\"\n\nexport interface UseTimerReturn {\n  /** The underlying Anime.js timer instance. */\n  timer: DeepReadonly<ShallowRef<Timer>>\n  /** Starts or resumes the timer. */\n  play: () => Timer\n  /** Reverses the timer's playback direction. */\n  reverse: () => Timer\n  /** Pauses the timer at the current position. */\n  pause: () => Timer\n  /** Restarts the timer from the beginning. */\n  restart: () => Timer\n  /** Toggles between forward and reverse direction. */\n  alternate: () => Timer\n  /** Resumes from a paused state. */\n  resume: () => Timer\n  /** Jumps immediately to the end of the timer duration. */\n  complete: () => Timer\n  /** Resets the timer to its initial state. Pass `true` for a soft reset that preserves the current cycle. */\n  reset: (softReset?: boolean) => Timer\n  /** Stops the timer and removes it from the Anime.js engine. */\n  cancel: () => Timer\n  /** Cancels the timer and restores any associated state to its original values. */\n  revert: () => Timer\n  /** Seeks to a specific time (in ms). */\n  seek: (time: number, muteCallbacks?: boolean | number, internalRender?: boolean | number) => Timer\n  /** Rescales the timer to a new total duration. */\n  stretch: (newDuration: number) => Timer\n}\n\n/**\n * Wraps Anime.js `createTimer()` into a Vue composable. Reactively re-creates the timer when options change, and cancels it automatically on unmount.\n *\n * @param options - Anime.js timer parameters. Accepts a plain object or a reactive ref / computed. Defaults to `{}`.\n */\nexport function useTimer(options: MaybeRef<TimerParams> = {}): UseTimerReturn {\n  const timer = shallowRef<Timer>(createTimer(unref(options)))\n\n  const { stop } = watch(\n    () => unref(options),\n    options => {\n      cancel()\n      timer.value = createTimer(options)\n    },\n    { deep: 1 }\n  )\n\n  tryOnUnmounted(() => {\n    stop()\n    cancel()\n  })\n\n  function play() {\n    return timer.value.play()\n  }\n\n  function reverse() {\n    return timer.value.reverse()\n  }\n\n  function pause() {\n    return timer.value.pause()\n  }\n\n  function restart() {\n    return timer.value.restart()\n  }\n\n  function alternate() {\n    return timer.value.alternate()\n  }\n\n  function resume() {\n    return timer.value.resume()\n  }\n\n  function complete() {\n    return timer.value.complete()\n  }\n\n  function reset(softReset?: boolean) {\n    return timer.value.reset(softReset)\n  }\n\n  function cancel() {\n    return timer.value.cancel()\n  }\n\n  function revert() {\n    return timer.value.revert()\n  }\n\n  function seek(time: number, muteCallbacks?: boolean | number, internalRender?: boolean | number) {\n    return timer.value.seek(time, muteCallbacks, internalRender)\n  }\n\n  function stretch(newDuration: number) {\n    return timer.value.stretch(newDuration)\n  }\n\n  return {\n    timer: readonly(timer),\n    play,\n    reverse,\n    pause,\n    restart,\n    alternate,\n    resume,\n    complete,\n    reset,\n    cancel,\n    revert,\n    seek,\n    stretch,\n  }\n}","import {\n  type MaybeRef,\n  type MaybeRefOrGetter,\n  type ShallowRef,\n  shallowRef,\n  toValue,\n  unref,\n  watch,\n  type DeepReadonly,\n  readonly,\n} from \"vue\"\nimport {\n  type AnimationParams,\n  type Callback,\n  createTimeline,\n  type StaggerFunction,\n  type Tickable,\n  type Timeline,\n  type TimelineParams,\n  type TimelinePosition,\n  type Timer,\n} from \"animejs\"\nimport { tryOnMounted, tryOnUnmounted } from \"@vueuse/core\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\n\ntype QueueEntry =\n  | {\n      type: \"add\"\n      targets: AnimationTargets\n      params: MaybeRefOrGetter<AnimationParams>\n      position?: TimelinePosition | StaggerFunction<number | string>\n    }\n  | { type: \"set\"; targets: AnimationTargets; params: MaybeRefOrGetter<AnimationParams>; position?: TimelinePosition }\n\nexport type TimelineChain = Timeline & {\n  /** Adds an animation to the timeline and returns a chainable object. */\n  add: (\n    targets: AnimationTargets,\n    params: MaybeRefOrGetter<AnimationParams>,\n    position?: TimelinePosition | StaggerFunction<number | string>\n  ) => TimelineChain\n  /** Sets a property to a value at a point in the timeline without animating it, then returns a chainable object. */\n  set: (\n    targets: AnimationTargets,\n    params: MaybeRefOrGetter<AnimationParams>,\n    position?: TimelinePosition\n  ) => TimelineChain\n  /** Removes an animation target (or a specific property) from the timeline and returns a chainable object. */\n  remove: (targets: AnimationTargets, propertyName?: string) => TimelineChain\n}\n\nexport interface UseTimelineReturn {\n  /** The underlying Anime.js timeline instance. */\n  timeline: DeepReadonly<ShallowRef<Timeline>>\n  /** Adds an animation to the timeline. Accepts a template ref or any valid Anime.js target. Returns a chainable object. */\n  add: (\n    targets: AnimationTargets,\n    params: MaybeRefOrGetter<AnimationParams>,\n    position?: TimelinePosition | StaggerFunction<number | string>\n  ) => TimelineChain\n  /** Sets a property to a value at a point in the timeline without animating it. Returns a chainable object. */\n  set: (\n    targets: AnimationTargets,\n    params: MaybeRefOrGetter<AnimationParams>,\n    position?: TimelinePosition\n  ) => TimelineChain\n  /** Removes an animation target (or a specific property) from the timeline. Returns a chainable object. */\n  remove: (targets: AnimationTargets, propertyName?: string) => TimelineChain\n  /** Synchronises another tickable (animation, timer) into the timeline at the given position. */\n  sync: (synced?: Tickable, position?: TimelinePosition) => Timeline\n  /** Adds a named label at a position so it can be referenced by `.add()` or `.seek()`. */\n  label: (labelName: string, position?: TimelinePosition) => Timeline\n  /** Inserts a callback function at a specific point in the timeline. */\n  call: (callback: Callback<Timer>, position?: TimelinePosition) => Timeline\n  /** Renders the timeline once without playing it. */\n  init: (internalRender?: boolean) => Timeline\n  /** Starts or resumes the timeline. */\n  play: () => Timeline\n  /** Reverses playback direction. */\n  reverse: () => Timeline\n  /** Pauses the timeline at the current position. */\n  pause: () => Timeline\n  /** Restarts the timeline from the beginning. */\n  restart: () => Timeline\n  /** Toggles between forward and reverse direction. */\n  alternate: () => Timeline\n  /** Resumes from a paused state. */\n  resume: () => Timeline\n  /** Jumps immediately to the end of the timeline. */\n  complete: () => Timeline\n  /** Resets the timeline to its initial state. Pass `true` for a soft reset that preserves the current cycle. */\n  reset: (softReset?: boolean) => Timeline\n  /** Stops the timeline and removes it from the Anime.js engine. */\n  cancel: () => Timeline\n  /** Cancels the timeline and restores all animated properties to their original values. */\n  revert: () => Timeline\n  /** Seeks to a specific time (in ms). */\n  seek: (time: number, muteCallbacks?: boolean | number, internalRender?: boolean | number) => Timeline\n  /** Rescales the timeline to a new total duration. */\n  stretch: (newDuration: number) => Timeline\n  /** Re-reads the current values of all animated properties from the DOM. */\n  refresh: () => Timeline\n}\n\n/**\n * Wraps Anime.js `createTimeline()` into a Vue composable. Reactively re-creates the timeline when options change, and cancels it automatically on unmount.\n *\n * @param options - Anime.js timeline parameters. Accepts a plain object or a reactive ref / computed. Defaults to `{}`.\n */\nexport function useTimeline(options: MaybeRef<TimelineParams> = {}): UseTimelineReturn {\n  let is_mounted = false\n\n  const queue: QueueEntry[] = []\n\n  const timeline = shallowRef<Timeline>(createTimeline(unref(options)))\n\n  function replayQueue() {\n    for (const entry of queue) {\n      if (entry.type === \"add\") {\n        timeline.value.add(resolveTarget(entry.targets), toValue(entry.params), entry.position)\n      } else {\n        timeline.value.set(resolveTarget(entry.targets), toValue(entry.params), entry.position)\n      }\n    }\n  }\n\n  const { stop } = watch(\n    () => unref(options),\n    _options => {\n      revert()\n      timeline.value = createTimeline(_options)\n      replayQueue()\n    },\n    { flush: \"post\", deep: 1 }\n  )\n\n  tryOnMounted(() => {\n    is_mounted = true\n    replayQueue()\n  })\n\n  tryOnUnmounted(() => {\n    stop()\n    cancel()\n  })\n\n  function add(\n    targets: AnimationTargets,\n    _params: MaybeRefOrGetter<AnimationParams>,\n    position?: TimelinePosition | StaggerFunction<number | string>\n  ) {\n    queue.push({ type: \"add\", targets, params: _params, position })\n\n    if (is_mounted) {\n      return {\n        ...timeline.value.add(resolveTarget(targets), toValue(_params), position),\n        add,\n        set,\n        remove,\n      } as TimelineChain\n    }\n\n    return { ...timeline.value, add, set, remove } as TimelineChain\n  }\n\n  function set(targets: AnimationTargets, _params: MaybeRefOrGetter<AnimationParams>, position?: TimelinePosition) {\n    queue.push({ type: \"set\", targets, params: _params, position })\n\n    if (is_mounted) {\n      return {\n        ...timeline.value.set(resolveTarget(targets), toValue(_params), position),\n        add,\n        set,\n        remove,\n      } as TimelineChain\n    }\n\n    return { ...timeline.value, add, set, remove } as TimelineChain\n  }\n\n  function remove(targets: AnimationTargets, propertyName?: string) {\n    if (!is_mounted) {\n      console.warn(\"Cannot remove from timeline before mount\")\n      return { ...timeline.value, add, set, remove } as TimelineChain\n    }\n\n    return { ...timeline.value.remove(resolveTarget(targets), propertyName), add, set, remove } as TimelineChain\n  }\n\n  function sync(synced?: Tickable, position?: TimelinePosition) {\n    return timeline.value.sync(synced, position)\n  }\n\n  function label(labelName: string, position?: TimelinePosition) {\n    return timeline.value.label(labelName, position)\n  }\n\n  function call(callback: Callback<Timer>, position?: TimelinePosition) {\n    return timeline.value.call(callback, position)\n  }\n\n  function init(internalRender?: boolean) {\n    return timeline.value.init(internalRender)\n  }\n\n  function play() {\n    return timeline.value.play()\n  }\n\n  function reverse() {\n    return timeline.value.reverse()\n  }\n\n  function pause() {\n    return timeline.value.pause()\n  }\n\n  function restart() {\n    return timeline.value.restart()\n  }\n\n  function alternate() {\n    return timeline.value.alternate()\n  }\n\n  function resume() {\n    return timeline.value.resume()\n  }\n\n  function complete() {\n    return timeline.value.complete()\n  }\n\n  function reset(softReset?: boolean) {\n    return timeline.value.reset(softReset)\n  }\n\n  function cancel() {\n    return timeline.value.cancel()\n  }\n\n  function revert() {\n    return timeline.value.revert()\n  }\n\n  function seek(time: number, muteCallbacks?: boolean | number, internalRender?: boolean | number) {\n    return timeline.value.seek(time, muteCallbacks, internalRender)\n  }\n\n  function stretch(newDuration: number) {\n    return timeline.value.stretch(newDuration)\n  }\n\n  function refresh() {\n    return timeline.value.refresh()\n  }\n\n  return {\n    timeline: readonly(timeline),\n    add,\n    set,\n    sync,\n    label,\n    remove,\n    call,\n    init,\n    play,\n    reverse,\n    pause,\n    restart,\n    alternate,\n    resume,\n    complete,\n    reset,\n    cancel,\n    revert,\n    seek,\n    stretch,\n    refresh,\n  }\n}","import { type AnimatableObject, type AnimatableParams, createAnimatable, type TargetsParam } from \"animejs\"\nimport {\n  computed,\n  type DeepReadonly,\n  isRef,\n  type MaybeRef,\n  readonly,\n  type ShallowRef,\n  shallowRef,\n  unref,\n  watch,\n} from \"vue\"\nimport { tryOnUnmounted } from \"@vueuse/core\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\n\nexport interface UseAnimatableReturn {\n  /** The underlying Anime.js animatable instance. `undefined` until the target is available. */\n  animatable: DeepReadonly<ShallowRef<AnimatableObject | undefined>>\n  /** Cancels the animatable and restores all animated properties to their original values. */\n  revert: () => AnimatableObject | undefined\n}\n\n/**\n * Wraps Anime.js `createAnimatable()` into a Vue composable. Reactively re-creates the animatable when the target or options change, and reverts it automatically on unmount.\n *\n * @param targets - The element(s) to make animatable. Accepts a template ref, a CSS selector, a DOM element, or a reactive ref to any of these.\n * @param options - Anime.js animatable parameters. Accepts a plain object or a reactive ref / computed. Defaults to `{}`.\n */\nexport function useAnimatable(\n  targets: AnimationTargets,\n  options: MaybeRef<AnimatableParams> = {}\n): UseAnimatableReturn {\n  const animatable = shallowRef<AnimatableObject>()\n\n  const watch_target = computed<{ el: TargetsParam; opt: AnimatableParams }>(() => ({\n    el: resolveTarget(targets),\n    opt: unref(options),\n  }))\n\n  const { stop } = watch(\n    watch_target,\n    ({ el, opt }) => {\n      revert()\n\n      if (!el) {\n        console.warn(\"Targets element is null or undefined\")\n        animatable.value = undefined\n        return\n      }\n\n      animatable.value = createAnimatable(el, opt)\n    },\n    { flush: \"post\", immediate: !isRef(targets) }\n  )\n\n  tryOnUnmounted(() => {\n    stop()\n    revert()\n  })\n\n  function revert() {\n    return animatable.value?.revert()\n  }\n\n  return { animatable: readonly(animatable), revert }\n}","import { type DeepReadonly, isRef, type MaybeRef, readonly, type ShallowRef, shallowRef, unref, watch } from \"vue\"\nimport { tryOnUnmounted } from \"@vueuse/core\"\nimport { type Draggable, type DraggableParams, createDraggable, type EasingParam } from \"animejs\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\n\nexport interface UseDraggableReturn {\n  /** The underlying Anime.js draggable instance. `undefined` until the target is available. */\n  draggable: DeepReadonly<ShallowRef<Draggable | undefined>>\n  /** Disables drag interactions without destroying the instance. */\n  disable: () => void\n  /** Re-enables drag interactions after `disable()`. */\n  enable: () => void\n  /** Moves the draggable to the given x position. Pass `true` to suppress the update callback. */\n  setX: (x: number, muteUpdateCallback?: boolean) => void\n  /** Moves the draggable to the given y position. Pass `true` to suppress the update callback. */\n  setY: (y: number, muteUpdateCallback?: boolean) => void\n  /** Animates the draggable into the visible viewport. */\n  animateInView: (duration?: number, gap?: number, ease?: EasingParam) => void\n  /** Scrolls the draggable into the visible viewport. */\n  scrollInView: (duration?: number, gap?: number, ease?: EasingParam) => void\n  /** Stops any in-progress snap or momentum animation. */\n  stop: () => void\n  /** Resets the draggable position to its initial state. */\n  reset: () => void\n  /** Cancels the draggable and restores the element to its original state. */\n  revert: () => void\n  /** Re-reads the element's size and container bounds. */\n  refresh: () => void\n}\n\n/**\n * Wraps Anime.js `createDraggable()` into a Vue composable. Reactively re-creates the draggable when the target or options change, and reverts it automatically on unmount.\n *\n * @param targets - The element(s) to make draggable. Accepts a template ref, a CSS selector, a DOM element, or a reactive ref to any of these.\n * @param options - Anime.js draggable parameters. Accepts a plain object or a reactive ref / computed. Defaults to `{}`.\n */\nexport function useDraggable(targets: AnimationTargets, options: MaybeRef<DraggableParams> = {}): UseDraggableReturn {\n  const draggable = shallowRef<Draggable>()\n\n  const { stop: stopWatch } = watch(\n    [() => resolveTarget(targets), () => unref(options)],\n    ([el, opt]) => {\n      revert()\n\n      if (!el) {\n        console.warn(\"Targets element is null or undefined\")\n        draggable.value = undefined\n        return\n      }\n\n      draggable.value = createDraggable(el, opt)\n    },\n    { flush: \"post\", immediate: !isRef(targets) }\n  )\n\n  tryOnUnmounted(() => {\n    revert()\n    stopWatch()\n  })\n\n  function disable() {\n    return draggable.value?.disable()\n  }\n\n  function enable() {\n    return draggable.value?.enable()\n  }\n\n  function setX(x: number, muteUpdateCallback?: boolean) {\n    return draggable.value?.setX(x, muteUpdateCallback)\n  }\n\n  function setY(y: number, muteUpdateCallback?: boolean) {\n    return draggable.value?.setY(y, muteUpdateCallback)\n  }\n\n  function animateInView(duration?: number, gap?: number, ease?: EasingParam) {\n    return draggable.value?.animateInView(duration, gap, ease)\n  }\n\n  function scrollInView(duration?: number, gap?: number, ease?: EasingParam) {\n    return draggable.value?.scrollInView(duration, gap, ease)\n  }\n\n  function stop() {\n    return draggable.value?.stop()\n  }\n\n  function reset() {\n    return draggable.value?.reset()\n  }\n\n  function revert() {\n    return draggable.value?.revert()\n  }\n\n  function refresh() {\n    return draggable.value?.refresh()\n  }\n\n  return {\n    draggable: readonly(draggable),\n    disable,\n    enable,\n    setX,\n    setY,\n    animateInView,\n    scrollInView,\n    stop,\n    reset,\n    revert,\n    refresh,\n  }\n}","import { type MaybeComputedElementRef, tryOnUnmounted } from \"@vueuse/core\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\nimport {\n  type AutoLayout,\n  type AutoLayoutParams,\n  createLayout,\n  type DOMTargetSelector,\n  type LayoutAnimationParams,\n  type Timeline,\n} from \"animejs\"\nimport { type DeepReadonly, isRef, type MaybeRef, readonly, type ShallowRef, shallowRef, unref, watch } from \"vue\"\n\nexport interface UseLayoutReturn {\n  /** The underlying Anime.js `AutoLayout` instance. `undefined` until the root element is available. */\n  layout: DeepReadonly<ShallowRef<AutoLayout | undefined>>\n  /** Snapshots the current positions of all tracked children so the next layout change can be animated. */\n  record: () => void\n  /** Animates all children from their recorded positions to their new positions. */\n  animate: (params?: LayoutAnimationParams) => Timeline | undefined\n  /** Records, applies the callback (which triggers a layout change), then animates the transition. */\n  update: (callback: (layout: AutoLayout) => void, params?: LayoutAnimationParams) => void\n  /** Cancels the layout watcher and restores all elements to their original state. */\n  revert: () => void\n}\n\n/**\n * Wraps Anime.js `createLayout()` into a Vue composable. Reactively re-creates the layout observer when the root element or params change, and reverts it automatically on unmount.\n *\n * @param root - The container element whose children will be tracked. Accepts a template ref, a CSS selector, or a reactive ref to either.\n * @param params - Anime.js auto-layout parameters. Accepts a plain object or a reactive ref / computed.\n */\nexport function useLayout(\n  root: MaybeRef<DOMTargetSelector> | MaybeComputedElementRef,\n  params: MaybeRef<AutoLayoutParams> = {}\n): UseLayoutReturn {\n  const layout = shallowRef<AutoLayout | undefined>()\n\n  const { stop } = watch(\n    [() => resolveTarget(root as AnimationTargets), () => unref(params)],\n    ([el, opt]) => {\n      revert()\n\n      if (!el) {\n        console.warn(\"Target element is null or undefined\")\n        layout.value = undefined\n        return\n      }\n\n      layout.value = createLayout(el as DOMTargetSelector, opt)\n    },\n    { flush: \"post\", immediate: !isRef(root) }\n  )\n\n  tryOnUnmounted(() => {\n    revert()\n    stop()\n  })\n\n  function record() {\n    return layout.value?.record()\n  }\n\n  function animate(params?: LayoutAnimationParams) {\n    return layout.value?.animate(params)\n  }\n\n  function update(callback: (layout: AutoLayout) => void, params?: LayoutAnimationParams) {\n    return layout.value?.update(callback, params)\n  }\n\n  function revert() {\n    return layout.value?.revert()\n  }\n\n  return { layout: readonly(layout), record, animate, update, revert }\n}","import { svg, type FunctionValue, type TargetsParam } from \"animejs\"\nimport { type MaybeRef, unref } from \"vue\"\n\nexport interface UseSvgReturn {\n  /** Returns a `FunctionValue` that morphs the current path to the given `path`. Pass the result as the `d` property in `useAnimate` options. */\n  morphTo: (path: MaybeRef<TargetsParam>, precision?: MaybeRef<number>) => FunctionValue\n  /** Creates a motion-path object from an SVG `<path>`. Spread the result into `useAnimate` options to animate `translateX`, `translateY`, and `rotate` along the path. */\n  createMotionPath: (\n    path: MaybeRef<TargetsParam | null>,\n    offset?: MaybeRef<number>\n  ) => ReturnType<typeof svg.createMotionPath>\n}\n\n/**\n * Exposes Anime.js SVG utilities (`svg.morphTo`, `svg.createMotionPath`) as a Vue composable, automatically unwrapping reactive refs passed to each helper.\n *\n * For drawable stroke animations, use `useSvgDrawable` instead.\n */\nexport function useSvg(): UseSvgReturn {\n  function morphTo(_path: MaybeRef<TargetsParam>, precision?: MaybeRef<number>) {\n    const path = unref(_path)\n\n    if (!path) return () => \"\"\n\n    return svg.morphTo(unref(path), unref(precision))\n  }\n\n  function createMotionPath(path: MaybeRef<TargetsParam | null>, offset?: MaybeRef<number>) {\n    const resolved = unref(path) ?? \"\"\n    return svg.createMotionPath(resolved, unref(offset))\n  }\n\n  return {\n    morphTo,\n    createMotionPath,\n  }\n}","import { svg, type DrawableSVGGeometry, type DOMTargetSelector } from \"animejs\"\nimport { type MaybeComputedElementRef, tryOnUnmounted } from \"@vueuse/core\"\nimport { isRef, type MaybeRef, readonly, type DeepReadonly, type ShallowRef, shallowRef, unref, watch } from \"vue\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\n\nexport interface UseSvgDrawableReturn {\n  /**\n   * The Anime.js drawable Proxy for the target element. `undefined` until the element is available.\n   * Pass this ref — not the original template ref — as the `useAnimate` target to animate the `draw` property.\n   */\n  drawable: DeepReadonly<ShallowRef<DrawableSVGGeometry | undefined>>\n}\n\n/**\n * Wraps an SVG geometry element in Anime.js's drawable Proxy. The proxy intercepts `setAttribute('draw', …)` calls and translates normalised `draw` values (`0`–`1`) into the correct `stroke-dasharray` / `stroke-dashoffset` updates. Pass the returned `drawable` ref as the target to `useAnimate`.\n *\n * @param target - The SVG element to make drawable. Accepts a template ref, a CSS selector, or a reactive ref to either.\n * @param start - Initial draw start position (`0`–`1`). Defaults to `0`.\n * @param end - Initial draw end position (`0`–`1`). Defaults to `0` (fully hidden).\n */\nexport function useSvgDrawable(\n  target: MaybeRef<DOMTargetSelector> | MaybeComputedElementRef,\n  start: MaybeRef<number> = 0,\n  end: MaybeRef<number> = 0\n): UseSvgDrawableReturn {\n  const drawable = shallowRef<DrawableSVGGeometry | undefined>()\n\n  const { stop } = watch(\n    () => resolveTarget(target as AnimationTargets),\n    el => {\n      drawable.value = undefined\n      if (!el) {\n        console.warn(\"[useSvgDrawable] Target element is null or undefined\")\n        return\n      }\n      drawable.value = svg.createDrawable(el as DOMTargetSelector, unref(start), unref(end))[0]\n    },\n    { flush: \"post\", immediate: !isRef(target) }\n  )\n\n  tryOnUnmounted(() => {\n    stop()\n    drawable.value = undefined\n  })\n\n  return { drawable: readonly(drawable) }\n}","import { splitText, type TextSplitter, type TextSplitterParams } from \"animejs\"\nimport { type MaybeComputedElementRef, tryOnUnmounted } from \"@vueuse/core\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\nimport {\n  computed,\n  isRef,\n  readonly,\n  shallowRef,\n  unref,\n  watch,\n  type ComputedRef,\n  type DeepReadonly,\n  type MaybeRef,\n  type ShallowRef,\n} from \"vue\"\n\nexport interface UseTextReturn {\n  /** The underlying Anime.js `TextSplitter` instance. `undefined` until the target is available. */\n  splitter: DeepReadonly<ShallowRef<TextSplitter | undefined>>\n  /** Reactive array of `<span>` elements representing each line after splitting. */\n  lines: ComputedRef<HTMLElement[]>\n  /** Reactive array of `<span>` elements representing each word after splitting. */\n  words: ComputedRef<HTMLElement[]>\n  /** Reactive array of `<span>` elements representing each character after splitting. */\n  chars: ComputedRef<HTMLElement[]>\n  /** Removes all split `<span>` wrappers and restores the original text content. */\n  revert: () => void\n  /** Re-splits the text, updating `lines`, `words`, and `chars` to reflect any DOM or size changes. */\n  refresh: () => void\n}\n\n/**\n * Wraps Anime.js `splitText()` into a Vue composable. Reactively re-splits the text when the target or params change, and reverts the DOM automatically on unmount.\n *\n * @param _target - The element(s) whose text content should be split. Accepts a template ref, a CSS selector, a DOM element, or a reactive ref to any of these.\n * @param _params - Anime.js text-splitter parameters. Accepts a plain object or a reactive ref / computed.\n */\nexport function useText(\n  _target: MaybeRef<HTMLElement | NodeList | string | HTMLElement[]> | MaybeComputedElementRef,\n  _params?: MaybeRef<TextSplitterParams>\n): UseTextReturn {\n  const splitter = shallowRef<TextSplitter | undefined>()\n\n  const lines = computed<HTMLElement[]>(() => splitter.value?.lines ?? [])\n  const words = computed<HTMLElement[]>(() => splitter.value?.words ?? [])\n  const chars = computed<HTMLElement[]>(() => splitter.value?.chars ?? [])\n\n  const { stop } = watch(\n    [() => resolveTarget(_target as AnimationTargets), () => unref(_params)],\n    ([el, params]) => {\n      revert()\n      splitter.value = undefined\n\n      if (!el) return\n\n      splitter.value = splitText(el as HTMLElement | NodeList | string | HTMLElement[], params)\n    },\n    { flush: \"post\", immediate: !isRef(_target) }\n  )\n\n  tryOnUnmounted(() => {\n    stop()\n    splitter.value = undefined\n    revert()\n  })\n\n  function revert() {\n    splitter.value?.revert()\n  }\n\n  function refresh() {\n    splitter.value?.refresh()\n  }\n\n  return {\n    splitter: readonly(splitter),\n    lines,\n    words,\n    chars,\n    revert,\n    refresh,\n  }\n}","import { type MaybeComputedElementRef, tryOnUnmounted } from \"@vueuse/core\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\nimport {\n  type WAAPIAnimationParams,\n  type DOMTargetsParam,\n  waapi,\n  type WAAPIAnimation,\n  type EasingFunction,\n} from \"animejs\"\nimport { DeepReadonly, isRef, type MaybeRef, readonly, ShallowRef, shallowRef, unref, watch } from \"vue\"\n\nexport interface UseWaapiReturn {\n  /** The underlying Anime.js WAAPI animation instance. `undefined` until the target is available. */\n  animation: DeepReadonly<ShallowRef<WAAPIAnimation | undefined>>\n  /** Resumes from a paused state. */\n  resume: () => WAAPIAnimation | undefined\n  /** Pauses the animation at the current position. */\n  pause: () => WAAPIAnimation | undefined\n  /** Toggles between forward and reverse direction. */\n  alternate: () => WAAPIAnimation | undefined\n  /** Starts or resumes the animation. */\n  play: () => WAAPIAnimation | undefined\n  /** Reverses playback direction. */\n  reverse: () => WAAPIAnimation | undefined\n  /** Seeks to a specific time (in ms). Accepts a reactive ref for the time value. */\n  seek: (time: MaybeRef<number>, muteCallbacks?: MaybeRef<boolean>) => WAAPIAnimation | undefined\n  /** Restarts the animation from the beginning. */\n  restart: () => WAAPIAnimation | undefined\n  /** Commits the current animated styles to the element's inline style, then cancels the animation. */\n  commitStyles: () => WAAPIAnimation | undefined\n  /** Jumps immediately to the end of the animation. */\n  complete: () => WAAPIAnimation | undefined\n  /** Stops the animation and removes it from the WAAPI engine. */\n  cancel: () => WAAPIAnimation | undefined\n  /** Cancels the animation and restores all animated properties to their original values. */\n  revert: () => WAAPIAnimation | undefined\n  /** Converts an Anime.js easing function to a CSS `cubic-bezier()` string usable by WAAPI. */\n  convertEase: (fn: MaybeRef<EasingFunction>, samples?: MaybeRef<number>) => string\n}\n\n/**\n * Wraps Anime.js `waapi.animate()` into a Vue composable. Reactively re-creates the WAAPI animation when the target or options change, and stops it automatically on unmount.\n *\n * @param targets - The DOM element(s) to animate via WAAPI. Accepts a template ref, a CSS selector, a DOM element, or a reactive ref to any of these.\n * @param options - Anime.js WAAPI animation parameters. Accepts a plain object or a reactive ref / computed. Defaults to `{}`.\n */\nexport function useWaapi(\n  targets: MaybeRef<DOMTargetsParam> | MaybeComputedElementRef,\n  options: MaybeRef<WAAPIAnimationParams> = {}\n): UseWaapiReturn {\n  const animation = shallowRef<WAAPIAnimation | undefined>()\n\n  const { stop } = watch(\n    [() => resolveTarget(targets as AnimationTargets), () => unref(options)],\n    ([el, opt]) => {\n      animation.value = waapi.animate(el as DOMTargetsParam, opt)\n    },\n    { flush: \"post\", immediate: !isRef(targets) }\n  )\n\n  tryOnUnmounted(() => {\n    stop()\n  })\n\n  function resume() {\n    return animation.value?.resume()\n  }\n\n  function pause() {\n    return animation.value?.pause()\n  }\n\n  function alternate() {\n    return animation.value?.alternate()\n  }\n\n  function play() {\n    return animation.value?.play()\n  }\n\n  function reverse() {\n    return animation.value?.reverse()\n  }\n\n  function seek(time: MaybeRef<number>, muteCallbacks?: MaybeRef<boolean>) {\n    return animation.value?.seek(unref(time), unref(muteCallbacks))\n  }\n\n  function restart() {\n    return animation.value?.restart()\n  }\n\n  function commitStyles() {\n    return animation.value?.commitStyles()\n  }\n\n  function complete() {\n    return animation.value?.complete()\n  }\n\n  function cancel() {\n    return animation.value?.cancel()\n  }\n\n  function revert() {\n    return animation.value?.revert()\n  }\n\n  return {\n    animation: readonly(animation),\n    resume,\n    pause,\n    alternate,\n    play,\n    reverse,\n    seek,\n    restart,\n    commitStyles,\n    complete,\n    cancel,\n    revert,\n\n    convertEase,\n  }\n}\n\nfunction convertEase(fn: MaybeRef<EasingFunction>, samples: MaybeRef<number> = 100) {\n  return waapi.convertEase(unref(fn), unref(samples))\n}","import { tryOnMounted, tryOnUnmounted } from \"@vueuse/core\"\nimport { createScope, type Scope, type ScopeMethod, type ScopeParams, type Tickable } from \"animejs\"\nimport { isRef, type MaybeRef, shallowReadonly, type ShallowRef, shallowRef, unref, watch } from \"vue\"\n\nexport interface UseScopeReturn {\n  /** The underlying Anime.js `Scope` instance. */\n  scope: Readonly<ShallowRef<Scope | undefined>>\n  /** Registers an anonymous method on the scope. Queued automatically if called before mount. */\n  add: (method: ScopeMethod) => void\n  /** Registers a named method on the scope so it can be called via `scope.methods[name]()`. Queued automatically if called before mount. */\n  registerMethod: (methodName: string, method: ScopeMethod) => void\n  /** Registers a method that runs exactly once on the scope. Queued automatically if called before mount. */\n  addOnce: (method: ScopeMethod) => void\n  /** Keeps the time of another tickable (animation, timer) in sync with this scope. */\n  keepTime: (method: (scope: Scope) => Tickable) => void\n  /** Cancels the scope and reverts all animations and tickables it owns. */\n  revert: () => void\n  /** Re-reads default values and media-query breakpoints for the scope. */\n  refresh: () => void\n}\n\n/**\n * Wraps Anime.js `createScope()` into a Vue composable. Reactively re-creates the scope when params change, replays all registered methods, and reverts it automatically on unmount.\n *\n * Methods added before mount are queued and replayed once the component is mounted.\n *\n * @param params - Anime.js scope parameters. Accepts a plain object or a reactive ref / computed.\n */\nexport function useScope(params: MaybeRef<ScopeParams>): UseScopeReturn {\n  const scope = shallowRef<Scope | undefined>(undefined)\n\n  const pending_adds: ScopeMethod[] = []\n  const pending_named: [string, ScopeMethod][] = []\n  const pending_once: ScopeMethod[] = []\n\n  let is_mounted = false\n  let stopWatcher: (() => void) | undefined\n\n  tryOnMounted(() => {\n    is_mounted = true\n    scope.value = createScope(unref(params))\n\n    for (const method of pending_adds) scope.value.add(method)\n    for (const [name, method] of pending_named) scope.value.add(name, method)\n    for (const method of pending_once) scope.value.addOnce(method)\n\n    pending_adds.length = 0\n    pending_named.length = 0\n    pending_once.length = 0\n\n    if (isRef(params)) {\n      stopWatcher = watch(\n        params,\n        new_params => {\n          scope.value?.revert()\n          scope.value = createScope(new_params)\n        },\n        { flush: \"post\" }\n      )\n    }\n  })\n\n  tryOnUnmounted(() => {\n    scope.value?.revert()\n    stopWatcher?.()\n  })\n\n  function add(method: ScopeMethod) {\n    if (!is_mounted) return void pending_adds.push(method)\n    return scope.value?.add(method)\n  }\n\n  function registerMethod(methodName: string, method: ScopeMethod) {\n    if (!is_mounted) return void pending_named.push([methodName, method])\n    return scope.value?.add(methodName, method)\n  }\n\n  function addOnce(method: ScopeMethod) {\n    if (!is_mounted) return void pending_once.push(method)\n    return scope.value?.addOnce(method)\n  }\n\n  function keepTime(method: (scope: Scope) => Tickable) {\n    return scope.value?.keepTime(method)\n  }\n\n  function revert() {\n    return scope.value?.revert()\n  }\n\n  function refresh() {\n    return scope.value?.refresh()\n  }\n\n  return {\n    scope: shallowReadonly(scope),\n    add,\n    registerMethod,\n    addOnce,\n    keepTime,\n    revert,\n    refresh,\n  }\n}"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/utils/resolve-target.ts","../src/composables/use-animate.ts","../src/composables/use-raw-animate.ts","../src/composables/use-timer.ts","../src/composables/use-timeline.ts","../src/composables/use-animatable.ts","../src/composables/use-draggable.ts","../src/composables/use-layout.ts","../src/composables/use-svg.ts","../src/composables/use-svg-drawable.ts","../src/composables/use-text.ts","../src/composables/use-waapi.ts","../src/composables/use-scope.ts","../src/directives/v-animate.ts","../src/directives/v-draggable.ts","../src/directives/v-svg-drawable.ts","../src/directives/v-waapi.ts","../src/directives/v-text-split.ts"],"sourcesContent":["import { type Ref, type ComponentPublicInstance, type MaybeRef } from \"vue\"\nimport { unrefElement, type MaybeComputedElementRef } from \"@vueuse/core\"\nimport { type TargetsParam } from \"animejs\"\n\n/**\n * Any valid animation target: any Anime.js `TargetsParam` (optionally wrapped in a `Ref`),\n * or a Vue component template ref (`Ref<ComponentPublicInstance>`), whose `.$el` is resolved\n * automatically via `unrefElement`.\n */\nexport type AnimationTargets = MaybeRef<TargetsParam> | Ref<ComponentPublicInstance>\n\n/**\n * Resolves an `AnimationTargets` value to a plain `TargetsParam` suitable for Anime.js.\n * Unwraps `Ref<HTMLElement | SVGElement>` template refs and `Ref<ComponentPublicInstance>`\n * component refs (extracting `.$el`); non-ref values pass through unchanged.\n *\n * @param targets - A raw Anime.js target, a Vue template ref, or a Vue component ref.\n */\nexport function resolveTarget(targets: AnimationTargets): TargetsParam {\n  return unrefElement(targets as MaybeComputedElementRef) as TargetsParam\n}","import { type DeepReadonly, type MaybeRef, type ShallowRef, shallowRef, unref, watch, readonly, isRef } from \"vue\"\nimport { type JSAnimation, animate, type TargetsParam, type AnimationParams } from \"animejs\"\nimport { tryOnUnmounted } from \"@vueuse/core\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\n\nexport interface UseAnimateReturn {\n  /** The underlying Anime.js animation instance. `undefined` until the target is available. */\n  animation: DeepReadonly<ShallowRef<JSAnimation | undefined>>\n  /** Starts or resumes the animation. */\n  play: () => JSAnimation | undefined\n  /** Reverses playback direction. */\n  reverse: () => JSAnimation | undefined\n  /** Pauses the animation at the current position. */\n  pause: () => JSAnimation | undefined\n  /** Restarts the animation from the beginning. */\n  restart: () => JSAnimation | undefined\n  /** Toggles between forward and reverse direction. */\n  alternate: () => JSAnimation | undefined\n  /** Resumes from a paused state. */\n  resume: () => JSAnimation | undefined\n  /** Jumps immediately to the end of the animation. */\n  complete: () => JSAnimation | undefined\n  /** Stops the animation and removes it from the Anime.js engine. */\n  cancel: () => JSAnimation | undefined\n  /** Cancels the animation and restores all animated properties to their original values. */\n  revert: () => JSAnimation | undefined\n  /** Resets the animation to its initial state. Pass `true` for a soft reset that preserves the current cycle. */\n  reset: (softReset?: boolean) => JSAnimation | undefined\n  /** Seeks to a specific time (in ms). */\n  seek: (time: number, muteCallbacks?: boolean | number, internalRender?: boolean | number) => JSAnimation | undefined\n  /** Rescales the animation to a new total duration. */\n  stretch: (newDuration: number) => JSAnimation | undefined\n  /** Re-reads the current values of animated properties from the DOM. */\n  refresh: () => JSAnimation | undefined\n}\n\n/**\n * Wraps Anime.js `animate()` into a Vue composable. Reactively re-creates the animation when the target or options change, and cancels it automatically on unmount.\n *\n * @param _target - The element(s) to animate. Accepts a template ref, a CSS selector, a DOM element, or a reactive ref to any of these.\n * @param _options - Anime.js animation parameters. Accepts a plain object or a reactive ref / computed. Defaults to `{}`.\n */\nexport function useAnimate(_target: AnimationTargets, _options: MaybeRef<AnimationParams> = {}): UseAnimateReturn {\n  const animation = shallowRef<JSAnimation>()\n\n  const { stop } = watch(\n    [() => resolveTarget(_target), () => unref(_options)],\n    ([el, opt]) => {\n      createAnimation(el, opt)\n    },\n    { flush: \"post\", immediate: !isRef(_target) }\n  )\n\n  tryOnUnmounted(() => {\n    stop()\n    cancel()\n  })\n\n  function createAnimation(el: TargetsParam, opt: AnimationParams) {\n    revert()\n\n    if (!el) {\n      console.warn(\"Target element is null or undefined\")\n      animation.value = undefined\n      return\n    }\n\n    animation.value = animate(el, opt)\n  }\n\n  function play() {\n    return animation.value?.play()\n  }\n\n  function reverse() {\n    return animation.value?.reverse()\n  }\n\n  function pause() {\n    return animation.value?.pause()\n  }\n\n  function restart() {\n    return animation.value?.restart()\n  }\n\n  function alternate() {\n    return animation.value?.alternate()\n  }\n\n  function resume() {\n    return animation.value?.resume()\n  }\n\n  function complete() {\n    return animation.value?.complete()\n  }\n\n  function cancel() {\n    return animation.value?.cancel()\n  }\n\n  function revert() {\n    return animation.value?.revert()\n  }\n\n  function reset(softReset?: boolean) {\n    return animation.value?.reset(softReset)\n  }\n\n  function seek(time: number, muteCallbacks?: boolean | number, internalRender?: boolean | number) {\n    return animation.value?.seek(time, muteCallbacks, internalRender)\n  }\n\n  function stretch(newDuration: number) {\n    return animation.value?.stretch(newDuration)\n  }\n\n  function refresh() {\n    return animation.value?.refresh()\n  }\n\n  return {\n    animation: readonly(animation),\n    play,\n    reverse,\n    pause,\n    restart,\n    alternate,\n    resume,\n    complete,\n    cancel,\n    revert,\n    reset,\n    seek,\n    stretch,\n    refresh,\n  }\n}","import { animate, type AnimationParams, type JSAnimation } from \"animejs\"\nimport { type MaybeRef, unref } from \"vue\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\n\n/** The Anime.js `JSAnimation` instance returned by `useRawAnimate`. */\nexport type UseRawAnimateReturn = JSAnimation\n\n/**\n * Thin wrapper around Anime.js `animate()`. Resolves the target (unwrapping refs and Vue component\n * refs via `.$el`) and immediately starts the animation.\n *\n * @param _target - The element(s) to animate. Accepts a template ref, a Vue component ref, a CSS selector, a DOM element, or a reactive ref to any of these.\n * @param _options - Anime.js animation parameters. Accepts a plain object or a reactive ref / computed. Defaults to `{}`.\n */\nexport function useRawAnimate(\n  _target: AnimationTargets,\n  _options: MaybeRef<AnimationParams> = {}\n): UseRawAnimateReturn {\n  const target = resolveTarget(_target)\n\n  if (!target) {\n    console.warn(\"Target is undefined\")\n  }\n\n  return animate(target, unref(_options))\n}","import { createTimer, type Timer, type TimerParams } from \"animejs\"\nimport { type MaybeRef, type ShallowRef, shallowRef, unref, watch, type DeepReadonly, readonly } from \"vue\"\nimport { tryOnUnmounted } from \"@vueuse/core\"\n\nexport interface UseTimerReturn {\n  /** The underlying Anime.js timer instance. */\n  timer: DeepReadonly<ShallowRef<Timer>>\n  /** Starts or resumes the timer. */\n  play: () => Timer\n  /** Reverses the timer's playback direction. */\n  reverse: () => Timer\n  /** Pauses the timer at the current position. */\n  pause: () => Timer\n  /** Restarts the timer from the beginning. */\n  restart: () => Timer\n  /** Toggles between forward and reverse direction. */\n  alternate: () => Timer\n  /** Resumes from a paused state. */\n  resume: () => Timer\n  /** Jumps immediately to the end of the timer duration. */\n  complete: () => Timer\n  /** Resets the timer to its initial state. Pass `true` for a soft reset that preserves the current cycle. */\n  reset: (softReset?: boolean) => Timer\n  /** Stops the timer and removes it from the Anime.js engine. */\n  cancel: () => Timer\n  /** Cancels the timer and restores any associated state to its original values. */\n  revert: () => Timer\n  /** Seeks to a specific time (in ms). */\n  seek: (time: number, muteCallbacks?: boolean | number, internalRender?: boolean | number) => Timer\n  /** Rescales the timer to a new total duration. */\n  stretch: (newDuration: number) => Timer\n}\n\n/**\n * Wraps Anime.js `createTimer()` into a Vue composable. Reactively re-creates the timer when options change, and cancels it automatically on unmount.\n *\n * @param options - Anime.js timer parameters. Accepts a plain object or a reactive ref / computed. Defaults to `{}`.\n */\nexport function useTimer(options: MaybeRef<TimerParams> = {}): UseTimerReturn {\n  const timer = shallowRef<Timer>(createTimer(unref(options)))\n\n  const { stop } = watch(\n    () => unref(options),\n    options => {\n      cancel()\n      timer.value = createTimer(options)\n    },\n    { deep: 1 }\n  )\n\n  tryOnUnmounted(() => {\n    stop()\n    cancel()\n  })\n\n  function play() {\n    return timer.value.play()\n  }\n\n  function reverse() {\n    return timer.value.reverse()\n  }\n\n  function pause() {\n    return timer.value.pause()\n  }\n\n  function restart() {\n    return timer.value.restart()\n  }\n\n  function alternate() {\n    return timer.value.alternate()\n  }\n\n  function resume() {\n    return timer.value.resume()\n  }\n\n  function complete() {\n    return timer.value.complete()\n  }\n\n  function reset(softReset?: boolean) {\n    return timer.value.reset(softReset)\n  }\n\n  function cancel() {\n    return timer.value.cancel()\n  }\n\n  function revert() {\n    return timer.value.revert()\n  }\n\n  function seek(time: number, muteCallbacks?: boolean | number, internalRender?: boolean | number) {\n    return timer.value.seek(time, muteCallbacks, internalRender)\n  }\n\n  function stretch(newDuration: number) {\n    return timer.value.stretch(newDuration)\n  }\n\n  return {\n    timer: readonly(timer),\n    play,\n    reverse,\n    pause,\n    restart,\n    alternate,\n    resume,\n    complete,\n    reset,\n    cancel,\n    revert,\n    seek,\n    stretch,\n  }\n}","import {\n  type MaybeRef,\n  type MaybeRefOrGetter,\n  type ShallowRef,\n  shallowRef,\n  toValue,\n  unref,\n  watch,\n  type DeepReadonly,\n  readonly,\n} from \"vue\"\nimport {\n  type AnimationParams,\n  type Callback,\n  createTimeline,\n  type StaggerFunction,\n  type Tickable,\n  type Timeline,\n  type TimelineParams,\n  type TimelinePosition,\n  type Timer,\n} from \"animejs\"\nimport { tryOnMounted, tryOnUnmounted } from \"@vueuse/core\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\n\ntype QueueEntry =\n  | {\n      type: \"add\"\n      targets: AnimationTargets\n      params: MaybeRefOrGetter<AnimationParams>\n      position?: TimelinePosition | StaggerFunction<number | string>\n    }\n  | { type: \"set\"; targets: AnimationTargets; params: MaybeRefOrGetter<AnimationParams>; position?: TimelinePosition }\n\nexport type TimelineChain = Timeline & {\n  /** Adds an animation to the timeline and returns a chainable object. */\n  add: (\n    targets: AnimationTargets,\n    params: MaybeRefOrGetter<AnimationParams>,\n    position?: TimelinePosition | StaggerFunction<number | string>\n  ) => TimelineChain\n  /** Sets a property to a value at a point in the timeline without animating it, then returns a chainable object. */\n  set: (\n    targets: AnimationTargets,\n    params: MaybeRefOrGetter<AnimationParams>,\n    position?: TimelinePosition\n  ) => TimelineChain\n  /** Removes an animation target (or a specific property) from the timeline and returns a chainable object. */\n  remove: (targets: AnimationTargets, propertyName?: string) => TimelineChain\n}\n\nexport interface UseTimelineReturn {\n  /** The underlying Anime.js timeline instance. */\n  timeline: DeepReadonly<ShallowRef<Timeline>>\n  /** Adds an animation to the timeline. Accepts a template ref or any valid Anime.js target. Returns a chainable object. */\n  add: (\n    targets: AnimationTargets,\n    params: MaybeRefOrGetter<AnimationParams>,\n    position?: TimelinePosition | StaggerFunction<number | string>\n  ) => TimelineChain\n  /** Sets a property to a value at a point in the timeline without animating it. Returns a chainable object. */\n  set: (\n    targets: AnimationTargets,\n    params: MaybeRefOrGetter<AnimationParams>,\n    position?: TimelinePosition\n  ) => TimelineChain\n  /** Removes an animation target (or a specific property) from the timeline. Returns a chainable object. */\n  remove: (targets: AnimationTargets, propertyName?: string) => TimelineChain\n  /** Synchronises another tickable (animation, timer) into the timeline at the given position. */\n  sync: (synced?: Tickable, position?: TimelinePosition) => Timeline\n  /** Adds a named label at a position so it can be referenced by `.add()` or `.seek()`. */\n  label: (labelName: string, position?: TimelinePosition) => Timeline\n  /** Inserts a callback function at a specific point in the timeline. */\n  call: (callback: Callback<Timer>, position?: TimelinePosition) => Timeline\n  /** Renders the timeline once without playing it. */\n  init: (internalRender?: boolean) => Timeline\n  /** Starts or resumes the timeline. */\n  play: () => Timeline\n  /** Reverses playback direction. */\n  reverse: () => Timeline\n  /** Pauses the timeline at the current position. */\n  pause: () => Timeline\n  /** Restarts the timeline from the beginning. */\n  restart: () => Timeline\n  /** Toggles between forward and reverse direction. */\n  alternate: () => Timeline\n  /** Resumes from a paused state. */\n  resume: () => Timeline\n  /** Jumps immediately to the end of the timeline. */\n  complete: () => Timeline\n  /** Resets the timeline to its initial state. Pass `true` for a soft reset that preserves the current cycle. */\n  reset: (softReset?: boolean) => Timeline\n  /** Stops the timeline and removes it from the Anime.js engine. */\n  cancel: () => Timeline\n  /** Cancels the timeline and restores all animated properties to their original values. */\n  revert: () => Timeline\n  /** Seeks to a specific time (in ms). */\n  seek: (time: number, muteCallbacks?: boolean | number, internalRender?: boolean | number) => Timeline\n  /** Rescales the timeline to a new total duration. */\n  stretch: (newDuration: number) => Timeline\n  /** Re-reads the current values of all animated properties from the DOM. */\n  refresh: () => Timeline\n}\n\n/**\n * Wraps Anime.js `createTimeline()` into a Vue composable. Reactively re-creates the timeline when options change, and cancels it automatically on unmount.\n *\n * @param options - Anime.js timeline parameters. Accepts a plain object or a reactive ref / computed. Defaults to `{}`.\n */\nexport function useTimeline(options: MaybeRef<TimelineParams> = {}): UseTimelineReturn {\n  let is_mounted = false\n\n  const queue: QueueEntry[] = []\n\n  const timeline = shallowRef<Timeline>(createTimeline(unref(options)))\n\n  function replayQueue() {\n    for (const entry of queue) {\n      if (entry.type === \"add\") {\n        timeline.value.add(resolveTarget(entry.targets), toValue(entry.params), entry.position)\n      } else {\n        timeline.value.set(resolveTarget(entry.targets), toValue(entry.params), entry.position)\n      }\n    }\n  }\n\n  const { stop } = watch(\n    () => unref(options),\n    _options => {\n      revert()\n      timeline.value = createTimeline(_options)\n      replayQueue()\n    },\n    { flush: \"post\", deep: 1 }\n  )\n\n  tryOnMounted(() => {\n    is_mounted = true\n    replayQueue()\n  })\n\n  tryOnUnmounted(() => {\n    stop()\n    cancel()\n  })\n\n  function add(\n    targets: AnimationTargets,\n    _params: MaybeRefOrGetter<AnimationParams>,\n    position?: TimelinePosition | StaggerFunction<number | string>\n  ) {\n    queue.push({ type: \"add\", targets, params: _params, position })\n\n    if (is_mounted) {\n      return {\n        ...timeline.value.add(resolveTarget(targets), toValue(_params), position),\n        add,\n        set,\n        remove,\n      } as TimelineChain\n    }\n\n    return { ...timeline.value, add, set, remove } as TimelineChain\n  }\n\n  function set(targets: AnimationTargets, _params: MaybeRefOrGetter<AnimationParams>, position?: TimelinePosition) {\n    queue.push({ type: \"set\", targets, params: _params, position })\n\n    if (is_mounted) {\n      return {\n        ...timeline.value.set(resolveTarget(targets), toValue(_params), position),\n        add,\n        set,\n        remove,\n      } as TimelineChain\n    }\n\n    return { ...timeline.value, add, set, remove } as TimelineChain\n  }\n\n  function remove(targets: AnimationTargets, propertyName?: string) {\n    if (!is_mounted) {\n      console.warn(\"Cannot remove from timeline before mount\")\n      return { ...timeline.value, add, set, remove } as TimelineChain\n    }\n\n    return { ...timeline.value.remove(resolveTarget(targets), propertyName), add, set, remove } as TimelineChain\n  }\n\n  function sync(synced?: Tickable, position?: TimelinePosition) {\n    return timeline.value.sync(synced, position)\n  }\n\n  function label(labelName: string, position?: TimelinePosition) {\n    return timeline.value.label(labelName, position)\n  }\n\n  function call(callback: Callback<Timer>, position?: TimelinePosition) {\n    return timeline.value.call(callback, position)\n  }\n\n  function init(internalRender?: boolean) {\n    return timeline.value.init(internalRender)\n  }\n\n  function play() {\n    return timeline.value.play()\n  }\n\n  function reverse() {\n    return timeline.value.reverse()\n  }\n\n  function pause() {\n    return timeline.value.pause()\n  }\n\n  function restart() {\n    return timeline.value.restart()\n  }\n\n  function alternate() {\n    return timeline.value.alternate()\n  }\n\n  function resume() {\n    return timeline.value.resume()\n  }\n\n  function complete() {\n    return timeline.value.complete()\n  }\n\n  function reset(softReset?: boolean) {\n    return timeline.value.reset(softReset)\n  }\n\n  function cancel() {\n    return timeline.value.cancel()\n  }\n\n  function revert() {\n    return timeline.value.revert()\n  }\n\n  function seek(time: number, muteCallbacks?: boolean | number, internalRender?: boolean | number) {\n    return timeline.value.seek(time, muteCallbacks, internalRender)\n  }\n\n  function stretch(newDuration: number) {\n    return timeline.value.stretch(newDuration)\n  }\n\n  function refresh() {\n    return timeline.value.refresh()\n  }\n\n  return {\n    timeline: readonly(timeline),\n    add,\n    set,\n    sync,\n    label,\n    remove,\n    call,\n    init,\n    play,\n    reverse,\n    pause,\n    restart,\n    alternate,\n    resume,\n    complete,\n    reset,\n    cancel,\n    revert,\n    seek,\n    stretch,\n    refresh,\n  }\n}","import { type AnimatableObject, type AnimatableParams, createAnimatable, type TargetsParam } from \"animejs\"\nimport {\n  computed,\n  type DeepReadonly,\n  isRef,\n  type MaybeRef,\n  readonly,\n  type ShallowRef,\n  shallowRef,\n  unref,\n  watch,\n} from \"vue\"\nimport { tryOnUnmounted } from \"@vueuse/core\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\n\nexport interface UseAnimatableReturn {\n  /** The underlying Anime.js animatable instance. `undefined` until the target is available. */\n  animatable: DeepReadonly<ShallowRef<AnimatableObject | undefined>>\n  /** Cancels the animatable and restores all animated properties to their original values. */\n  revert: () => AnimatableObject | undefined\n}\n\n/**\n * Wraps Anime.js `createAnimatable()` into a Vue composable. Reactively re-creates the animatable when the target or options change, and reverts it automatically on unmount.\n *\n * @param targets - The element(s) to make animatable. Accepts a template ref, a CSS selector, a DOM element, or a reactive ref to any of these.\n * @param options - Anime.js animatable parameters. Accepts a plain object or a reactive ref / computed. Defaults to `{}`.\n */\nexport function useAnimatable(\n  targets: AnimationTargets,\n  options: MaybeRef<AnimatableParams> = {}\n): UseAnimatableReturn {\n  const animatable = shallowRef<AnimatableObject>()\n\n  const watch_target = computed<{ el: TargetsParam; opt: AnimatableParams }>(() => ({\n    el: resolveTarget(targets),\n    opt: unref(options),\n  }))\n\n  const { stop } = watch(\n    watch_target,\n    ({ el, opt }) => {\n      revert()\n\n      if (!el) {\n        console.warn(\"Targets element is null or undefined\")\n        animatable.value = undefined\n        return\n      }\n\n      animatable.value = createAnimatable(el, opt)\n    },\n    { flush: \"post\", immediate: !isRef(targets) }\n  )\n\n  tryOnUnmounted(() => {\n    stop()\n    revert()\n  })\n\n  function revert() {\n    return animatable.value?.revert()\n  }\n\n  return { animatable: readonly(animatable), revert }\n}","import { type DeepReadonly, isRef, type MaybeRef, readonly, type ShallowRef, shallowRef, unref, watch } from \"vue\"\nimport { tryOnUnmounted } from \"@vueuse/core\"\nimport { type Draggable, type DraggableParams, createDraggable, type EasingParam } from \"animejs\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\n\nexport interface UseDraggableReturn {\n  /** The underlying Anime.js draggable instance. `undefined` until the target is available. */\n  draggable: DeepReadonly<ShallowRef<Draggable | undefined>>\n  /** Disables drag interactions without destroying the instance. */\n  disable: () => void\n  /** Re-enables drag interactions after `disable()`. */\n  enable: () => void\n  /** Moves the draggable to the given x position. Pass `true` to suppress the update callback. */\n  setX: (x: number, muteUpdateCallback?: boolean) => void\n  /** Moves the draggable to the given y position. Pass `true` to suppress the update callback. */\n  setY: (y: number, muteUpdateCallback?: boolean) => void\n  /** Animates the draggable into the visible viewport. */\n  animateInView: (duration?: number, gap?: number, ease?: EasingParam) => void\n  /** Scrolls the draggable into the visible viewport. */\n  scrollInView: (duration?: number, gap?: number, ease?: EasingParam) => void\n  /** Stops any in-progress snap or momentum animation. */\n  stop: () => void\n  /** Resets the draggable position to its initial state. */\n  reset: () => void\n  /** Cancels the draggable and restores the element to its original state. */\n  revert: () => void\n  /** Re-reads the element's size and container bounds. */\n  refresh: () => void\n}\n\n/**\n * Wraps Anime.js `createDraggable()` into a Vue composable. Reactively re-creates the draggable when the target or options change, and reverts it automatically on unmount.\n *\n * @param targets - The element(s) to make draggable. Accepts a template ref, a CSS selector, a DOM element, or a reactive ref to any of these.\n * @param options - Anime.js draggable parameters. Accepts a plain object or a reactive ref / computed. Defaults to `{}`.\n */\nexport function useDraggable(targets: AnimationTargets, options: MaybeRef<DraggableParams> = {}): UseDraggableReturn {\n  const draggable = shallowRef<Draggable>()\n\n  const { stop: stopWatch } = watch(\n    [() => resolveTarget(targets), () => unref(options)],\n    ([el, opt]) => {\n      revert()\n\n      if (!el) {\n        console.warn(\"Targets element is null or undefined\")\n        draggable.value = undefined\n        return\n      }\n\n      draggable.value = createDraggable(el, opt)\n    },\n    { flush: \"post\", immediate: !isRef(targets) }\n  )\n\n  tryOnUnmounted(() => {\n    revert()\n    stopWatch()\n  })\n\n  function disable() {\n    return draggable.value?.disable()\n  }\n\n  function enable() {\n    return draggable.value?.enable()\n  }\n\n  function setX(x: number, muteUpdateCallback?: boolean) {\n    return draggable.value?.setX(x, muteUpdateCallback)\n  }\n\n  function setY(y: number, muteUpdateCallback?: boolean) {\n    return draggable.value?.setY(y, muteUpdateCallback)\n  }\n\n  function animateInView(duration?: number, gap?: number, ease?: EasingParam) {\n    return draggable.value?.animateInView(duration, gap, ease)\n  }\n\n  function scrollInView(duration?: number, gap?: number, ease?: EasingParam) {\n    return draggable.value?.scrollInView(duration, gap, ease)\n  }\n\n  function stop() {\n    return draggable.value?.stop()\n  }\n\n  function reset() {\n    return draggable.value?.reset()\n  }\n\n  function revert() {\n    return draggable.value?.revert()\n  }\n\n  function refresh() {\n    return draggable.value?.refresh()\n  }\n\n  return {\n    draggable: readonly(draggable),\n    disable,\n    enable,\n    setX,\n    setY,\n    animateInView,\n    scrollInView,\n    stop,\n    reset,\n    revert,\n    refresh,\n  }\n}","import { type MaybeComputedElementRef, tryOnUnmounted } from \"@vueuse/core\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\nimport {\n  type AutoLayout,\n  type AutoLayoutParams,\n  createLayout,\n  type DOMTargetSelector,\n  type LayoutAnimationParams,\n  type Timeline,\n} from \"animejs\"\nimport { type DeepReadonly, isRef, type MaybeRef, readonly, type ShallowRef, shallowRef, unref, watch } from \"vue\"\n\nexport interface UseLayoutReturn {\n  /** The underlying Anime.js `AutoLayout` instance. `undefined` until the root element is available. */\n  layout: DeepReadonly<ShallowRef<AutoLayout | undefined>>\n  /** Snapshots the current positions of all tracked children so the next layout change can be animated. */\n  record: () => void\n  /** Animates all children from their recorded positions to their new positions. */\n  animate: (params?: LayoutAnimationParams) => Timeline | undefined\n  /** Records, applies the callback (which triggers a layout change), then animates the transition. */\n  update: (callback: (layout: AutoLayout) => void, params?: LayoutAnimationParams) => void\n  /** Cancels the layout watcher and restores all elements to their original state. */\n  revert: () => void\n}\n\n/**\n * Wraps Anime.js `createLayout()` into a Vue composable. Reactively re-creates the layout observer when the root element or params change, and reverts it automatically on unmount.\n *\n * @param root - The container element whose children will be tracked. Accepts a template ref, a CSS selector, or a reactive ref to either.\n * @param params - Anime.js auto-layout parameters. Accepts a plain object or a reactive ref / computed.\n */\nexport function useLayout(\n  root: MaybeRef<DOMTargetSelector> | MaybeComputedElementRef,\n  params: MaybeRef<AutoLayoutParams> = {}\n): UseLayoutReturn {\n  const layout = shallowRef<AutoLayout | undefined>()\n\n  const { stop } = watch(\n    [() => resolveTarget(root as AnimationTargets), () => unref(params)],\n    ([el, opt]) => {\n      revert()\n\n      if (!el) {\n        console.warn(\"Target element is null or undefined\")\n        layout.value = undefined\n        return\n      }\n\n      layout.value = createLayout(el as DOMTargetSelector, opt)\n    },\n    { flush: \"post\", immediate: !isRef(root) }\n  )\n\n  tryOnUnmounted(() => {\n    revert()\n    stop()\n  })\n\n  function record() {\n    return layout.value?.record()\n  }\n\n  function animate(params?: LayoutAnimationParams) {\n    return layout.value?.animate(params)\n  }\n\n  function update(callback: (layout: AutoLayout) => void, params?: LayoutAnimationParams) {\n    return layout.value?.update(callback, params)\n  }\n\n  function revert() {\n    return layout.value?.revert()\n  }\n\n  return { layout: readonly(layout), record, animate, update, revert }\n}","import { svg, type FunctionValue, type TargetsParam } from \"animejs\"\nimport { type MaybeRef, unref } from \"vue\"\n\nexport interface UseSvgReturn {\n  /** Returns a `FunctionValue` that morphs the current path to the given `path`. Pass the result as the `d` property in `useAnimate` options. */\n  morphTo: (path: MaybeRef<TargetsParam>, precision?: MaybeRef<number>) => FunctionValue\n  /** Creates a motion-path object from an SVG `<path>`. Spread the result into `useAnimate` options to animate `translateX`, `translateY`, and `rotate` along the path. */\n  createMotionPath: (\n    path: MaybeRef<TargetsParam | null>,\n    offset?: MaybeRef<number>\n  ) => ReturnType<typeof svg.createMotionPath>\n}\n\n/**\n * Exposes Anime.js SVG utilities (`svg.morphTo`, `svg.createMotionPath`) as a Vue composable, automatically unwrapping reactive refs passed to each helper.\n *\n * For drawable stroke animations, use `useSvgDrawable` instead.\n */\nexport function useSvg(): UseSvgReturn {\n  function morphTo(_path: MaybeRef<TargetsParam>, precision?: MaybeRef<number>) {\n    const path = unref(_path)\n\n    if (!path) return () => \"\"\n\n    return svg.morphTo(unref(path), unref(precision))\n  }\n\n  function createMotionPath(path: MaybeRef<TargetsParam | null>, offset?: MaybeRef<number>) {\n    const resolved = unref(path) ?? \"\"\n    return svg.createMotionPath(resolved, unref(offset))\n  }\n\n  return {\n    morphTo,\n    createMotionPath,\n  }\n}","import { svg, type DrawableSVGGeometry, type DOMTargetSelector } from \"animejs\"\nimport { type MaybeComputedElementRef, tryOnUnmounted } from \"@vueuse/core\"\nimport { isRef, type MaybeRef, readonly, type DeepReadonly, type ShallowRef, shallowRef, unref, watch } from \"vue\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\n\nexport interface UseSvgDrawableReturn {\n  /**\n   * The Anime.js drawable Proxy for the target element. `undefined` until the element is available.\n   * Pass this ref — not the original template ref — as the `useAnimate` target to animate the `draw` property.\n   */\n  drawable: DeepReadonly<ShallowRef<DrawableSVGGeometry | undefined>>\n}\n\n/**\n * Wraps an SVG geometry element in Anime.js's drawable Proxy. The proxy intercepts `setAttribute('draw', …)` calls and translates normalised `draw` values (`0`–`1`) into the correct `stroke-dasharray` / `stroke-dashoffset` updates. Pass the returned `drawable` ref as the target to `useAnimate`.\n *\n * @param target - The SVG element to make drawable. Accepts a template ref, a CSS selector, or a reactive ref to either.\n * @param start - Initial draw start position (`0`–`1`). Defaults to `0`.\n * @param end - Initial draw end position (`0`–`1`). Defaults to `0` (fully hidden).\n */\nexport function useSvgDrawable(\n  target: MaybeRef<DOMTargetSelector> | MaybeComputedElementRef,\n  start: MaybeRef<number> = 0,\n  end: MaybeRef<number> = 0\n): UseSvgDrawableReturn {\n  const drawable = shallowRef<DrawableSVGGeometry | undefined>()\n\n  const { stop } = watch(\n    () => resolveTarget(target as AnimationTargets),\n    el => {\n      drawable.value = undefined\n      if (!el) {\n        console.warn(\"[useSvgDrawable] Target element is null or undefined\")\n        return\n      }\n      drawable.value = svg.createDrawable(el as DOMTargetSelector, unref(start), unref(end))[0]\n    },\n    { flush: \"post\", immediate: !isRef(target) }\n  )\n\n  tryOnUnmounted(() => {\n    stop()\n    drawable.value = undefined\n  })\n\n  return { drawable: readonly(drawable) }\n}","import { splitText, type TextSplitter, type TextSplitterParams } from \"animejs\"\nimport { type MaybeComputedElementRef, tryOnUnmounted } from \"@vueuse/core\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\nimport {\n  computed,\n  isRef,\n  readonly,\n  shallowRef,\n  unref,\n  watch,\n  type ComputedRef,\n  type DeepReadonly,\n  type MaybeRef,\n  type ShallowRef,\n} from \"vue\"\n\nexport interface UseTextReturn {\n  /** The underlying Anime.js `TextSplitter` instance. `undefined` until the target is available. */\n  splitter: DeepReadonly<ShallowRef<TextSplitter | undefined>>\n  /** Reactive array of `<span>` elements representing each line after splitting. */\n  lines: ComputedRef<HTMLElement[]>\n  /** Reactive array of `<span>` elements representing each word after splitting. */\n  words: ComputedRef<HTMLElement[]>\n  /** Reactive array of `<span>` elements representing each character after splitting. */\n  chars: ComputedRef<HTMLElement[]>\n  /** Removes all split `<span>` wrappers and restores the original text content. */\n  revert: () => void\n  /** Re-splits the text, updating `lines`, `words`, and `chars` to reflect any DOM or size changes. */\n  refresh: () => void\n}\n\n/**\n * Wraps Anime.js `splitText()` into a Vue composable. Reactively re-splits the text when the target or params change, and reverts the DOM automatically on unmount.\n *\n * @param _target - The element(s) whose text content should be split. Accepts a template ref, a CSS selector, a DOM element, or a reactive ref to any of these.\n * @param _params - Anime.js text-splitter parameters. Accepts a plain object or a reactive ref / computed.\n */\nexport function useText(\n  _target: MaybeRef<HTMLElement | NodeList | string | HTMLElement[]> | MaybeComputedElementRef,\n  _params?: MaybeRef<TextSplitterParams>\n): UseTextReturn {\n  const splitter = shallowRef<TextSplitter | undefined>()\n\n  const lines = computed<HTMLElement[]>(() => splitter.value?.lines ?? [])\n  const words = computed<HTMLElement[]>(() => splitter.value?.words ?? [])\n  const chars = computed<HTMLElement[]>(() => splitter.value?.chars ?? [])\n\n  const { stop } = watch(\n    [() => resolveTarget(_target as AnimationTargets), () => unref(_params)],\n    ([el, params]) => {\n      revert()\n      splitter.value = undefined\n\n      if (!el) return\n\n      splitter.value = splitText(el as HTMLElement | NodeList | string | HTMLElement[], params)\n    },\n    { flush: \"post\", immediate: !isRef(_target) }\n  )\n\n  tryOnUnmounted(() => {\n    stop()\n    splitter.value = undefined\n    revert()\n  })\n\n  function revert() {\n    splitter.value?.revert()\n  }\n\n  function refresh() {\n    splitter.value?.refresh()\n  }\n\n  return {\n    splitter: readonly(splitter),\n    lines,\n    words,\n    chars,\n    revert,\n    refresh,\n  }\n}","import { type MaybeComputedElementRef, tryOnUnmounted } from \"@vueuse/core\"\nimport { type AnimationTargets, resolveTarget } from \"@src/utils/resolve-target.ts\"\nimport {\n  type WAAPIAnimationParams,\n  type DOMTargetsParam,\n  waapi,\n  type WAAPIAnimation,\n  type EasingFunction,\n} from \"animejs\"\nimport { DeepReadonly, isRef, type MaybeRef, readonly, ShallowRef, shallowRef, unref, watch } from \"vue\"\n\nexport interface UseWaapiReturn {\n  /** The underlying Anime.js WAAPI animation instance. `undefined` until the target is available. */\n  animation: DeepReadonly<ShallowRef<WAAPIAnimation | undefined>>\n  /** Resumes from a paused state. */\n  resume: () => WAAPIAnimation | undefined\n  /** Pauses the animation at the current position. */\n  pause: () => WAAPIAnimation | undefined\n  /** Toggles between forward and reverse direction. */\n  alternate: () => WAAPIAnimation | undefined\n  /** Starts or resumes the animation. */\n  play: () => WAAPIAnimation | undefined\n  /** Reverses playback direction. */\n  reverse: () => WAAPIAnimation | undefined\n  /** Seeks to a specific time (in ms). Accepts a reactive ref for the time value. */\n  seek: (time: MaybeRef<number>, muteCallbacks?: MaybeRef<boolean>) => WAAPIAnimation | undefined\n  /** Restarts the animation from the beginning. */\n  restart: () => WAAPIAnimation | undefined\n  /** Commits the current animated styles to the element's inline style, then cancels the animation. */\n  commitStyles: () => WAAPIAnimation | undefined\n  /** Jumps immediately to the end of the animation. */\n  complete: () => WAAPIAnimation | undefined\n  /** Stops the animation and removes it from the WAAPI engine. */\n  cancel: () => WAAPIAnimation | undefined\n  /** Cancels the animation and restores all animated properties to their original values. */\n  revert: () => WAAPIAnimation | undefined\n  /** Converts an Anime.js easing function to a CSS `cubic-bezier()` string usable by WAAPI. */\n  convertEase: (fn: MaybeRef<EasingFunction>, samples?: MaybeRef<number>) => string\n}\n\n/**\n * Wraps Anime.js `waapi.animate()` into a Vue composable. Reactively re-creates the WAAPI animation when the target or options change, and stops it automatically on unmount.\n *\n * @param targets - The DOM element(s) to animate via WAAPI. Accepts a template ref, a CSS selector, a DOM element, or a reactive ref to any of these.\n * @param options - Anime.js WAAPI animation parameters. Accepts a plain object or a reactive ref / computed. Defaults to `{}`.\n */\nexport function useWaapi(\n  targets: MaybeRef<DOMTargetsParam> | MaybeComputedElementRef,\n  options: MaybeRef<WAAPIAnimationParams> = {}\n): UseWaapiReturn {\n  const animation = shallowRef<WAAPIAnimation | undefined>()\n\n  const { stop } = watch(\n    [() => resolveTarget(targets as AnimationTargets), () => unref(options)],\n    ([el, opt]) => {\n      animation.value = waapi.animate(el as DOMTargetsParam, opt)\n    },\n    { flush: \"post\", immediate: !isRef(targets) }\n  )\n\n  tryOnUnmounted(() => {\n    stop()\n  })\n\n  function resume() {\n    return animation.value?.resume()\n  }\n\n  function pause() {\n    return animation.value?.pause()\n  }\n\n  function alternate() {\n    return animation.value?.alternate()\n  }\n\n  function play() {\n    return animation.value?.play()\n  }\n\n  function reverse() {\n    return animation.value?.reverse()\n  }\n\n  function seek(time: MaybeRef<number>, muteCallbacks?: MaybeRef<boolean>) {\n    return animation.value?.seek(unref(time), unref(muteCallbacks))\n  }\n\n  function restart() {\n    return animation.value?.restart()\n  }\n\n  function commitStyles() {\n    return animation.value?.commitStyles()\n  }\n\n  function complete() {\n    return animation.value?.complete()\n  }\n\n  function cancel() {\n    return animation.value?.cancel()\n  }\n\n  function revert() {\n    return animation.value?.revert()\n  }\n\n  return {\n    animation: readonly(animation),\n    resume,\n    pause,\n    alternate,\n    play,\n    reverse,\n    seek,\n    restart,\n    commitStyles,\n    complete,\n    cancel,\n    revert,\n\n    convertEase,\n  }\n}\n\nfunction convertEase(fn: MaybeRef<EasingFunction>, samples: MaybeRef<number> = 100) {\n  return waapi.convertEase(unref(fn), unref(samples))\n}","import { tryOnMounted, tryOnUnmounted } from \"@vueuse/core\"\nimport { createScope, type Scope, type ScopeMethod, type ScopeParams, type Tickable } from \"animejs\"\nimport { isRef, type MaybeRef, shallowReadonly, type ShallowRef, shallowRef, unref, watch } from \"vue\"\n\nexport interface UseScopeReturn {\n  /** The underlying Anime.js `Scope` instance. */\n  scope: Readonly<ShallowRef<Scope | undefined>>\n  /** Registers an anonymous method on the scope. Queued automatically if called before mount. */\n  add: (method: ScopeMethod) => void\n  /** Registers a named method on the scope so it can be called via `scope.methods[name]()`. Queued automatically if called before mount. */\n  registerMethod: (methodName: string, method: ScopeMethod) => void\n  /** Registers a method that runs exactly once on the scope. Queued automatically if called before mount. */\n  addOnce: (method: ScopeMethod) => void\n  /** Keeps the time of another tickable (animation, timer) in sync with this scope. */\n  keepTime: (method: (scope: Scope) => Tickable) => void\n  /** Cancels the scope and reverts all animations and tickables it owns. */\n  revert: () => void\n  /** Re-reads default values and media-query breakpoints for the scope. */\n  refresh: () => void\n}\n\n/**\n * Wraps Anime.js `createScope()` into a Vue composable. Reactively re-creates the scope when params change, replays all registered methods, and reverts it automatically on unmount.\n *\n * Methods added before mount are queued and replayed once the component is mounted.\n *\n * @param params - Anime.js scope parameters. Accepts a plain object or a reactive ref / computed.\n */\nexport function useScope(params: MaybeRef<ScopeParams>): UseScopeReturn {\n  const scope = shallowRef<Scope | undefined>(undefined)\n\n  const pending_adds: ScopeMethod[] = []\n  const pending_named: [string, ScopeMethod][] = []\n  const pending_once: ScopeMethod[] = []\n\n  let is_mounted = false\n  let stopWatcher: (() => void) | undefined\n\n  tryOnMounted(() => {\n    is_mounted = true\n    scope.value = createScope(unref(params))\n\n    for (const method of pending_adds) scope.value.add(method)\n    for (const [name, method] of pending_named) scope.value.add(name, method)\n    for (const method of pending_once) scope.value.addOnce(method)\n\n    pending_adds.length = 0\n    pending_named.length = 0\n    pending_once.length = 0\n\n    if (isRef(params)) {\n      stopWatcher = watch(\n        params,\n        new_params => {\n          scope.value?.revert()\n          scope.value = createScope(new_params)\n        },\n        { flush: \"post\" }\n      )\n    }\n  })\n\n  tryOnUnmounted(() => {\n    scope.value?.revert()\n    stopWatcher?.()\n  })\n\n  function add(method: ScopeMethod) {\n    if (!is_mounted) return void pending_adds.push(method)\n    return scope.value?.add(method)\n  }\n\n  function registerMethod(methodName: string, method: ScopeMethod) {\n    if (!is_mounted) return void pending_named.push([methodName, method])\n    return scope.value?.add(methodName, method)\n  }\n\n  function addOnce(method: ScopeMethod) {\n    if (!is_mounted) return void pending_once.push(method)\n    return scope.value?.addOnce(method)\n  }\n\n  function keepTime(method: (scope: Scope) => Tickable) {\n    return scope.value?.keepTime(method)\n  }\n\n  function revert() {\n    return scope.value?.revert()\n  }\n\n  function refresh() {\n    return scope.value?.refresh()\n  }\n\n  return {\n    scope: shallowReadonly(scope),\n    add,\n    registerMethod,\n    addOnce,\n    keepTime,\n    revert,\n    refresh,\n  }\n}","import { animate, type AnimationParams, type JSAnimation } from \"animejs\"\nimport type { Directive } from \"vue\"\n\nconst instances = new WeakMap<HTMLElement, JSAnimation>()\n\n/**\n * Declarative animation directive. Applies an Anime.js animation to the element on mount,\n * re-creates it when the binding value changes, and reverts it on unmount.\n *\n * @example\n * <div v-animate=\"{ translateX: 250, duration: 800 }\" />\n * <div v-animate=\"reactiveOptions\" />\n */\nexport const vAnimate: Directive<HTMLElement, AnimationParams> = {\n  mounted(el, binding) {\n    if (binding.value) instances.set(el, animate(el, binding.value))\n  },\n  updated(el, binding) {\n    if (binding.value === binding.oldValue) return\n    const prev = instances.get(el)\n    prev?.cancel()\n    prev?.revert()\n\n    if (binding.value) instances.set(el, animate(el, binding.value))\n  },\n  unmounted(el) {\n    const animation = instances.get(el)\n    animation?.cancel()\n    animation?.revert()\n    instances.delete(el)\n  },\n}","import { createDraggable, type Draggable, type DraggableParams } from \"animejs\"\nimport type { Directive } from \"vue\"\n\nconst instances = new WeakMap<HTMLElement, Draggable>()\n\n/**\n * Declarative draggable directive. Makes the element draggable on mount,\n * re-creates it when the binding value changes, and reverts it on unmount.\n *\n * @example\n * <div v-draggable />\n * <div v-draggable=\"{ snap: [0, 100] }\" />\n */\nexport const vDraggable: Directive<HTMLElement, DraggableParams | undefined> = {\n  mounted(el, binding) {\n    instances.set(el, createDraggable(el, binding.value ?? {}))\n  },\n  updated(el, binding) {\n    if (binding.value === binding.oldValue) return\n    instances.get(el)?.revert()\n    instances.set(el, createDraggable(el, binding.value ?? {}))\n  },\n  unmounted(el) {\n    instances.get(el)?.revert()\n    instances.delete(el)\n  },\n}","import { animate, svg, type AnimationParams, type DrawableSVGGeometry, type JSAnimation } from \"animejs\"\nimport type { Directive } from \"vue\"\n\ninterface Entry {\n  drawable: DrawableSVGGeometry\n  animation: JSAnimation | undefined\n}\n\nconst instances = new WeakMap<SVGGeometryElement, Entry>()\n\nfunction create(el: SVGGeometryElement, params: AnimationParams | undefined): Entry {\n  const drawable = svg.createDrawable(el)[0]\n  const animation = params ? animate(drawable, params) : undefined\n  return { drawable, animation }\n}\n\n/**\n * Declarative SVG drawable directive. Wraps the SVG geometry element in an Anime.js drawable\n * Proxy and animates the `draw` property on mount. Re-creates it when the binding value changes\n * and reverts on unmount.\n *\n * @example\n * <path v-svg-drawable=\"{ draw: '0 1', duration: 1200 }\" />\n * <path v-svg-drawable=\"{ draw: ['0 0', '0.5 1', '0 1'], ease: 'inOutQuad', loop: true }\" />\n */\nexport const vSvgDrawable: Directive<SVGGeometryElement, AnimationParams | undefined> = {\n  mounted(el, binding) {\n    instances.set(el, create(el, binding.value))\n  },\n  updated(el, binding) {\n    if (binding.value === binding.oldValue) return\n    const entry = instances.get(el)\n    entry?.animation?.cancel()\n    entry?.animation?.revert()\n    instances.set(el, create(el, binding.value))\n  },\n  unmounted(el) {\n    const entry = instances.get(el)\n    entry?.animation?.cancel()\n    entry?.animation?.revert()\n    instances.delete(el)\n  },\n}","import { waapi, type WAAPIAnimationParams, type WAAPIAnimation } from \"animejs\"\nimport type { Directive } from \"vue\"\n\ninterface Entry {\n  animation: WAAPIAnimation\n  originalStyle: string\n}\n\nconst instances = new WeakMap<HTMLElement, Entry>()\n\n/**\n * Declarative WAAPI animation directive. Applies an Anime.js WAAPI animation to the element on\n * mount, re-creates it when the binding value changes, and reverts it on unmount.\n *\n * @example\n * <div v-waapi=\"{ translateX: 250, duration: 800 }\" />\n * <div v-waapi=\"reactiveOptions\" />\n */\nexport const vWaapi: Directive<HTMLElement, WAAPIAnimationParams> = {\n  mounted(el, binding) {\n    if (binding.value) {\n      instances.set(el, {\n        animation: waapi.animate(el, binding.value),\n        originalStyle: el.style.cssText,\n      })\n    }\n  },\n  updated(el, binding) {\n    if (binding.value === binding.oldValue) return\n    const entry = instances.get(el)\n    if (entry) {\n      entry.animation.cancel()\n      el.style.cssText = entry.originalStyle\n      instances.delete(el)\n    }\n\n    if (binding.value) {\n      instances.set(el, {\n        animation: waapi.animate(el, binding.value),\n        originalStyle: el.style.cssText,\n      })\n    }\n  },\n  unmounted(el) {\n    const entry = instances.get(el)\n    if (entry) {\n      entry.animation.cancel()\n      el.style.cssText = entry.originalStyle\n      instances.delete(el)\n    }\n  },\n}","import {\n  animate,\n  splitText,\n  type AnimationParams,\n  type JSAnimation,\n  type TextSplitter,\n  type TextSplitterParams,\n} from \"animejs\"\nimport type { Directive } from \"vue\"\n\nexport interface VTextSplitValue extends TextSplitterParams {\n  animation?: AnimationParams\n}\n\ninterface Entry {\n  splitter: TextSplitter\n  animation: JSAnimation | undefined\n}\n\nconst instances = new WeakMap<HTMLElement, Entry>()\n\nfunction create(el: HTMLElement, value: VTextSplitValue | undefined): Entry {\n  const { animation: anim_params, ...splitter_params } = value ?? {}\n  const splitter = splitText(el, splitter_params)\n  const entry: Entry = { splitter, animation: undefined }\n\n  if (anim_params) {\n    if (splitter_params.lines) {\n      // Line detection waits for document.fonts.ready — defer animation until splitter.lines is populated.\n      ;(document.fonts?.ready ?? Promise.resolve()).then(() => {\n        if (instances.get(el) === entry) {\n          entry.animation = animate(splitter.lines, anim_params)\n        }\n      })\n    } else {\n      const targets = splitter_params.chars ? splitter.chars : splitter.words\n      entry.animation = animate(targets, anim_params)\n    }\n  }\n\n  return entry\n}\n\nfunction destroy(entry: Entry) {\n  entry.animation?.cancel()\n  entry.splitter.revert()\n}\n\n/**\n * Declarative text-split directive. Splits the element's text into chars, words, or lines on\n * mount, and optionally animates the resulting spans. Re-creates on binding change, reverts on unmount.\n *\n * @example\n * <p v-text-split=\"{ words: true, animation: { translateY: [20, 0], opacity: [0, 1], delay: stagger(60) } }\">Hello</p>\n * <p v-text-split=\"{ chars: true, animation: { opacity: [0, 1], delay: stagger(30) } }\">Hello</p>\n * <p v-text-split=\"{ lines: true, animation: { translateX: [-20, 0], delay: stagger(100) } }\">Hello</p>\n */\nexport const vTextSplit: Directive<HTMLElement, VTextSplitValue | undefined> = {\n  mounted(el, binding) {\n    instances.set(el, create(el, binding.value))\n  },\n  updated(el, binding) {\n    if (binding.value === binding.oldValue) return\n    const entry = instances.get(el)\n    if (entry) destroy(entry)\n    instances.set(el, create(el, binding.value))\n  },\n  unmounted(el) {\n    const entry = instances.get(el)\n    if (entry) destroy(entry)\n    instances.delete(el)\n  },\n}"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@juleshry/vue-animejs",
-  "version": "1.0.1",
-  "description": "Vue 3 composables for Anime.js v4 — reactive animations that integrate naturally with Vue's reactivity system and component lifecycle.",
+  "version": "1.1.0",
+  "description": "Vue 3 composables and directives for Anime.js v4 — reactive animations that integrate naturally with Vue's reactivity system and component lifecycle.",
   "keywords": [
     "animation",
     "animejs",
@@ -50,7 +50,7 @@
     "@vitest/coverage-v8": "^4.1.4",
     "@vue/test-utils": "^2.4.6",
     "@vueuse/core": ">=14",
-    "animejs": ">=4",
+    "animejs": "4.4.1",
     "bun-types": "^1.3.14",
     "happy-dom": "^20.9.0",
     "oxfmt": "^0.47.0",