svg-scroll-draw 2.15.3 → 2.16.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +22 -17
- package/dist/angular/index.cjs +2 -2
- package/dist/angular/index.d.mts +7 -240
- package/dist/angular/index.d.ts +7 -240
- package/dist/angular/index.mjs +1 -3
- package/dist/aos/index.cjs +2 -2
- package/dist/aos/index.mjs +1 -2
- package/dist/aos/react/index.cjs +2 -2
- package/dist/aos/react/index.d.mts +1 -33
- package/dist/aos/react/index.d.ts +1 -33
- package/dist/aos/react/index.mjs +1 -2
- package/dist/astro/index.cjs +2 -2
- package/dist/astro/index.d.mts +4 -148
- package/dist/astro/index.d.ts +4 -148
- package/dist/astro/index.mjs +1 -3
- package/dist/cdn/aos.global.js +2 -2
- package/dist/cdn/scrollreveal.global.js +2 -2
- package/dist/cdn/svg-scroll-draw.dev.global.js +51 -39
- package/dist/cdn/svg-scroll-draw.global.js +2 -2
- package/dist/cdn/vivus.global.js +1 -1
- package/dist/chunk-4DOJSIEQ.mjs +1 -0
- package/dist/chunk-4MH5SQTH.mjs +1 -0
- package/dist/chunk-4T5R3ZTL.mjs +2 -0
- package/dist/chunk-5PJEKEEP.mjs +1 -0
- package/dist/chunk-AJ22VSHC.mjs +1 -0
- package/dist/chunk-BCV4RAIX.mjs +1 -0
- package/dist/chunk-DM6EDKWH.mjs +1 -0
- package/dist/chunk-E4M2PB7B.mjs +1 -0
- package/dist/chunk-JC5BD4RB.mjs +1 -0
- package/dist/chunk-KBFWDHF4.mjs +1 -0
- package/dist/chunk-KGAJQP2N.mjs +2 -0
- package/dist/chunk-LFSU6LR3.mjs +1 -0
- package/dist/chunk-OJFWQ6CU.mjs +1 -0
- package/dist/chunk-OMI46IXL.mjs +2 -0
- package/dist/chunk-OWMO2S3V.mjs +1 -0
- package/dist/chunk-PEFR3ZB7.mjs +1 -0
- package/dist/chunk-QJ4H2HW3.mjs +1 -0
- package/dist/chunk-SNCRC6BA.mjs +1 -0
- package/dist/chunk-WDIHLRZZ.mjs +3 -0
- package/dist/chunk-WQZKXAXK.mjs +2 -0
- package/dist/chunk-YWKPTYSG.mjs +1 -0
- package/dist/chunk-YZV4Z3EQ.mjs +1 -0
- package/dist/cinematic/index.cjs +1 -1
- package/dist/cinematic/index.mjs +1 -2
- package/dist/devtools/index.mjs +1 -1
- package/dist/engine-6AXEX8CL.d.ts +57 -0
- package/dist/engine-Ci08nM91.d.mts +57 -0
- package/dist/group/index.cjs +2 -2
- package/dist/group/index.d.mts +4 -207
- package/dist/group/index.d.ts +4 -207
- package/dist/group/index.mjs +1 -3
- package/dist/horizontal/index.cjs +1 -1
- package/dist/horizontal/index.d.mts +1 -33
- package/dist/horizontal/index.d.ts +1 -33
- package/dist/horizontal/index.mjs +1 -1
- package/dist/index-BDGQEK6X.d.mts +15 -0
- package/dist/index-BVuNgQSd.d.ts +14 -0
- package/dist/index-CGR7pSOR.d.mts +14 -0
- package/dist/index-DxjUOIbK.d.ts +15 -0
- package/dist/index.cjs +3 -3
- package/dist/index.d.mts +8 -294
- package/dist/index.d.ts +8 -294
- package/dist/index.mjs +1 -4
- package/dist/nuxt/index.cjs +2 -2
- package/dist/nuxt/index.d.mts +7 -507
- package/dist/nuxt/index.d.ts +7 -507
- package/dist/nuxt/index.mjs +1 -3
- package/dist/pin/index.cjs +1 -1
- package/dist/pin/index.mjs +1 -1
- package/dist/progress/index.cjs +1 -1
- package/dist/progress/index.d.mts +1 -33
- package/dist/progress/index.d.ts +1 -33
- package/dist/progress/index.mjs +1 -1
- package/dist/react/index.cjs +3 -2
- package/dist/react/index.d.mts +5 -212
- package/dist/react/index.d.ts +5 -212
- package/dist/react/index.mjs +2 -3
- package/dist/reveal/index.cjs +1 -1
- package/dist/reveal/index.d.mts +1 -5
- package/dist/reveal/index.d.ts +1 -5
- package/dist/reveal/index.mjs +1 -1
- package/dist/scroll-draw-BlJfbTDv.d.ts +5 -0
- package/dist/scroll-draw-CNlq4Z_L.d.mts +5 -0
- package/dist/scrollreveal/index.cjs +2 -2
- package/dist/scrollreveal/index.mjs +1 -2
- package/dist/scrollreveal/react/index.cjs +2 -2
- package/dist/scrollreveal/react/index.d.mts +1 -36
- package/dist/scrollreveal/react/index.d.ts +1 -36
- package/dist/scrollreveal/react/index.mjs +1 -2
- package/dist/snap/index.cjs +1 -1
- package/dist/snap/index.d.mts +1 -1
- package/dist/snap/index.d.ts +1 -1
- package/dist/snap/index.mjs +1 -1
- package/dist/solid/index.cjs +2 -2
- package/dist/solid/index.d.mts +6 -240
- package/dist/solid/index.d.ts +6 -240
- package/dist/solid/index.mjs +1 -3
- package/dist/svelte/index.cjs +2 -2
- package/dist/svelte/index.d.mts +6 -240
- package/dist/svelte/index.d.ts +6 -240
- package/dist/svelte/index.mjs +1 -3
- package/dist/text/index.cjs +1 -1
- package/dist/text/index.d.mts +1 -33
- package/dist/text/index.d.ts +1 -33
- package/dist/text/index.mjs +1 -1
- package/dist/timeline/index.cjs +7 -7
- package/dist/timeline/index.d.mts +1 -29
- package/dist/timeline/index.d.ts +1 -29
- package/dist/timeline/index.mjs +11 -11
- package/dist/types-DHU1zNEw.d.mts +147 -0
- package/dist/types-DHU1zNEw.d.ts +147 -0
- package/dist/video/index.cjs +1 -1
- package/dist/video/index.d.mts +1 -33
- package/dist/video/index.d.ts +1 -33
- package/dist/video/index.mjs +1 -1
- package/dist/vivus/index.cjs +2 -2
- package/dist/vivus/index.mjs +1 -2
- package/dist/vivus/react/index.cjs +2 -1
- package/dist/vivus/react/index.d.mts +1 -99
- package/dist/vivus/react/index.d.ts +1 -99
- package/dist/vivus/react/index.mjs +1 -1
- package/dist/vue/index.cjs +2 -2
- package/dist/vue/index.d.mts +6 -213
- package/dist/vue/index.d.ts +6 -213
- package/dist/vue/index.mjs +1 -3
- package/dist/web-component/index.cjs +2 -2
- package/dist/web-component/index.mjs +1 -3
- package/package.json +1 -1
package/dist/angular/index.d.ts
CHANGED
|
@@ -1,242 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
}
|
|
7
|
-
interface ScrollDrawOptions {
|
|
8
|
-
/**
|
|
9
|
-
* Apply a named preset as the base configuration. User-supplied options
|
|
10
|
-
* always override the preset. Available presets:
|
|
11
|
-
* - `'sketch'` — staggered ease-in draw, pencil feel
|
|
12
|
-
* - `'reveal'` — fade + ease-out, draws once on viewport entry
|
|
13
|
-
* - `'typewriter'` — fast linear draw with stagger
|
|
14
|
-
* - `'cinematic'` — slow ease-in-out with fade, dramatic entrance
|
|
15
|
-
* - `'spring'` — spring easing, bouncy organic feel
|
|
16
|
-
*/
|
|
17
|
-
preset?: PresetName;
|
|
18
|
-
selector?: string;
|
|
19
|
-
speed?: number;
|
|
20
|
-
fade?: boolean;
|
|
21
|
-
easing?: EasingName | ((t: number) => number);
|
|
22
|
-
trigger?: TriggerConfig;
|
|
23
|
-
stagger?: number;
|
|
24
|
-
direction?: 'forward' | 'reverse';
|
|
25
|
-
once?: boolean;
|
|
26
|
-
debug?: boolean;
|
|
27
|
-
/** Scroll axis to track. 'y' (default) for vertical, 'x' for horizontal. */
|
|
28
|
-
axis?: 'x' | 'y';
|
|
29
|
-
/** CSS selector or Element for a custom scroll container (default: window). */
|
|
30
|
-
scrollContainer?: string | Element;
|
|
31
|
-
/** Automatically reverse the animation when the user scrolls back up. */
|
|
32
|
-
autoReverse?: boolean;
|
|
33
|
-
/** Delay in milliseconds before the engine starts observing. */
|
|
34
|
-
delay?: number;
|
|
35
|
-
/** Animate stroke color. Single string = static override. Tuple = interpolate from → to. */
|
|
36
|
-
strokeColor?: string | [string, string];
|
|
37
|
-
/** Animate stroke width. Single number = static override. Tuple = interpolate from → to. */
|
|
38
|
-
strokeWidth?: number | [number, number];
|
|
39
|
-
/** Animate fill opacity. Single number = static override. Tuple [from, to] = interpolate as the path draws. Use [0, 1] to flood fill in sync with the stroke draw. */
|
|
40
|
-
fillOpacity?: number | [number, number];
|
|
41
|
-
/**
|
|
42
|
-
* Reveal the container using CSS clip-path instead of stroke-dashoffset.
|
|
43
|
-
* Works on any content — SVG, images, text, divs.
|
|
44
|
-
*
|
|
45
|
-
* Pass a direction string to control which edge the reveal starts from,
|
|
46
|
-
* or `true` as shorthand for `'left'`.
|
|
47
|
-
*
|
|
48
|
-
* Values: `'left' | 'right' | 'top' | 'bottom' | 'center'`
|
|
49
|
-
*/
|
|
50
|
-
clip?: boolean | 'left' | 'right' | 'top' | 'bottom' | 'center';
|
|
51
|
-
/** Fire callbacks at specific progress thresholds (0–1). Resets on replay(). */
|
|
52
|
-
waypoints?: Record<number, () => void>;
|
|
53
|
-
/** Scale animation speed by scroll velocity — faster scrolling = faster draw. Pass a number to control sensitivity (default 1). */
|
|
54
|
-
velocityScale?: boolean | number;
|
|
55
|
-
/** IntersectionObserver threshold (0–1). Default 0. */
|
|
56
|
-
threshold?: number;
|
|
57
|
-
/** IntersectionObserver rootMargin. Default "0px". */
|
|
58
|
-
rootMargin?: string;
|
|
59
|
-
/** Repeat the animation N times after completion. Use 'infinite' to loop forever. */
|
|
60
|
-
repeat?: number | 'infinite';
|
|
61
|
-
/** Milliseconds to wait between repeats. Default 0. */
|
|
62
|
-
repeatDelay?: number;
|
|
63
|
-
/**
|
|
64
|
-
* Target path `d` attribute to morph toward as the animation progresses.
|
|
65
|
-
* Paths must have compatible command structures (same number of numeric tokens).
|
|
66
|
-
*
|
|
67
|
-
* Only applies to `<path>` elements — silently no-ops on `<rect>`, `<circle>`,
|
|
68
|
-
* `<line>`, and other SVG shape elements.
|
|
69
|
-
*/
|
|
70
|
-
morphTo?: string;
|
|
71
|
-
onProgress?: (alpha: number) => void;
|
|
72
|
-
onStart?: () => void;
|
|
73
|
-
onComplete?: () => void;
|
|
74
|
-
/** Fires when scroll position enters the trigger zone (scrolling forward). */
|
|
75
|
-
onEnter?: () => void;
|
|
76
|
-
/** Fires when scroll position exits the trigger zone at the end (scrolling forward). */
|
|
77
|
-
onLeave?: () => void;
|
|
78
|
-
/** Fires when scroll position re-enters the trigger zone from the end (scrolling back). */
|
|
79
|
-
onEnterBack?: () => void;
|
|
80
|
-
/** Fires when scroll position exits the trigger zone at the start (scrolling back). */
|
|
81
|
-
onLeaveBack?: () => void;
|
|
82
|
-
/**
|
|
83
|
-
* Trigger the animation when the element enters the viewport instead of
|
|
84
|
-
* tying it to scroll position. The draw runs over `duration` milliseconds,
|
|
85
|
-
* replaying each time the element re-enters the viewport (use `once: true`
|
|
86
|
-
* to play only the first time).
|
|
87
|
-
*
|
|
88
|
-
* All visual options work in autoplay mode — `easing`, `stagger`, `fade`,
|
|
89
|
-
* `strokeColor`, `strokeWidth`, `fillOpacity`, `clip`, `morphTo`, `waypoints`,
|
|
90
|
-
* `repeat`, `repeatDelay`, `onStart`, `onComplete`, `onProgress`, etc.
|
|
91
|
-
*
|
|
92
|
-
* The full instance API (`pause`, `resume`, `seek`, `replay`, `getProgress`)
|
|
93
|
-
* also works — `seek(0.5)` pauses at 50% of the duration.
|
|
94
|
-
*/
|
|
95
|
-
autoplay?: boolean;
|
|
96
|
-
/**
|
|
97
|
-
* Duration of the autoplay animation in milliseconds. Only used when
|
|
98
|
-
* `autoplay: true`. Default `1000`.
|
|
99
|
-
*/
|
|
100
|
-
duration?: number;
|
|
101
|
-
/**
|
|
102
|
-
* Use the browser's native CSS scroll-driven animation
|
|
103
|
-
* (`animation-timeline: view()`) when the configuration is simple enough and
|
|
104
|
-
* the browser supports it. The browser drives the draw from the scroll
|
|
105
|
-
* position — zero per-frame JavaScript, zero scroll/resize listeners. (It
|
|
106
|
-
* still repaints on the main thread: browsers don't composite
|
|
107
|
-
* `stroke-dashoffset`.)
|
|
108
|
-
*
|
|
109
|
-
* Falls back to the JS engine automatically when unsupported or when the
|
|
110
|
-
* config uses a feature native CSS can't express (callbacks, stagger, morph,
|
|
111
|
-
* velocity scaling, custom triggers, `once`, custom easing functions, etc.).
|
|
112
|
-
*
|
|
113
|
-
* - `undefined` / `true` (default): use native when eligible.
|
|
114
|
-
* - `false`: always use the JS engine.
|
|
115
|
-
*/
|
|
116
|
-
native?: boolean;
|
|
117
|
-
}
|
|
118
|
-
interface ScrollDrawInstance {
|
|
119
|
-
destroy: () => void;
|
|
120
|
-
/** Reset and replay the animation from the beginning. */
|
|
121
|
-
replay: () => void;
|
|
122
|
-
/** Pause the animation at the current progress. */
|
|
123
|
-
pause: () => void;
|
|
124
|
-
/** Resume a paused animation. */
|
|
125
|
-
resume: () => void;
|
|
126
|
-
/** Jump to a specific progress value (0–1) and pause. */
|
|
127
|
-
seek: (progress: number) => void;
|
|
128
|
-
/** Returns current draw progress (0–1). */
|
|
129
|
-
getProgress: () => number;
|
|
130
|
-
/**
|
|
131
|
-
* Re-measure after a layout change: path lengths, and the scroll trigger window.
|
|
132
|
-
*
|
|
133
|
-
* The engine already re-measures on `resize`, on `orientationchange`, and via a
|
|
134
|
-
* `ResizeObserver` on the document element — but none of those fire for a layout
|
|
135
|
-
* change that leaves the document height alone, such as a tab switching, a
|
|
136
|
-
* sibling collapsing, or a font swapping inside a fixed-height box. Call this
|
|
137
|
-
* after one of those.
|
|
138
|
-
*
|
|
139
|
-
* Optional on this shared type because several instances here are fan-outs over
|
|
140
|
-
* other instances or SSR no-op stubs. `scrollDraw`, `scrollPin`,
|
|
141
|
-
* `scrollHorizontal`, `scrollDrawTimeline` and the group APIs all provide it;
|
|
142
|
-
* use `instance.refresh?.()` if you hold an instance of unknown origin.
|
|
143
|
-
*/
|
|
144
|
-
refresh?: () => void;
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
interface ScrollAnimateOptions {
|
|
148
|
-
props: Record<string, string | number | [string | number, string | number]>;
|
|
149
|
-
trigger?: TriggerConfig;
|
|
150
|
-
easing?: EasingName | ((t: number) => number);
|
|
151
|
-
speed?: number;
|
|
152
|
-
once?: boolean;
|
|
153
|
-
axis?: 'x' | 'y';
|
|
154
|
-
scrollContainer?: string | Element;
|
|
155
|
-
native?: boolean;
|
|
156
|
-
/**
|
|
157
|
-
* Scale animation speed by scroll velocity — faster scrolling = faster animation.
|
|
158
|
-
* Pass `true` for default sensitivity (1) or a number to control it.
|
|
159
|
-
* Higher values = more dramatic speed-up. Default sensitivity: 1.
|
|
160
|
-
*/
|
|
161
|
-
velocityScale?: boolean | number;
|
|
162
|
-
/**
|
|
163
|
-
* Honour `prefers-reduced-motion: reduce` by applying the final state and not
|
|
164
|
-
* animating. Default: `true`.
|
|
165
|
-
*
|
|
166
|
-
* Set to `false` only when the movement is *scroll-linked scrubbing* rather
|
|
167
|
-
* than autonomous motion — it advances solely as the user scrolls, 1:1 with
|
|
168
|
-
* their input, so it is direct manipulation rather than something that plays at
|
|
169
|
-
* them. `scrollHorizontal` sets this, because jumping to the final state there
|
|
170
|
-
* would leave every panel but the last unreachable inside the sticky
|
|
171
|
-
* `overflow: hidden` container.
|
|
172
|
-
*/
|
|
173
|
-
respectReducedMotion?: boolean;
|
|
174
|
-
/**
|
|
175
|
-
* Element whose geometry defines the trigger window, when that is not the
|
|
176
|
-
* element being animated. Defaults to the animated element.
|
|
177
|
-
*
|
|
178
|
-
* Needed whenever the animated element cannot supply the scroll length itself —
|
|
179
|
-
* the case that matters is a `position: sticky` stage, where the pinned element
|
|
180
|
-
* is exactly one viewport tall and all of the scroll room belongs to its
|
|
181
|
-
* container. Resolving `top top` → `bottom bottom` against the pinned element
|
|
182
|
-
* there yields tStart === tEnd, a zero-length window, and no movement at all.
|
|
183
|
-
*
|
|
184
|
-
* Setting this disables the native CSS fast path: `animation-timeline: view()`
|
|
185
|
-
* always measures the element the animation is attached to, so it cannot express
|
|
186
|
-
* a separate subject.
|
|
187
|
-
*/
|
|
188
|
-
triggerElement?: Element;
|
|
189
|
-
onProgress?: (alpha: number) => void;
|
|
190
|
-
onComplete?: () => void;
|
|
191
|
-
/** Fires when scroll enters the trigger zone (scrolling forward). */
|
|
192
|
-
onEnter?: () => void;
|
|
193
|
-
/** Fires when scroll exits the trigger zone at the end (scrolling forward). */
|
|
194
|
-
onLeave?: () => void;
|
|
195
|
-
/** Fires when scroll re-enters the trigger zone from the end (scrolling back). */
|
|
196
|
-
onEnterBack?: () => void;
|
|
197
|
-
/** Fires when scroll exits the trigger zone at the start (scrolling back). */
|
|
198
|
-
onLeaveBack?: () => void;
|
|
199
|
-
}
|
|
200
|
-
|
|
201
|
-
interface ScrollCounterOptions {
|
|
202
|
-
from?: number;
|
|
203
|
-
to: number;
|
|
204
|
-
format?: (value: number) => string;
|
|
205
|
-
easing?: EasingName | ((t: number) => number);
|
|
206
|
-
trigger?: TriggerConfig;
|
|
207
|
-
once?: boolean;
|
|
208
|
-
decimals?: number;
|
|
209
|
-
onComplete?: () => void;
|
|
210
|
-
}
|
|
211
|
-
|
|
212
|
-
interface ScrollVideoOptions {
|
|
213
|
-
trigger?: TriggerConfig;
|
|
214
|
-
from?: number;
|
|
215
|
-
to?: number;
|
|
216
|
-
easing?: EasingName | ((t: number) => number);
|
|
217
|
-
once?: boolean;
|
|
218
|
-
axis?: 'x' | 'y';
|
|
219
|
-
preload?: 'auto' | 'metadata';
|
|
220
|
-
onReady?: () => void;
|
|
221
|
-
onComplete?: () => void;
|
|
222
|
-
onProgress?: (alpha: number) => void;
|
|
223
|
-
}
|
|
224
|
-
|
|
225
|
-
interface ScrollTextOptions {
|
|
226
|
-
split?: 'chars' | 'words' | 'lines';
|
|
227
|
-
stagger?: number;
|
|
228
|
-
easing?: EasingName | ((t: number) => number);
|
|
229
|
-
from?: {
|
|
230
|
-
opacity?: number;
|
|
231
|
-
y?: number;
|
|
232
|
-
x?: number;
|
|
233
|
-
rotate?: number;
|
|
234
|
-
scale?: number;
|
|
235
|
-
};
|
|
236
|
-
trigger?: TriggerConfig;
|
|
237
|
-
once?: boolean;
|
|
238
|
-
onComplete?: () => void;
|
|
239
|
-
}
|
|
1
|
+
import { a as ScrollDrawOptions } from '../types-DHU1zNEw.js';
|
|
2
|
+
export { S as ScrollDrawInstance } from '../types-DHU1zNEw.js';
|
|
3
|
+
import { S as ScrollAnimateOptions } from '../engine-6AXEX8CL.js';
|
|
4
|
+
import { S as ScrollCounterOptions } from '../index-DxjUOIbK.js';
|
|
5
|
+
import { ScrollVideoOptions } from '../video/index.js';
|
|
6
|
+
import { ScrollTextOptions } from '../text/index.js';
|
|
240
7
|
|
|
241
8
|
/**
|
|
242
9
|
* Framework-agnostic class for use in Angular components.
|
|
@@ -387,4 +154,4 @@ declare class ScrollTextRef {
|
|
|
387
154
|
destroy(): this;
|
|
388
155
|
}
|
|
389
156
|
|
|
390
|
-
export {
|
|
157
|
+
export { ScrollAnimateOptions, ScrollAnimateRef, ScrollCounterOptions, ScrollCounterRef, ScrollDrawOptions, ScrollDrawRef, ScrollTextOptions, ScrollTextRef, ScrollVideoOptions, ScrollVideoRef };
|
package/dist/angular/index.mjs
CHANGED
|
@@ -1,3 +1 @@
|
|
|
1
|
-
|
|
2
|
-
<div style="position:absolute;${m?`left:${c}px;top:0;bottom:0;border-left:2px dashed #22c55e;`:`top:${c}px;left:0;right:0;border-top:2px dashed #22c55e;`}padding:2px 6px;color:#22c55e;background:rgba(0,0,0,.6)">\u25B6 start</div>
|
|
3
|
-
<div style="position:absolute;${m?`left:${u}px;top:0;bottom:0;border-left:2px dashed #ef4444;`:`top:${u}px;left:0;right:0;border-top:2px dashed #ef4444;`}padding:2px 6px;color:#ef4444;background:rgba(0,0,0,.6)">\u25A0 end</div>`;}return document.body.appendChild(t),window.addEventListener("scroll",l,{passive:true}),l(),{el:t,destroy(){window.removeEventListener("scroll",l),t.remove();}}}var Tt=/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,xt=/[MmLlHhVvCcSsQqTtAaZz]/g;function nr(e,r,n){if(!Be)return;let t=(e.match(xt)??[]).join("").toUpperCase(),l=(r.match(xt)??[]).join("").toUpperCase(),o=(e.match(Tt)??[]).length,c=(r.match(Tt)??[]).length;if(t!==l){we(`morphTo: command sequence differs (${t||"\u2205"} \u2192 ${l||"\u2205"}). Interpolation is coordinate-for-coordinate, so the result will not reach the target shape. Redraw both paths with the same commands.`,n);return}o!==c&&we(`morphTo: coordinate count differs (${o} \u2192 ${c}). Extra coordinates are ignored and missing ones hold their start value, so the result will not reach the target shape.`,n);}function st(e,r,n){let t=(r.match(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g)??[]).map(Number),l=0;return e.replace(/[-+]?(?:\d*\.)?\d+(?:[eE][-+]?\d+)?/g,o=>{let c=parseFloat(o),u=t[l++]??c;return String(+(c+(u-c)*n).toFixed(4))})}function At(e,r={}){if(typeof window>"u")return {destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};let{preset:n,...t}=r,l=n?{...yt[n],...t}:t,o=window.matchMedia("(prefers-reduced-motion: reduce)").matches,{selector:c="path, polyline, line, polygon, rect, circle",speed:u=1,fade:m=false,easing:p="linear",trigger:T={},stagger:z=0,direction:A="forward",once:ne=false,debug:$e=false,axis:B="y",scrollContainer:J,autoReverse:X=false,delay:G=0,strokeColor:M,strokeWidth:$,fillOpacity:L,waypoints:w,velocityScale:I=false,threshold:O=0,rootMargin:C="0px",repeat:E=0,repeatDelay:se=0,morphTo:D,clip:oe,autoplay:ie=false,duration:ee=1e3,native:ae=true,onProgress:d,onStart:x,onComplete:g,onEnter:P,onLeave:S,onEnterBack:N,onLeaveBack:fe}=l,Q=oe===true?"left":typeof oe=="string"?oe:false,Se=typeof p=="function"?p:re[p]??re.linear,Ce=de(T.start??"top bottom"),He=de(T.end??"bottom top"),ve=typeof J=="string"?document.querySelector(J):J??null,Ee=Array.isArray(M)?M[0]:null,le=Array.isArray(M)?M[1]:typeof M=="string"?M:null,ce=Array.isArray($)?$[0]:null,j=Array.isArray($)?$[1]:typeof $=="number"?$:null,pe=Array.isArray(L)?L[0]:null,Z=Array.isArray(L)?L[1]:typeof L=="number"?L:null;function ke(s){let a=s*100;switch(Q){case "right":return `inset(0 0 0 ${100-a}%)`;case "top":return `inset(0 0 ${100-a}% 0)`;case "bottom":return `inset(${100-a}% 0 0 0)`;case "center":return `circle(${s*150}% at 50% 50%)`;default:return `inset(0 ${100-a}% 0 0)`}}let _=Q?[]:Array.from(e.querySelectorAll(c)),k=[],i=[],f=0,ge=0,R=false,V=false,q=0,Ae=false,he=-1,te=-1,Y=false,ye=0,Oe=0,Fe,Je=null;function it(){Je?.destroy(),Je=null;}let Ne=new Set,at=NaN,Re=true,Ge=-1,lt=performance.now(),ze=NaN;function et(){return ve?B==="x"?ve.scrollLeft:ve.scrollTop:B==="x"?window.scrollX:window.scrollY}function ct(){return ve?B==="x"?ve.clientWidth:ve.clientHeight:B==="x"?window.innerWidth:window.innerHeight}function ut(){let s=Ze(e,ve,B);return xe(s,s.scroll,ct(),Ce,He)}function mt(){(({tStart:f,tEnd:ge}=ut())),$e&&Be&&(it(),Je=rr(f,ge,B));}function tt(s,a=ut){Le(e,{type:"draw",getProgress:()=>s.getProgress(),getTrigger:a});let b=s.destroy;return s.destroy=()=>{b.call(s),Pe(e);},s}function qt(s,a){if(e.style.setProperty("--scroll-draw-progress",String(s)),Q){let b=a==="reverse"?1-s:s;e.style.clipPath=ke(b);return}_.forEach((b,ue)=>{b.style.strokeDashoffset=a==="reverse"?`${k[ue]*s}`:`${k[ue]*(1-s)}`,m&&(b.style.opacity=a==="reverse"?`${1-s}`:`${s}`),Ee&&le?b.style.stroke=Ve(Ee,le,s):le&&(b.style.stroke=le),ce!==null&&j!==null?b.style.strokeWidth=`${ce+(j-ce)*s}`:j!==null&&(b.style.strokeWidth=`${j}`),pe!==null&&Z!==null?b.style.fillOpacity=`${pe+(Z-pe)*s}`:Z!==null&&(b.style.fillOpacity=`${Z}`),D&&b.tagName.toLowerCase()==="path"&&i[ue]&&b.setAttribute("d",st(i[ue],D,s));});}function je(){if(e.style.setProperty("--scroll-draw-progress","0"),Q){e.style.clipPath=ke(0);return}_.forEach((s,a)=>{s.style.strokeDasharray=`${k[a]}`,s.style.strokeDashoffset=A==="reverse"?"0":`${k[a]}`,m?s.style.opacity=A==="reverse"?"1":"0":s.style.opacity="",Ee&&(s.style.stroke=Ee),ce!==null&&(s.style.strokeWidth=`${ce}`),pe!==null&&(s.style.fillOpacity=`${pe}`),D&&s.tagName.toLowerCase()==="path"&&i[a]&&s.setAttribute("d",i[a]);});}if(_.forEach(s=>{tr(s);let a=_e(s);k.push(a);let b=s.tagName.toLowerCase()==="path";b?i.push(s.getAttribute("d")??""):i.push(""),D&&(b?nr(i[i.length-1],D,s):we(`morphTo only applies to <path> elements \u2014 ignored on <${s.tagName}>.`,s)),o?(s.style.strokeDasharray=`${a}`,s.style.strokeDashoffset=A==="reverse"?`${a}`:"0",m&&(s.style.opacity="1"),le&&(s.style.stroke=le),j!==null&&(s.style.strokeWidth=`${j}`),Z!==null&&(s.style.fillOpacity=`${Z}`),D&&s.tagName.toLowerCase()==="path"&&s.setAttribute("d",D)):(s.style.strokeDasharray=`${a}`,s.style.strokeDashoffset=A==="reverse"?"0":`${a}`,m?s.style.opacity=A==="reverse"?"1":"0":s.style.opacity="",Ee&&(s.style.stroke=Ee),ce!==null&&(s.style.strokeWidth=`${ce}`),pe!==null&&(s.style.fillOpacity=`${pe}`));}),Q){if(o)return e.style.clipPath=ke(1),g?.(),{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>1};e.style.clipPath=ke(0);}else if(o)return g?.(),{destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>1};let ft=typeof p=="string"?Ke(p):null;function Wt(){return !(ae===false||!er()||!_.length||!ft||Q||B!=="y"||ve||u!==1||z!==0||ne||X||I!==false||D||w||E||G>0||d||x||g||P||S||N||fe||M!=null||$!=null||L!=null||(T.start??"top bottom").trim()!=="top bottom"||(T.end??"bottom top").trim()!=="bottom top")}function Bt(){let s=++Jt,a=`svg-scroll-draw-${s}`,b=`svg-scroll-draw-host-${s}`,ue=`--svg-scroll-draw-${s}`,De=A==="reverse"?"0":"var(--ssd-len)",Ie=A==="reverse"?"var(--ssd-len)":"0",Me=`stroke-dashoffset:${De};`,v=`stroke-dashoffset:${Ie};`;m&&(Me+=`opacity:${A==="reverse"?1:0};`,v+=`opacity:${A==="reverse"?0:1};`);let F=document.createElement("style");F.setAttribute("data-svg-scroll-draw",""),F.textContent=`@keyframes ${a}{from{${Me}}to{${v}}}.${b}{view-timeline-name:${ue};view-timeline-axis:block;}.${a}{animation-name:${a};animation-duration:auto;animation-timing-function:${ft};animation-fill-mode:both;animation-timeline:${ue};animation-range:cover 0% cover 100%;}`,document.head.appendChild(F),e.classList.add(b);function me(h,U){h.style.setProperty("--ssd-len",String(k[U])),h.style.strokeDasharray=`${k[U]}`,h.style.strokeDashoffset="",h.style.opacity="",h.style.animationPlayState="",h.classList.add(a);}_.forEach(me);let y=false,H=-1;function W(){if(H>=0)return H;let h=e.getBoundingClientRect(),{tStart:U,tEnd:Te}=xe({top:h.top,height:h.height},et(),ct(),Ce,He);return Se(K(et(),U,Te,u))}return {destroy(){e.classList.remove(b),_.forEach(h=>{h.classList.remove(a),h.style.removeProperty("--ssd-len"),h.style.animationPlayState="";}),F.remove();},replay(){y=false,H=-1,_.forEach(me);},pause(){y=true,_.forEach(h=>{h.style.animationPlayState="paused";});},resume(){y&&(y=false,_.forEach(h=>{h.style.animationPlayState="running";}));},seek(h){let U=Math.min(1,Math.max(0,h));H=U,y=true,_.forEach((Te,be)=>{Te.classList.remove(a),Te.style.strokeDashoffset=A==="reverse"?`${k[be]*U}`:`${k[be]*(1-U)}`,m&&(Te.style.opacity=A==="reverse"?`${1-U}`:`${U}`);});},getProgress(){return W()},refresh(){_.forEach((h,U)=>{k[U]=_e(h),h.style.setProperty("--ssd-len",String(k[U])),h.style.strokeDasharray=`${k[U]}`;});}}}if(Wt())return tt(Bt());function Gt(){let s=Math.max(1,ee),a=0,b=0,ue=false;function De(y){let H=true;if(Q){let W=Math.min(1,Math.max(0,y/s)),h=Se(W);ye=h,e.style.setProperty("--scroll-draw-progress",String(h)),e.style.clipPath=ke(A==="reverse"?1-h:h),d?.(h),W<1&&(H=false);}else _.forEach((W,h)=>{let U=h*z*s,Te=Math.min(1,Math.max(0,(y-U)/s)),be=Se(Te);W.style.strokeDashoffset=A==="reverse"?`${k[h]*be}`:`${k[h]*(1-be)}`,m&&(W.style.opacity=A==="reverse"?`${1-be}`:`${be}`),Ee&&le?W.style.stroke=Ve(Ee,le,be):le&&(W.style.stroke=le),ce!==null&&j!==null?W.style.strokeWidth=`${ce+(j-ce)*be}`:j!==null&&(W.style.strokeWidth=`${j}`),pe!==null&&Z!==null?W.style.fillOpacity=`${pe+(Z-pe)*be}`:Z!==null&&(W.style.fillOpacity=`${Z}`),D&&W.tagName.toLowerCase()==="path"&&i[h]&&W.setAttribute("d",st(i[h],D,be)),h===0&&(ye=be,d?.(be),e.style.setProperty("--scroll-draw-progress",String(be))),Te<1&&(H=false);});if(w){let W=Math.min(1,Math.max(0,y/s)),h=Se(W);for(let U in w){let Te=parseFloat(U);h>=Te&&!Ne.has(Te)&&(Ne.add(Te),w[U]?.());}}return H}function Ie(y){if(Y)return;let H=y-a;V||(V=true,x?.());let W=De(H);if(W&&!R){R=true,De(s*(1+Math.max(0,_.length-1)*z)),g?.(),Oe<(E==="infinite"?1/0:E??0)&&(Oe++,Fe=setTimeout(()=>{a=performance.now(),V=false,R=false,Ne.clear(),je(),q=requestAnimationFrame(Ie);},se));return}W||(q=requestAnimationFrame(Ie));}function Me(){cancelAnimationFrame(q),clearTimeout(Fe),a=performance.now(),b=0,Y=false,V=false,R=false,Oe=0,ue=true,ye=0,Ne.clear(),je(),q=requestAnimationFrame(Ie);}let v=new IntersectionObserver(y=>{y.forEach(H=>{H.isIntersecting&&!(ne&&R)?Me():!H.isIntersecting&&!ne&&!R&&(cancelAnimationFrame(q),clearTimeout(Fe),ue=false);});},{root:ve??null,threshold:O,rootMargin:C}),F;function me(){clearTimeout(F),F=setTimeout(()=>{_.forEach((y,H)=>{k[H]=_e(y),y.style.strokeDasharray=`${k[H]}`;});},150);}return window.addEventListener("resize",me),window.addEventListener("orientationchange",me),G>0?setTimeout(()=>v.observe(e),G):v.observe(e),{destroy(){cancelAnimationFrame(q),clearTimeout(Fe),v.disconnect(),window.removeEventListener("resize",me),window.removeEventListener("orientationchange",me),clearTimeout(F);},replay(){Oe=0,Me();},pause(){Y||!ue||(Y=true,b=performance.now()-a,cancelAnimationFrame(q));},resume(){Y&&(Y=false,ue=true,a=performance.now()-b,q=requestAnimationFrame(Ie));},seek(y){let H=Math.min(1,Math.max(0,y));ye=H,Y=true,b=H*s,a=performance.now()-b,cancelAnimationFrame(q),De(b);},getProgress(){return ye},refresh(){clearTimeout(F),_.forEach((y,H)=>{k[H]=_e(y),y.style.strokeDasharray=`${k[H]}`;});}}}if(ie)return tt(Gt());mt();function Ye(){if(!Ae||Y)return;let s=performance.now(),a=et();if(!Re&&I===false&&a===at){q=requestAnimationFrame(Ye);return}Re=false,at=a;let b=u;if(I!==false){let v=s-lt,F=v>0?Math.abs(a-(Ge<0?a:Ge))/v:0;b=u*Math.max(.2,1+F*(typeof I=="number"?I:1)*.04);}Ge=a,lt=s;let ue=X?te===-1||a>=te?"forward":"reverse":A;te=a;let De=ge-f,Ie=true,Me=De===0?0:(a-f)/De;if(isNaN(ze)||(ze<=0&&Me>0?P?.():ze>0&&Me<=0&&fe?.(),ze<1&&Me>=1?S?.():ze>=1&&Me<1&&N?.()),ze=Me,Q){let v=Se(K(a,f,ge,b));ne&&!X&&(he=Math.max(he,v),v=he),ye=v,e.style.setProperty("--scroll-draw-progress",String(v));let F=ue==="reverse"?1-v:v;e.style.clipPath=ke(F),d?.(v),!V&&K(a,f,ge,b)>0&&(V=true,x?.()),v>=1&&!R?(R=true,g?.(),Oe<(E==="infinite"?1/0:E??0)&&(Oe++,Fe=setTimeout(()=>{he=-1,V=false,R=false,e.style.clipPath=ke(0);},se))):v<1&&!ne&&(R=false),q=requestAnimationFrame(Ye);return}if(_.forEach((v,F)=>{let me=F*z*De,y=Se(K(a,f+me,ge+me,b));ne&&!X&&(he=Math.max(he,y),y=he),ye=y,v.style.strokeDashoffset=ue==="reverse"?`${k[F]*y}`:`${k[F]*(1-y)}`,m&&(v.style.opacity=ue==="reverse"?`${1-y}`:`${y}`),Ee&&le?v.style.stroke=Ve(Ee,le,y):le&&(v.style.stroke=le),ce!==null&&j!==null?v.style.strokeWidth=`${ce+(j-ce)*y}`:j!==null&&(v.style.strokeWidth=`${j}`),pe!==null&&Z!==null?v.style.fillOpacity=`${pe+(Z-pe)*y}`:Z!==null&&(v.style.fillOpacity=`${Z}`),D&&v.tagName.toLowerCase()==="path"&&i[F]&&v.setAttribute("d",st(i[F],D,y)),F===0&&(d?.(y),e.style.setProperty("--scroll-draw-progress",String(y))),y<1&&(Ie=false);}),w){let v=Se(K(a,f,ge,b));for(let F in w){let me=parseFloat(F);v>=me&&!Ne.has(me)&&(Ne.add(me),w[F]?.());}}!V&&K(a,f,ge,b)>0&&(V=true,x?.()),Ie&&!R?(R=true,g?.(),Oe<(E==="infinite"?1/0:E??0)&&(Oe++,Fe=setTimeout(()=>{he=-1,V=false,R=false,Ne.clear(),je(),Re=true;},se))):!Ie&&!ne&&(R=false),q=requestAnimationFrame(Ye);}let rt=false;function Ue(){rt||(rt=true,q=requestAnimationFrame(function(){Ye();}));}function Xe(){rt=false,cancelAnimationFrame(q);}let nt=new IntersectionObserver(s=>{s.forEach(a=>{Ae=a.isIntersecting,Ae&&!Y?(Re=true,Ue()):Xe();});},{root:ve??null,threshold:O,rootMargin:C});function pt(){_.forEach((s,a)=>{k[a]=_e(s),s.style.strokeDasharray=`${k[a]}`;}),mt(),Re=true;}let Qe;function qe(){clearTimeout(Qe),Qe=setTimeout(pt,150);}window.addEventListener("resize",qe),window.addEventListener("orientationchange",qe);let We;return typeof ResizeObserver<"u"&&(We=new ResizeObserver(()=>qe()),We.observe(document.body),We.observe(document.documentElement),We.observe(e)),G>0?setTimeout(()=>nt.observe(e),G):nt.observe(e),tt({destroy(){cancelAnimationFrame(q),clearTimeout(Fe),Xe(),nt.disconnect(),We?.disconnect(),window.removeEventListener("resize",qe),window.removeEventListener("orientationchange",qe),clearTimeout(Qe),it();},replay(){he=-1,te=-1,Ge=-1,V=false,R=false,Oe=0,Y=false,ye=0,Ne.clear(),clearTimeout(Fe),je(),Re=true,Ae&&Ue();},pause(){Y=true,Xe();},resume(){Y&&(Y=false,Re=true,Ae&&Ue());},seek(s){let a=Math.min(1,Math.max(0,s));ye=a,he=a,Y=true,Xe(),qt(a,A),Re=true;},getProgress(){return ye},refresh(){clearTimeout(Qe),pt(),Ae&&!Y&&Ue();}},()=>({tStart:f,tEnd:ge}))}function sr(e){return e.startsWith("#")||e.startsWith("rgb")||e.startsWith("hsl")}function Mt(e){let r=[],n=/([\w]+)\(([^)]*)\)/g,t;for(;(t=n.exec(e))!==null;){let l=[],o=[],c=t[2].trim();if(c)for(let u of c.split(/[\s,]+/)){let m=u.match(/^([-+]?[\d.eE]+)(.*)$/);l.push(m?parseFloat(m[1]):0),o.push(m?m[2]:"");}r.push({fn:t[1],nums:l,units:o});}return r}function or(e,r,n){let t=Mt(e),l=Mt(r);return t.length===0||t.length!==l.length?n<1?e:r:t.map((o,c)=>{let u=l[c];return o.fn!==u.fn||o.nums.length!==u.nums.length?n<1?`${o.fn}(${o.nums.map((m,p)=>`${m}${o.units[p]}`).join(", ")})`:`${u.fn}(${u.nums.map((m,p)=>`${m}${u.units[p]}`).join(", ")})`:`${o.fn}(${o.nums.map((m,p)=>`${m+(u.nums[p]-m)*n}${o.units[p]}`).join(", ")})`}).join(" ")}function Lt(e,r,n){if(typeof e=="number"&&typeof r=="number")return String(e+(r-e)*n);let t=String(e),l=String(r);if(sr(t))return Ve(t,l,n);if(t.includes("("))return or(t,l,n);let o=t.match(/^([-+]?[\d.]+)(.*)$/),c=l.match(/^([-+]?[\d.]+)(.*)$/);if(o&&c){let u=parseFloat(o[1]),m=parseFloat(c[1]);return `${u+(m-u)*n}${o[2]||c[2]}`}return n<1?t:l}function ir(e){return e.replace(/([A-Z])/g,r=>`-${r.toLowerCase()}`)}var ar=new Set(["opacity","transform","background-color","color","filter","scale","translate","rotate"]),lr=0,Pt="--scroll-draw-progress";function cr(){return typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("animation-timeline: view()")}function $t(e,r){let n={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};if(typeof window>"u")return n;let{props:t,trigger:l={},easing:o="ease-out",speed:c=1,once:u=false,axis:m="y",scrollContainer:p,native:T=true,velocityScale:z=false,respectReducedMotion:A=true,triggerElement:ne,onProgress:$e,onComplete:B,onEnter:J,onLeave:X,onEnterBack:G,onLeaveBack:M}=r,$=A&&window.matchMedia("(prefers-reduced-motion: reduce)").matches,L=typeof o=="function"?o:re[o]??re["ease-out"],w=de(l.start??"top bottom"),I=de(l.end??"bottom top"),O=ne??e,C=typeof p=="string"?document.querySelector(p):p??null,E=Object.entries(t).map(([i,f])=>({prop:ir(i),from:Array.isArray(f)?f[0]:"",to:Array.isArray(f)?f[1]:f}));function se(){let i=window.getComputedStyle(e);for(let f of E)f.from===""&&(f.from=i.getPropertyValue(f.prop).trim()||"0");}function D(){for(let i of E)e.style.setProperty(i.prop,String(i.to));}let oe=new Map;for(let i of [...E.map(f=>f.prop),Pt])oe.set(i,e.style.getPropertyValue(i));function ie(){for(let[i,f]of oe)f?e.style.setProperty(i,f):e.style.removeProperty(i);}if($)return D(),B?.(),{...n,destroy:ie,getProgress:()=>1};se();let ee=typeof o=="string"?Ke(o):null;function ae(){if(!T||!cr()||!ee||m!=="y"||C||O!==e||u||c!==1||$e||B||J||X||G||M||z!==false||(l.start??"top bottom").trim()!=="top bottom"||(l.end??"bottom top").trim()!=="bottom top")return false;for(let i of E)if(!ar.has(i.prop))return false;return true}function d(){let i=`ssd-a-${++lr}`,f=E.map(te=>`${te.prop}:${te.from}`).join(";"),ge=E.map(te=>`${te.prop}:${te.to}`).join(";"),R=document.createElement("style");R.setAttribute("data-ssd-animate",""),R.textContent=`@keyframes ${i}{from{${f}}to{${ge}}}.${i}{animation-name:${i};animation-duration:auto;animation-timing-function:${ee};animation-fill-mode:both;animation-timeline:view();animation-range:cover 0% cover 100%;}`,document.head.appendChild(R),e.classList.add(i);let V=()=>m==="x"?window.scrollX:window.scrollY,q=()=>m==="x"?window.innerWidth:window.innerHeight,Ae=()=>{let te=e.getBoundingClientRect();return xe({top:te.top,height:te.height},V(),q(),w,I)};Le(e,{type:"animate",getProgress:()=>he.getProgress(),getTrigger:Ae});let he={destroy(){e.classList.remove(i),R.remove(),e.style.animationPlayState="",ie(),Pe(e);},replay(){e.classList.remove(i),e.offsetWidth,e.classList.add(i);},pause(){e.style.animationPlayState="paused";},resume(){e.style.animationPlayState="";},seek(te){let Y=Math.min(1,Math.max(0,te));e.classList.remove(i);for(let ye of E)e.style.setProperty(ye.prop,Lt(ye.from,ye.to,Y));},getProgress(){let{tStart:te,tEnd:Y}=Ae();return L(K(V(),te,Y,c))}};return he}if(ae())return d();let x=0,g=0,P=0,S=false,N=false,fe=-1,Q=0,Se=false,Ce=NaN,He=-1,ve=0,Ee=()=>C?m==="x"?C.scrollLeft:C.scrollTop:m==="x"?window.scrollX:window.scrollY,le=()=>C?m==="x"?C.clientWidth:C.clientHeight:m==="x"?window.innerWidth:window.innerHeight;function ce(){let i=Ze(O,C,m),f=xe(i,i.scroll,le(),w,I);x=f.tStart,g=f.tEnd;}function j(i){e.style.setProperty(Pt,String(i));for(let f of E)e.style.setProperty(f.prop,Lt(f.from,f.to,i));$e?.(i);}function pe(i){if(isNaN(Ce)){Ce=i;return}Ce<=0&&i>0?J?.():Ce>0&&i<=0&&M?.(),Ce<1&&i>=1?X?.():Ce>=1&&i<1&&G?.(),Ce=i;}function Z(){if(!S||N)return;let i=performance.now(),f=Ee(),ge=c;if(z!==false){let q=i-ve,Ae=q>0?Math.abs(f-(He<0?f:He))/q:0;ge=c*Math.max(.2,1+Ae*(typeof z=="number"?z:1)*.04);}He=f,ve=i;let R=g===x?0:(f-x)/(g-x);pe(R);let V=L(K(f,x,g,ge));u&&(fe=Math.max(fe,V),V=fe),Q=V,j(V),V>=1&&!Se?(Se=true,B?.()):V<1&&!u&&(Se=false),P=requestAnimationFrame(Z);}ce(),g===x&&we("scrollAnimate: the trigger window has zero length (start and end resolve to the same scroll position), so this element will never animate. If the target is inside a position:sticky stage, measure the trigger from the container that holds the scroll room via `triggerElement`.",e);{let i=L(K(Ee(),x,g,c));u&&i>0&&(fe=i),Q=i,j(i);}let ke=new IntersectionObserver(i=>{i.forEach(f=>{S=f.isIntersecting,S&&!N?P=requestAnimationFrame(Z):cancelAnimationFrame(P);});},{root:C??null}),_;function k(){clearTimeout(_),_=setTimeout(ce,150);}return window.addEventListener("resize",k),window.addEventListener("orientationchange",k),ke.observe(e),Le(e,{type:"animate",getProgress:()=>Q,getTrigger:()=>({tStart:x,tEnd:g})}),{destroy(){cancelAnimationFrame(P),ke.disconnect(),window.removeEventListener("resize",k),window.removeEventListener("orientationchange",k),clearTimeout(_),ie(),Pe(e);},replay(){fe=-1,Se=false,Q=0,N=false,j(0);},pause(){N=true,cancelAnimationFrame(P);},resume(){N&&(N=false,S&&(P=requestAnimationFrame(Z)));},seek(i){let f=Math.min(1,Math.max(0,i));Q=f,fe=f,N=true,cancelAnimationFrame(P),j(f);},getProgress(){return Q}}}var ot={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function Ct(e,r){if(typeof window>"u")return ot;let n=typeof e=="string"?document.querySelector(e):e;if(!n)return we("scrollCounter: element not found:",e),ot;let t=n,{from:l=0,to:o,format:c,easing:u="ease-out",trigger:m={},once:p=true,decimals:T,onComplete:z}=r,A=T!==void 0?d=>d.toFixed(T):c??(d=>String(Math.round(d))),ne=typeof u=="function"?u:re[u]??re["ease-out"],$e=de(m.start??"top 80%"),B=de(m.end??"top 20%");if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return t.textContent=A(o),z?.(),ot;let X=0,G=0,M=0,$=false,L=false,w=-1,I=0,O=false,C=()=>window.scrollY,E=()=>window.innerHeight;function se(){let d=t.getBoundingClientRect(),x=xe({top:d.top,height:d.height},C(),E(),$e,B);X=x.tStart,G=x.tEnd;}function D(d){t.textContent=A(l+(o-l)*d),t.style.setProperty("--scroll-draw-progress",String(d));}function oe(){if(!$||L)return;let d=ne(K(C(),X,G,1));p&&(w=Math.max(w,d),d=w),I=d,D(d),d>=1&&!O?(O=true,z?.()):d<1&&!p&&(O=false),M=requestAnimationFrame(oe);}se();{let d=ne(K(C(),X,G,1));p&&d>0&&(w=d),I=d,D(d);}let ie=new IntersectionObserver(d=>{d.forEach(x=>{$=x.isIntersecting,$&&!L?M=requestAnimationFrame(oe):cancelAnimationFrame(M);});}),ee;function ae(){clearTimeout(ee),ee=setTimeout(se,150);}return window.addEventListener("resize",ae),window.addEventListener("orientationchange",ae),ie.observe(t),Le(t,{type:"counter",getProgress:()=>I,getTrigger:()=>({tStart:X,tEnd:G})}),{destroy(){cancelAnimationFrame(M),ie.disconnect(),window.removeEventListener("resize",ae),window.removeEventListener("orientationchange",ae),clearTimeout(ee),Pe(t);},replay(){w=-1,O=false,I=0,L=false,D(0);},pause(){L=true,cancelAnimationFrame(M);},resume(){L&&(L=false,$&&(M=requestAnimationFrame(oe)));},seek(d){let x=Math.min(1,Math.max(0,d));I=x,w=x,L=true,cancelAnimationFrame(M),D(x);},getProgress(){return I}}}var kt={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function It(e,r={}){if(typeof window>"u")return kt;let n=typeof e=="string"?document.querySelector(e):e;if(!n||n.tagName.toLowerCase()!=="video")return we("scrollVideo: <video> element not found:",e),kt;let t=n,{trigger:l={},easing:o="linear",once:c=false,axis:u="y",preload:m="auto",onReady:p,onComplete:T,onProgress:z}=r,A=window.matchMedia("(prefers-reduced-motion: reduce)").matches,ne=typeof o=="function"?o:re[o]??re.linear,$e=de(l.start??"top top"),B=de(l.end??"bottom top");t.pause(),t.hasAttribute("preload")||(t.preload=m);let J=r.from??0,X=r.to,G=0,M=0,$=0,L=false,w=false,I=-1,O=0,C=false,E=false,se=()=>u==="x"?window.scrollX:window.scrollY,D=()=>u==="x"?window.innerWidth:window.innerHeight;function oe(){let S=t.getBoundingClientRect(),N=u==="x"?S.left:S.top,fe=u==="x"?S.width:S.height,Q=xe({top:N,height:fe},se(),D(),$e,B);G=Q.tStart,M=Q.tEnd;}let ie=NaN;function ee(S){if(!E)return;let N=X??t.duration??0,fe=J+(N-J)*S;fe!==ie&&(ie=fe,t.currentTime=fe),t.style.setProperty("--scroll-draw-progress",String(S)),z?.(S);}function ae(){if(!L||w||!E||A)return;let S=ne(K(se(),G,M,1));c&&(I=Math.max(I,S),S=I),O=S,ee(S),S>=1&&!C?(C=true,T?.()):S<1&&!c&&(C=false),$=requestAnimationFrame(ae);}function d(){if(E=true,X===void 0&&(X=t.duration),A){ee(1),p?.();return}oe(),p?.(),L&&!w&&($=requestAnimationFrame(ae));}t.readyState>=1?d():t.addEventListener("loadedmetadata",d,{once:true}),E||oe();let x=new IntersectionObserver(S=>{S.forEach(N=>{L=N.isIntersecting,L&&!w&&E?$=requestAnimationFrame(ae):cancelAnimationFrame($);});}),g;function P(){clearTimeout(g),g=setTimeout(oe,150);}return window.addEventListener("resize",P),window.addEventListener("orientationchange",P),x.observe(t),Le(t,{type:"video",getProgress:()=>O,getTrigger:()=>({tStart:G,tEnd:M})}),{destroy(){cancelAnimationFrame($),x.disconnect(),t.removeEventListener("loadedmetadata",d),window.removeEventListener("resize",P),window.removeEventListener("orientationchange",P),clearTimeout(g),Pe(t);},replay(){I=-1,C=false,O=0,w=false,ie=NaN,ee(0);},pause(){w=true,cancelAnimationFrame($);},resume(){w&&(w=false,L&&E&&($=requestAnimationFrame(ae)));},seek(S){let N=Math.min(1,Math.max(0,S));O=N,I=N,w=true,cancelAnimationFrame($),ie=NaN,ee(N);},getProgress(){return O}}}function Ft(e){let r=e.textContent??"";return e.textContent="",r.split(/(\s+)/).filter(Boolean).map(n=>{let t=document.createElement("span");return t.setAttribute("aria-hidden","true"),/^\s+$/.test(n)?(t.textContent=n,t.style.whiteSpace="pre"):(t.textContent=n,t.style.display="inline-block"),e.appendChild(t),/^\s+$/.test(n)?null:t}).filter(n=>n!==null)}function ur(e){let r=e.textContent??"";return e.textContent="",r.split("").map(n=>{let t=document.createElement("span");return t.setAttribute("aria-hidden","true"),t.textContent=n,n===" "?t.style.whiteSpace="pre":t.style.display="inline-block",e.appendChild(t),n===" "?null:t}).filter(n=>n!==null)}function Ot(e){let r=Ft(e),n=new Map;for(let o of r){let c=o.offsetTop;n.has(c)||n.set(c,[]),n.get(c).push(o);}let t=[],l=Array.from(n.keys()).sort((o,c)=>o-c);for(let o of l){let c=n.get(o),u=document.createElement("span");u.setAttribute("aria-hidden","true"),u.style.display="inline-block",c.forEach((m,p)=>{let T=m.nextElementSibling;u.appendChild(m),p<c.length-1&&T&&T.style.whiteSpace==="pre"&&u.appendChild(T);}),t.push(u);}return e.textContent="",t.forEach((o,c)=>{e.appendChild(o),c<t.length-1&&e.appendChild(document.createTextNode(" "));}),t}function mr(e,r,n,t){if(n<=1||t===0)return e;let l=(n-1)*t,o=r*t,c=o+(1-l);return c<=o?e>=o?1:0:Math.min(1,Math.max(0,(e-o)/(c-o)))}function fr(e,r){let n=[];if(r?.y!==void 0&&n.push(`translateY(${r.y*(1-e)}px)`),r?.x!==void 0&&n.push(`translateX(${r.x*(1-e)}px)`),r?.rotate!==void 0&&n.push(`rotate(${r.rotate*(1-e)}deg)`),r?.scale!==void 0){let t=r.scale+(1-r.scale)*e;n.push(`scale(${t})`);}return n.join(" ")||""}var Dt={destroy:()=>{},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>0};function Nt(e,r={}){if(typeof window>"u")return Dt;let n=typeof e=="string"?document.querySelector(e):e;if(!n)return we("scrollText: element not found:",e),Dt;let t=n,{split:l="words",stagger:o=.04,easing:c="ease-out",from:u={opacity:0,y:24},trigger:m={},once:p=true,onComplete:T}=r,z=window.matchMedia("(prefers-reduced-motion: reduce)").matches,A=typeof c=="function"?c:re[c]??re["ease-out"],ne=de(m.start??"top 85%"),$e=de(m.end??"top 40%"),B=t.innerHTML;t.setAttribute("aria-label",t.textContent??"");let J;l==="chars"?J=ur(t):l==="lines"?J=Ot(t):J=Ft(t);let X=J.length;function G(g,P){u?.opacity!==void 0&&(g.style.opacity=String(u.opacity+(1-u.opacity)*P));let S=fr(P,u);S&&(g.style.transform=S);}function M(g){t.style.setProperty("--scroll-draw-progress",String(g)),J.forEach((P,S)=>{let N=A(mr(g,S,X,o));G(P,N);});}if(z)return M(1),T?.(),{destroy(){t.innerHTML=B,t.removeAttribute("aria-label");},replay:()=>{},pause:()=>{},resume:()=>{},seek:()=>{},getProgress:()=>1};M(0);let $=0,L=0,w=0,I=false,O=false,C=-1,E=0,se=false,D=()=>window.scrollY,oe=()=>window.innerHeight;function ie(){let g=t.getBoundingClientRect(),P=xe({top:g.top,height:g.height},D(),oe(),ne,$e);$=P.tStart,L=P.tEnd;}function ee(){if(!I||O)return;let g=K(D(),$,L,1);p&&(C=Math.max(C,g),g=C),E=g,M(g),g>=1&&!se?(se=true,T?.()):g<1&&!p&&(se=false),w=requestAnimationFrame(ee);}ie();let ae=new IntersectionObserver(g=>{g.forEach(P=>{I=P.isIntersecting,I&&!O?w=requestAnimationFrame(ee):cancelAnimationFrame(w);});}),d;function x(){clearTimeout(d),d=setTimeout(()=>{if(l==="lines"){let g=E;t.innerHTML=B,t.setAttribute("aria-label",t.textContent??""),J=Ot(t),M(g);}ie();},150);}return window.addEventListener("resize",x),window.addEventListener("orientationchange",x),ae.observe(t),Le(t,{type:"text",getProgress:()=>E,getTrigger:()=>({tStart:$,tEnd:L})}),{destroy(){cancelAnimationFrame(w),ae.disconnect(),window.removeEventListener("resize",x),window.removeEventListener("orientationchange",x),clearTimeout(d),t.innerHTML=B,t.removeAttribute("aria-label"),Pe(t);},replay(){C=-1,se=false,E=0,O=false,M(0);},pause(){O=true,cancelAnimationFrame(w);},resume(){O&&(O=false,I&&(w=requestAnimationFrame(ee)));},seek(g){let P=Math.min(1,Math.max(0,g));E=P,C=P,O=true,cancelAnimationFrame(w),M(P);},getProgress(){return E}}}var Rt=class{constructor(){this.instance=null;}init(r,n={}){return this.destroy(),this.instance=At(r,n),this}replay(){return this.instance?.replay(),this}pause(){return this.instance?.pause(),this}resume(){return this.instance?.resume(),this}seek(r){return this.instance?.seek(r),this}getProgress(){return this.instance?.getProgress()??0}destroy(){return this.instance?.destroy(),this.instance=null,this}},Ht=class{constructor(){this.instance=null;}init(r,n){return this.destroy(),this.instance=$t(r,n),this}replay(){return this.instance?.replay(),this}pause(){return this.instance?.pause(),this}resume(){return this.instance?.resume(),this}seek(r){return this.instance?.seek(r),this}getProgress(){return this.instance?.getProgress()??0}destroy(){return this.instance?.destroy(),this.instance=null,this}},zt=class{constructor(){this.instance=null;}init(r,n){return this.destroy(),this.instance=Ct(r,n),this}replay(){return this.instance?.replay(),this}pause(){return this.instance?.pause(),this}resume(){return this.instance?.resume(),this}seek(r){return this.instance?.seek(r),this}getProgress(){return this.instance?.getProgress()??0}destroy(){return this.instance?.destroy(),this.instance=null,this}},_t=class{constructor(){this.instance=null;}init(r,n={}){return this.destroy(),this.instance=It(r,n),this}replay(){return this.instance?.replay(),this}pause(){return this.instance?.pause(),this}resume(){return this.instance?.resume(),this}seek(r){return this.instance?.seek(r),this}getProgress(){return this.instance?.getProgress()??0}destroy(){return this.instance?.destroy(),this.instance=null,this}},Vt=class{constructor(){this.instance=null;}init(r,n={}){return this.destroy(),this.instance=Nt(r,n),this}replay(){return this.instance?.replay(),this}pause(){return this.instance?.pause(),this}resume(){return this.instance?.resume(),this}seek(r){return this.instance?.seek(r),this}getProgress(){return this.instance?.getProgress()??0}destroy(){return this.instance?.destroy(),this.instance=null,this}};export{Ht as ScrollAnimateRef,zt as ScrollCounterRef,Rt as ScrollDrawRef,Vt as ScrollTextRef,_t as ScrollVideoRef};
|
|
1
|
+
import {a as a$2}from'../chunk-JC5BD4RB.mjs';import {a as a$3}from'../chunk-SNCRC6BA.mjs';import {a as a$1}from'../chunk-4MH5SQTH.mjs';import {a}from'../chunk-QJ4H2HW3.mjs';import {b}from'../chunk-WDIHLRZZ.mjs';import'../chunk-OJFWQ6CU.mjs';import'../chunk-YWKPTYSG.mjs';import'../chunk-YZV4Z3EQ.mjs';import'../chunk-PEFR3ZB7.mjs';import'../chunk-DM6EDKWH.mjs';import'../chunk-4DOJSIEQ.mjs';import'../chunk-BCV4RAIX.mjs';import'../chunk-LFSU6LR3.mjs';var o=class{constructor(){this.instance=null;}init(t,s={}){return this.destroy(),this.instance=b(t,s),this}replay(){return this.instance?.replay(),this}pause(){return this.instance?.pause(),this}resume(){return this.instance?.resume(),this}seek(t){return this.instance?.seek(t),this}getProgress(){return this.instance?.getProgress()??0}destroy(){return this.instance?.destroy(),this.instance=null,this}},l=class{constructor(){this.instance=null;}init(t,s){return this.destroy(),this.instance=a(t,s),this}replay(){return this.instance?.replay(),this}pause(){return this.instance?.pause(),this}resume(){return this.instance?.resume(),this}seek(t){return this.instance?.seek(t),this}getProgress(){return this.instance?.getProgress()??0}destroy(){return this.instance?.destroy(),this.instance=null,this}},u=class{constructor(){this.instance=null;}init(t,s){return this.destroy(),this.instance=a$1(t,s),this}replay(){return this.instance?.replay(),this}pause(){return this.instance?.pause(),this}resume(){return this.instance?.resume(),this}seek(t){return this.instance?.seek(t),this}getProgress(){return this.instance?.getProgress()??0}destroy(){return this.instance?.destroy(),this.instance=null,this}},c=class{constructor(){this.instance=null;}init(t,s={}){return this.destroy(),this.instance=a$2(t,s),this}replay(){return this.instance?.replay(),this}pause(){return this.instance?.pause(),this}resume(){return this.instance?.resume(),this}seek(t){return this.instance?.seek(t),this}getProgress(){return this.instance?.getProgress()??0}destroy(){return this.instance?.destroy(),this.instance=null,this}},p=class{constructor(){this.instance=null;}init(t,s={}){return this.destroy(),this.instance=a$3(t,s),this}replay(){return this.instance?.replay(),this}pause(){return this.instance?.pause(),this}resume(){return this.instance?.resume(),this}seek(t){return this.instance?.seek(t),this}getProgress(){return this.instance?.getProgress()??0}destroy(){return this.instance?.destroy(),this.instance=null,this}};export{l as ScrollAnimateRef,u as ScrollCounterRef,o as ScrollDrawRef,p as ScrollTextRef,c as ScrollVideoRef};
|
package/dist/aos/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';Object.defineProperty(exports,'__esModule',{value:true});function
|
|
2
|
-
`)}var a={...
|
|
1
|
+
'use strict';Object.defineProperty(exports,'__esModule',{value:true});function x(){return typeof window>"u"||typeof window.matchMedia!="function"?false:window.matchMedia("(prefers-reduced-motion: reduce)").matches}var Y=typeof __SVG_SCROLL_DRAW_DEV__<"u"?__SVG_SCROLL_DRAW_DEV__:typeof process<"u"&&typeof process.env<"u"&&process.env.NODE_ENV!=="production";function A(e,...t){Y&&console.warn(`[svg-scroll-draw] ${e}`,...t);}var T={offset:120,delay:0,duration:400,easing:"ease",once:false,mirror:false,anchorPlacement:"top-bottom",disable:false,startEvent:"DOMContentLoaded",disableMutationObserver:false,initClassName:"aos-init",animatedClassName:"aos-animate",useClassNames:false,throttleDelay:99,debounceDelay:50},B={"ease-in-back":"cubic-bezier(.6,-.28,.735,.045)","ease-out-back":"cubic-bezier(.175,.885,.32,1.275)","ease-in-out-back":"cubic-bezier(.68,-.55,.265,1.55)","ease-in-sine":"cubic-bezier(.47,0,.745,.715)","ease-out-sine":"cubic-bezier(.39,.575,.565,1)","ease-in-out-sine":"cubic-bezier(.445,.05,.55,.95)","ease-in-quad":"cubic-bezier(.55,.085,.68,.53)","ease-out-quad":"cubic-bezier(.25,.46,.45,.94)","ease-in-out-quad":"cubic-bezier(.455,.03,.515,.955)","ease-in-cubic":"cubic-bezier(.55,.055,.675,.19)","ease-out-cubic":"cubic-bezier(.215,.61,.355,1)","ease-in-out-cubic":"cubic-bezier(.645,.045,.355,1)","ease-in-quart":"cubic-bezier(.895,.03,.685,.22)","ease-out-quart":"cubic-bezier(.165,.84,.44,1)","ease-in-out-quart":"cubic-bezier(.77,0,.175,1)"},y="svg-scroll-draw-aos",r=(e,t)=>`translate3d(${e},${t},0)`,G=[["fade-up",r("0","100px")],["fade-down",r("0","-100px")],["fade-right",r("-100px","0")],["fade-left",r("100px","0")],["fade-up-right",r("-100px","100px")],["fade-up-left",r("100px","100px")],["fade-down-right",r("-100px","-100px")],["fade-down-left",r("100px","-100px")],["zoom-in","scale(.6)"],["zoom-out","scale(1.2)"],["zoom-in-up",`${r("0","100px")} scale(.6)`],["zoom-in-down",`${r("0","-100px")} scale(.6)`],["zoom-in-right",`${r("-100px","0")} scale(.6)`],["zoom-in-left",`${r("100px","0")} scale(.6)`],["zoom-out-up",`${r("0","100px")} scale(1.2)`],["zoom-out-down",`${r("0","-100px")} scale(1.2)`],["zoom-out-right",`${r("-100px","0")} scale(1.2)`],["zoom-out-left",`${r("100px","0")} scale(1.2)`],["slide-up",r("0","100%")],["slide-down",r("0","-100%")],["slide-right",r("-100%","0")],["slide-left",r("100%","0")],["flip-left","perspective(2500px) rotateY(-100deg)"],["flip-right","perspective(2500px) rotateY(100deg)"],["flip-up","perspective(2500px) rotateX(-100deg)"],["flip-down","perspective(2500px) rotateX(100deg)"]];function W(e){let t=`.${e}`,n=o=>`[data-aos^=${o}][data-aos^=${o}]`;return ["[data-aos][data-aos]{transition-duration:var(--aos-duration,400ms);transition-timing-function:var(--aos-easing,ease);transition-delay:0s}",`[data-aos][data-aos]${t}{transition-delay:var(--aos-delay,0ms)}`,`${n("fade")}{opacity:0;transition-property:opacity,transform}`,`${n("fade")}${t}{opacity:1;transform:translateZ(0)}`,`${n("zoom")}{opacity:0;transition-property:opacity,transform}`,`${n("zoom")}${t}{opacity:1;transform:translateZ(0) scale(1)}`,`${n("slide")}{transition-property:transform}`,`${n("slide")}${t}{transform:translateZ(0)}`,`${n("flip")}{backface-visibility:hidden;transition-property:transform}`,...G.map(([o,l])=>`[data-aos=${o}]{transform:${l}}`),...["left","right"].map(o=>`[data-aos=flip-${o}]${t}{transform:perspective(2500px) rotateY(0)}`),...["up","down"].map(o=>`[data-aos=flip-${o}]${t}{transform:perspective(2500px) rotateX(0)}`),"[data-aos-instant][data-aos-instant]{transition:none!important}"].join(`
|
|
2
|
+
`)}var a={...T},c=[],m=false,f=0,h,p=null,s=null,E=false,M=()=>typeof window<"u"&&typeof document<"u";function _(e){if(!(e instanceof HTMLElement))return e.getBoundingClientRect().top+window.scrollY;let t=0,n=e;for(;n;)t+=n.offsetTop-(n.tagName!=="BODY"?n.scrollTop:0),n=n.offsetParent;return t}var C=e=>e instanceof HTMLElement?e.offsetHeight:e.getBoundingClientRect().height;function d(e,t){return e.getAttribute(`data-aos-${t}`)}function z(e,t,n){let o=d(e,t);return o==="true"?true:o==="false"?false:n}function N(e,t){let n=d(e,"offset");return n&&!isNaN(Number(n))?parseInt(n,10):n||t?0:a.offset}function X(e){let t=window.innerHeight,n=d(e,"anchor-placement"),o=N(e,n),l=d(e,"anchor"),L=l?document.querySelector(l):null;l&&!L&&A(`aos: data-aos-anchor="${l}" matches nothing; using the element itself`);let $=L||e,u=C($),i=_($)-t;switch(n||a.anchorPlacement){case "center-bottom":i+=u/2;break;case "bottom-bottom":i+=u;break;case "top-center":i+=t/2;break;case "center-center":i+=t/2+u/2;break;case "bottom-center":i+=t/2+u;break;case "top-top":i+=t;break;case "bottom-top":i+=t+u;break;case "center-top":i+=t+u/2;break;}return i+o}function Z(e){return _(e)+C(e)-N(e,null)}function j(e){let t=d(e,"duration")??String(a.duration),n=d(e,"delay")??String(a.delay),o=d(e,"easing")??a.easing;e.style.setProperty("--aos-duration",`${parseFloat(t)||0}ms`),e.style.setProperty("--aos-delay",`${parseFloat(n)||0}ms`),e.style.setProperty("--aos-easing",B[o]??o);}function D(){c=Array.from(document.querySelectorAll("[data-aos]")).map(e=>{let t=c.find(n=>n.node===e);return {node:e,in:0,out:0,once:z(e,"once",a.once),mirror:z(e,"mirror",a.mirror),animated:t?t.animated:e.classList.contains(a.animatedClassName),classes:a.useClassNames?(e.getAttribute("data-aos")||"").split(" ").filter(Boolean):[],id:d(e,"id")}});for(let e of c)j(e.node),e.node.classList.add(a.initClassName);}function H(){for(let e of c)e.in=X(e.node),e.out=Z(e.node);}function R(e,t){document.dispatchEvent(new CustomEvent(`aos:${e}`,{detail:t.node})),t.id&&document.dispatchEvent(new CustomEvent(`aos:${e}:${t.id}`,{detail:t.node}));}function S(e){e.animated||(e.animated=true,e.node.classList.add(a.animatedClassName,...e.classes),R("in",e));}function O(e){e.animated&&(e.animated=false,e.node.classList.remove(a.animatedClassName,...e.classes),R("out",e));}function w(){f=0;let e=window.scrollY;for(let t of c){if(E){S(t);continue}t.mirror&&!t.once&&e>t.out?O(t):e>t.in?S(t):t.once||O(t);}}var k=()=>{f||(f=requestAnimationFrame(w));};function b(){clearTimeout(h),h=setTimeout(v,50);}var q=()=>v();function I(){let e=a.disable;if(typeof e=="function")return e();if(e===true)return true;let t=window.innerWidth;return e==="phone"?t<768:e==="tablet"?t>=768&&t<1024:e==="mobile"?t<1024:false}function P(){document.querySelectorAll("[data-aos]").forEach(e=>{for(let t of ["data-aos","data-aos-easing","data-aos-duration","data-aos-delay"])e.removeAttribute(t);});}function U(){if(document.getElementById(y))return;let e=document.createElement("style");e.id=y,e.textContent=W(a.animatedClassName),document.head.appendChild(e);}function g(){if(!m){if(m=true,s=null,D(),E)for(let e of c)e.node.setAttribute("data-aos-instant","");H(),w(),window.addEventListener("scroll",k,{passive:true}),window.addEventListener("resize",b),window.addEventListener("orientationchange",b),window.addEventListener("load",q),!a.disableMutationObserver&&typeof MutationObserver<"u"&&(p=new MutationObserver(e=>{e.some(n=>[...Array.from(n.addedNodes),...Array.from(n.removedNodes)].some(o=>o instanceof Element&&(o.hasAttribute("data-aos")||o.querySelector("[data-aos]"))))&&F();}),p.observe(document.documentElement,{childList:true,subtree:true}));}}function J(e={}){if(!M())return [];if((m||s)&&V(),a={...T,...e},I())return P(),[];E=x(),U();let t=document.readyState!=="loading";if(a.startEvent==="DOMContentLoaded"&&t)g();else if(a.startEvent==="load"&&document.readyState==="complete")g();else {let n=a.startEvent==="load"?window:document,o=()=>g();n.addEventListener(a.startEvent,o,{once:true}),s={target:n,type:a.startEvent,fn:o};}return Array.from(document.querySelectorAll("[data-aos]"))}function v(){m&&(H(),w());}function F(){if(m){if(I()){P();return}D(),v();}}function V(){if(M()){s&&s.target.removeEventListener(s.type,s.fn),s=null,cancelAnimationFrame(f),f=0,clearTimeout(h),window.removeEventListener("scroll",k),window.removeEventListener("resize",b),window.removeEventListener("orientationchange",b),window.removeEventListener("load",q),p?.disconnect(),p=null;for(let e of c)e.node.removeAttribute("data-aos-instant");c=[],m=false,document.getElementById(y)?.remove();}}var K={init:J,refresh:v,refreshHard:F,destroy:V},oe=K;exports.default=oe;exports.destroy=V;exports.init=J;exports.refresh=v;exports.refreshHard=F;
|
package/dist/aos/index.mjs
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
`)}var a={...O},d=[],m=false,f=0,h,p=null,s=null,w=false,T=()=>typeof window<"u"&&typeof document<"u";function _(e){if(!(e instanceof HTMLElement))return e.getBoundingClientRect().top+window.scrollY;let t=0,n=e;for(;n;)t+=n.offsetTop-(n.tagName!=="BODY"?n.scrollTop:0),n=n.offsetParent;return t}var C=e=>e instanceof HTMLElement?e.offsetHeight:e.getBoundingClientRect().height;function c(e,t){return e.getAttribute(`data-aos-${t}`)}function A(e,t,n){let o=c(e,t);return o==="true"?true:o==="false"?false:n}function N(e,t){let n=c(e,"offset");return n&&!isNaN(Number(n))?parseInt(n,10):n||t?0:a.offset}function W(e){let t=window.innerHeight,n=c(e,"anchor-placement"),o=N(e,n),u=c(e,"anchor"),L=u?document.querySelector(u):null;u&&!L&&M(`aos: data-aos-anchor="${u}" matches nothing; using the element itself`);let x=L||e,l=C(x),r=_(x)-t;switch(n||a.anchorPlacement){case "center-bottom":r+=l/2;break;case "bottom-bottom":r+=l;break;case "top-center":r+=t/2;break;case "center-center":r+=t/2+l/2;break;case "bottom-center":r+=t/2+l;break;case "top-top":r+=t;break;case "bottom-top":r+=t+l;break;case "center-top":r+=t+l/2;break;}return r+o}function X(e){return _(e)+C(e)-N(e,null)}function Z(e){let t=c(e,"duration")??String(a.duration),n=c(e,"delay")??String(a.delay),o=c(e,"easing")??a.easing;e.style.setProperty("--aos-duration",`${parseFloat(t)||0}ms`),e.style.setProperty("--aos-delay",`${parseFloat(n)||0}ms`),e.style.setProperty("--aos-easing",Y[o]??o);}function D(){d=Array.from(document.querySelectorAll("[data-aos]")).map(e=>{let t=d.find(n=>n.node===e);return {node:e,in:0,out:0,once:A(e,"once",a.once),mirror:A(e,"mirror",a.mirror),animated:t?t.animated:e.classList.contains(a.animatedClassName),classes:a.useClassNames?(e.getAttribute("data-aos")||"").split(" ").filter(Boolean):[],id:c(e,"id")}});for(let e of d)Z(e.node),e.node.classList.add(a.initClassName);}function R(){for(let e of d)e.in=W(e.node),e.out=X(e.node);}function H(e,t){document.dispatchEvent(new CustomEvent(`aos:${e}`,{detail:t.node})),t.id&&document.dispatchEvent(new CustomEvent(`aos:${e}:${t.id}`,{detail:t.node}));}function z(e){e.animated||(e.animated=true,e.node.classList.add(a.animatedClassName,...e.classes),H("in",e));}function S(e){e.animated&&(e.animated=false,e.node.classList.remove(a.animatedClassName,...e.classes),H("out",e));}function E(){f=0;let e=window.scrollY;for(let t of d){if(w){z(t);continue}t.mirror&&!t.once&&e>t.out?S(t):e>t.in?z(t):t.once||S(t);}}var k=()=>{f||(f=requestAnimationFrame(E));};function b(){clearTimeout(h),h=setTimeout(v,50);}var q=()=>v();function I(){let e=a.disable;if(typeof e=="function")return e();if(e===true)return true;let t=window.innerWidth;return e==="phone"?t<768:e==="tablet"?t>=768&&t<1024:e==="mobile"?t<1024:false}function P(){document.querySelectorAll("[data-aos]").forEach(e=>{for(let t of ["data-aos","data-aos-easing","data-aos-duration","data-aos-delay"])e.removeAttribute(t);});}function j(){if(document.getElementById(g))return;let e=document.createElement("style");e.id=g,e.textContent=G(a.animatedClassName),document.head.appendChild(e);}function y(){if(!m){if(m=true,s=null,D(),w)for(let e of d)e.node.setAttribute("data-aos-instant","");R(),E(),window.addEventListener("scroll",k,{passive:true}),window.addEventListener("resize",b),window.addEventListener("orientationchange",b),window.addEventListener("load",q),!a.disableMutationObserver&&typeof MutationObserver<"u"&&(p=new MutationObserver(e=>{e.some(n=>[...Array.from(n.addedNodes),...Array.from(n.removedNodes)].some(o=>o instanceof Element&&(o.hasAttribute("data-aos")||o.querySelector("[data-aos]"))))&&Q();}),p.observe(document.documentElement,{childList:true,subtree:true}));}}function U(e={}){if(!T())return [];if((m||s)&&F(),a={...O,...e},I())return P(),[];w=$(),j();let t=document.readyState!=="loading";if(a.startEvent==="DOMContentLoaded"&&t)y();else if(a.startEvent==="load"&&document.readyState==="complete")y();else {let n=a.startEvent==="load"?window:document,o=()=>y();n.addEventListener(a.startEvent,o,{once:true}),s={target:n,type:a.startEvent,fn:o};}return Array.from(document.querySelectorAll("[data-aos]"))}function v(){m&&(R(),E());}function Q(){if(m){if(I()){P();return}D(),v();}}function F(){if(T()){s&&s.target.removeEventListener(s.type,s.fn),s=null,cancelAnimationFrame(f),f=0,clearTimeout(h),window.removeEventListener("scroll",k),window.removeEventListener("resize",b),window.removeEventListener("orientationchange",b),window.removeEventListener("load",q),p?.disconnect(),p=null;for(let e of d)e.node.removeAttribute("data-aos-instant");d=[],m=false,document.getElementById(g)?.remove();}}var J={init:U,refresh:v,refreshHard:Q,destroy:F},oe=J;export{oe as default,F as destroy,U as init,v as refresh,Q as refreshHard};
|
|
1
|
+
export{e as default,d as destroy,a as init,b as refresh,c as refreshHard}from'../chunk-WQZKXAXK.mjs';import'../chunk-AJ22VSHC.mjs';import'../chunk-LFSU6LR3.mjs';
|
package/dist/aos/react/index.cjs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
|
|
3
|
-
`)}var a={...
|
|
2
|
+
'use strict';var react=require('react');function O(){return typeof window>"u"||typeof window.matchMedia!="function"?false:window.matchMedia("(prefers-reduced-motion: reduce)").matches}var W=typeof __SVG_SCROLL_DRAW_DEV__<"u"?__SVG_SCROLL_DRAW_DEV__:typeof process<"u"&&typeof process.env<"u"&&process.env.NODE_ENV!=="production";function S(e,...t){W&&console.warn(`[svg-scroll-draw] ${e}`,...t);}var M={offset:120,delay:0,duration:400,easing:"ease",once:false,mirror:false,anchorPlacement:"top-bottom",disable:false,startEvent:"DOMContentLoaded",disableMutationObserver:false,initClassName:"aos-init",animatedClassName:"aos-animate",useClassNames:false,throttleDelay:99,debounceDelay:50},X={"ease-in-back":"cubic-bezier(.6,-.28,.735,.045)","ease-out-back":"cubic-bezier(.175,.885,.32,1.275)","ease-in-out-back":"cubic-bezier(.68,-.55,.265,1.55)","ease-in-sine":"cubic-bezier(.47,0,.745,.715)","ease-out-sine":"cubic-bezier(.39,.575,.565,1)","ease-in-out-sine":"cubic-bezier(.445,.05,.55,.95)","ease-in-quad":"cubic-bezier(.55,.085,.68,.53)","ease-out-quad":"cubic-bezier(.25,.46,.45,.94)","ease-in-out-quad":"cubic-bezier(.455,.03,.515,.955)","ease-in-cubic":"cubic-bezier(.55,.055,.675,.19)","ease-out-cubic":"cubic-bezier(.215,.61,.355,1)","ease-in-out-cubic":"cubic-bezier(.645,.045,.355,1)","ease-in-quart":"cubic-bezier(.895,.03,.685,.22)","ease-out-quart":"cubic-bezier(.165,.84,.44,1)","ease-in-out-quart":"cubic-bezier(.77,0,.175,1)"},h="svg-scroll-draw-aos",r=(e,t)=>`translate3d(${e},${t},0)`,Z=[["fade-up",r("0","100px")],["fade-down",r("0","-100px")],["fade-right",r("-100px","0")],["fade-left",r("100px","0")],["fade-up-right",r("-100px","100px")],["fade-up-left",r("100px","100px")],["fade-down-right",r("-100px","-100px")],["fade-down-left",r("100px","-100px")],["zoom-in","scale(.6)"],["zoom-out","scale(1.2)"],["zoom-in-up",`${r("0","100px")} scale(.6)`],["zoom-in-down",`${r("0","-100px")} scale(.6)`],["zoom-in-right",`${r("-100px","0")} scale(.6)`],["zoom-in-left",`${r("100px","0")} scale(.6)`],["zoom-out-up",`${r("0","100px")} scale(1.2)`],["zoom-out-down",`${r("0","-100px")} scale(1.2)`],["zoom-out-right",`${r("-100px","0")} scale(1.2)`],["zoom-out-left",`${r("100px","0")} scale(1.2)`],["slide-up",r("0","100%")],["slide-down",r("0","-100%")],["slide-right",r("-100%","0")],["slide-left",r("100%","0")],["flip-left","perspective(2500px) rotateY(-100deg)"],["flip-right","perspective(2500px) rotateY(100deg)"],["flip-up","perspective(2500px) rotateX(-100deg)"],["flip-down","perspective(2500px) rotateX(100deg)"]];function j(e){let t=`.${e}`,n=o=>`[data-aos^=${o}][data-aos^=${o}]`;return ["[data-aos][data-aos]{transition-duration:var(--aos-duration,400ms);transition-timing-function:var(--aos-easing,ease);transition-delay:0s}",`[data-aos][data-aos]${t}{transition-delay:var(--aos-delay,0ms)}`,`${n("fade")}{opacity:0;transition-property:opacity,transform}`,`${n("fade")}${t}{opacity:1;transform:translateZ(0)}`,`${n("zoom")}{opacity:0;transition-property:opacity,transform}`,`${n("zoom")}${t}{opacity:1;transform:translateZ(0) scale(1)}`,`${n("slide")}{transition-property:transform}`,`${n("slide")}${t}{transform:translateZ(0)}`,`${n("flip")}{backface-visibility:hidden;transition-property:transform}`,...Z.map(([o,u])=>`[data-aos=${o}]{transform:${u}}`),...["left","right"].map(o=>`[data-aos=flip-${o}]${t}{transform:perspective(2500px) rotateY(0)}`),...["up","down"].map(o=>`[data-aos=flip-${o}]${t}{transform:perspective(2500px) rotateX(0)}`),"[data-aos-instant][data-aos-instant]{transition:none!important}"].join(`
|
|
3
|
+
`)}var a={...M},c=[],f=false,m=0,w,p=null,s=null,E=false,_=()=>typeof window<"u"&&typeof document<"u";function C(e){if(!(e instanceof HTMLElement))return e.getBoundingClientRect().top+window.scrollY;let t=0,n=e;for(;n;)t+=n.offsetTop-(n.tagName!=="BODY"?n.scrollTop:0),n=n.offsetParent;return t}var N=e=>e instanceof HTMLElement?e.offsetHeight:e.getBoundingClientRect().height;function d(e,t){return e.getAttribute(`data-aos-${t}`)}function $(e,t,n){let o=d(e,t);return o==="true"?true:o==="false"?false:n}function D(e,t){let n=d(e,"offset");return n&&!isNaN(Number(n))?parseInt(n,10):n||t?0:a.offset}function U(e){let t=window.innerHeight,n=d(e,"anchor-placement"),o=D(e,n),u=d(e,"anchor"),x=u?document.querySelector(u):null;u&&!x&&S(`aos: data-aos-anchor="${u}" matches nothing; using the element itself`);let L=x||e,l=N(L),i=C(L)-t;switch(n||a.anchorPlacement){case "center-bottom":i+=l/2;break;case "bottom-bottom":i+=l;break;case "top-center":i+=t/2;break;case "center-center":i+=t/2+l/2;break;case "bottom-center":i+=t/2+l;break;case "top-top":i+=t;break;case "bottom-top":i+=t+l;break;case "center-top":i+=t+l/2;break;}return i+o}function K(e){return C(e)+N(e)-D(e,null)}function J(e){let t=d(e,"duration")??String(a.duration),n=d(e,"delay")??String(a.delay),o=d(e,"easing")??a.easing;e.style.setProperty("--aos-duration",`${parseFloat(t)||0}ms`),e.style.setProperty("--aos-delay",`${parseFloat(n)||0}ms`),e.style.setProperty("--aos-easing",X[o]??o);}function k(){c=Array.from(document.querySelectorAll("[data-aos]")).map(e=>{let t=c.find(n=>n.node===e);return {node:e,in:0,out:0,once:$(e,"once",a.once),mirror:$(e,"mirror",a.mirror),animated:t?t.animated:e.classList.contains(a.animatedClassName),classes:a.useClassNames?(e.getAttribute("data-aos")||"").split(" ").filter(Boolean):[],id:d(e,"id")}});for(let e of c)J(e.node),e.node.classList.add(a.initClassName);}function H(){for(let e of c)e.in=U(e.node),e.out=K(e.node);}function I(e,t){document.dispatchEvent(new CustomEvent(`aos:${e}`,{detail:t.node})),t.id&&document.dispatchEvent(new CustomEvent(`aos:${e}:${t.id}`,{detail:t.node}));}function z(e){e.animated||(e.animated=true,e.node.classList.add(a.animatedClassName,...e.classes),I("in",e));}function T(e){e.animated&&(e.animated=false,e.node.classList.remove(a.animatedClassName,...e.classes),I("out",e));}function A(){m=0;let e=window.scrollY;for(let t of c){if(E){z(t);continue}t.mirror&&!t.once&&e>t.out?T(t):e>t.in?z(t):t.once||T(t);}}var R=()=>{m||(m=requestAnimationFrame(A));};function b(){clearTimeout(w),w=setTimeout(v,50);}var q=()=>v();function P(){let e=a.disable;if(typeof e=="function")return e();if(e===true)return true;let t=window.innerWidth;return e==="phone"?t<768:e==="tablet"?t>=768&&t<1024:e==="mobile"?t<1024:false}function F(){document.querySelectorAll("[data-aos]").forEach(e=>{for(let t of ["data-aos","data-aos-easing","data-aos-duration","data-aos-delay"])e.removeAttribute(t);});}function Q(){if(document.getElementById(h))return;let e=document.createElement("style");e.id=h,e.textContent=j(a.animatedClassName),document.head.appendChild(e);}function g(){if(!f){if(f=true,s=null,k(),E)for(let e of c)e.node.setAttribute("data-aos-instant","");H(),A(),window.addEventListener("scroll",R,{passive:true}),window.addEventListener("resize",b),window.addEventListener("orientationchange",b),window.addEventListener("load",q),!a.disableMutationObserver&&typeof MutationObserver<"u"&&(p=new MutationObserver(e=>{e.some(n=>[...Array.from(n.addedNodes),...Array.from(n.removedNodes)].some(o=>o instanceof Element&&(o.hasAttribute("data-aos")||o.querySelector("[data-aos]"))))&&V();}),p.observe(document.documentElement,{childList:true,subtree:true}));}}function ee(e={}){if(!_())return [];if((f||s)&&Y(),a={...M,...e},P())return F(),[];E=O(),Q();let t=document.readyState!=="loading";if(a.startEvent==="DOMContentLoaded"&&t)g();else if(a.startEvent==="load"&&document.readyState==="complete")g();else {let n=a.startEvent==="load"?window:document,o=()=>g();n.addEventListener(a.startEvent,o,{once:true}),s={target:n,type:a.startEvent,fn:o};}return Array.from(document.querySelectorAll("[data-aos]"))}function v(){f&&(H(),A());}function V(){if(f){if(P()){F();return}k(),v();}}function Y(){if(_()){s&&s.target.removeEventListener(s.type,s.fn),s=null,cancelAnimationFrame(m),m=0,clearTimeout(w),window.removeEventListener("scroll",R),window.removeEventListener("resize",b),window.removeEventListener("orientationchange",b),window.removeEventListener("load",q),p?.disconnect(),p=null;for(let e of c)e.node.removeAttribute("data-aos-instant");c=[],f=false,document.getElementById(h)?.remove();}}var te={init:ee,refresh:v,refreshHard:V,destroy:Y},y=te;function ne(e={},t){let n=react.useRef(e);n.current=e,react.useEffect(()=>(y.init(n.current),()=>y.destroy()),[]);let o=react.useRef(true);react.useEffect(()=>{if(o.current){o.current=false;return}y.refreshHard();},[t]);}function ue({refreshKey:e,...t}){return ne(t,e),null}exports.AOSInit=ue;exports.useAOS=ne;
|
|
@@ -1,36 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
interface AOSOptions {
|
|
3
|
-
/** Px from the trigger point before the animation starts. Default 120. */
|
|
4
|
-
offset?: number;
|
|
5
|
-
/** Ms to wait before animating in. Default 0. */
|
|
6
|
-
delay?: number;
|
|
7
|
-
/** Animation length in ms. Default 400. */
|
|
8
|
-
duration?: number;
|
|
9
|
-
/** An AOS easing name (`'ease-out-back'`…) or any CSS timing function. Default `'ease'`. */
|
|
10
|
-
easing?: string;
|
|
11
|
-
/** Animate only the first time the element scrolls in. Default false. */
|
|
12
|
-
once?: boolean;
|
|
13
|
-
/** Animate out again when the element scrolls past the top. Default false. */
|
|
14
|
-
mirror?: boolean;
|
|
15
|
-
/** Which edge of the element meets which edge of the window. Default `'top-bottom'`. */
|
|
16
|
-
anchorPlacement?: AOSAnchorPlacement;
|
|
17
|
-
/** Skip animations entirely: a boolean, a predicate, or a viewport class. */
|
|
18
|
-
disable?: boolean | 'phone' | 'tablet' | 'mobile' | (() => boolean);
|
|
19
|
-
/** Document event that starts AOS. Default `'DOMContentLoaded'`. */
|
|
20
|
-
startEvent?: string;
|
|
21
|
-
/** Do not watch the DOM for new `[data-aos]` elements. Default false. */
|
|
22
|
-
disableMutationObserver?: boolean;
|
|
23
|
-
/** Class added at init. Default `'aos-init'`. */
|
|
24
|
-
initClassName?: string;
|
|
25
|
-
/** Class added while animated in. Default `'aos-animate'`. */
|
|
26
|
-
animatedClassName?: string;
|
|
27
|
-
/** Also add the `data-aos` value as classes (for animate.css-style sets). Default false. */
|
|
28
|
-
useClassNames?: boolean;
|
|
29
|
-
/** Accepted for compatibility; scroll handling is batched per frame instead. */
|
|
30
|
-
throttleDelay?: number;
|
|
31
|
-
/** Accepted for compatibility; resize handling is debounced internally. */
|
|
32
|
-
debounceDelay?: number;
|
|
33
|
-
}
|
|
1
|
+
import { AOSOptions } from '../index.mjs';
|
|
34
2
|
|
|
35
3
|
/** Start AOS for the page, and stop it on unmount. Options are read once, on mount. */
|
|
36
4
|
declare function useAOS(options?: AOSOptions, refreshKey?: unknown): void;
|
|
@@ -1,36 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
interface AOSOptions {
|
|
3
|
-
/** Px from the trigger point before the animation starts. Default 120. */
|
|
4
|
-
offset?: number;
|
|
5
|
-
/** Ms to wait before animating in. Default 0. */
|
|
6
|
-
delay?: number;
|
|
7
|
-
/** Animation length in ms. Default 400. */
|
|
8
|
-
duration?: number;
|
|
9
|
-
/** An AOS easing name (`'ease-out-back'`…) or any CSS timing function. Default `'ease'`. */
|
|
10
|
-
easing?: string;
|
|
11
|
-
/** Animate only the first time the element scrolls in. Default false. */
|
|
12
|
-
once?: boolean;
|
|
13
|
-
/** Animate out again when the element scrolls past the top. Default false. */
|
|
14
|
-
mirror?: boolean;
|
|
15
|
-
/** Which edge of the element meets which edge of the window. Default `'top-bottom'`. */
|
|
16
|
-
anchorPlacement?: AOSAnchorPlacement;
|
|
17
|
-
/** Skip animations entirely: a boolean, a predicate, or a viewport class. */
|
|
18
|
-
disable?: boolean | 'phone' | 'tablet' | 'mobile' | (() => boolean);
|
|
19
|
-
/** Document event that starts AOS. Default `'DOMContentLoaded'`. */
|
|
20
|
-
startEvent?: string;
|
|
21
|
-
/** Do not watch the DOM for new `[data-aos]` elements. Default false. */
|
|
22
|
-
disableMutationObserver?: boolean;
|
|
23
|
-
/** Class added at init. Default `'aos-init'`. */
|
|
24
|
-
initClassName?: string;
|
|
25
|
-
/** Class added while animated in. Default `'aos-animate'`. */
|
|
26
|
-
animatedClassName?: string;
|
|
27
|
-
/** Also add the `data-aos` value as classes (for animate.css-style sets). Default false. */
|
|
28
|
-
useClassNames?: boolean;
|
|
29
|
-
/** Accepted for compatibility; scroll handling is batched per frame instead. */
|
|
30
|
-
throttleDelay?: number;
|
|
31
|
-
/** Accepted for compatibility; resize handling is debounced internally. */
|
|
32
|
-
debounceDelay?: number;
|
|
33
|
-
}
|
|
1
|
+
import { AOSOptions } from '../index.js';
|
|
34
2
|
|
|
35
3
|
/** Start AOS for the page, and stop it on unmount. Options are read once, on mount. */
|
|
36
4
|
declare function useAOS(options?: AOSOptions, refreshKey?: unknown): void;
|