@infinityfx/lively 5.0.0-alpha.0 → 5.0.0-alpha.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/dist/animate.js +1 -1
- package/dist/core/animator.js +1 -1
- package/dist/core/animator.js.map +1 -1
- package/dist/core/track.js +1 -1
- package/dist/core/track.js.map +1 -1
- package/dist/core/utils.js +1 -1
- package/dist/core/utils.js.map +1 -1
- package/dist/layout-group.js +1 -1
- package/dist/types/animate.d.ts +3 -3
- package/dist/types/core/animator.d.ts +6 -4
- package/dist/types/core/clip.d.ts +1 -1
- package/dist/types/core/track.d.ts +8 -1
- package/dist/types/core/utils.d.ts +33 -30
- package/dist/types/layout-group.d.ts +1 -1
- package/package.json +1 -1
package/dist/animate.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as t}from"react/jsx-runtime";import{createContext as e,useId as n,use as r,useRef as i,useImperativeHandle as o,useLayoutEffect as
|
|
2
|
+
import{jsx as t}from"react/jsx-runtime";import{createContext as e,useId as n,use as r,useRef as i,useImperativeHandle as o,useLayoutEffect as s,useEffect as a,Children as c,isValidElement as m,cloneElement as l}from"react";import f from"./core/animator.js";import d from"./core/clip.js";import{serializeTriggers as u,getLifeCycleAnimations as p,forEachTrigger as g,mergeStyles as y,getInitialStyleFromLinks as h,mergeRefs as k,shouldTrigger as j}from"./core/utils.js";import{LayoutGroupContext as v}from"./layout-group.js";import{registerAsMorph as w,getMorphTarget as L,deleteMorphTarget as E,registerToLayoutGroup as T,unregisterFromLayoutGroup as C}from"./core/state.js";const x=e("");function z({ref:e,children:z,inherit:A=!1,initial:I={},animate:S={},triggers:_={animate:["mount"]},stagger:b=.07,staggerLimit:D=10,deformCorrection:O,transition:P,morph:q,clips:B,paused:F=!1,onAnimationEnd:G}){const H=_._livelyId??"_la"+n(),J=r(x),K=r(v),M=i(0),N=i(u(_)),Q=i(null);if(!Q.current){const t={animate:S instanceof d?S:new d(S,I)};for(const e in B)t[e]=B[e]instanceof d?B[e]:new d(B[e],I);const e=Q.current=new f({id:H,clips:t,lifeCycleAnimations:p(_),deformCorrection:O,transition:P,stagger:b,staggerLimit:D});e.register(J,A),e.addLinks(S)}const{current:R}=Q;return o(e,(()=>R),[]),s((()=>{if(R.register(J,A),R.addLinks(S),q){clearTimeout(M.current),w(q,R);const t=L(q,H);t&&(R.transition(t),E(q,t),R.state="mounted")}T(K,H)&&(R.state="mounted"),document.fonts.ready.finally((()=>R.mount()));const t=()=>R.forEachTrack((t=>t.snapshot()));return window.addEventListener("resize",t),()=>{R.dispose(),C(K,H),q&&(M.current=E(q,R,1)),window.removeEventListener("resize",t)}}),[]),a((()=>{const t=u(_);g(_,((e,n,r)=>{j(N.current[e],t[e])})),N.current=t}),[_]),a((()=>{if(!(S instanceof d||"mounted"!==R.state))for(const t in S){const e=S[t];t in R.links&&"object"!=typeof e&&R.links[t].set(e,R.defaultTransitionOptions)}}),[S]),a((()=>(G&&R.on("animationend",G),()=>{G&&R.off("animationend",G)})),[G]),a((()=>R.setPlayState(F)),[F]),t(x,{value:H,children:c.map(z,((t,e)=>{if(!m(t))return t;let{ref:n,style:r}=t.props;return r=y(r,R.mergeInitialStyles(I),h(R.links,e)),l(t,{ref:k(n||null,(t=>R.addTrack(t,e))),style:r,pathLength:"strokeDasharray"in r?1:void 0,"data-lively":H})}))})}export{x as AnimateContext,z as default};
|
|
3
3
|
//# sourceMappingURL=animate.js.map
|
package/dist/core/animator.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import t from"./clip.js";import{isRegistered as i,registerAnimator as s,getParentAnimator as e,unregisterAnimator as a}from"./state.js";import n from"./track.js";import{extractAnimationLinks as r}from"./utils.js";class h{constructor({id:t,clips:i,lifeCycleAnimations:s,
|
|
1
|
+
import t from"./clip.js";import{isRegistered as i,registerAnimator as s,getParentAnimator as e,unregisterAnimator as a}from"./state.js";import n from"./track.js";import{extractAnimationLinks as r}from"./utils.js";class h{constructor({id:t,clips:i,lifeCycleAnimations:s,deformCorrection:e,transition:a,stagger:n,staggerLimit:r}){this.parent=null,this.dependents=new Set,this.inherit=[],this.links={},this.onDisposeLinks=null,this.tracks=new Set,this.trackList=[],this.initialStyles=null,this.eventListeners={},this.state="unmounted",this.paused=!1,this.frame=0;const{cache:h,...o}=a||{};this.id=t,this.clips=i,this.lifeCycleAnimations=s,this.ignoreScaleDeformation=void 0!==e&&!e,this.defaultTransitionOptions=o,this.cache=h||["x","y","sx","sy","rotate","borderRadius"],this.align="object"==typeof e?e:{x:"left",y:"top"},this.stagger=n,this.staggerLimit=r,void 0===e&&this.inherit.push("ignoreScaleDeformation"),void 0===e&&this.inherit.push("align"),a||this.inherit.push("defaultTransitionOptions"),h||this.inherit.push("cache")}register(t,a){if(!i(this.id)&&(s(this.id,this),t&&!1!==a&&(this.parent=e(t,"boolean"==typeof a?0:a)),this.parent)){this.parent.dependents.add(this);for(const t of this.inherit)this[t]=this.parent[t]}}mount(){"unmounted"===this.state&&this.trigger("mount"),this.state="mounted",cancelAnimationFrame(this.frame),this.tick()}dispose(){this.stop(),this.onDisposeLinks?.(),cancelAnimationFrame(this.frame),this.parent&&this.parent.dependents.delete(this),this.trackList.forEach((t=>t.cache=t.snapshot())),this.state="unmounted",a(this.id)}on(t,i){t in this.eventListeners||(this.eventListeners[t]=new Set),this.eventListeners[t].add(i)}off(t,i){this.eventListeners[t]?.delete(i)}dispatch(t,...i){this.eventListeners[t]?.forEach((t=>t(...i)))}tick(){this.paused||this.trackList.forEach((t=>{this.ignoreScaleDeformation||t.correct()})),this.frame=requestAnimationFrame(this.tick.bind(this))}addLinks(i){const[s,e]=r(i,((i,s)=>{this.forEachTrack(((e,a)=>{const n=new t({...s.options,composite:"override",[i]:s.get(a)});e.push(n)}))}));this.links=s,this.onDisposeLinks=e}addTrack(t,i){if(!(t instanceof HTMLElement||t instanceof SVGElement)||this.tracks.has(t))return;const s=new n(t,this.cache,this.align),e=this.lifeCycleAnimations.mount;this.tracks.add(t),this.trackList.splice(i,0,s),"mounted"===this.state&&e&&e.forEach((t=>s.push(this.clips[t])))}mergeInitialStyles(i){if(this.initialStyles)return this.initialStyles;const s=(this.lifeCycleAnimations.mount||[]).map((t=>this.clips[t]));return s.length?i=t.mergeInitialStyles(s,i):this.parent&&(i=this.parent.mergeInitialStyles(i)),this.initialStyles=i}pretime(t,i){if(t.isEmpty)return 0;const{duration:s,delay:e,iterations:a}=t.getConfig(i);return s*a+e+Math.max(Math.min(this.tracks.size,this.staggerLimit)-1,0)*this.stagger}trigger(t,i={}){let s=this.lifeCycleAnimations[t],e=0;return s&&s.forEach((t=>e=Math.max(this.play(t,i),e))),e}play(t,{cascade:i="forward",delay:s=0,tag:e,...a}={}){if(this.paused||this.parent&&!e)return 0;let n="string"==typeof t?this.clips[t]:t;e&&e in this.clips&&(n=this.clips[e]),e||"string"!=typeof t||(e=t);const r=this.pretime(n,a),h=this.cascade(n,{...a,delay:"reverse"===i?s:r+s,tag:e});return this.push(n,{...a,delay:"reverse"===i?h+s:s,tag:e})}cascade(t,i){let s=0;return this.dependents.forEach((e=>{s=Math.max(s,e.play(t,i))})),s}forEachTrack(t){let i=0;for(;i<this.tracks.size;){const s=this.trackList[i];s.element.isConnected?t(s,i++):(this.tracks.delete(s.element),this.trackList.splice(i,1))}}push(t,{override:i,delay:s=0,tag:e,...a}){if(t.isEmpty)return 0;let n=0;return this.forEachTrack(((r,h)=>{i&&r.clear();const o=r.push(t,{...a,delay:s+Math.min(h,this.staggerLimit-1)*this.stagger},h===this.tracks.size-1?()=>this.dispatch("animationend",e):void 0);n=Math.max(n,o)})),n}transition(t,i=this.defaultTransitionOptions){this.paused||(this.trackList.forEach(((s,e)=>{const{cache:a}=t&&e<t.tracks.size?t.trackList[e]:{};s.transition(a,i)})),this.dispatch("transitionstart"))}setPlayState(t){this.trackList.forEach((i=>i.toggle(t))),this.paused=t,this.dependents.forEach((i=>i.setPlayState(t)))}stop(t){this.trackList.forEach((i=>i.clear(t)))}}export{h as default};
|
|
2
2
|
//# sourceMappingURL=animator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"animator.js","sources":["../../src/core/animator.ts"],"sourcesContent":[null],"names":["Animator","constructor","id","clips","lifeCycleAnimations","
|
|
1
|
+
{"version":3,"file":"animator.js","sources":["../../src/core/animator.ts"],"sourcesContent":[null],"names":["Animator","constructor","id","clips","lifeCycleAnimations","deformCorrection","transition","stagger","staggerLimit","this","parent","dependents","Set","inherit","links","onDisposeLinks","tracks","trackList","initialStyles","eventListeners","state","paused","frame","cache","options","ignoreScaleDeformation","undefined","defaultTransitionOptions","align","x","y","push","register","parentId","isRegistered","registerAnimator","getParentAnimator","add","key","mount","trigger","cancelAnimationFrame","tick","dispose","stop","delete","forEach","track","snapshot","unregisterAnimator","on","event","callback","off","dispatch","args","correct","requestAnimationFrame","bind","addLinks","animate","disposeLinks","extractAnimationLinks","link","forEachTrack","i","clip","Clip","composite","get","addTrack","element","index","HTMLElement","SVGElement","has","Track","animations","splice","animation","mergeInitialStyles","styles","map","length","pretime","isEmpty","duration","delay","iterations","getConfig","Math","max","min","size","elapsed","play","cascade","tag","cascadeDelay","animator","isConnected","override","clear","added","from","setPlayState","toggle"],"mappings":"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"}
|
package/dist/core/track.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import t from"./clip.js";import{clampLowerBound as e,
|
|
1
|
+
import t from"./clip.js";import{clampLowerBound as e,correctForParentScale as s,scaleCorrectShadow as i,scaleCorrectRadius as n}from"./utils.js";class a{constructor(t,e,s){this.scale=[1,1],this.correctionAnimation=null,this.queue=[],this.animations=[],this.active=0,this.timeout=0,this.correctAfterEnded=!1,this.element=t,this.shouldCache=e,this.align=s,this.styles=getComputedStyle(t),this.cache=this.snapshot(),this.corrected={borderRadius:this.styles.borderRadius,boxShadow:this.styles.boxShadow}}snapshot(){const t={x:0,y:0,sx:1,sy:1};if(this.element instanceof SVGElement)return t;for(const e of this.shouldCache)t[e]=this.styles[e];const{width:e,height:s,x:i,y:n}=this.element.getBoundingClientRect();t.sx=e,t.sy=s,t.x=i+e/2,t.y=n+s/2;let a=this.element;for(;a=a?.parentElement;)if(a.dataset.lively){const{x:e,y:s}=a.getBoundingClientRect();t.x-=e,t.y-=s;break}return t}push(t,e={},s){const{commit:i,blendmode:n,...a}=t.getConfig(e),o=this.element.animate(t.keyframes,a);return o.name=e.tag,o.blendmode=n,o.onfinish=()=>{try{i&&o.commitStyles()}catch{}finally{o.cancel(),this.advance(),s?.()}},this.active&&"none"===n?(o.pause(),this.queue.push(o),0):(this.animations.push(o),"none"===n&&this.active++,(a.duration*a.iterations+a.delay)/1e3)}advance(){clearTimeout(this.timeout),this.timeout=setTimeout((()=>this.cache=this.snapshot()),1/120),--this.active>0||(this.animations=this.animations.filter((t=>"running"===t.playState)),this.animations.push(...this.queue.splice(0,1)),this.active=this.animations.filter((t=>"none"===t.blendmode)).length,this.correctAfterEnded=!0)}transition(s=this.cache,i={}){const n=this.snapshot(),a={...i,composite:"override"},o=[1,1],h=[0,0];for(const t of this.shouldCache)switch(t){case"x":case"y":h["x"===t?0:1]=s[t]-n[t];break;case"sx":case"sy":o["sx"===t?0:1]=s[t]/e(n[t]);break;case"borderRadius":case"boxShadow":a[t]=[s[t],n[t]];break;default:a[t]=[s[t],null]}[new t(a),new t({...i,scale:[o.join(" "),null],translate:[h.map((t=>`${t}px`)).join(" "),null],composite:"combine"})].filter((t=>!t.isEmpty)).forEach((t=>this.push(t,{commit:!1}))),this.cache=n}clear(t){this.active&&(this.animations.forEach((e=>{if(!t||e.name===t){e.onfinish=null;try{e.finish()}catch{e.cancel()}}})),this.animations=this.animations.filter((t=>"running"===t.playState)),this.active=this.animations.filter((t=>"none"===t.blendmode)).length)}toggle(t){this.animations.forEach((e=>e[t?"pause":"play"]()))}correct(){if(this.element instanceof SVGElement)return;const t=(/none|0px/.test(this.styles.translate)?"0 0":this.styles.translate).split(" ").map(parseFloat);if(s(this.element,t,this.align),!this.animations.length&&!this.correctAfterEnded)return;this.correctAfterEnded=!1,this.correctionAnimation?.cancel();const a=this.styles.borderRadius!==this.corrected.borderRadius?[1,1]:this.scale,o=this.styles.boxShadow!==this.corrected.boxShadow?[1,1]:this.scale,{width:h,height:c}=this.element.getBoundingClientRect();this.scale=[e(h/this.element.offsetWidth),e(c/this.element.offsetHeight)],this.corrected={borderRadius:n(this.styles.borderRadius,this.scale,a),boxShadow:i(this.styles.boxShadow,this.scale,o)},this.corrected.borderRadius===this.styles.borderRadius&&this.corrected.boxShadow===this.styles.boxShadow||(this.correctionAnimation=this.element.animate(this.corrected,{duration:0,fill:"forwards"}))}}export{a as default};
|
|
2
2
|
//# sourceMappingURL=track.js.map
|
package/dist/core/track.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"track.js","sources":["../../src/core/track.ts"],"sourcesContent":[null],"names":["Track","constructor","element","shouldCache","this","scale","correctionAnimation","queue","animations","active","styles","getComputedStyle","cache","snapshot","corrected","borderRadius","boxShadow","data","x","y","sx","sy","SVGElement","key","width","height","getBoundingClientRect","parent","parentElement","dataset","lively","push","clip","options","onEnded","commit","blendmode","config","getConfig","animation","animate","keyframes","name","tag","onfinish","commitStyles","cancel","advance","pause","duration","iterations","delay","filter","playState","splice","length","
|
|
1
|
+
{"version":3,"file":"track.js","sources":["../../src/core/track.ts"],"sourcesContent":[null],"names":["Track","constructor","element","shouldCache","align","this","scale","correctionAnimation","queue","animations","active","timeout","correctAfterEnded","styles","getComputedStyle","cache","snapshot","corrected","borderRadius","boxShadow","data","x","y","sx","sy","SVGElement","key","width","height","getBoundingClientRect","parent","parentElement","dataset","lively","push","clip","options","onEnded","commit","blendmode","config","getConfig","animation","animate","keyframes","name","tag","onfinish","commitStyles","cancel","advance","pause","duration","iterations","delay","clearTimeout","setTimeout","filter","playState","splice","length","transition","from","composite","translate","clampLowerBound","Clip","join","map","num","isEmpty","forEach","clear","entry","finish","toggle","paused","correct","offset","test","split","parseFloat","correctForParentScale","previousRadiusScale","previousShadowScale","offsetWidth","offsetHeight","scaleCorrectRadius","scaleCorrectShadow","fill"],"mappings":"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"}
|
package/dist/core/utils.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{isValidElement as t}from"react";import n from"./clip.js";import
|
|
1
|
+
import{isValidElement as t}from"react";import n from"./clip.js";import e from"./animation-link.js";import{getParentAnimator as o}from"./state.js";const r=1e-4;function s(t,n=8){const e=1/Math.pow(10,n);return isNaN(t)?e:(t<0?-1:1)*Math.max(Math.abs(t),e)}const i=t=>Array.isArray(t)?t:[t];function f(...t){return n=>{t.forEach((t=>{t&&"current"in t&&(t.current=n),t instanceof Function&&t(n)}))}}function c(...t){const n={};for(const e of t)Object.assign(n,e);return"strokeLength"in n&&(n.strokeDashoffset=2-n.strokeLength,delete n.strokeLength),"strokeDashoffset"in n&&(n.strokeDasharray=2),n}function a(t,n){for(const e in t){const o=t[e];if("object"!=typeof o)continue;const{on:r,...s}="on"in o?o:{on:o};n(e,r,s)}}function u(t){const n={};return a(t,((t,e)=>{n[t]=e})),n}function l(t,n){return t.forEach(((t,e)=>{if(t!==n[e]&&!1!==n[e])return!0})),!1}function h(t){const n={};return a(t,((t,e)=>{["mount","unmount"].forEach((o=>{e.includes(o)&&(o in n||(n[o]=[]),n[o].push(t))}))})),n}function p(t){let n,e=[],o=0;for(let s=0;s<t.length;s++){const i=t[s],f=Math.round(s/(t.length-1)/r)*r;if(null===i)continue;const c="object"!=typeof i?{offset:f,to:i}:i;"offset"in c||(c.offset=f),e.push(c);const a=c.to||c.after;n===a&&o++,n=a}return o===e.length?null:e}function g(t,n,e,o){t.has(n)||t.set(n,{offset:n});const r=t.get(n);if("strokeLength"===e)return r.strokeDashoffset=2-o;r[e]=o}function m(t,n){const o=new Map;for(const s in t){const i=t[s];if(i instanceof e)continue;const f=Array.isArray(i)?i:[i];f.length<2&&f.unshift(n[s]??null);const c=p(f);if(c)for(let{to:t,after:n,offset:e}of c)void 0!==n&&(1===e&&(e-=r),g(o,e+r,s,n)),void 0!==t&&g(o,e,s,t)}return Array.from(o.values()).sort(((t,n)=>t.offset-n.offset))}function y(t,n,e){if(/^\s*$|0px/.test(t))return t;const o=t.split(/\s*\/\s*/);return o.length<2&&(o[1]=o[0]),o.map(((t,o)=>t.split(" ").map((t=>parseFloat(t)*e[o]/n[o]+(t.match(/[^\d\.]+$/)?.[0]||"px"))).join(" "))).join("/")}function d(t,n,e){if(/^\s*$|none/.test(t))return t;const[o,r,s]=t.split(/(?<=px),\s?/)[0].split(/(?<=\))\s|\s(?=inset)/);if(!r)return"";const[i,f,c,a]=r.split(" ").map(parseFloat),u=Math.max(...e)/Math.max(...n),l=new Array(3).fill([i*e[0]/n[0],f*e[1]/n[1],c*u,a*u]);return n[0]<n[1]?(l[1][0]-=1/n[0],l[2][0]+=1/n[0]):(l[1][1]-=1/n[1],l[2][1]+=1/n[1]),l.map((t=>`${o} ${t.map((t=>`${t}px`)).join(" ")}${s?" inset":""}`)).join(", ")}function $(t,n,e){let r,i=t;for(;i=i?.parentElement;)if(i.dataset.lively){r=o(i.dataset.lively,0);break}if(!i||!r||!r.trackList.some((t=>t.animations.length||t.correctAfterEnded)))return;const{width:f,height:c}=i.getBoundingClientRect(),a=s(i.offsetWidth/f),u=s(i.offsetHeight/c),l="center"===e.x?0:(t.offsetWidth-t.offsetWidth*a)/2*("right"===e.x?1:-1),h="center"===e.y?0:(t.offsetHeight-t.offsetHeight*u)/2*("bottom"===e.y?1:-1);t.style.transform=`translate(${l-2*n[0]}px, ${h-2*n[1]}px) scale(${a}, ${u}) translate(${n[0]/a}px, ${n[1]/u}px)`}function x(n,e,o="_la"){const r=Array.isArray(n)?n:[n];for(let n=0;n<r.length;n++){if(!t(r[n]))continue;const{props:s,key:i}=r[n],f=o+(null!==i?`${i}_`:n);"object"==typeof s.triggers&&(s.triggers._livelyId=f,e.delete(f)),x(s.children,e,f)}return e}function k(n,e){const o=Array.isArray(n)?n:[n],r=[];for(let n=0;n<o.length;n++){if(!t(o[n]))continue;const{key:s}=o[n],i="_la"+(null!==s?`${s}_`:n);e.has(i)&&r.push([n,o[n]])}return r}const j={duration:0,delay:1,repeat:2,alternate:3,reverse:4,easing:5,composite:6};function A(t,o){const r={},s=[];if(!(t instanceof n))for(const n in t){let i=t[n];"object"==typeof i||n in j||(i=new e(i)),i instanceof e&&(s.push(i.on("change",(()=>o(n,i)))),r[n]=i)}return[r,()=>s.forEach((t=>t()))]}function b(t,n){const e={};for(const o in t)e[o]=t[o].get(n);return e}export{j as ClipConfigKeys,g as addKeyframeEntry,i as asArray,s as clampLowerBound,$ as correctForParentScale,A as extractAnimationLinks,x as filterRemovedAnimators,a as forEachTrigger,b as getInitialStyleFromLinks,h as getLifeCycleAnimations,k as getRemovedAnimators,r as keyframeEpsilon,f as mergeRefs,c as mergeStyles,m as parseClipKeyframes,y as scaleCorrectRadius,d as scaleCorrectShadow,u as serializeTriggers,l as shouldTrigger,p as transformKeyframeList};
|
|
2
2
|
//# sourceMappingURL=utils.js.map
|
package/dist/core/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../src/core/utils.ts"],"sourcesContent":[null],"names":["keyframeEpsilon","clampLowerBound","num","precision","Math","
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../src/core/utils.ts"],"sourcesContent":[null],"names":["keyframeEpsilon","clampLowerBound","num","precision","lowerBound","Math","pow","isNaN","max","abs","asArray","value","Array","isArray","mergeRefs","refs","forEach","ref","current","Function","mergeStyles","stylesList","merged","styles","Object","assign","strokeDashoffset","strokeLength","strokeDasharray","forEachTrigger","triggers","callback","key","entry","on","options","serializeTriggers","serialized","list","shouldTrigger","previous","prev","i","getLifeCycleAnimations","animations","trigger","includes","push","transformKeyframeList","last","keyframes","equal","length","offset","round","keyframe","to","after","addKeyframeEntry","map","prop","has","set","get","parseClipKeyframes","initial","Map","AnimationLink","array","unshift","transformed","undefined","from","values","sort","a","b","scaleCorrectRadius","radius","scale","previousScale","test","split","axis","parseFloat","match","join","scaleCorrectShadow","shadow","color","params","inset","ofx","ofy","blr","spr","ratio","shadows","fill","val","correctForParentScale","element","align","animator","parent","parentElement","dataset","lively","getParentAnimator","trackList","some","track","correctAfterEnded","width","height","getBoundingClientRect","x","offsetWidth","y","offsetHeight","dx","dy","style","transform","filterRemovedAnimators","children","toRemove","prefix","isValidElement","props","id","_livelyId","delete","getRemovedAnimators","removed","animators","ClipConfigKeys","duration","delay","repeat","alternate","reverse","easing","composite","extractAnimationLinks","animate","links","callbacks","Clip","remove","getInitialStyleFromLinks","index"],"mappings":"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"}
|
package/dist/layout-group.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as t}from"react/jsx-runtime";import{createContext as
|
|
2
|
+
import{jsx as t}from"react/jsx-runtime";import{createContext as r,useId as e,useRef as n,useState as o,useLayoutEffect as i,useEffect as a}from"react";import{filterRemovedAnimators as u,getRemovedAnimators as s}from"./core/utils.js";import{registerLayoutGroup as c,forEachAnimator as m,unregisterLayoutGroup as l}from"./core/state.js";const d=r("");function f({children:r,skipInitialMount:f=!1,mode:p="wait"}){const g="_lg"+e(),h=n(0),w=n(0),v=n(r),x=c(g,f),[M,j]=o(0),y=u(r,new Set(x.animators));if(y.size){if("sync"===p){const t=Array.isArray(r)?r.slice():[r];for(const[r,e]of s(v.current,y))t.splice(r,0,e);v.current=t}let t=0;m(y,(r=>{"mounted"===r.state&&(t=Math.max(t,r.trigger("unmount",{cascade:"reverse",composite:"override"})),r.state="unmounting",r.dispatch("unmount"))})),w.current=Math.max(w.current,Date.now()+1e3*t)}clearTimeout(h.current);const T=w.current-Date.now();return T>0?(m(x.animators,(t=>{"unmounting"!==t.state||y.has(t.id)||(t.trigger("mount",{override:!0}),t.state="mounted")})),h.current=setTimeout((()=>{v.current=r,j((t=>t+1))}),T)):"wait"===p&&(v.current=r),i((()=>{m(x.animators,(t=>{"mounted"===t.state&&t.transition()}))}),[r]),a((()=>(x.skipInitialMount=!1,()=>{l(g),clearTimeout(h.current)})),[]),t(d,{value:g,children:v.current})}export{d as LayoutGroupContext,f as default};
|
|
3
3
|
//# sourceMappingURL=layout-group.js.map
|
package/dist/types/animate.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import Animator, { AnimationOptions, AnimationTrigger } from "./core/animator";
|
|
2
2
|
import Clip, { ClipInitials, ClipOptions } from "./core/clip";
|
|
3
|
-
import { CacheKey } from "./core/track";
|
|
3
|
+
import { CacheKey, CorrectionAlignment } from "./core/track";
|
|
4
4
|
import { TransitionOptions } from "./core/animation-link";
|
|
5
5
|
export type AnimateTriggers<T extends string> = {
|
|
6
6
|
[key in T]?: AnimationTrigger[] | ({
|
|
@@ -19,7 +19,7 @@ export type AnimateProps<T extends string> = {
|
|
|
19
19
|
triggers?: AnimateTriggers<T | 'animate'>;
|
|
20
20
|
stagger?: number;
|
|
21
21
|
staggerLimit?: number;
|
|
22
|
-
|
|
22
|
+
deformCorrection?: CorrectionAlignment | boolean;
|
|
23
23
|
transition?: TransitionOptions & {
|
|
24
24
|
cache?: CacheKey[];
|
|
25
25
|
};
|
|
@@ -28,4 +28,4 @@ export type AnimateProps<T extends string> = {
|
|
|
28
28
|
onAnimationEnd?: (animation?: T) => void;
|
|
29
29
|
};
|
|
30
30
|
export declare const AnimateContext: import("react").Context<string>;
|
|
31
|
-
export default function Animate<T extends string>({ ref, children, inherit, initial, animate, triggers, stagger, staggerLimit,
|
|
31
|
+
export default function Animate<T extends string>({ ref, children, inherit, initial, animate, triggers, stagger, staggerLimit, deformCorrection, transition, morph, clips, paused, onAnimationEnd }: AnimateProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import AnimationLink, { TransitionOptions } from "./animation-link";
|
|
2
2
|
import Clip, { ClipConfig, ClipInitials, ClipKey, ClipOptions } from "./clip";
|
|
3
|
-
import Track, { CacheKey } from "./track";
|
|
3
|
+
import Track, { CacheKey, CorrectionAlignment } from "./track";
|
|
4
4
|
export type LifeCycleTrigger = 'mount' | 'unmount';
|
|
5
5
|
export type AnimationTrigger = LifeCycleTrigger | boolean | number;
|
|
6
6
|
export type AnimationOptions = Omit<ClipConfig, 'duration' | 'easing'> & {
|
|
@@ -14,6 +14,7 @@ export default class Animator<T extends string> {
|
|
|
14
14
|
id: string;
|
|
15
15
|
parent: Animator<any> | null;
|
|
16
16
|
dependents: Set<Animator<any>>;
|
|
17
|
+
inherit: ('ignoreScaleDeformation' | 'defaultTransitionOptions' | 'cache' | 'align')[];
|
|
17
18
|
clips: {
|
|
18
19
|
[key in T]: Clip;
|
|
19
20
|
};
|
|
@@ -29,6 +30,7 @@ export default class Animator<T extends string> {
|
|
|
29
30
|
ignoreScaleDeformation: boolean;
|
|
30
31
|
defaultTransitionOptions: TransitionOptions;
|
|
31
32
|
cache: CacheKey[];
|
|
33
|
+
align: CorrectionAlignment;
|
|
32
34
|
stagger: number;
|
|
33
35
|
staggerLimit: number;
|
|
34
36
|
initialStyles: ClipInitials | null;
|
|
@@ -38,7 +40,7 @@ export default class Animator<T extends string> {
|
|
|
38
40
|
state: 'unmounted' | 'unmounting' | 'mounted';
|
|
39
41
|
paused: boolean;
|
|
40
42
|
frame: number;
|
|
41
|
-
constructor({ id, clips, lifeCycleAnimations,
|
|
43
|
+
constructor({ id, clips, lifeCycleAnimations, deformCorrection, transition, stagger, staggerLimit }: {
|
|
42
44
|
id: string;
|
|
43
45
|
clips: {
|
|
44
46
|
[key in T]: Clip;
|
|
@@ -46,8 +48,8 @@ export default class Animator<T extends string> {
|
|
|
46
48
|
lifeCycleAnimations: {
|
|
47
49
|
[key in LifeCycleTrigger]?: T[];
|
|
48
50
|
};
|
|
49
|
-
|
|
50
|
-
transition
|
|
51
|
+
deformCorrection?: CorrectionAlignment | boolean;
|
|
52
|
+
transition?: TransitionOptions & {
|
|
51
53
|
cache?: CacheKey[];
|
|
52
54
|
};
|
|
53
55
|
stagger: number;
|
|
@@ -39,7 +39,7 @@ export default class Clip {
|
|
|
39
39
|
duration: number;
|
|
40
40
|
delay: number;
|
|
41
41
|
iterations: number;
|
|
42
|
-
directions: "
|
|
42
|
+
directions: "reverse" | "alternate" | "alternate-reverse" | "normal";
|
|
43
43
|
easing: Easing;
|
|
44
44
|
composite: "accumulate" | "replace";
|
|
45
45
|
blendmode: BlendMode;
|
|
@@ -15,9 +15,14 @@ export type TrackAnimation = Animation & {
|
|
|
15
15
|
name?: string;
|
|
16
16
|
blendmode: BlendMode;
|
|
17
17
|
};
|
|
18
|
+
export type CorrectionAlignment = {
|
|
19
|
+
x: 'left' | 'center' | 'right';
|
|
20
|
+
y: 'top' | 'center' | 'bottom';
|
|
21
|
+
};
|
|
18
22
|
export default class Track {
|
|
19
23
|
element: HTMLElement | SVGElement;
|
|
20
24
|
shouldCache: CacheKey[];
|
|
25
|
+
align: CorrectionAlignment;
|
|
21
26
|
styles: CSSStyleDeclaration;
|
|
22
27
|
cache: StyleCache;
|
|
23
28
|
scale: ScaleTuple;
|
|
@@ -29,7 +34,9 @@ export default class Track {
|
|
|
29
34
|
queue: TrackAnimation[];
|
|
30
35
|
animations: TrackAnimation[];
|
|
31
36
|
active: number;
|
|
32
|
-
|
|
37
|
+
timeout: number;
|
|
38
|
+
correctAfterEnded: boolean;
|
|
39
|
+
constructor(element: HTMLElement | SVGElement, shouldCache: CacheKey[], align: CorrectionAlignment);
|
|
33
40
|
snapshot(): StyleCache;
|
|
34
41
|
push(clip: Clip, options?: AnimationOptions, onEnded?: () => void): number;
|
|
35
42
|
advance(): void;
|
|
@@ -2,8 +2,9 @@ import { AnimationOptions, AnimationTrigger } from "./animator";
|
|
|
2
2
|
import Clip, { ClipConfig, ClipInitials, ClipKey, ClipKeyframe, ClipKeyframes, ClipOptions } from "./clip";
|
|
3
3
|
import { AnimateTriggers } from "../animate";
|
|
4
4
|
import AnimationLink from "./animation-link";
|
|
5
|
+
import { CorrectionAlignment } from "./track";
|
|
5
6
|
export declare const keyframeEpsilon = 0.0001;
|
|
6
|
-
export declare
|
|
7
|
+
export declare function clampLowerBound(num: number, precision?: number): number;
|
|
7
8
|
export declare const asArray: (value: number | number[]) => number[];
|
|
8
9
|
export declare function mergeRefs(...refs: React.Ref<any>[]): (value: any) => void;
|
|
9
10
|
export declare function mergeStyles(...stylesList: (ClipInitials | undefined)[]): import("react").CSSProperties;
|
|
@@ -26,39 +27,13 @@ export declare function parseClipKeyframes(keyframes: ClipKeyframes, initial: Cl
|
|
|
26
27
|
export type ScaleTuple = readonly [number, number];
|
|
27
28
|
export declare function scaleCorrectRadius(radius: string, scale: ScaleTuple, previousScale: ScaleTuple): string;
|
|
28
29
|
export declare function scaleCorrectShadow(shadow: string, scale: ScaleTuple, previousScale: ScaleTuple): string;
|
|
29
|
-
export declare function
|
|
30
|
+
export declare function correctForParentScale(element: HTMLElement, offset: [number, number], align: CorrectionAlignment): void;
|
|
31
|
+
export declare function filterRemovedAnimators(children: React.ReactNode, toRemove: Set<string>, prefix?: string): Set<string>;
|
|
32
|
+
export declare function getRemovedAnimators(children: React.ReactNode, removed: Set<string>): [number, import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>][];
|
|
30
33
|
export declare const ClipConfigKeys: {
|
|
31
34
|
[key in keyof Required<ClipConfig>]: number;
|
|
32
35
|
};
|
|
33
36
|
export declare function extractAnimationLinks(animate: Clip | ClipOptions, callback: (key: ClipKey, link: AnimationLink<any>) => void): readonly [{
|
|
34
|
-
strokeLength?: AnimationLink<any, any> | undefined;
|
|
35
|
-
strokeDashoffset?: AnimationLink<any, any> | undefined;
|
|
36
|
-
all?: AnimationLink<any, any> | undefined;
|
|
37
|
-
contain?: AnimationLink<any, any> | undefined;
|
|
38
|
-
color?: AnimationLink<any, any> | undefined;
|
|
39
|
-
overlay?: AnimationLink<any, any> | undefined;
|
|
40
|
-
left?: AnimationLink<any, any> | undefined;
|
|
41
|
-
right?: AnimationLink<any, any> | undefined;
|
|
42
|
-
bottom?: AnimationLink<any, any> | undefined;
|
|
43
|
-
top?: AnimationLink<any, any> | undefined;
|
|
44
|
-
inset?: AnimationLink<any, any> | undefined;
|
|
45
|
-
page?: AnimationLink<any, any> | undefined;
|
|
46
|
-
content?: AnimationLink<any, any> | undefined;
|
|
47
|
-
flex?: AnimationLink<any, any> | undefined;
|
|
48
|
-
grid?: AnimationLink<any, any> | undefined;
|
|
49
|
-
position?: AnimationLink<any, any> | undefined;
|
|
50
|
-
fill?: AnimationLink<any, any> | undefined;
|
|
51
|
-
clip?: AnimationLink<any, any> | undefined;
|
|
52
|
-
stroke?: AnimationLink<any, any> | undefined;
|
|
53
|
-
x?: AnimationLink<any, any> | undefined;
|
|
54
|
-
y?: AnimationLink<any, any> | undefined;
|
|
55
|
-
caret?: AnimationLink<any, any> | undefined;
|
|
56
|
-
zoom?: AnimationLink<any, any> | undefined;
|
|
57
|
-
clear?: AnimationLink<any, any> | undefined;
|
|
58
|
-
border?: AnimationLink<any, any> | undefined;
|
|
59
|
-
padding?: AnimationLink<any, any> | undefined;
|
|
60
|
-
filter?: AnimationLink<any, any> | undefined;
|
|
61
|
-
offset?: AnimationLink<any, any> | undefined;
|
|
62
37
|
accentColor?: AnimationLink<any, any> | undefined;
|
|
63
38
|
alignContent?: AnimationLink<any, any> | undefined;
|
|
64
39
|
alignItems?: AnimationLink<any, any> | undefined;
|
|
@@ -134,6 +109,7 @@ export declare function extractAnimationLinks(animate: Clip | ClipOptions, callb
|
|
|
134
109
|
borderTopRightRadius?: AnimationLink<any, any> | undefined;
|
|
135
110
|
borderTopStyle?: AnimationLink<any, any> | undefined;
|
|
136
111
|
borderTopWidth?: AnimationLink<any, any> | undefined;
|
|
112
|
+
bottom?: AnimationLink<any, any> | undefined;
|
|
137
113
|
boxDecorationBreak?: AnimationLink<any, any> | undefined;
|
|
138
114
|
boxShadow?: AnimationLink<any, any> | undefined;
|
|
139
115
|
boxSizing?: AnimationLink<any, any> | undefined;
|
|
@@ -143,8 +119,10 @@ export declare function extractAnimationLinks(animate: Clip | ClipOptions, callb
|
|
|
143
119
|
captionSide?: AnimationLink<any, any> | undefined;
|
|
144
120
|
caretColor?: AnimationLink<any, any> | undefined;
|
|
145
121
|
caretShape?: AnimationLink<any, any> | undefined;
|
|
122
|
+
clear?: AnimationLink<any, any> | undefined;
|
|
146
123
|
clipPath?: AnimationLink<any, any> | undefined;
|
|
147
124
|
clipRule?: AnimationLink<any, any> | undefined;
|
|
125
|
+
color?: AnimationLink<any, any> | undefined;
|
|
148
126
|
colorAdjust?: AnimationLink<any, any> | undefined;
|
|
149
127
|
colorInterpolationFilters?: AnimationLink<any, any> | undefined;
|
|
150
128
|
colorScheme?: AnimationLink<any, any> | undefined;
|
|
@@ -156,12 +134,14 @@ export declare function extractAnimationLinks(animate: Clip | ClipOptions, callb
|
|
|
156
134
|
columnRuleWidth?: AnimationLink<any, any> | undefined;
|
|
157
135
|
columnSpan?: AnimationLink<any, any> | undefined;
|
|
158
136
|
columnWidth?: AnimationLink<any, any> | undefined;
|
|
137
|
+
contain?: AnimationLink<any, any> | undefined;
|
|
159
138
|
containIntrinsicBlockSize?: AnimationLink<any, any> | undefined;
|
|
160
139
|
containIntrinsicHeight?: AnimationLink<any, any> | undefined;
|
|
161
140
|
containIntrinsicInlineSize?: AnimationLink<any, any> | undefined;
|
|
162
141
|
containIntrinsicWidth?: AnimationLink<any, any> | undefined;
|
|
163
142
|
containerName?: AnimationLink<any, any> | undefined;
|
|
164
143
|
containerType?: AnimationLink<any, any> | undefined;
|
|
144
|
+
content?: AnimationLink<any, any> | undefined;
|
|
165
145
|
contentVisibility?: AnimationLink<any, any> | undefined;
|
|
166
146
|
counterIncrement?: AnimationLink<any, any> | undefined;
|
|
167
147
|
counterReset?: AnimationLink<any, any> | undefined;
|
|
@@ -175,8 +155,10 @@ export declare function extractAnimationLinks(animate: Clip | ClipOptions, callb
|
|
|
175
155
|
dominantBaseline?: AnimationLink<any, any> | undefined;
|
|
176
156
|
emptyCells?: AnimationLink<any, any> | undefined;
|
|
177
157
|
fieldSizing?: AnimationLink<any, any> | undefined;
|
|
158
|
+
fill?: AnimationLink<any, any> | undefined;
|
|
178
159
|
fillOpacity?: AnimationLink<any, any> | undefined;
|
|
179
160
|
fillRule?: AnimationLink<any, any> | undefined;
|
|
161
|
+
filter?: AnimationLink<any, any> | undefined;
|
|
180
162
|
flexBasis?: AnimationLink<any, any> | undefined;
|
|
181
163
|
flexDirection?: AnimationLink<any, any> | undefined;
|
|
182
164
|
flexGrow?: AnimationLink<any, any> | undefined;
|
|
@@ -243,6 +225,7 @@ export declare function extractAnimationLinks(animate: Clip | ClipOptions, callb
|
|
|
243
225
|
justifyItems?: AnimationLink<any, any> | undefined;
|
|
244
226
|
justifySelf?: AnimationLink<any, any> | undefined;
|
|
245
227
|
justifyTracks?: AnimationLink<any, any> | undefined;
|
|
228
|
+
left?: AnimationLink<any, any> | undefined;
|
|
246
229
|
letterSpacing?: AnimationLink<any, any> | undefined;
|
|
247
230
|
lightingColor?: AnimationLink<any, any> | undefined;
|
|
248
231
|
lineBreak?: AnimationLink<any, any> | undefined;
|
|
@@ -320,6 +303,7 @@ export declare function extractAnimationLinks(animate: Clip | ClipOptions, callb
|
|
|
320
303
|
overflowWrap?: AnimationLink<any, any> | undefined;
|
|
321
304
|
overflowX?: AnimationLink<any, any> | undefined;
|
|
322
305
|
overflowY?: AnimationLink<any, any> | undefined;
|
|
306
|
+
overlay?: AnimationLink<any, any> | undefined;
|
|
323
307
|
overscrollBehaviorBlock?: AnimationLink<any, any> | undefined;
|
|
324
308
|
overscrollBehaviorInline?: AnimationLink<any, any> | undefined;
|
|
325
309
|
overscrollBehaviorX?: AnimationLink<any, any> | undefined;
|
|
@@ -332,10 +316,12 @@ export declare function extractAnimationLinks(animate: Clip | ClipOptions, callb
|
|
|
332
316
|
paddingLeft?: AnimationLink<any, any> | undefined;
|
|
333
317
|
paddingRight?: AnimationLink<any, any> | undefined;
|
|
334
318
|
paddingTop?: AnimationLink<any, any> | undefined;
|
|
319
|
+
page?: AnimationLink<any, any> | undefined;
|
|
335
320
|
paintOrder?: AnimationLink<any, any> | undefined;
|
|
336
321
|
perspective?: AnimationLink<any, any> | undefined;
|
|
337
322
|
perspectiveOrigin?: AnimationLink<any, any> | undefined;
|
|
338
323
|
pointerEvents?: AnimationLink<any, any> | undefined;
|
|
324
|
+
position?: AnimationLink<any, any> | undefined;
|
|
339
325
|
positionAnchor?: AnimationLink<any, any> | undefined;
|
|
340
326
|
positionArea?: AnimationLink<any, any> | undefined;
|
|
341
327
|
positionTryFallbacks?: AnimationLink<any, any> | undefined;
|
|
@@ -345,6 +331,7 @@ export declare function extractAnimationLinks(animate: Clip | ClipOptions, callb
|
|
|
345
331
|
quotes?: AnimationLink<any, any> | undefined;
|
|
346
332
|
r?: AnimationLink<any, any> | undefined;
|
|
347
333
|
resize?: AnimationLink<any, any> | undefined;
|
|
334
|
+
right?: AnimationLink<any, any> | undefined;
|
|
348
335
|
rotate?: AnimationLink<any, any> | undefined;
|
|
349
336
|
rowGap?: AnimationLink<any, any> | undefined;
|
|
350
337
|
rubyAlign?: AnimationLink<any, any> | undefined;
|
|
@@ -391,8 +378,10 @@ export declare function extractAnimationLinks(animate: Clip | ClipOptions, callb
|
|
|
391
378
|
speakAs?: AnimationLink<any, any> | undefined;
|
|
392
379
|
stopColor?: AnimationLink<any, any> | undefined;
|
|
393
380
|
stopOpacity?: AnimationLink<any, any> | undefined;
|
|
381
|
+
stroke?: AnimationLink<any, any> | undefined;
|
|
394
382
|
strokeColor?: AnimationLink<any, any> | undefined;
|
|
395
383
|
strokeDasharray?: AnimationLink<any, any> | undefined;
|
|
384
|
+
strokeDashoffset?: AnimationLink<any, any> | undefined;
|
|
396
385
|
strokeLinecap?: AnimationLink<any, any> | undefined;
|
|
397
386
|
strokeLinejoin?: AnimationLink<any, any> | undefined;
|
|
398
387
|
strokeMiterlimit?: AnimationLink<any, any> | undefined;
|
|
@@ -431,6 +420,7 @@ export declare function extractAnimationLinks(animate: Clip | ClipOptions, callb
|
|
|
431
420
|
textWrapMode?: AnimationLink<any, any> | undefined;
|
|
432
421
|
textWrapStyle?: AnimationLink<any, any> | undefined;
|
|
433
422
|
timelineScope?: AnimationLink<any, any> | undefined;
|
|
423
|
+
top?: AnimationLink<any, any> | undefined;
|
|
434
424
|
touchAction?: AnimationLink<any, any> | undefined;
|
|
435
425
|
transform?: AnimationLink<any, any> | undefined;
|
|
436
426
|
transformBox?: AnimationLink<any, any> | undefined;
|
|
@@ -461,11 +451,16 @@ export declare function extractAnimationLinks(animate: Clip | ClipOptions, callb
|
|
|
461
451
|
wordSpacing?: AnimationLink<any, any> | undefined;
|
|
462
452
|
wordWrap?: AnimationLink<any, any> | undefined;
|
|
463
453
|
writingMode?: AnimationLink<any, any> | undefined;
|
|
454
|
+
x?: AnimationLink<any, any> | undefined;
|
|
455
|
+
y?: AnimationLink<any, any> | undefined;
|
|
464
456
|
zIndex?: AnimationLink<any, any> | undefined;
|
|
457
|
+
zoom?: AnimationLink<any, any> | undefined;
|
|
458
|
+
all?: AnimationLink<any, any> | undefined;
|
|
465
459
|
animation?: AnimationLink<any, any> | undefined;
|
|
466
460
|
animationRange?: AnimationLink<any, any> | undefined;
|
|
467
461
|
background?: AnimationLink<any, any> | undefined;
|
|
468
462
|
backgroundPosition?: AnimationLink<any, any> | undefined;
|
|
463
|
+
border?: AnimationLink<any, any> | undefined;
|
|
469
464
|
borderBlock?: AnimationLink<any, any> | undefined;
|
|
470
465
|
borderBlockColor?: AnimationLink<any, any> | undefined;
|
|
471
466
|
borderBlockEnd?: AnimationLink<any, any> | undefined;
|
|
@@ -487,17 +482,21 @@ export declare function extractAnimationLinks(animate: Clip | ClipOptions, callb
|
|
|
487
482
|
borderStyle?: AnimationLink<any, any> | undefined;
|
|
488
483
|
borderTop?: AnimationLink<any, any> | undefined;
|
|
489
484
|
borderWidth?: AnimationLink<any, any> | undefined;
|
|
485
|
+
caret?: AnimationLink<any, any> | undefined;
|
|
490
486
|
columnRule?: AnimationLink<any, any> | undefined;
|
|
491
487
|
columns?: AnimationLink<any, any> | undefined;
|
|
492
488
|
containIntrinsicSize?: AnimationLink<any, any> | undefined;
|
|
493
489
|
container?: AnimationLink<any, any> | undefined;
|
|
490
|
+
flex?: AnimationLink<any, any> | undefined;
|
|
494
491
|
flexFlow?: AnimationLink<any, any> | undefined;
|
|
495
492
|
font?: AnimationLink<any, any> | undefined;
|
|
496
493
|
gap?: AnimationLink<any, any> | undefined;
|
|
494
|
+
grid?: AnimationLink<any, any> | undefined;
|
|
497
495
|
gridArea?: AnimationLink<any, any> | undefined;
|
|
498
496
|
gridColumn?: AnimationLink<any, any> | undefined;
|
|
499
497
|
gridRow?: AnimationLink<any, any> | undefined;
|
|
500
498
|
gridTemplate?: AnimationLink<any, any> | undefined;
|
|
499
|
+
inset?: AnimationLink<any, any> | undefined;
|
|
501
500
|
insetBlock?: AnimationLink<any, any> | undefined;
|
|
502
501
|
insetInline?: AnimationLink<any, any> | undefined;
|
|
503
502
|
lineClamp?: AnimationLink<any, any> | undefined;
|
|
@@ -508,9 +507,11 @@ export declare function extractAnimationLinks(animate: Clip | ClipOptions, callb
|
|
|
508
507
|
mask?: AnimationLink<any, any> | undefined;
|
|
509
508
|
maskBorder?: AnimationLink<any, any> | undefined;
|
|
510
509
|
motion?: AnimationLink<any, any> | undefined;
|
|
510
|
+
offset?: AnimationLink<any, any> | undefined;
|
|
511
511
|
outline?: AnimationLink<any, any> | undefined;
|
|
512
512
|
overflow?: AnimationLink<any, any> | undefined;
|
|
513
513
|
overscrollBehavior?: AnimationLink<any, any> | undefined;
|
|
514
|
+
padding?: AnimationLink<any, any> | undefined;
|
|
514
515
|
paddingBlock?: AnimationLink<any, any> | undefined;
|
|
515
516
|
paddingInline?: AnimationLink<any, any> | undefined;
|
|
516
517
|
placeContent?: AnimationLink<any, any> | undefined;
|
|
@@ -788,6 +789,7 @@ export declare function extractAnimationLinks(animate: Clip | ClipOptions, callb
|
|
|
788
789
|
boxOrdinalGroup?: AnimationLink<any, any> | undefined;
|
|
789
790
|
boxOrient?: AnimationLink<any, any> | undefined;
|
|
790
791
|
boxPack?: AnimationLink<any, any> | undefined;
|
|
792
|
+
clip?: AnimationLink<any, any> | undefined;
|
|
791
793
|
fontStretch?: AnimationLink<any, any> | undefined;
|
|
792
794
|
gridColumnGap?: AnimationLink<any, any> | undefined;
|
|
793
795
|
gridGap?: AnimationLink<any, any> | undefined;
|
|
@@ -889,6 +891,7 @@ export declare function extractAnimationLinks(animate: Clip | ClipOptions, callb
|
|
|
889
891
|
colorInterpolation?: AnimationLink<any, any> | undefined;
|
|
890
892
|
colorRendering?: AnimationLink<any, any> | undefined;
|
|
891
893
|
glyphOrientationVertical?: AnimationLink<any, any> | undefined;
|
|
894
|
+
strokeLength?: AnimationLink<any, any> | undefined;
|
|
892
895
|
}, () => void];
|
|
893
896
|
export declare function getInitialStyleFromLinks(links: {
|
|
894
897
|
[key in ClipKey]?: AnimationLink<any>;
|
|
@@ -3,5 +3,5 @@ export declare const LayoutGroupContext: React.Context<string>;
|
|
|
3
3
|
export default function LayoutGroup({ children, skipInitialMount, mode }: {
|
|
4
4
|
children: React.ReactNode;
|
|
5
5
|
skipInitialMount?: boolean;
|
|
6
|
-
mode?: 'wait' | '
|
|
6
|
+
mode?: 'wait' | 'sync';
|
|
7
7
|
}): import("react/jsx-runtime").JSX.Element;
|