@infinityfx/lively 4.0.6 → 4.0.8
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/dist/animatable.js +1 -1
- package/dist/layout/layout-group.js +1 -1
- package/package.json +1 -1
- package/tsconfig.json +1 -2
- package/.rollup.cache/F/projects/code/lively/dist/animatable.js +0 -147
- package/.rollup.cache/F/projects/code/lively/dist/animatable.js.map +0 -1
- package/.rollup.cache/F/projects/code/lively/dist/animate.js +0 -26
- package/.rollup.cache/F/projects/code/lively/dist/animate.js.map +0 -1
- package/.rollup.cache/F/projects/code/lively/dist/core/action.js +0 -28
- package/.rollup.cache/F/projects/code/lively/dist/core/action.js.map +0 -1
- package/.rollup.cache/F/projects/code/lively/dist/core/cache.js +0 -55
- package/.rollup.cache/F/projects/code/lively/dist/core/cache.js.map +0 -1
- package/.rollup.cache/F/projects/code/lively/dist/core/clip.js +0 -71
- package/.rollup.cache/F/projects/code/lively/dist/core/clip.js.map +0 -1
- package/.rollup.cache/F/projects/code/lively/dist/core/link.js +0 -39
- package/.rollup.cache/F/projects/code/lively/dist/core/link.js.map +0 -1
- package/.rollup.cache/F/projects/code/lively/dist/core/timeline.js +0 -107
- package/.rollup.cache/F/projects/code/lively/dist/core/timeline.js.map +0 -1
- package/.rollup.cache/F/projects/code/lively/dist/core/track.js +0 -147
- package/.rollup.cache/F/projects/code/lively/dist/core/track.js.map +0 -1
- package/.rollup.cache/F/projects/code/lively/dist/core/utils.js +0 -95
- package/.rollup.cache/F/projects/code/lively/dist/core/utils.js.map +0 -1
- package/.rollup.cache/F/projects/code/lively/dist/hooks/use-audio.js +0 -63
- package/.rollup.cache/F/projects/code/lively/dist/hooks/use-audio.js.map +0 -1
- package/.rollup.cache/F/projects/code/lively/dist/hooks/use-link.js +0 -7
- package/.rollup.cache/F/projects/code/lively/dist/hooks/use-link.js.map +0 -1
- package/.rollup.cache/F/projects/code/lively/dist/hooks/use-path.js +0 -15
- package/.rollup.cache/F/projects/code/lively/dist/hooks/use-path.js.map +0 -1
- package/.rollup.cache/F/projects/code/lively/dist/hooks/use-reduced-motion.js +0 -14
- package/.rollup.cache/F/projects/code/lively/dist/hooks/use-reduced-motion.js.map +0 -1
- package/.rollup.cache/F/projects/code/lively/dist/hooks/use-scroll.js +0 -21
- package/.rollup.cache/F/projects/code/lively/dist/hooks/use-scroll.js.map +0 -1
- package/.rollup.cache/F/projects/code/lively/dist/hooks/use-spring.js +0 -37
- package/.rollup.cache/F/projects/code/lively/dist/hooks/use-spring.js.map +0 -1
- package/.rollup.cache/F/projects/code/lively/dist/hooks/use-trigger.js +0 -15
- package/.rollup.cache/F/projects/code/lively/dist/hooks/use-trigger.js.map +0 -1
- package/.rollup.cache/F/projects/code/lively/dist/hooks/use-viewport.js +0 -27
- package/.rollup.cache/F/projects/code/lively/dist/hooks/use-viewport.js.map +0 -1
- package/.rollup.cache/F/projects/code/lively/dist/hooks/use-visible.js +0 -26
- package/.rollup.cache/F/projects/code/lively/dist/hooks/use-visible.js.map +0 -1
- package/.rollup.cache/F/projects/code/lively/dist/hooks.js +0 -11
- package/.rollup.cache/F/projects/code/lively/dist/hooks.js.map +0 -1
- package/.rollup.cache/F/projects/code/lively/dist/index.js +0 -4
- package/.rollup.cache/F/projects/code/lively/dist/index.js.map +0 -1
- package/.rollup.cache/F/projects/code/lively/dist/layout/layout-group.js +0 -209
- package/.rollup.cache/F/projects/code/lively/dist/layout/layout-group.js.map +0 -1
- package/.rollup.cache/F/projects/code/lively/dist/layout/morph.js +0 -48
- package/.rollup.cache/F/projects/code/lively/dist/layout/morph.js.map +0 -1
- package/.rollup.cache/F/projects/code/lively/dist/layout/typable.js +0 -21
- package/.rollup.cache/F/projects/code/lively/dist/layout/typable.js.map +0 -1
- package/.rollup.cache/F/projects/code/lively/dist/layout.js +0 -5
- package/.rollup.cache/F/projects/code/lively/dist/layout.js.map +0 -1
- package/.rollup.cache/F/projects/code/lively/dist/tsconfig.tsbuildinfo +0 -1
- package/.rollup.cache/F/projects/code/lively/dist/types/animatable.d.ts +0 -112
- package/.rollup.cache/F/projects/code/lively/dist/types/animate.d.ts +0 -19
- package/.rollup.cache/F/projects/code/lively/dist/types/core/action.d.ts +0 -15
- package/.rollup.cache/F/projects/code/lively/dist/types/core/cache.d.ts +0 -23
- package/.rollup.cache/F/projects/code/lively/dist/types/core/clip.d.ts +0 -52
- package/.rollup.cache/F/projects/code/lively/dist/types/core/link.d.ts +0 -14
- package/.rollup.cache/F/projects/code/lively/dist/types/core/timeline.d.ts +0 -41
- package/.rollup.cache/F/projects/code/lively/dist/types/core/track.d.ts +0 -32
- package/.rollup.cache/F/projects/code/lively/dist/types/core/utils.d.ts +0 -39
- package/.rollup.cache/F/projects/code/lively/dist/types/hooks/use-audio.d.ts +0 -7
- package/.rollup.cache/F/projects/code/lively/dist/types/hooks/use-link.d.ts +0 -1
- package/.rollup.cache/F/projects/code/lively/dist/types/hooks/use-path.d.ts +0 -1
- package/.rollup.cache/F/projects/code/lively/dist/types/hooks/use-reduced-motion.d.ts +0 -1
- package/.rollup.cache/F/projects/code/lively/dist/types/hooks/use-scroll.d.ts +0 -9
- package/.rollup.cache/F/projects/code/lively/dist/types/hooks/use-spring.d.ts +0 -6
- package/.rollup.cache/F/projects/code/lively/dist/types/hooks/use-trigger.d.ts +0 -4
- package/.rollup.cache/F/projects/code/lively/dist/types/hooks/use-viewport.d.ts +0 -2
- package/.rollup.cache/F/projects/code/lively/dist/types/hooks/use-visible.d.ts +0 -6
- package/.rollup.cache/F/projects/code/lively/dist/types/hooks.d.ts +0 -10
- package/.rollup.cache/F/projects/code/lively/dist/types/index.d.ts +0 -3
- package/.rollup.cache/F/projects/code/lively/dist/types/layout/layout-group.d.ts +0 -16
- package/.rollup.cache/F/projects/code/lively/dist/types/layout/morph.d.ts +0 -24
- package/.rollup.cache/F/projects/code/lively/dist/types/layout/typable.d.ts +0 -11
- package/.rollup.cache/F/projects/code/lively/dist/types/layout.d.ts +0 -4
- package/dist/tsconfig.tsbuildinfo +0 -1
package/dist/animatable.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as e}from"react/jsx-runtime";import{createContext as r,useRef as n,use as t,useMemo as i,useCallback as a,useImperativeHandle as o,useEffect as s,useLayoutEffect as u,Children as c,isValidElement as d,cloneElement as m}from"react";import l from"./core/clip.js";import p from"./core/timeline.js";import{merge as f,pick as h,combineRefs as g}from"./core/utils.js";const v=r(null);function y(r){const y=n(null),b=n([]),x=t(v),w=r.inherit&&x?f({},r,h(x,["group","animations","triggers","animate","initial","stagger","staggerLimit","deform","disabled","paused"])):r,{id:L="",inherit:j,triggers:k=[],disabled:E,adaptive:z=!1,manual:A=!1,paused:C}=w,M=void 0!==r.order?r.order:(j&&x?.index
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import{createContext as r,useRef as n,use as t,useMemo as i,useCallback as a,useImperativeHandle as o,useEffect as s,useLayoutEffect as u,Children as c,isValidElement as d,cloneElement as m}from"react";import l from"./core/clip.js";import p from"./core/timeline.js";import{merge as f,pick as h,combineRefs as g}from"./core/utils.js";const v=r(null);function y(r){const y=n(null),b=n([]),x=t(v),w=r.inherit&&x?f({},r,h(x,["group","animations","triggers","animate","initial","stagger","staggerLimit","deform","disabled","paused"])):r,{id:L="",inherit:j,triggers:k=[],disabled:E,adaptive:z=!1,manual:A=!1,paused:C}=w,M=void 0!==r.order?r.order:(j&&x?.index?x.index:-1)+1,D=n([]),O=i((()=>{const e={animate:l.from(w.animate,w.initial)};for(const r in w.animations)e[r]=l.from(w.animations[r],w.initial);return e}),[]),T=n(new p({...w,mountClips:k.reduce(((e,{name:r,on:n})=>("mount"===n&&e.push(O[r||"animate"]),e)),[])})),V=a(((e,n={},t=1)=>{const i=O[e];if(E||j&&t<2)return 0;f(n,{reverse:i?.reverse});let a=0,o=n.delay||0,s=i?T.current.time(i):0;for(const r of b.current)r.current?.inherit&&(a=Math.max(r.current.play(e,f({delay:o+s},n),t+1),a));const u=(n.reverse?a:o)*(M/t+1/t);return i&&T.current.add(i,f({delay:u},n)),r.onAnimationEnd&&setTimeout(r.onAnimationEnd.bind({},e),1e3*(s+u)),s+u}),[E,j,M]);function q(e,r={}){let n=0;for(const{name:t,on:i,...a}of k)i===e&&(n=Math.max(V(t||"animate",f(a,r)),n));return n}return o(g(y,r.ref),(()=>({play:V,trigger:q,timeline:T.current,children:b.current,inherit:j,adaptive:z,group:w.group,id:L})),[k]),s((()=>T.current.pause(!(!C&&!E))),[C,E]),s((()=>{for(let e=0;e<k.length;e++){let{name:r,on:n,...t}=k[e];if("string"==typeof n)continue;const i="boolean"==typeof n?n:n.called,a=D.current[e];void 0!==a&&i&&i!==a&&V(r||"animate",t),D.current[e]=i}}),[k]),u((()=>{const e=()=>T.current.cache();return T.current.link(w.animate),window.addEventListener("resize",e),x?.add(y),document.fonts.ready.then((()=>{A||T.current.mounted||q("mount"),T.current.mounted=!0})),()=>{window.removeEventListener("resize",e),T.current.unlink(),x?.remove(y)}}),[]),e(v,{value:{...r.passthrough?x:{index:M,...w},add:e=>{r.passthrough&&x?.add(e),b.current.includes(e)||b.current.push(e)},remove:e=>{r.passthrough&&x?.remove(e);const n=b.current.indexOf(e)||-1;n>=0&&b.current.splice(n,1)}},children:c.map(r.children,(e=>d(e)?m(e,{ref:g((e=>T.current.insert(e)),e.props.ref),pathLength:1,style:f({backfaceVisibility:"hidden",willChange:"transform"},e.props.style,O.animate.initial,{strokeDasharray:1}),"data-lively-offset-boundary":!(!["x","y"].some((e=>r.cachable?.includes(e)))&&void 0!==r.cachable)||void 0}):e))})}y.isLively=!0;export{v as AnimatableContext,y as default};
|
|
3
3
|
//# sourceMappingURL=animatable.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as e}from"react/jsx-runtime";import{useRef as r,useState as n,useLayoutEffect as t,Children as i,isValidElement as
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import{useRef as r,useState as n,useLayoutEffect as t,Children as i,isValidElement as c,cloneElement as o}from"react";import u from"../animatable.js";import{Groups as s}from"./morph.js";function d(e,r,n=[]){const t="nodes"in e?e.nodes:e;for(let e=0;e<t.length;e++){const i=[...n,e];let c=r(t[e],i);if(c||(c=d(t[e].nodes,r,i)),c)return c}}function l(e,r){return d(e,((e,n)=>{if(e.key===r)return n}))||null}function a(e,r){let n=e[r[0]];for(let e=1;e<r.length&&n;e++)n=n.nodes[r[e]];return n}function p(e,r,n,t){const i=r[r.length-1],c=r.length>1?a(e,r.slice(0,-1))?.nodes:e;c&&(t?c.splice(i,n,t):c.splice(i,n))}function m({tree:e,nodes:r,mounting:n,partialIndex:t=[],keys:u=new Set,parent:s=["",0]}){return i.forEach(r,((r,i)=>{if([void 0,null,!1].includes(r))return;const d=c(r),p=d&&(Array.isArray(r.props.children)||c(r.props.children)),f=d&&r.type.isLively&&"id"in r.props,h=p&&(!r.type.isLively||r.props.traverseLayout),y=[...t,i],g=p&&!r.type.isLively?o(r,void 0,[]):r,[k,v]=s,x=f?r.props.id:`$l.${k?k+".":""}${y.slice(-v).join("")}`,j=l(e,x),w=j?a(e,j):void 0;w&&(f||w.key.startsWith("$l."))?(j&&j.join("")!==y.join("")&&n.set(x,{replace:!0,node:w,index:y}),w.node=g):n.set(x,{node:{key:x,node:g,nodes:[]},index:y}),h&&m({tree:e,nodes:r.props.children,mounting:n,partialIndex:y,keys:u,parent:f?[x,1]:v?[k,v+1]:void 0}),u.add(x)})),u}function f(e){const r=e.map((e=>c(e.node)?e.nodes.length?o(e.node,{key:e.key},f(e.nodes)):o(e.node,{key:e.key}):e.node));return r.length>1?r:r[0]}function h({children:i,transition:c,initialMount:o=!0}){const a=r(!o),h=r(null),[y,g]=n({}),k=r([]),v=r(new Map),x=r(void 0),j=r(0),w=r(new Set),E=m({tree:k.current,nodes:i,mounting:v.current});if(v.current.forEach(((e,r)=>{E.has(r)||v.current.delete(r)})),d(k.current,(e=>{E.has(e.key)||w.current.add(e.key)})),w.current.size&&h.current){for(const e of h.current.children){const r=e.current?.id,n=w.current.has(r);if(e.current&&n)if(E.has(r))w.current.delete(r),e.current.trigger("mount",{immediate:!0}),e.current.timeline.mounted=!0;else if(e.current.timeline.mounted){const r=Date.now()+1e3*e.current.trigger("unmount",{immediate:!0});if(j.current=Math.max(j.current,r),e.current.group){const r=s[e.current.group].get(e.current.timeline);r&&(r.state="unmounted")}e.current.timeline.mounted=!1}}const e=j.current-Date.now();clearTimeout(x.current);const r=(e=!0)=>{w.current.forEach((e=>{const r=l(k.current,e);r&&p(k.current,r,1)})),w.current.clear(),e&&g({})};e>0?x.current=setTimeout(r,e):r(!1)}return!w.current.size&&v.current.size&&(v.current.forEach((({node:e,index:r,replace:n},t)=>{if(n){const e=l(k.current,t);e&&p(k.current,e,1)}p(k.current,r,0,e)})),v.current.clear()),t((()=>{if(!h.current)return;let e,r=h.current.children.slice();for(;e=r.pop();)a.current&&e.current&&(e.current.timeline.mounted=!0),e.current?.id&&e.current.timeline.mounted&&e.current.adaptive&&null!==l(k.current,e.current.id)&&(e.current.timeline.transition(void 0,c),r.push(...e.current.children));a.current=!1})),e(u,{ref:h,passthrough:!0,cachable:[],children:f(k.current)})}export{h as default};
|
|
3
3
|
//# sourceMappingURL=layout-group.js.map
|
package/package.json
CHANGED
package/tsconfig.json
CHANGED
|
@@ -1,147 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { Children, cloneElement, createContext, isValidElement, useCallback, useEffect, useImperativeHandle, useRef, use, useMemo, useLayoutEffect } from "react";
|
|
4
|
-
import Clip from "./core/clip";
|
|
5
|
-
import Timeline from "./core/timeline";
|
|
6
|
-
import { combineRefs, merge, pick } from "./core/utils";
|
|
7
|
-
export const AnimatableContext = createContext(null);
|
|
8
|
-
/**
|
|
9
|
-
* Wrap around a react component to animate it.
|
|
10
|
-
*
|
|
11
|
-
* @see {@link https://lively.infinityfx.dev/docs/components/animatable}
|
|
12
|
-
*/
|
|
13
|
-
export default function Animatable(props) {
|
|
14
|
-
const self = useRef(null);
|
|
15
|
-
const children = useRef([]);
|
|
16
|
-
const parent = use(AnimatableContext);
|
|
17
|
-
const mergedProps = props.inherit && parent ? merge({}, props, pick(parent, ['group', 'animations', 'triggers', 'animate', 'initial', 'stagger', 'staggerLimit', 'deform', 'disabled', 'paused'])) : props;
|
|
18
|
-
const { id = '', inherit, triggers = [], disabled, adaptive = false, manual = false, paused } = mergedProps;
|
|
19
|
-
const index = props.order !== undefined ? props.order : (inherit && parent?.index || -1) + 1;
|
|
20
|
-
const triggersState = useRef([]);
|
|
21
|
-
// aggregate animation definitions into a set of named animation clips
|
|
22
|
-
const clipMap = useMemo(() => {
|
|
23
|
-
const map = { animate: Clip.from(mergedProps.animate, mergedProps.initial) };
|
|
24
|
-
for (const name in mergedProps.animations) {
|
|
25
|
-
map[name] = Clip.from(mergedProps.animations[name], mergedProps.initial);
|
|
26
|
-
}
|
|
27
|
-
return map;
|
|
28
|
-
}, []);
|
|
29
|
-
const timeline = useRef(new Timeline({
|
|
30
|
-
...mergedProps,
|
|
31
|
-
// seperate out animation clips that trigger on mount
|
|
32
|
-
// needed when a child element remounts without the parent having unmounted
|
|
33
|
-
mountClips: triggers.reduce((clips, { name, on }) => {
|
|
34
|
-
if (on === 'mount')
|
|
35
|
-
clips.push(clipMap[name || 'animate']);
|
|
36
|
-
return clips;
|
|
37
|
-
}, [])
|
|
38
|
-
}));
|
|
39
|
-
// plays an animation and cascades this animation to the necessary children
|
|
40
|
-
// returns the total duration of the animation in seconds
|
|
41
|
-
const play = useCallback((animation, options = {}, layer = 1) => {
|
|
42
|
-
const clip = clipMap[animation];
|
|
43
|
-
// if this component is disabled or part of a cascade animation but not getting its play instruction from a parent, then return 0
|
|
44
|
-
if (disabled || (inherit && layer < 2))
|
|
45
|
-
return 0;
|
|
46
|
-
merge(options, { reverse: clip?.reverse }); // optimize syntax?
|
|
47
|
-
let cascadeDelay = 0, layerDelay = (options.delay || 0), duration = clip ? timeline.current.time(clip) : 0;
|
|
48
|
-
// cascade the animation to children that have their inherit property set
|
|
49
|
-
for (const child of children.current) {
|
|
50
|
-
if (!child.current?.inherit)
|
|
51
|
-
continue;
|
|
52
|
-
cascadeDelay = Math.max(child.current.play(animation, merge({
|
|
53
|
-
delay: layerDelay + duration
|
|
54
|
-
}, options), layer + 1), cascadeDelay);
|
|
55
|
-
}
|
|
56
|
-
const delay = (options.reverse ? cascadeDelay : layerDelay) * (index / layer + (1 / layer));
|
|
57
|
-
if (clip)
|
|
58
|
-
timeline.current.add(clip, merge({ delay }, options));
|
|
59
|
-
if (props.onAnimationEnd)
|
|
60
|
-
setTimeout(props.onAnimationEnd.bind({}, animation), (duration + delay) * 1000);
|
|
61
|
-
return duration + delay;
|
|
62
|
-
}, [disabled, inherit, index]);
|
|
63
|
-
function trigger(trigger, options = {}) {
|
|
64
|
-
let duration = 0;
|
|
65
|
-
for (const { name, on, ...config } of triggers) {
|
|
66
|
-
if (on !== trigger)
|
|
67
|
-
continue;
|
|
68
|
-
// when cascading to children dont use parent animation name, but infer from triggers of children
|
|
69
|
-
duration = Math.max(play(name || 'animate', merge(config, options)), duration);
|
|
70
|
-
}
|
|
71
|
-
return duration;
|
|
72
|
-
}
|
|
73
|
-
useImperativeHandle(combineRefs(self, props.ref), () => ({
|
|
74
|
-
play,
|
|
75
|
-
trigger,
|
|
76
|
-
timeline: timeline.current,
|
|
77
|
-
children: children.current,
|
|
78
|
-
inherit,
|
|
79
|
-
adaptive,
|
|
80
|
-
group: mergedProps.group,
|
|
81
|
-
id
|
|
82
|
-
}), [triggers]);
|
|
83
|
-
useEffect(() => timeline.current.pause(!!(paused || disabled)), [paused, disabled]);
|
|
84
|
-
useEffect(() => {
|
|
85
|
-
// go over all triggers to check whether animations should be played
|
|
86
|
-
for (let i = 0; i < triggers.length; i++) {
|
|
87
|
-
let { name, on, ...options } = triggers[i];
|
|
88
|
-
if (typeof on === 'string')
|
|
89
|
-
continue;
|
|
90
|
-
const value = typeof on === 'boolean' ? on : on.called, prev = triggersState.current[i];
|
|
91
|
-
if (prev !== undefined && value && value !== prev)
|
|
92
|
-
play(name || 'animate', options);
|
|
93
|
-
triggersState.current[i] = value;
|
|
94
|
-
}
|
|
95
|
-
}, [triggers]);
|
|
96
|
-
useLayoutEffect(() => {
|
|
97
|
-
const cache = () => timeline.current.cache(); // maybe dont do this mid transition (also transition on resize within layoutgroup)
|
|
98
|
-
timeline.current.link(mergedProps.animate);
|
|
99
|
-
window.addEventListener('resize', cache);
|
|
100
|
-
parent?.add(self);
|
|
101
|
-
// wait for all fonts to be loaded to avoid layout shifts when playing mount animations
|
|
102
|
-
document.fonts.ready.then(() => {
|
|
103
|
-
if (!manual && !timeline.current.mounted)
|
|
104
|
-
trigger('mount');
|
|
105
|
-
timeline.current.mounted = true;
|
|
106
|
-
});
|
|
107
|
-
return () => {
|
|
108
|
-
window.removeEventListener('resize', cache);
|
|
109
|
-
timeline.current.unlink();
|
|
110
|
-
parent?.remove(self);
|
|
111
|
-
};
|
|
112
|
-
}, []);
|
|
113
|
-
return _jsx(AnimatableContext, { value: {
|
|
114
|
-
...(props.passthrough ? parent : { index, ...mergedProps }),
|
|
115
|
-
add: (child) => {
|
|
116
|
-
if (props.passthrough)
|
|
117
|
-
parent?.add(child);
|
|
118
|
-
if (!children.current.includes(child))
|
|
119
|
-
children.current.push(child);
|
|
120
|
-
},
|
|
121
|
-
remove: (child) => {
|
|
122
|
-
if (props.passthrough)
|
|
123
|
-
parent?.remove(child);
|
|
124
|
-
const i = children.current.indexOf(child) || -1;
|
|
125
|
-
if (i >= 0)
|
|
126
|
-
children.current.splice(i, 1);
|
|
127
|
-
}
|
|
128
|
-
}, children: Children.map(props.children, child => {
|
|
129
|
-
if (!isValidElement(child))
|
|
130
|
-
return child;
|
|
131
|
-
return cloneElement(child, {
|
|
132
|
-
ref: combineRefs(el => timeline.current.insert(el), child.props.ref),
|
|
133
|
-
// make all svg paths a length of 1 so then can be animated consistently
|
|
134
|
-
pathLength: 1,
|
|
135
|
-
style: merge({
|
|
136
|
-
backfaceVisibility: 'hidden',
|
|
137
|
-
willChange: 'transform'
|
|
138
|
-
}, child.props.style, clipMap.animate.initial, {
|
|
139
|
-
strokeDasharray: 1
|
|
140
|
-
}),
|
|
141
|
-
// if this component caches position data, then child components that cache their position data should not check past this component
|
|
142
|
-
'data-lively-offset-boundary': ['x', 'y'].some(key => props.cachable?.includes(key)) || props.cachable === undefined ? true : undefined
|
|
143
|
-
});
|
|
144
|
-
}) });
|
|
145
|
-
}
|
|
146
|
-
Animatable.isLively = true;
|
|
147
|
-
//# sourceMappingURL=animatable.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"animatable.js","sourceRoot":"","sources":["../src/animatable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
-
import { Children, cloneElement, isValidElement } from "react";
|
|
4
|
-
import Animatable from "./animatable";
|
|
5
|
-
/**
|
|
6
|
-
* Automated cascade animations.
|
|
7
|
-
*
|
|
8
|
-
* @see {@link https://lively.infinityfx.dev/docs/components/animate}
|
|
9
|
-
*/
|
|
10
|
-
export default function Animate({ children, animations = [{ translate: ['0px 16px', '0px 0px'], opacity: [0, 1], duration: .35 }], levels = 2, ...props }) {
|
|
11
|
-
function render(children, level = levels) {
|
|
12
|
-
let idx = levels - level, clip;
|
|
13
|
-
while (!(clip = animations[idx]) && idx >= 0)
|
|
14
|
-
idx--;
|
|
15
|
-
if (level < 1 || Children.count(children) < 1)
|
|
16
|
-
return children;
|
|
17
|
-
return _jsx(Animatable, { ...props, animate: clip, inherit: level < levels ? true : props.inherit, children: Children.map(children, child => {
|
|
18
|
-
if (!isValidElement(child))
|
|
19
|
-
return child;
|
|
20
|
-
return cloneElement(child, {}, render(child.props.children, level - 1));
|
|
21
|
-
}) });
|
|
22
|
-
}
|
|
23
|
-
return _jsx(_Fragment, { children: render(children) });
|
|
24
|
-
}
|
|
25
|
-
Animate.isLively = true;
|
|
26
|
-
//# sourceMappingURL=animate.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"animate.js","sourceRoot":"","sources":["../src/animate.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,UAA+B,MAAM,cAAc,CAAC;AAW3D;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,GAAG,KAAK,EAAgB;IAEnK,SAAS,MAAM,CAAC,QAAyB,EAAE,KAAK,GAAG,MAAM;QACrD,IAAI,GAAG,GAAG,MAAM,GAAG,KAAK,EAAE,IAAI,CAAC;QAE/B,OAAO,CAAC,CAAC,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC;YAAE,GAAG,EAAE,CAAC;QAEpD,IAAI,KAAK,GAAG,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC;YAAE,OAAO,QAAQ,CAAC;QAE/D,OAAO,KAAC,UAAU,OAAK,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,YACtF,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE;gBAC5B,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;oBAAE,OAAO,KAAK,CAAC;gBAEzC,OAAO,YAAY,CAAC,KAAK,EAAE,EAAE,EAAE,MAAM,CAAE,KAAiC,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;YACzG,CAAC,CAAC,GACO,CAAA;IACjB,CAAC;IAED,OAAO,4BAAG,MAAM,CAAC,QAAQ,CAAC,GAAI,CAAC;AACnC,CAAC;AAED,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
export default class Action {
|
|
2
|
-
constructor(track, keyframes, config, dynamic = {}) {
|
|
3
|
-
this.commit = true;
|
|
4
|
-
this.onfinish = null;
|
|
5
|
-
this.composite = config.composite;
|
|
6
|
-
config.composite = config.composite === 'combine' ? 'accumulate' : 'replace';
|
|
7
|
-
this.animation = track.element.animate(keyframes, config);
|
|
8
|
-
this.dynamic = dynamic;
|
|
9
|
-
this.track = track;
|
|
10
|
-
this.animation.onfinish = this.finish.bind(this);
|
|
11
|
-
}
|
|
12
|
-
finish() {
|
|
13
|
-
try {
|
|
14
|
-
if (this.commit)
|
|
15
|
-
this.animation.commitStyles();
|
|
16
|
-
}
|
|
17
|
-
catch (ex) { }
|
|
18
|
-
this.animation.cancel();
|
|
19
|
-
this.onfinish?.();
|
|
20
|
-
}
|
|
21
|
-
step(index) {
|
|
22
|
-
const progress = this.animation.effect?.getComputedTiming().progress || 0;
|
|
23
|
-
for (const prop in this.dynamic) {
|
|
24
|
-
this.track.apply(prop, this.dynamic[prop]?.call(this.track, progress, index));
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
//# sourceMappingURL=action.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"action.js","sourceRoot":"","sources":["../../src/core/action.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,OAAO,MAAM;IASvB,YAAY,KAAY,EAAE,SAAgD,EAAE,MAAmF,EAAE,UAA6B,EAAE;QANhM,WAAM,GAAY,IAAI,CAAC;QAIvB,aAAQ,GAAwB,IAAI,CAAC;QAGjC,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;QACjC,MAAc,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC;QACtF,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,EAAE,MAAyC,CAAC,CAAC;QAC7F,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QAEnB,IAAI,CAAC,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACrD,CAAC;IAED,MAAM;QACF,IAAI,CAAC;YACD,IAAI,IAAI,CAAC,MAAM;gBAAE,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,CAAC;QACnD,CAAC;QAAC,OAAO,EAAE,EAAE,CAAC,CAAA,CAAC;QACf,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;QAExB,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;IACtB,CAAC;IAED,IAAI,CAAC,KAAa;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,iBAAiB,EAAE,CAAC,QAAQ,IAAI,CAAC,CAAC;QAE1E,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAC9B,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,IAA+B,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;QAC7G,CAAC;IACL,CAAC;CAEJ"}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import Clip from "./clip";
|
|
2
|
-
export class StyleCache {
|
|
3
|
-
constructor(element, include = ['x', 'y', 'sx', 'sy', 'borderRadius', 'backgroundColor', 'color', 'rotate']) {
|
|
4
|
-
this.element = element;
|
|
5
|
-
this.include = include.map(key => key === 'strokeLength' ? 'strokeDashoffset' : key);
|
|
6
|
-
this.computed = getComputedStyle(element);
|
|
7
|
-
this.data = this.read();
|
|
8
|
-
}
|
|
9
|
-
read() {
|
|
10
|
-
const data = {};
|
|
11
|
-
// @ts-expect-error
|
|
12
|
-
for (const prop of this.include)
|
|
13
|
-
data[prop] = this.computed[prop];
|
|
14
|
-
if (this.element instanceof SVGElement)
|
|
15
|
-
return data;
|
|
16
|
-
data.sx = this.element.offsetWidth;
|
|
17
|
-
data.sy = this.element.offsetHeight;
|
|
18
|
-
data.x = data.sx / 2;
|
|
19
|
-
data.y = data.sy / 2;
|
|
20
|
-
let parent = this.element;
|
|
21
|
-
while (parent) {
|
|
22
|
-
data.x += parent.offsetLeft;
|
|
23
|
-
data.y += parent.offsetTop;
|
|
24
|
-
parent = parent.offsetParent;
|
|
25
|
-
if (parent?.dataset.livelyOffsetBoundary)
|
|
26
|
-
break;
|
|
27
|
-
}
|
|
28
|
-
return data;
|
|
29
|
-
}
|
|
30
|
-
update() {
|
|
31
|
-
this.data = this.read();
|
|
32
|
-
}
|
|
33
|
-
difference(from = this.data, { duration = 0.5, easing = 'ease', reverse = false }) {
|
|
34
|
-
const to = this.read(); // multiple simultanious transitions a problem?
|
|
35
|
-
const scale = [[1, 1], [1, 1]], translate = [['0px', '0px'], ['0px', '0px']];
|
|
36
|
-
const keyframes1 = { duration, easing, reverse, composite: 'combine' }, keyframes2 = { ...keyframes1, composite: 'override' };
|
|
37
|
-
for (const key of this.include) {
|
|
38
|
-
switch (key) {
|
|
39
|
-
case 'x':
|
|
40
|
-
case 'y':
|
|
41
|
-
translate[0][key == 'x' ? 0 : 1] = from[key] - to[key] + 'px';
|
|
42
|
-
break;
|
|
43
|
-
case 'sx':
|
|
44
|
-
case 'sy':
|
|
45
|
-
scale[0][key == 'sx' ? 0 : 1] = to[key] === 0 ? 1 : from[key] / to[key];
|
|
46
|
-
break;
|
|
47
|
-
default: keyframes2[key] = [from[key], to[key]];
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
keyframes1.scale = scale.map(val => val.join(' '));
|
|
51
|
-
keyframes1.translate = translate.map(val => val.join(' '));
|
|
52
|
-
return [new Clip(keyframes1), new Clip(keyframes2)];
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
//# sourceMappingURL=cache.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"cache.js","sourceRoot":"","sources":["../../src/core/cache.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import Action from "./action";
|
|
2
|
-
import { isLink } from "./link";
|
|
3
|
-
import { createDynamic, distributeAnimatableKeyframes, merge, normalizeAnimatableKeyframes } from "./utils";
|
|
4
|
-
export default class Clip {
|
|
5
|
-
constructor({ duration = 1, delay = 0, repeat = 1, alternate = false, easing = 'ease', reverse = false, composite = 'none', ...properties }, initial = {}) {
|
|
6
|
-
this.dynamic = {};
|
|
7
|
-
const keyframes = {};
|
|
8
|
-
for (let prop in properties) {
|
|
9
|
-
let val = properties[prop], init = initial[prop];
|
|
10
|
-
if (val instanceof Function) {
|
|
11
|
-
if (!isLink(val))
|
|
12
|
-
this.dynamic[prop] = val;
|
|
13
|
-
continue;
|
|
14
|
-
}
|
|
15
|
-
const arr = Array.isArray(val) ? val : [val];
|
|
16
|
-
if (arr.length < 2 && init !== undefined)
|
|
17
|
-
arr.unshift(init);
|
|
18
|
-
if (arr[0] === null)
|
|
19
|
-
init !== undefined ? arr[0] = init : arr.splice(0, 1);
|
|
20
|
-
if (!normalizeAnimatableKeyframes(arr))
|
|
21
|
-
continue;
|
|
22
|
-
if (prop === 'borderRadius') {
|
|
23
|
-
this.dynamic[prop] = createDynamic(prop, Object.values(distributeAnimatableKeyframes(prop, arr)), easing);
|
|
24
|
-
continue;
|
|
25
|
-
}
|
|
26
|
-
distributeAnimatableKeyframes(prop, arr, keyframes);
|
|
27
|
-
}
|
|
28
|
-
this.keyframes = Object.values(keyframes);
|
|
29
|
-
this.initial = merge({}, initial, this.keyframes.length ? this.keyframes[0] : {});
|
|
30
|
-
// this.initial.strokeDashoffset = lengthToOffset((this.initial as any).strokeLength);
|
|
31
|
-
delete this.initial.offset;
|
|
32
|
-
this.isEmpty = !this.keyframes.length && !Object.keys(this.dynamic).length;
|
|
33
|
-
this.duration = this.isEmpty ? 0 : duration;
|
|
34
|
-
this.delay = delay;
|
|
35
|
-
this.repeat = repeat;
|
|
36
|
-
this.alternate = alternate;
|
|
37
|
-
this.easing = easing;
|
|
38
|
-
this.reverse = reverse;
|
|
39
|
-
this.composite = composite;
|
|
40
|
-
}
|
|
41
|
-
static from(data, initial) {
|
|
42
|
-
return data instanceof Clip ? data : new Clip(data || {}, initial);
|
|
43
|
-
}
|
|
44
|
-
unique(config) {
|
|
45
|
-
const clip = new Clip({});
|
|
46
|
-
for (const key in this) {
|
|
47
|
-
if (this.hasOwnProperty(key)) {
|
|
48
|
-
clip[key] = key in config ? config[key] : this[key];
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
return clip;
|
|
52
|
-
}
|
|
53
|
-
play(track, { composite = this.composite, reverse = this.reverse, commit = true, delay = 0 }) {
|
|
54
|
-
if (this.isEmpty)
|
|
55
|
-
return;
|
|
56
|
-
const action = new Action(track, this.keyframes, {
|
|
57
|
-
duration: this.duration * 1000,
|
|
58
|
-
delay: (delay + this.delay) * 1000,
|
|
59
|
-
iterations: this.repeat,
|
|
60
|
-
direction: this.alternate ?
|
|
61
|
-
(reverse ? 'alternate-reverse' : 'alternate') :
|
|
62
|
-
(reverse ? 'reverse' : 'normal'),
|
|
63
|
-
fill: 'both',
|
|
64
|
-
easing: this.easing,
|
|
65
|
-
composite
|
|
66
|
-
}, this.dynamic);
|
|
67
|
-
action.commit = commit;
|
|
68
|
-
track.push(action);
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
//# sourceMappingURL=clip.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"clip.js","sourceRoot":"","sources":["../../src/core/clip.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
const links = new Set();
|
|
2
|
-
export function createLink(initial, computed) {
|
|
3
|
-
let internal = {
|
|
4
|
-
value: initial,
|
|
5
|
-
cached: initial,
|
|
6
|
-
subscriptions: new Set()
|
|
7
|
-
};
|
|
8
|
-
const Link = function (arg) {
|
|
9
|
-
if (arg instanceof Function)
|
|
10
|
-
return createLink(internal.value, (index) => arg(Link(), index));
|
|
11
|
-
return computed ? computed(arg || 0) : internal.value;
|
|
12
|
-
};
|
|
13
|
-
Link.set = (value, options) => {
|
|
14
|
-
internal.value = value;
|
|
15
|
-
links.forEach(link => {
|
|
16
|
-
if (!link.key.deref())
|
|
17
|
-
return links.delete(link);
|
|
18
|
-
link.observe(options || {});
|
|
19
|
-
});
|
|
20
|
-
};
|
|
21
|
-
Link.subscribe = (callback) => internal.subscriptions.add(callback);
|
|
22
|
-
Link.unsubscribe = (callback) => internal.subscriptions.delete(callback);
|
|
23
|
-
function observe(options) {
|
|
24
|
-
const current = Link();
|
|
25
|
-
if (current !== internal.cached) {
|
|
26
|
-
internal.cached = current;
|
|
27
|
-
internal.subscriptions.forEach(subscription => subscription(options));
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
links.add({
|
|
31
|
-
key: new WeakRef(Link),
|
|
32
|
-
observe
|
|
33
|
-
});
|
|
34
|
-
return Link;
|
|
35
|
-
}
|
|
36
|
-
export function isLink(val) {
|
|
37
|
-
return val.subscribe !== undefined;
|
|
38
|
-
}
|
|
39
|
-
//# sourceMappingURL=link.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"link.js","sourceRoot":"","sources":["../../src/core/link.ts"],"names":[],"mappings":"AAgBA,MAAM,KAAK,GAAG,IAAI,GAAG,EAGjB,CAAC;AAEL,MAAM,UAAU,UAAU,CAAO,OAAU,EAAE,QAAsB;IAC/D,IAAI,QAAQ,GAAG;QACX,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,OAAO;QACf,aAAa,EAAE,IAAI,GAAG,EAAuB;KAChD,CAAC;IAEF,MAAM,IAAI,GAAY,UAAU,GAAQ;QACpC,IAAI,GAAG,YAAY,QAAQ;YAAE,OAAO,UAAU,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC;QAEtG,OAAO,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;IAC1D,CAAC,CAAA;IAED,IAAI,CAAC,GAAG,GAAG,CAAC,KAAQ,EAAE,OAAoB,EAAE,EAAE;QAC1C,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;QAEvB,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACjB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE;gBAAE,OAAO,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YAEjD,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;QAChC,CAAC,CAAC,CAAC;IACP,CAAC,CAAA;IAED,IAAI,CAAC,SAAS,GAAG,CAAC,QAAsB,EAAE,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAElF,IAAI,CAAC,WAAW,GAAG,CAAC,QAAsB,EAAE,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAEvF,SAAS,OAAO,CAAC,OAAmB;QAChC,MAAM,OAAO,GAAG,IAAI,EAAE,CAAC;QAEvB,IAAI,OAAO,KAAK,QAAQ,CAAC,MAAM,EAAE,CAAC;YAC9B,QAAQ,CAAC,MAAM,GAAG,OAAO,CAAC;YAE1B,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC;QAC1E,CAAC;IACL,CAAC;IAED,KAAK,CAAC,GAAG,CAAC;QACN,GAAG,EAAE,IAAI,OAAO,CAAC,IAAI,CAAC;QACtB,OAAO;KACV,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,MAAM,CAAI,GAAQ;IAC9B,OAAiB,GAAI,CAAC,SAAS,KAAK,SAAS,CAAC;AAClD,CAAC"}
|
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
import Clip from "./clip";
|
|
2
|
-
import { isLink } from "./link";
|
|
3
|
-
import Track from "./track";
|
|
4
|
-
import { IndexedMap, merge } from "./utils";
|
|
5
|
-
export default class Timeline {
|
|
6
|
-
constructor({ stagger = 0.1, staggerLimit = 10, deform = true, cachable, mountClips }) {
|
|
7
|
-
this.index = 0;
|
|
8
|
-
this.paused = false;
|
|
9
|
-
this.tracks = new IndexedMap();
|
|
10
|
-
this.frame = 0;
|
|
11
|
-
this.linked = [];
|
|
12
|
-
this.mounted = false;
|
|
13
|
-
this.stagger = stagger;
|
|
14
|
-
this.staggerLimit = staggerLimit - 1;
|
|
15
|
-
this.deform = deform;
|
|
16
|
-
this.cachable = cachable;
|
|
17
|
-
this.mountClips = mountClips;
|
|
18
|
-
}
|
|
19
|
-
step() {
|
|
20
|
-
cancelAnimationFrame(this.frame);
|
|
21
|
-
if (!this.paused)
|
|
22
|
-
this.tracks.stack.forEach((track, i) => track.step(i));
|
|
23
|
-
this.frame = requestAnimationFrame(this.step.bind(this));
|
|
24
|
-
}
|
|
25
|
-
time(clip) {
|
|
26
|
-
if (!this.tracks.size)
|
|
27
|
-
return 0;
|
|
28
|
-
return clip.duration + clip.delay + this.stagger * Math.max(Math.min(this.staggerLimit, this.tracks.size - 1), 0);
|
|
29
|
-
}
|
|
30
|
-
receiver(prop, link, config) {
|
|
31
|
-
if (this.paused)
|
|
32
|
-
return;
|
|
33
|
-
for (let i = 0; i < this.tracks.size; i++) {
|
|
34
|
-
const track = this.tracks.stack[i], value = link(i);
|
|
35
|
-
if (config.duration) {
|
|
36
|
-
merge(config, { composite: 'override' }); // optimize syntax?
|
|
37
|
-
new Clip({ ...config, [prop]: value }).play(track, {});
|
|
38
|
-
}
|
|
39
|
-
else {
|
|
40
|
-
requestAnimationFrame(() => {
|
|
41
|
-
track.apply(prop, value);
|
|
42
|
-
track.correct();
|
|
43
|
-
});
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
link(clip) {
|
|
48
|
-
this.step();
|
|
49
|
-
if (this.linked.length || !clip || clip instanceof Clip)
|
|
50
|
-
return;
|
|
51
|
-
for (let prop in clip) {
|
|
52
|
-
const link = clip[prop];
|
|
53
|
-
if (isLink(link)) {
|
|
54
|
-
const receiver = this.receiver.bind(this, prop, link);
|
|
55
|
-
link.subscribe(receiver);
|
|
56
|
-
this.linked.push(() => link.unsubscribe(receiver));
|
|
57
|
-
receiver({});
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
unlink() {
|
|
62
|
-
cancelAnimationFrame(this.frame);
|
|
63
|
-
this.linked.forEach(unsubscribe => unsubscribe());
|
|
64
|
-
this.linked = [];
|
|
65
|
-
}
|
|
66
|
-
transition(from, options = {}) {
|
|
67
|
-
for (let i = 0; i < this.tracks.size; i++) {
|
|
68
|
-
this.tracks.stack[i].transition(from?.tracks.stack[i], options);
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
insert(element) {
|
|
72
|
-
if ((element instanceof HTMLElement || element instanceof SVGElement) && !this.tracks.has(element)) {
|
|
73
|
-
const track = new Track(element, this.deform, this.cachable);
|
|
74
|
-
this.tracks.set(element, track);
|
|
75
|
-
if (this.mounted)
|
|
76
|
-
this.mountClips.forEach(clip => clip.play(track, {}));
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
add(clip, { immediate = false, composite, reverse, delay = 0, commit }) {
|
|
80
|
-
let i = 0, track;
|
|
81
|
-
while (track = this.tracks.stack[i]) {
|
|
82
|
-
if (!track.element.isConnected) {
|
|
83
|
-
this.tracks.delete(track.element);
|
|
84
|
-
continue;
|
|
85
|
-
}
|
|
86
|
-
if (immediate)
|
|
87
|
-
track.clear();
|
|
88
|
-
clip.play(track, {
|
|
89
|
-
delay: delay + Math.min(i, this.staggerLimit) * (this.stagger < 0 ? clip.duration / this.tracks.size : 1) * Math.abs(this.stagger),
|
|
90
|
-
composite,
|
|
91
|
-
reverse,
|
|
92
|
-
commit
|
|
93
|
-
});
|
|
94
|
-
i++;
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
pause(value) {
|
|
98
|
-
for (const track of this.tracks.stack)
|
|
99
|
-
track.pause(value);
|
|
100
|
-
this.paused = value;
|
|
101
|
-
}
|
|
102
|
-
cache() {
|
|
103
|
-
for (const track of this.tracks.stack)
|
|
104
|
-
track.cache.update();
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
//# sourceMappingURL=timeline.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"timeline.js","sourceRoot":"","sources":["../../src/core/timeline.ts"],"names":[],"mappings":"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"}
|