@pixodesk/svg-animator-web 1.0.44 → 1.0.46

package/dist/index.min.js

@@ -1 +1 @@
-import{PX_ANIM_ATTR_NAME as e,PX_ANIM_SRC_ATTR_NAME as n,PX_COLOR_ATTR_NAMES as t,PX_CSS_ONLY_STYLE_PROPS as r,PX_DEFAULT_DURATION_MS as o,PX_DISALLOWED_SVG_TAGS_LOWER as l,PX_PCT_BASED_ATTR_NAMES as i,PX_STYLE_ATTR_NAMES as s,PX_TEXT_CONTENT_ATTR as a,PX_TRANSFORM_FN_NAMES as u,PxAnimatorConfigSchema as c,PxDefinitionsSchema as d,PxDiagnosticCode as f,PxDiagnosticKind as m,PxMouseOutAction as v,PxNodeBaseSchema as h,PxScrollSchema as g,PxSvgNodeRootSchema as y,PxTimelineEngine as p,PxTimelineEngineSetting as b,PxTriggerSchema as w,PxTriggerStart as E,__objRest as A,__spreadProps as S,__spreadValues as P,applyAnimatorConfig as x,bezierToSvgPath as C,camelCaseToKebabWordIfNeeded as R,clamp as T,clampSeekMs as k,composeTransformParts as F,createAdapterAnimator as j,createDiagnostics as q,createVisibilityGate as L,cubicBezier as M,foldTimelineOverride as O,generateNewIds as N,getAnimatorConfig as z,getDefinitions as W,interpolateValue as B,isNativeForced as H,isPxDocument as D,isValidPlaybackRate as I,kebabToCamelCaseWord as G,keyframeEasing as U,keyframeValue as _,materializeAllInTree as K,mayUseNativeScrollTimeline as V,normalizeBindings as X,progressToTimeMs as Y,px as $,reportDocumentDiagnostics as J,resolveTimelineEngine as Q,resolveTrigger as Z,sanitizeAttributeValue as ee,seekCeilingMs as ne,splitEasing as te,timeToProgress as re,toDomProps as oe,toRGBA as le,validateDocument as ie,validateNodeEffects as se}from"./chunk-AROHP6GD.min.js";function ae(e){return"scroll"===(null==e?void 0:e.timelineSource)}function ue(e,n,t,r){var o;const[l,i]=function(e,n,t){const r=n,o=t;switch(e){case"cover":return[0,r+o];case"entry":return[0,Math.min(r,o)];case"contain":return[Math.min(r,o),Math.max(r,o)];case"exit":return[Math.max(r,o),r+o];case"entry-crossing":return[0,r];case"exit-crossing":return[o,r+o]}}(null!=(o=null==e?void 0:e.phase)?o:"cover",t,r);return l+("number"==typeof(null==e?void 0:e.fraction)?e.fraction:n)*(i-l)}var ce=Symbol.for("@pixodesk/svg-animator-web:animators"),de="__pixodeskAnimators";function fe(){const e=globalThis;let n=e[ce];if(!n){const t=new Set,r=new Set;n={animators:t,listeners:r,getAll:()=>Array.from(t),subscribe:e=>(r.add(e),()=>{r.delete(e)})},e[ce]=n,void 0===e[de]&&(e[de]=n)}return n}function me(){return fe().getAll()}function ve(e){return fe().subscribe(e)}function he(e,n){for(const t of fe().listeners)try{t(e,n)}catch(e){setTimeout(()=>{throw e},0)}}function ge(e,n,t){const r=null!=t?t:q(void 0,"[PxAnimator]"),o=[],l=()=>{for(const e of o.splice(0))e()},i=Z(n),s=e.getRootElement();if(!s)return r.warn(m.host,f.triggersNoRoot),l;let a=!1;const u=L(s,i,{isPlaying:()=>e.isPlaying(),play:()=>{a&&(a=!1,e.setPlaybackRate(1)),e.play()},pause:()=>e.pause(),cancel:()=>e.cancel()});switch(o.push(()=>u.dispose()),i.start){case E.load:{const e=()=>u.requestStart(!1);"complete"===document.readyState?e():(window.addEventListener("load",e,{once:!0}),o.push(()=>window.removeEventListener("load",e)));break}case E.mouseOver:{let n=!1;const t=()=>{n=!0,u.requestStart(!0)},r=()=>{n&&(()=>{switch(i.mouseOut){case v.pause:e.pause();break;case v.reset:e.cancel();break;case v.reverse:a=!0,e.setPlaybackRate(-1),e.play();case v.continue:}})()};s.addEventListener("mouseenter",t),s.addEventListener("mouseleave",r),o.push(()=>{s.removeEventListener("mouseenter",t),s.removeEventListener("mouseleave",r)});break}case E.click:{const n=()=>{e.isPlaying()?e.pause():u.requestStart(!0)};s.addEventListener("click",n),o.push(()=>s.removeEventListener("click",n));break}case E.none:}return l}function ye(e){return"#"+function(e){const n=globalThis.CSS;return"function"==typeof(null==n?void 0:n.escape)?n.escape(e):e.replace(/^([0-9])/,(e,n)=>"\\3"+n+" ").replace(/([^\w\-\\ ])/g,"\\$1")}(e)}function pe(e,n,t,r){var o;const l=z(e)||{},i=q(t,"[PxAnimator]");if(!r)if(e.id){const n=ye(e.id);(r=document.querySelector(n))||i.warn(m.host,f.noRootForSelector,n)}else i.warn(m.host,f.noRootElement);const a=j(e,n||function(e,n){const t=new Set,r=null!=n?n:q(void 0,"[PxAnimator]");return{isConnected:()=>!e||e.isConnected,setAttribute:(n,o,l)=>{o=R(o);const i=ye(n),a=(null==e?void 0:e.querySelectorAll(i))||document.querySelectorAll(i);0!==a.length||t.has(i)||(t.add(i),r.warn(m.host,f.setAttributeNoElement,i));for(let e=0;e<a.length;e++){const n=a[e],t="transform"===o&&"pattern"===n.tagName?"patternTransform":o;n.setAttribute(t,l),s.has(o)&&(n.style[o]=l)}}}}(r,i),t),u=S(P({},a),{getRootElement:()=>r||null});if(ae(l))l.trigger&&i.warn(m.usage,f.scrollTriggerIgnored);else{const e=ge(u,null!=(o=l.trigger)?o:{},i),n=u.destroy.bind(u);u.destroy=()=>{e(),n()}}return u}function be(e,n,r,o){let l=_(e);const s=U(e),a={offset:n,easing:s&&Array.isArray(s)?"cubic-bezier("+s.join(",")+")":void 0};let c,d=r;return t.has(r)&&Array.isArray(l)?c=le(l):"transform"!==r||null===l||"object"!=typeof l||Array.isArray(l)?u.has(r)?(Array.isArray(l)&&("translate"===r&&(l=l.map(e=>e+"px")),l=l.join(",")),"rotate"===r&&(l+="deg"),c=r+"("+l+")",d="transform"):c="d"===r?'path("'+(l&&"object"==typeof l&&Array.isArray(l.paths)?l.paths:[]).map(e=>C(e,!0)).join("")+'")':i.has(r)&&"number"==typeof l?100*l+"%":""+l:(c=F(l,{withUnits:!0}),d="transform"),CSS.supports(R(d),c)||o.add(d),d=G(d),a[d]=c,a}function we(e,n,t){var r,o,l,i,s;const a=[];for(let u=0;u<n.length;u++){const c=n[u],d=null!=(r=c.t)?r:0;if(d<0){const t=n[u+1];if(t&&(null!=(o=t.t)?o:0)>=0){const n=(0-d)/((null!=(l=t.t)?l:0)-d),r=c.e?M(c.e)(n):n,{right:o}=te(c.e,n);a.push({t:0,v:B(e,c.v,t.v,r),e:o})}continue}if(d>t){const r=n[u-1];if(r&&(null!=(i=r.t)?i:0)<=t){const n=null!=(s=r.t)?s:0,o=(t-n)/(d-n),l=r.e?M(r.e)(o):o,{left:i}=te(r.e,o);a.length>0&&(a[a.length-1]=S(P({},a[a.length-1]),{e:i})),a.push({t:t,v:B(e,r.v,c.v,l),e:void 0})}break}a.push(c)}return a}function Ee(e,n,t){var r;const o=new Map;for(const[l,i]of Object.entries(e)){const e=t.duration||1,s=we(l,i.keyframes||[],e),a=[];for(let t=0;t<s.length;t++){const o=s[t],i=be(o,T((null!=(r=o.t)?r:0)/e,0,1),l,n);0===t&&(i.offset||0)>0&&a.push(S(P({},i),{offset:0})),a.push(i)}a.length>0&&(a[a.length-1].offset||0)<1&&a.push(S(P({},a[a.length-1]),{offset:1})),a.length>0&&o.set(l,a)}return o}function Ae(e,n,t,r,o){var l,i;const s=z(e)||{},a=q(n,"[PxAnimator]");if(!t)if(e.id){const n=ye(e.id);(t=document.querySelector(n))||a.warn(m.host,f.noRootForSelector,n)}else a.warn(m.host,f.noRootElement);const u=X(e,p.native),c=[],d=s.iterations;let v;"number"==typeof d&&(v=d),"infinite"===d&&(v=1/0);const h=new Set;let g=!1,y=!1;(null==u?void 0:u.length)||a.warn(m.document,f.noBindings);for(const e of u||[]){const r=e.animate;if(!r||"object"!=typeof r||Array.isArray(r)){a.warn(m.document,f.unresolvedBinding,e);continue}const i=ye(e.id),u=(null==t?void 0:t.querySelectorAll(i))||document.querySelectorAll(i);0===u.length&&a.warn(m.host,f.noElementsForSelector,i);const d=Ee(r,h,s),p=s.delay&&s.delay>0?s.delay:void 0;let b;if(s.delay&&s.delay<0&&s.duration){const e=-s.delay;b=v===1/0?e%s.duration:Math.min(e,s.duration*(null!=v?v:1))}const w={duration:s.duration,delay:p,fill:null!=(l=s.fill)?l:"forwards",direction:s.direction,iterations:v};for(let e=0;e<u.length;e++){const t=u[e];for(const[,e]of d)if(e.length>0)try{const r=new KeyframeEffect(t,e,w),l=new Animation(r,o?o.timeline:document.timeline);if(o){const e=l;o.rangeStart&&(e.rangeStart=o.rangeStart),o.rangeEnd&&(e.rangeEnd=o.rangeEnd)}(null==n?void 0:n.onFinish)&&(l.onfinish=()=>{var e;g||(g=!0,null==(e=n.onFinish)||e.call(n))}),(null==n?void 0:n.onRemove)&&(l.onremove=()=>{var e;y||(y=!0,null==(e=n.onRemove)||e.call(n))}),void 0!==b&&(l.currentTime=b),c.push(l)}catch(e){a.warn(m.internal,f.animationBuildFailed,e)}}}if(!r&&h.size)return a.warn(m.platform,f.unsupportedAnimatedAttrs,[...h].join(", ")),null;const b={isReady:()=>!0,getRootElement:()=>t||null,isPlaying:()=>{var e;return"running"===(null==(e=c[0])?void 0:e.playState)},play:()=>{var e;g=!1,c.forEach(e=>e.play()),null==(e=null==n?void 0:n.onPlay)||e.call(n)},pause:()=>{var e;c.forEach(e=>e.pause()),null==(e=null==n?void 0:n.onPause)||e.call(n)},cancel:()=>{var e;g=!1,c.forEach(e=>e.cancel()),null==(e=null==n?void 0:n.onCancel)||e.call(n)},finish:()=>{var e;for(const n of c)try{(null==(e=n.effect)?void 0:e.getTiming().iterations)===1/0?(n.effect.updateTiming({iterations:1}),n.finish(),n.effect.updateTiming({iterations:1/0})):n.finish()}catch(e){n.cancel()}},setPlaybackRate:e=>I(e)?(c.forEach(n=>n.playbackRate=e),b):(a.warn(m.usage,f.rateRejected),b),getCurrentTime:()=>{var e,n;const t=null!=(n=null==(e=c[0])?void 0:e.currentTime)?n:null;return null!==t?+t:null},setCurrentTime:e=>{var n;const t=ne(null!=(n=s.duration)?n:0,null!=v?v:1),r=t>0?k(e,t):Math.max(0,e);g=!1,c.forEach(e=>{e.currentTime=r})},getCurrentProgress:()=>{var e;const n=b.getCurrentTime();return null===n?null:re(n,null!=(e=s.duration)?e:0,null!=v?v:1)},setCurrentProgress:e=>{var n;b.setCurrentTime(Y(e,null!=(n=s.duration)?n:0,null!=v?v:1))},destroy:()=>{var e;b.cancel(),c.splice(0,c.length),y||(y=!0,null==(e=null==n?void 0:n.onRemove)||e.call(n))}};if("scroll"===s.timelineSource)s.trigger&&a.warn(m.usage,f.scrollTriggerIgnored);else{const e=ge(b,null!=(i=s.trigger)?i:{},a),n=b.destroy.bind(b);b.destroy=()=>{e(),n()}}return o&&c.forEach(e=>e.play()),b}function Se(e,n,t){var r,o,l;const i="number"==typeof(null==e?void 0:e.fraction)?e.fraction:n,s=null==(o=null==(r=globalThis.CSS)?void 0:r.percent)?void 0:o.call(r,100*i);if(void 0!==s)return t?{rangeName:null!=(l=null==e?void 0:e.phase)?l:"cover",offset:s}:{offset:s}}function Pe(e,n){const t=document.body,r=document.documentElement;for(let o=e.parentElement;o;o=o.parentElement){if(o===t||o===r)return null;const e=getComputedStyle(o),l="y"===n?e.overflowY:e.overflowX;if("auto"===l||"scroll"===l||"hidden"===l||"overlay"===l)return o}return null}function xe(){return document.scrollingElement||document.documentElement}function Ce(e,n,t){var r,o;const l=null!=t?t:q(void 0,"[PxAnimator]"),i=null==n?void 0:n.trim();if(!i)return e;if("parent"===i){let n=null;for(let t=e.parentElement;t&&t!==document.body;t=t.parentElement){const e=getComputedStyle(t).position;"sticky"!==e&&"fixed"!==e||(n=t)}return null!=(o=null!=(r=null==n?void 0:n.parentElement)?r:e.parentElement)?o:e}if("scroller"===i)return Pe(e,"y")||Pe(e,"x")||xe();let s=null;try{s=document.querySelector(i)}catch(n){return l.warn(m.document,f.scrollSubjectInvalid,i),e}return s||(l.warn(m.host,f.scrollSubjectNoMatch,i),e)}function Re(e,n){const t=e;if(!(null==n?void 0:n.pin)||!t.style)return()=>{};const r=t.style,o=r.position,l=r.top;r.position="sticky";const i="center"===n.pinAlign?.5:"bottom"===n.pinAlign?1:0,s=()=>{var t;const o=null!=(t=n.pinOffset)?t:0;if(!i)return void(r.top=o+"px");const l=function(e){const n=Pe(e,"y");return n?n.clientHeight:document.documentElement.clientHeight}(e),s=e.getBoundingClientRect().height;r.top=Math.round((l-s)*i+o)+"px"};s();let a=null;const u=i?s:null;i&&(u&&window.addEventListener("resize",u),"undefined"!=typeof ResizeObserver&&(a=new ResizeObserver(s),a.observe(e)));let c=null;const d=e.parentElement;return n.pinDistance&&n.pinDistance>0&&d&&(c=document.createElement("div"),c.setAttribute("data-px-pin",""),c.style.height=100*n.pinDistance+"vh",d.insertBefore(c,e),c.appendChild(e)),()=>{u&&window.removeEventListener("resize",u),null==a||a.disconnect(),r.position=o,r.top=l,(null==c?void 0:c.parentElement)&&(c.parentElement.insertBefore(e,c),c.remove())}}function Te(e,n,t){let r,o=n;e.resetOnFinish&&(o=S(P({},n),{onFinish:()=>{var e;null==(e=null==n?void 0:n.onFinish)||e.call(n),null==r||r.cancel()}}));const l=t(o);return r=l,e.debugGlobalName&&(window[e.debugGlobalName]=l),l}function ke(e,n,t){if(!e)return null;const o=e,{type:i,children:s,style:u}=o,c=A(o,["type","children","style"]),d=c.domType;void 0!==d&&delete c.domType;const v=W(e)||n,h=u;let g;if(s)for(const e of s){const n=ke(e,v,t);n&&(g||(g=[]),g.push(n))}const y=function(e,n,t,o,i,s){if(l.has(e.toLowerCase()))return(null!=s?s:q(void 0,"[PxAnimator]")).warn(m.document,f.blockedTag,e),null;const a=document.createElementNS("http://www.w3.org/2000/svg",e);for(const e in n){const t=ee(e,n[e]);void 0!==t&&(r.has(e)?a.style[e]=String(t):a.setAttribute(R(e),t))}if(t)for(const e in t)a.style[e]=String(t[e]);if(null==o?void 0:o.length)for(const e of o)a.appendChild(e);else i&&(a.textContent=i);return a}(i||"g",oe(c),h,g,c[a],t);return y&&void 0!==d&&y.setAttribute("type",d),y}function Fe(e){const{src:n,doc:t,container:r,resetTimeline:l}=e,i=function(e){return"adapter"in e}(e)?e.adapter:void 0,s=function(e){const{timeline:n,duration:t,delay:r,iterations:o,start:l}=e;return O(n,{duration:t,delay:r,iterations:o,start:l})}(e);let a;const u=function(e){const n=e=>{a&&he(e,a)};return S(P({},e),{onPlay:()=>{var t;null==(t=null==e?void 0:e.onPlay)||t.call(e),n("play")},onPause:()=>{var t;null==(t=null==e?void 0:e.onPause)||t.call(e),n("pause")},onCancel:()=>{var t;null==(t=null==e?void 0:e.onCancel)||t.call(e),n("cancel")},onFinish:()=>{var t;null==(t=null==e?void 0:e.onFinish)||t.call(e),n("finish")}})}(function(e){const{onPlay:n,onPause:t,onCancel:r,onFinish:o,onRemove:l,onStop:i,onWarn:s,onError:a,muteWarn:u,muteError:c}=null!=e?e:{},d=e=>e||i?()=>{null==e||e(),null==i||i()}:void 0;return{onPlay:n,onPause:d(t),onCancel:d(r),onFinish:d(o),onRemove:d(l),onWarn:s,onError:a,muteWarn:u,muteError:c}}(e));if(void 0!==t&&void 0!==n)throw new Error("createAnimator: provide either `src` or `doc`, not both");if(void 0===t&&void 0===n)throw new Error("createAnimator: either `src` or `doc` is required");let c=null,d=[],v=!1;const h=e=>{c?e(c):d&&d.push(e)},g=q(u,"[PxAnimator]"),y=(e,n,...t)=>{d=null,g.error(e,n,...t)},p=e=>{try{(e=>{c=e;const n=d;d=null,null==n||n.forEach(n=>n(e))})(function(e,n,t,r,l,i){const s=q(t,"[PxAnimator]"),a=se(e);for(const e of a)s.warn(m.document,f.effectsShape,e);if(J(e,"[PxAnimator] createAnimator"),void 0!==l||i){const n=x(e,null!=l?l:{},{resetTimeline:!!i});for(const e of n.warnings)s.warn(m.usage,f.timelineOverrideIgnored,e);e=n.doc}const u=z(e)||{},c=Q(u.engine);e=K(e,c);let d=null;if(r){e=N(e);const n="string"==typeof r?document.querySelector(r):r;n&&(d=ke(e,void 0,s),d&&n.replaceChildren(d))}const v=function(e,n,t,r){return function(e,n,t,r){const l=z(e)||{},i=q(t,"[PxAnimator]");return ae(l)?Te(l,t,t=>{var s;let a=()=>{};if(V(l.engine)&&r){a=Re(r,l.scroll);const n=function(e,n,t){var r,o,l,i;const s=null!=t?t:q(void 0,"[PxAnimator]");if(!n||!ae(n))return null;const a=n.scroll||{},u=null!=(r=a.kind)?r:"view";if(a.smoothing)return s.warn(m.platform,f.scrollSmoothingNeedsOwnDriver),null;const c=globalThis,d="view"===u,v=d?c.ViewTimeline:c.ScrollTimeline;if("function"!=typeof v)return null;const h=null!=(o=a.axis)?o:"block";let g;try{g=new v(d?{subject:Ce(e,a.subject,s),axis:h}:{source:"root"===a.source?xe():Pe(e,"y")||Pe(e,"x")||xe(),axis:h})}catch(e){return s.warn(m.platform,f.scrollNativeUnavailable,e),null}return{timeline:g,rangeStart:Se(null==(l=a.range)?void 0:l.start,0,d),rangeEnd:Se(null==(i=a.range)?void 0:i.end,1,d)}}(r,l,i);if(n){const o=Ae(e,t,r,H(l.engine),n);if(o){const e=o.destroy.bind(o);return o.destroy=()=>{a(),e()},o}}a(),a=()=>{}}const u=(l.engine!==b.js?Ae(e,t,r,H(l.engine)):null)||pe(e,n,t,r),c=(null==(s=u.getRootElement)?void 0:s.call(u))||r;if(c){a=Re(c,l.scroll);const e=("number"==typeof(null==(d=l)?void 0:d.duration)&&d.duration>0?d.duration:o)*("number"==typeof(null==d?void 0:d.iterations)&&d.iterations>0?d.iterations:1),n=function(e,n,t,r){var o,l;if(!n||!ae(n))return null;const i=null!=r?r:q(void 0,"[PxAnimator]"),s=n.scroll||{},a=null!=(o=s.kind)?o:"view",u=Ce(e,s.subject,i),c=Pe(e,"y")||Pe(e,"x"),d="scroll"===a&&"root"===s.source?xe():c||xe(),f=d===xe(),m=function(e,n){const t=null!=e?e:"block";if("x"===t||"y"===t)return t;const r=!!n&&n.startsWith("vertical");return"inline"===t?r?"y":"x":r?"x":"y"}(s.axis,getComputedStyle(d).writingMode),v=()=>{if("scroll"===a)return function(e,n,t){var r,o;const l=n>0?T(e/n,0,1):1,i="number"==typeof(null==(r=null==t?void 0:t.start)?void 0:r.fraction)?t.start.fraction:0,s="number"==typeof(null==(o=null==t?void 0:t.end)?void 0:o.fraction)?t.end.fraction:1;return s<=i?l>=s?1:0:T((l-i)/(s-i),0,1)}("y"===m?d.scrollTop:d.scrollLeft,"y"===m?d.scrollHeight-d.clientHeight:d.scrollWidth-d.clientWidth,s.range);const e=u.getBoundingClientRect();let n,t;if(f)n=0,t="y"===m?document.documentElement.clientHeight:document.documentElement.clientWidth;else{const e=d.getBoundingClientRect();n="y"===m?e.top:e.left,t="y"===m?d.clientHeight:d.clientWidth}return function(e,n,t,r){const o=t-e,l=ue(null==r?void 0:r.start,0,n,t),i=ue(null==r?void 0:r.end,1,n,t);return i<=l?o>=i?1:0:T((o-l)/(i-l),0,1)}(("y"===m?e.top:e.left)-n,"y"===m?e.height:e.width,t,s.range)},h=Math.max(0,null!=(l=s.smoothing)?l:0)/1e3;let g=!1,y=null,p=null,b=0,w=null;const E=()=>{w=null,g||(e=>{if(!h)return void t(e);if(null===y)return y=e,void t(e);if(null!==p)return;b=0;const n=e=>{if(p=null,g)return;const r=b?Math.min(.1,(e-b)/1e3):1/60;b=e;const o=v(),l=1-Math.exp(-r/h);y+=(o-y)*l,Math.abs(o-y)<.001&&(y=o),t(y),y!==o&&(p=requestAnimationFrame(n))};p=requestAnimationFrame(n)})(v())},A=()=>{g||null!==w||(w=requestAnimationFrame(E))},S=f?window:d;let P;S.addEventListener("scroll",A,{passive:!0}),window.addEventListener("resize",A,{passive:!0}),"undefined"!=typeof ResizeObserver&&(P=new ResizeObserver(A),P.observe(u),u!==e&&P.observe(e),f||P.observe(d));const x={destroy:()=>{g||(g=!0,S.removeEventListener("scroll",A),window.removeEventListener("resize",A),null==P||P.disconnect(),null!==w&&(cancelAnimationFrame(w),w=null),null!==p&&(cancelAnimationFrame(p),p=null))},refresh:()=>{g||(y=v(),t(y))}};return x.refresh(),x}(c,l,n=>u.setCurrentTime(n*e),i);if(n){const e=u.destroy.bind(u);u.destroy=()=>{n.destroy(),a(),e()}}}else i.warn(m.host,f.scrollNoRootToObserve);var d;return u}):Te(l,t,t=>l.engine===b.js?pe(e,n,t,r):Ae(e,t,r,H(l.engine))||pe(e,n,t,r))}(e,n,t,r)}(e,n,t,d);if(r&&d){const e=d,n=v.destroy.bind(v);v.destroy=()=>{n(),e.remove()}}return v}(e,i,u,r,s,l))}catch(e){const n=function(e){return e instanceof Error?e:new Error(String(e))}(e);y(m.internal,f.buildFailed,n)}};return a={isReady:()=>!!c,getRootElement:()=>c?c.getRootElement():null,isPlaying:()=>(null==c?void 0:c.isPlaying())||!1,play:()=>{h(e=>e.play())},pause:()=>{h(e=>e.pause())},cancel:()=>{h(e=>e.cancel())},finish:()=>{h(e=>e.finish())},setPlaybackRate:e=>{h(n=>n.setPlaybackRate(e))},getCurrentTime:()=>c?c.getCurrentTime():null,setCurrentTime:e=>{h(n=>n.setCurrentTime(e))},getCurrentProgress:()=>c?c.getCurrentProgress():null,setCurrentProgress:e=>{h(n=>n.setCurrentProgress(e))},destroy:()=>{v=!0,d=null,null==c||c.destroy()}},function(e){const n=fe();if(n.animators.has(e))return;n.animators.add(e),he("add",e);const t=e.destroy.bind(e);e.destroy=()=>{t(),n.animators.delete(e)&&he("remove",e)}}(a),void 0!==t?p(t):fetch(n).then(e=>e.json()).then(e=>{v||(D(e)?p(e):y(m.document,f.invalidDocumentAtSrc,n))}).catch(e=>{var t;y(m.host,f.loadFailed,n,null!=(t=null==e?void 0:e.message)?t:String(e))}),a}function je(t){const r=document.querySelectorAll("["+n+"]");for(let o=0;o<r.length;o++){const l=r[o];if(!l[e]){const r=l.getAttribute(n);r&&(l[e]=Fe(S(P({},t),{src:r,container:l})))}}}export{c as PxAnimatorConfigSchema,d as PxDefinitionsSchema,m as PxDiagnosticKind,h as PxNodeBaseSchema,g as PxScrollSchema,y as PxSvgNodeRootSchema,b as PxTimelineEngineSetting,w as PxTriggerSchema,j as createAdapterAnimator,Fe as createAnimator,N as generateNewIds,me as getAllAnimators,je as loadTagAnimators,ve as onAnimatorsChange,$ as px,ke as renderNode,ge as setupAnimationTriggers,oe as toDomProps,ie as validateDocument};
+import{PX_ANIM_ATTR_NAME as e,PX_ANIM_SRC_ATTR_NAME as n,PX_COLOR_ATTR_NAMES as t,PX_CSS_ONLY_STYLE_PROPS as r,PX_DEFAULT_DURATION_MS as o,PX_DEFAULT_ITERATIONS as l,PX_DISALLOWED_SVG_TAGS_LOWER as i,PX_PCT_BASED_ATTR_NAMES as s,PX_STYLE_ATTR_NAMES as a,PX_TEXT_CONTENT_ATTR as c,PX_TRANSFORM_FN_NAMES as u,PxAnimatorConfigSchema as d,PxDefinitionsSchema as f,PxDiagnosticCode as m,PxDiagnosticKind as v,PxMouseOutAction as h,PxNodeBaseSchema as g,PxScrollSchema as y,PxSvgNodeRootSchema as p,PxTimelineEngine as b,PxTimelineEngineSetting as w,PxTriggerSchema as E,PxTriggerStart as A,__objRest as S,__spreadProps as x,__spreadValues as P,applyAnimatorConfig as C,bezierToSvgPath as R,camelCaseToKebabWordIfNeeded as T,clamp as k,clampSeekMs as j,composeTransformParts as F,createAdapterAnimator as L,createDiagnostics as O,createVisibilityGate as q,cubicBezier as M,foldTimelineOverride as N,generateNewIds as z,getAnimatorConfig as W,interpolateValue as B,isNativeForced as H,isPxDocument as D,isValidPlaybackRate as I,kebabToCamelCaseWord as G,keyframeEasing as U,keyframeValue as _,materializeAllInTree as K,mayUseNativeScrollTimeline as V,normalizeBindings as X,progressToTimeMs as Y,px as $,reportDocumentDiagnostics as J,resolveTimelineEngine as Q,resolveTrigger as Z,sanitizeAttributeValue as ee,seekCeilingMs as ne,splitEasing as te,timeToProgress as re,toDomProps as oe,toRGBA as le,validateDocument as ie,validateNodeEffects as se}from"./chunk-2AFALI5O.min.js";var ae="domType";function ce(e,n,t){return e?ue(e,n,t,!0,0):null}function ue(e,n,t,o,l){const s=e,{type:a,children:u,style:d}=s,f=S(s,["type","children","style"]),m=a||"g";if(i.has(m.toLowerCase()))return(null!=t?t:O(void 0,"[PxAnimator]")).warn(v.document,1103,m),null;const h=f[ae];void 0!==h&&delete f[ae];const g={};let y;const p=oe(f);for(const e of Object.keys(p)){const n=ee(e,p[e]);void 0!==n&&(r.has(e)?(null!=y?y:y={})[e]=String(n):g["className"===e?"class":T(e)]=n)}if(void 0!==h&&(g.type=String(h)),d)for(const e of Object.keys(d))(null!=y?y:y={})[e]=String(d[e]);const b=[];u&&u.forEach((e,r)=>{const o=ue(e,n,t,!1,r);null!==o&&b.push(o)});const w=f[c],E=!b.length&&"string"==typeof w&&w?w:void 0;return n({tag:m,attrs:g,style:y,children:b,text:E,node:e,isRoot:o,index:l})}function de(e){return"scroll"===(null==e?void 0:e.timelineSource)}function fe(e,n,t,r){var o;const[l,i]=function(e,n,t){const r=n,o=t;switch(e){case"cover":return[0,r+o];case"entry":return[0,Math.min(r,o)];case"contain":return[Math.min(r,o),Math.max(r,o)];case"exit":return[Math.max(r,o),r+o];case"entry-crossing":return[0,r];case"exit-crossing":return[o,r+o]}}(null!=(o=null==e?void 0:e.phase)?o:"cover",t,r);return l+("number"==typeof(null==e?void 0:e.fraction)?e.fraction:n)*(i-l)}var me=Symbol.for("@pixodesk/svg-animator-web:animators"),ve="__pixodeskAnimators";function he(){const e=globalThis;let n=e[me];if(!n){const t=new Set,r=new Set;n={animators:t,listeners:r,getAll:()=>Array.from(t),subscribe:e=>(r.add(e),()=>{r.delete(e)})},e[me]=n,void 0===e[ve]&&(e[ve]=n)}return n}function ge(){return he().getAll()}function ye(e){return he().subscribe(e)}function pe(e,n){for(const t of he().listeners)try{t(e,n)}catch(e){setTimeout(()=>{throw e},0)}}function be(e,n,t){const r=null!=t?t:O(void 0,"[PxAnimator]"),o=[],l=()=>{for(const e of o.splice(0))e()},i=Z(n),s=e.getRootElement();if(!s)return r.warn(v.host,m.triggersNoRoot),l;let a=!1;const c=q(s,i,{isPlaying:()=>e.isPlaying(),play:()=>{a&&(a=!1,e.setPlaybackRate(1)),e.play()},pause:()=>e.pause(),cancel:()=>e.cancel()});switch(o.push(()=>c.dispose()),i.start){case A.load:{const e=()=>c.requestStart(!1);"complete"===document.readyState?e():(window.addEventListener("load",e,{once:!0}),o.push(()=>window.removeEventListener("load",e)));break}case A.mouseOver:{let n=!1;const t=()=>{n=!0,c.requestStart(!0)},r=()=>{n&&(()=>{switch(i.mouseOut){case h.pause:e.pause();break;case h.reset:e.cancel();break;case h.reverse:a=!0,e.setPlaybackRate(-1),e.play();case h.continue:}})()};s.addEventListener("mouseenter",t),s.addEventListener("mouseleave",r),o.push(()=>{s.removeEventListener("mouseenter",t),s.removeEventListener("mouseleave",r)});break}case A.click:{const n=()=>{e.isPlaying()?e.pause():c.requestStart(!0)};s.addEventListener("click",n),o.push(()=>s.removeEventListener("click",n));break}case A.none:}return l}function we(e){return"#"+function(e){const n=globalThis.CSS;return"function"==typeof(null==n?void 0:n.escape)?n.escape(e):e.replace(/^([0-9])/,(e,n)=>"\\3"+n+" ").replace(/([^\w\-\\ ])/g,"\\$1")}(e)}function Ee(e,n,t,r){var o;const l=W(e)||{},i=O(t,"[PxAnimator]");if(!r)if(e.id){const n=we(e.id);(r=document.querySelector(n))||i.warn(v.host,m.noRootForSelector,n)}else i.warn(v.host,m.noRootElement);const s=L(e,n||function(e,n){const t=new Set,r=null!=n?n:O(void 0,"[PxAnimator]");return{isConnected:()=>!e||e.isConnected,setAttribute:(n,o,l)=>{o=T(o);const i=we(n),s=(null==e?void 0:e.querySelectorAll(i))||document.querySelectorAll(i);0!==s.length||t.has(i)||(t.add(i),r.warn(v.host,m.setAttributeNoElement,i));for(let e=0;e<s.length;e++){const n=s[e],t="transform"===o&&"pattern"===n.tagName?"patternTransform":o;n.setAttribute(t,l),a.has(o)&&(n.style[o]=l)}}}}(r,i),t),c=x(P({},s),{getRootElement:()=>r||null});if(de(l))l.trigger&&i.warn(v.usage,m.scrollTriggerIgnored);else{const e=be(c,null!=(o=l.trigger)?o:{},i),n=c.destroy.bind(c);c.destroy=()=>{e(),n()}}return c}function Ae(e,n,r,o){let l=_(e);const i=U(e),a={offset:n,easing:i&&Array.isArray(i)?"cubic-bezier("+i.join(",")+")":void 0};let c,d=r;return t.has(r)&&Array.isArray(l)?c=le(l):"transform"!==r||null===l||"object"!=typeof l||Array.isArray(l)?u.has(r)?(Array.isArray(l)&&("translate"===r&&(l=l.map(e=>e+"px")),l=l.join(",")),"rotate"===r&&(l+="deg"),c=r+"("+l+")",d="transform"):c="d"===r?'path("'+(l&&"object"==typeof l&&Array.isArray(l.paths)?l.paths:[]).map(e=>R(e,!0)).join("")+'")':s.has(r)&&"number"==typeof l?100*l+"%":""+l:(c=F(l,{withUnits:!0}),d="transform"),CSS.supports(T(d),c)||o.add(d),d=G(d),a[d]=c,a}function Se(e,n,t){var r,o,l,i,s;const a=[];for(let c=0;c<n.length;c++){const u=n[c],d=null!=(r=u.t)?r:0;if(d<0){const t=n[c+1];if(t&&(null!=(o=t.t)?o:0)>=0){const n=(0-d)/((null!=(l=t.t)?l:0)-d),r=u.e?M(u.e)(n):n,{right:o}=te(u.e,n);a.push({t:0,v:B(e,u.v,t.v,r),e:o})}continue}if(d>t){const r=n[c-1];if(r&&(null!=(i=r.t)?i:0)<=t){const n=null!=(s=r.t)?s:0,o=(t-n)/(d-n),l=r.e?M(r.e)(o):o,{left:i}=te(r.e,o);a.length>0&&(a[a.length-1]=x(P({},a[a.length-1]),{e:i})),a.push({t:t,v:B(e,r.v,u.v,l),e:void 0})}break}a.push(u)}return a}function xe(e,n,t){var r;const o=new Map;for(const[l,i]of Object.entries(e)){const e=t.duration||1,s=Se(l,i.keyframes||[],e),a=[];for(let t=0;t<s.length;t++){const o=s[t],i=Ae(o,k((null!=(r=o.t)?r:0)/e,0,1),l,n);0===t&&(i.offset||0)>0&&a.push(x(P({},i),{offset:0})),a.push(i)}a.length>0&&(a[a.length-1].offset||0)<1&&a.push(x(P({},a[a.length-1]),{offset:1})),a.length>0&&o.set(l,a)}return o}function Pe(e,n,t,r,o){var i,s;const a=W(e)||{},c=O(n,"[PxAnimator]");if(!t)if(e.id){const n=we(e.id);(t=document.querySelector(n))||c.warn(v.host,m.noRootForSelector,n)}else c.warn(v.host,m.noRootElement);const u=X(e,b.native),d=[],f=a.iterations;let h;"number"==typeof f&&(h=f),"infinite"===f&&(h=1/0);const g=new Set;let y=!1,p=!1;(null==u?void 0:u.length)||c.warn(v.document,m.noBindings);for(const e of u||[]){const r=e.animate;if(!r||"object"!=typeof r||Array.isArray(r)){c.warn(v.document,m.unresolvedBinding,e);continue}const s=we(e.id),u=(null==t?void 0:t.querySelectorAll(s))||document.querySelectorAll(s);0===u.length&&c.warn(v.host,m.noElementsForSelector,s);const f=xe(r,g,a),b=a.delay&&a.delay>0?a.delay:void 0;let w;if(a.delay&&a.delay<0&&a.duration){const e=-a.delay;w=h===1/0?e%a.duration:Math.min(e,a.duration*(null!=h?h:l))}const E={duration:a.duration,delay:b,fill:null!=(i=a.fill)?i:"forwards",direction:a.direction,iterations:h};for(let e=0;e<u.length;e++){const t=u[e];for(const[,e]of f)if(e.length>0)try{const r=new KeyframeEffect(t,e,E),l=new Animation(r,o?o.timeline:document.timeline);if(o){const e=l;o.rangeStart&&(e.rangeStart=o.rangeStart),o.rangeEnd&&(e.rangeEnd=o.rangeEnd)}(null==n?void 0:n.onFinish)&&(l.onfinish=()=>{var e;y||(y=!0,null==(e=n.onFinish)||e.call(n))}),(null==n?void 0:n.onRemove)&&(l.onremove=()=>{var e;p||(p=!0,null==(e=n.onRemove)||e.call(n))}),void 0!==w&&(l.currentTime=w),d.push(l)}catch(e){c.warn(v.internal,m.animationBuildFailed,e)}}}if(!r&&g.size)return c.warn(v.platform,m.unsupportedAnimatedAttrs,[...g].join(", ")),null;const w={isReady:()=>!0,getRootElement:()=>t||null,isPlaying:()=>{var e;return"running"===(null==(e=d[0])?void 0:e.playState)},play:()=>{var e;y=!1,d.forEach(e=>e.play()),null==(e=null==n?void 0:n.onPlay)||e.call(n)},pause:()=>{var e;d.forEach(e=>e.pause()),null==(e=null==n?void 0:n.onPause)||e.call(n)},cancel:()=>{var e;y=!1,d.forEach(e=>e.cancel()),null==(e=null==n?void 0:n.onCancel)||e.call(n)},finish:()=>{var e;for(const n of d)try{(null==(e=n.effect)?void 0:e.getTiming().iterations)===1/0?(n.effect.updateTiming({iterations:1}),n.finish(),n.effect.updateTiming({iterations:1/0})):n.finish()}catch(e){n.cancel()}},setPlaybackRate:e=>I(e)?(d.forEach(n=>n.playbackRate=e),w):(c.warn(v.usage,m.rateRejected),w),getCurrentTime:()=>{var e,n;const t=null!=(n=null==(e=d[0])?void 0:e.currentTime)?n:null;return null!==t?+t:null},setCurrentTime:e=>{var n;const t=ne(null!=(n=a.duration)?n:0,null!=h?h:l),r=t>0?j(e,t):Math.max(0,e);y=!1,d.forEach(e=>{e.currentTime=r})},getCurrentProgress:()=>{var e;const n=w.getCurrentTime();return null===n?null:re(n,null!=(e=a.duration)?e:0,null!=h?h:l)},setCurrentProgress:e=>{var n;w.setCurrentTime(Y(e,null!=(n=a.duration)?n:0,null!=h?h:l))},destroy:()=>{var e;w.cancel(),d.splice(0,d.length),p||(p=!0,null==(e=null==n?void 0:n.onRemove)||e.call(n))}};if("scroll"===a.timelineSource)a.trigger&&c.warn(v.usage,m.scrollTriggerIgnored);else{const e=be(w,null!=(s=a.trigger)?s:{},c),n=w.destroy.bind(w);w.destroy=()=>{e(),n()}}return o&&d.forEach(e=>e.play()),w}function Ce(e,n,t){var r,o,l;const i="number"==typeof(null==e?void 0:e.fraction)?e.fraction:n,s=null==(o=null==(r=globalThis.CSS)?void 0:r.percent)?void 0:o.call(r,100*i);if(void 0!==s)return t?{rangeName:null!=(l=null==e?void 0:e.phase)?l:"cover",offset:s}:{offset:s}}function Re(e,n){const t=document.body,r=document.documentElement;for(let o=e.parentElement;o;o=o.parentElement){if(o===t||o===r)return null;const e=getComputedStyle(o),l="y"===n?e.overflowY:e.overflowX;if("auto"===l||"scroll"===l||"hidden"===l||"overlay"===l)return o}return null}function Te(){return document.scrollingElement||document.documentElement}function ke(e,n,t){var r,o;const l=null!=t?t:O(void 0,"[PxAnimator]"),i=null==n?void 0:n.trim();if(!i)return e;if("parent"===i){let n=null;for(let t=e.parentElement;t&&t!==document.body;t=t.parentElement){const e=getComputedStyle(t).position;"sticky"!==e&&"fixed"!==e||(n=t)}return null!=(o=null!=(r=null==n?void 0:n.parentElement)?r:e.parentElement)?o:e}if("scroller"===i)return Re(e,"y")||Re(e,"x")||Te();let s=null;try{s=document.querySelector(i)}catch(n){return l.warn(v.document,m.scrollSubjectInvalid,i),e}return s||(l.warn(v.host,m.scrollSubjectNoMatch,i),e)}function je(e,n){const t=e;if(!(null==n?void 0:n.pin)||!t.style)return()=>{};const r=t.style,o=r.position,l=r.top;r.position="sticky";const i="center"===n.pinAlign?.5:"bottom"===n.pinAlign?1:0,s=()=>{var t;const o=null!=(t=n.pinOffset)?t:0;if(!i)return void(r.top=o+"px");const l=function(e){const n=Re(e,"y");return n?n.clientHeight:document.documentElement.clientHeight}(e),s=e.getBoundingClientRect().height;r.top=Math.round((l-s)*i+o)+"px"};s();let a=null;const c=i?s:null;i&&(c&&window.addEventListener("resize",c),"undefined"!=typeof ResizeObserver&&(a=new ResizeObserver(s),a.observe(e)));let u=null;const d=e.parentElement;return n.pinDistance&&n.pinDistance>0&&d&&(u=document.createElement("div"),u.setAttribute("data-px-pin",""),u.style.height=100*n.pinDistance+"vh",d.insertBefore(u,e),u.appendChild(e)),()=>{c&&window.removeEventListener("resize",c),null==a||a.disconnect(),r.position=o,r.top=l,(null==u?void 0:u.parentElement)&&(u.parentElement.insertBefore(e,u),u.remove())}}function Fe(e,n,t){let r,o=n;e.resetOnFinish&&(o=x(P({},n),{onFinish:()=>{var e;null==(e=null==n?void 0:n.onFinish)||e.call(n),null==r||r.cancel()}}));const l=t(o);return r=l,e.debugGlobalName&&(window[e.debugGlobalName]=l),l}var Le=({tag:e,attrs:n,style:t,children:r,text:o})=>{const l=document.createElementNS("http://www.w3.org/2000/svg",e);for(const e of Object.keys(n))l.setAttribute(e,n[e]);if(t){const e=l.style;for(const n of Object.keys(t))e[n]=t[n]}for(const e of r)l.appendChild(e);return void 0!==o&&(l.textContent=o),l};function Oe(e,n,t){return ce(e,Le,t)}function qe(e){return"adapter"in e||"rootElement"in e}function Me(e){const{src:n,doc:t,container:r,resetTimeline:l}=e,i=qe(e)?e.adapter:void 0,s=qe(e)?e.rootElement:void 0,a=function(e){const{timeline:n,duration:t,delay:r,iterations:o,start:l}=e;return N(n,{duration:t,delay:r,iterations:o,start:l})}(e);let c;const u=function(e){const n=e=>{c&&pe(e,c)};return x(P({},e),{onPlay:()=>{var t;null==(t=null==e?void 0:e.onPlay)||t.call(e),n("play")},onPause:()=>{var t;null==(t=null==e?void 0:e.onPause)||t.call(e),n("pause")},onCancel:()=>{var t;null==(t=null==e?void 0:e.onCancel)||t.call(e),n("cancel")},onFinish:()=>{var t;null==(t=null==e?void 0:e.onFinish)||t.call(e),n("finish")}})}(function(e){const{onPlay:n,onPause:t,onCancel:r,onFinish:o,onRemove:l,onStop:i,onWarn:s,onError:a,muteWarn:c,muteError:u}=null!=e?e:{},d=e=>e||i?()=>{null==e||e(),null==i||i()}:void 0;return{onPlay:n,onPause:d(t),onCancel:d(r),onFinish:d(o),onRemove:d(l),onWarn:s,onError:a,muteWarn:c,muteError:u}}(e));if(void 0!==t&&void 0!==n)throw new Error("createAnimator: provide either `src` or `doc`, not both");if(void 0===t&&void 0===n)throw new Error("createAnimator: either `src` or `doc` is required");let d=null,f=[],h=!1;const g=e=>{d?e(d):f&&f.push(e)},y=O(u,"[PxAnimator]"),p=(e,n,...t)=>{f=null,y.error(e,n,...t)},b=e=>{try{(e=>{d=e;const n=f;f=null,null==n||n.forEach(n=>n(e))})(function(e,n,t,r,l,i,s){const a=O(t,"[PxAnimator]"),c=se(e);for(const e of c)a.warn(v.document,m.effectsShape,e);if(J(e,"[PxAnimator] createAnimator"),void 0!==l||i){const n=C(e,null!=l?l:{},{resetTimeline:!!i});for(const e of n.warnings)a.warn(v.usage,m.timelineOverrideIgnored,e);e=n.doc}const u=W(e)||{},d=Q(u.engine);e=K(e,d);let f=null;if(r){e=z(e);const n="string"==typeof r?document.querySelector(r):r;n&&(f=Oe(e,0,a),f&&n.replaceChildren(f))}!f&&s&&(f=s);const h=function(e,n,t,r){return function(e,n,t,r){const l=W(e)||{},i=O(t,"[PxAnimator]");return de(l)?Fe(l,t,t=>{var s;let a=()=>{};if(V(l.engine)&&r){a=je(r,l.scroll);const n=function(e,n,t){var r,o,l,i;const s=null!=t?t:O(void 0,"[PxAnimator]");if(!n||!de(n))return null;const a=n.scroll||{},c=null!=(r=a.kind)?r:"view";if(a.smoothing)return s.warn(v.platform,m.scrollSmoothingNeedsOwnDriver),null;const u=globalThis,d="view"===c,f=d?u.ViewTimeline:u.ScrollTimeline;if("function"!=typeof f)return null;const h=null!=(o=a.axis)?o:"block";let g;try{g=new f(d?{subject:ke(e,a.subject,s),axis:h}:{source:"root"===a.source?Te():Re(e,"y")||Re(e,"x")||Te(),axis:h})}catch(e){return s.warn(v.platform,m.scrollNativeUnavailable,e),null}return{timeline:g,rangeStart:Ce(null==(l=a.range)?void 0:l.start,0,d),rangeEnd:Ce(null==(i=a.range)?void 0:i.end,1,d)}}(r,l,i);if(n){const o=Pe(e,t,r,H(l.engine),n);if(o){const e=o.destroy.bind(o);return o.destroy=()=>{a(),e()},o}}a(),a=()=>{}}const c=(l.engine!==w.js?Pe(e,t,r,H(l.engine)):null)||Ee(e,n,t,r),u=(null==(s=c.getRootElement)?void 0:s.call(c))||r;if(u){a=je(u,l.scroll);const e=("number"==typeof(null==(d=l)?void 0:d.duration)&&d.duration>0?d.duration:o)*("number"==typeof(null==d?void 0:d.iterations)&&d.iterations>0?d.iterations:1),n=function(e,n,t,r){var o,l;if(!n||!de(n))return null;const i=null!=r?r:O(void 0,"[PxAnimator]"),s=n.scroll||{},a=null!=(o=s.kind)?o:"view",c=ke(e,s.subject,i),u=Re(e,"y")||Re(e,"x"),d="scroll"===a&&"root"===s.source?Te():u||Te(),f=d===Te(),m=function(e,n){const t=null!=e?e:"block";if("x"===t||"y"===t)return t;const r=!!n&&n.startsWith("vertical");return"inline"===t?r?"y":"x":r?"x":"y"}(s.axis,getComputedStyle(d).writingMode),v=()=>{if("scroll"===a)return function(e,n,t){var r,o;const l=n>0?k(e/n,0,1):1,i="number"==typeof(null==(r=null==t?void 0:t.start)?void 0:r.fraction)?t.start.fraction:0,s="number"==typeof(null==(o=null==t?void 0:t.end)?void 0:o.fraction)?t.end.fraction:1;return s<=i?l>=s?1:0:k((l-i)/(s-i),0,1)}("y"===m?d.scrollTop:d.scrollLeft,"y"===m?d.scrollHeight-d.clientHeight:d.scrollWidth-d.clientWidth,s.range);const e=c.getBoundingClientRect();let n,t;if(f)n=0,t="y"===m?document.documentElement.clientHeight:document.documentElement.clientWidth;else{const e=d.getBoundingClientRect();n="y"===m?e.top:e.left,t="y"===m?d.clientHeight:d.clientWidth}return function(e,n,t,r){const o=t-e,l=fe(null==r?void 0:r.start,0,n,t),i=fe(null==r?void 0:r.end,1,n,t);return i<=l?o>=i?1:0:k((o-l)/(i-l),0,1)}(("y"===m?e.top:e.left)-n,"y"===m?e.height:e.width,t,s.range)},h=Math.max(0,null!=(l=s.smoothing)?l:0)/1e3;let g=!1,y=null,p=null,b=0,w=null;const E=()=>{w=null,g||(e=>{if(!h)return void t(e);if(null===y)return y=e,void t(e);if(null!==p)return;b=0;const n=e=>{if(p=null,g)return;const r=b?Math.min(.1,(e-b)/1e3):1/60;b=e;const o=v(),l=1-Math.exp(-r/h);y+=(o-y)*l,Math.abs(o-y)<.001&&(y=o),t(y),y!==o&&(p=requestAnimationFrame(n))};p=requestAnimationFrame(n)})(v())},A=()=>{g||null!==w||(w=requestAnimationFrame(E))},S=f?window:d;let x;S.addEventListener("scroll",A,{passive:!0}),window.addEventListener("resize",A,{passive:!0}),"undefined"!=typeof ResizeObserver&&(x=new ResizeObserver(A),x.observe(c),c!==e&&x.observe(e),f||x.observe(d));const P={destroy:()=>{g||(g=!0,S.removeEventListener("scroll",A),window.removeEventListener("resize",A),null==x||x.disconnect(),null!==w&&(cancelAnimationFrame(w),w=null),null!==p&&(cancelAnimationFrame(p),p=null))},refresh:()=>{g||(y=v(),t(y))}};return P.refresh(),P}(u,l,n=>c.setCurrentTime(n*e),i);if(n){const e=c.destroy.bind(c);c.destroy=()=>{n.destroy(),a(),e()}}}else i.warn(v.host,m.scrollNoRootToObserve);var d;return c}):Fe(l,t,t=>l.engine===w.js?Ee(e,n,t,r):Pe(e,t,r,H(l.engine))||Ee(e,n,t,r))}(e,n,t,r)}(e,n,t,f);if(r&&f){const e=f,n=h.destroy.bind(h);h.destroy=()=>{n(),e.remove()}}return h}(e,i,u,r,a,l,s))}catch(e){const n=function(e){return e instanceof Error?e:new Error(String(e))}(e);p(v.internal,m.buildFailed,n)}};return c={isReady:()=>!!d,getRootElement:()=>d?d.getRootElement():null,isPlaying:()=>(null==d?void 0:d.isPlaying())||!1,play:()=>{g(e=>e.play())},pause:()=>{g(e=>e.pause())},cancel:()=>{g(e=>e.cancel())},finish:()=>{g(e=>e.finish())},setPlaybackRate:e=>{g(n=>n.setPlaybackRate(e))},getCurrentTime:()=>d?d.getCurrentTime():null,setCurrentTime:e=>{g(n=>n.setCurrentTime(e))},getCurrentProgress:()=>d?d.getCurrentProgress():null,setCurrentProgress:e=>{g(n=>n.setCurrentProgress(e))},destroy:()=>{h=!0,f=null,null==d||d.destroy()}},function(e){const n=he();if(n.animators.has(e))return;n.animators.add(e),pe("add",e);const t=e.destroy.bind(e);e.destroy=()=>{t(),n.animators.delete(e)&&pe("remove",e)}}(c),void 0!==t?b(t):fetch(n).then(e=>e.json()).then(e=>{h||(D(e)?b(e):p(v.document,m.invalidDocumentAtSrc,n))}).catch(e=>{var t;p(v.host,m.loadFailed,n,null!=(t=null==e?void 0:e.message)?t:String(e))}),c}function Ne(t){const r=document.querySelectorAll("["+n+"]");for(let o=0;o<r.length;o++){const l=r[o];if(!l[e]){const r=l.getAttribute(n);r&&(l[e]=Me(x(P({},t),{src:r,container:l})))}}}export{d as PxAnimatorConfigSchema,f as PxDefinitionsSchema,v as PxDiagnosticKind,g as PxNodeBaseSchema,y as PxScrollSchema,p as PxSvgNodeRootSchema,w as PxTimelineEngineSetting,E as PxTriggerSchema,L as createAdapterAnimator,Me as createAnimator,z as generateNewIds,ge as getAllAnimators,Ne as loadTagAnimators,ye as onAnimatorsChange,$ as px,Oe as renderNode,be as setupAnimationTriggers,oe as toDomProps,ie as validateDocument};

package/dist/index.prerendered-waapi.umd.js

@@ -67,19 +67,31 @@ var PixodeskAnimator = (() => {
     return result;
   }
   var Base = class {
+    /** Structural schemas (objects, arrays, unions of objects…) pass `false`: they state no scalar default. */
+    constructor(_statesDefault) {
+      this._statesDefault = _statesDefault;
+    }
     _canSanitize(raw) {
       return this.isValid(raw);
     }
+    /** A REQUIRED field is never absent; its default is the repair value. */
+    absentDefault() {
+      return this._default;
+    }
     optional() {
       return new Optional(this);
     }
   };
   var Optional = class extends Base {
     constructor(inner) {
-      super();
+      super(inner._statesDefault);
       this.inner = inner;
       this._default = void 0;
     }
+    /** Absent means the inner schema's STATED default — or nothing at all when it states none. */
+    absentDefault() {
+      return this.inner._statesDefault ? this.inner._default : void 0;
+    }
     sanitize(raw) {
       if (raw === void 0 || raw === null) return void 0;
       return this.inner._canSanitize(raw) ? this.inner.sanitize(raw) : void 0;
@@ -93,8 +105,8 @@ var PixodeskAnimator = (() => {
     }
   };
   var Str = class extends Base {
-    constructor(_default = "") {
-      super();
+    constructor(_default, statesDefault) {
+      super(statesDefault);
       this._default = _default;
     }
     sanitize(raw) {
@@ -107,8 +119,8 @@ var PixodeskAnimator = (() => {
     }
   };
   var Num = class extends Base {
-    constructor(_default = 0) {
-      super();
+    constructor(_default, statesDefault) {
+      super(statesDefault);
       this._default = _default;
     }
     sanitize(raw) {
@@ -121,8 +133,8 @@ var PixodeskAnimator = (() => {
     }
   };
   var Bool = class extends Base {
-    constructor(_default = false) {
-      super();
+    constructor(_default, statesDefault) {
+      super(statesDefault);
       this._default = _default;
     }
     sanitize(raw) {
@@ -135,8 +147,9 @@ var PixodeskAnimator = (() => {
     }
   };
   var Literal = class extends Base {
+    /** A literal IS its own value: absent means it. */
     constructor(value) {
-      super();
+      super(true);
       this.value = value;
       this._default = value;
     }
@@ -150,8 +163,8 @@ var PixodeskAnimator = (() => {
     }
   };
   var Enum = class extends Base {
-    constructor(values, defaultVal) {
-      super();
+    constructor(values, defaultVal, statesDefault) {
+      super(statesDefault);
       this.values = values;
       this._default = defaultVal != null ? defaultVal : values[0];
     }
@@ -166,8 +179,8 @@ var PixodeskAnimator = (() => {
   };
   var UNION_MEMBER_ERROR_LIMIT = 4;
   var Union = class extends Base {
-    constructor(schemas, defaultVal) {
-      super();
+    constructor(schemas, defaultVal, statesDefault) {
+      super(statesDefault);
       this.schemas = schemas;
       /** Structural tag read by {@link describeSchema} — `schemas` alone cannot tell Union from Tuple. */
       this._kind = "union";
@@ -221,7 +234,7 @@ var PixodeskAnimator = (() => {
   var DiscriminatedUnion = class extends Base {
     constructor(_key, _schemas, defaultVal) {
       var _a;
-      super();
+      super(false);
       this._key = _key;
       this._schemas = _schemas;
       /** Structural tag read by {@link describeSchema}. */
@@ -261,13 +274,19 @@ var PixodeskAnimator = (() => {
       return schema ? schema._canSanitize(raw) : this._schemas[0]._canSanitize(raw);
     }
   };
+  function statedDefaults(shape) {
+    const out = {};
+    for (const key of Object.keys(shape)) if (shape[key]._statesDefault) out[key] = shape[key].absentDefault();
+    return Object.freeze(out);
+  }
   var Obj = class extends Base {
     constructor(_shape) {
-      super();
+      super(false);
       this._shape = _shape;
       const d = {};
       for (const key of Object.keys(_shape)) d[key] = _shape[key]._default;
       this._default = d;
+      this.defaults = statedDefaults(_shape);
     }
     sanitize(raw) {
       const src = raw && typeof raw === "object" && !Array.isArray(raw) ? raw : {};
@@ -309,12 +328,13 @@ var PixodeskAnimator = (() => {
   };
   var OpenObj = class extends Base {
     constructor(_shape, _openSchema) {
-      super();
+      super(false);
       this._shape = _shape;
       this._openSchema = _openSchema;
       const d = {};
       for (const key of Object.keys(_shape)) d[key] = _shape[key]._default;
       this._default = d;
+      this.defaults = statedDefaults(_shape);
     }
     sanitize(raw) {
       const src = raw && typeof raw === "object" && !Array.isArray(raw) ? raw : {};
@@ -359,7 +379,7 @@ var PixodeskAnimator = (() => {
   };
   var Arr = class extends Base {
     constructor(item) {
-      super();
+      super(false);
       this.item = item;
       this._default = [];
     }
@@ -391,7 +411,7 @@ var PixodeskAnimator = (() => {
   };
   var Rec = class extends Base {
     constructor(value) {
-      super();
+      super(false);
       this.value = value;
       /** Structural tag read by {@link describeSchema}. */
       this._kind = "record";
@@ -425,7 +445,7 @@ var PixodeskAnimator = (() => {
   };
   var Any = class extends Base {
     constructor() {
-      super(...arguments);
+      super(false);
       this._default = void 0;
     }
     sanitize(raw) {
@@ -440,7 +460,7 @@ var PixodeskAnimator = (() => {
   };
   var Defined = class extends Base {
     constructor() {
-      super(...arguments);
+      super(false);
       this._default = void 0;
     }
     sanitize(raw) {
@@ -457,7 +477,7 @@ var PixodeskAnimator = (() => {
   };
   var Lazy = class extends Base {
     constructor(fn, _default) {
-      super();
+      super(false);
       this.fn = fn;
       this._default = _default;
       this.resolved = null;
@@ -478,7 +498,7 @@ var PixodeskAnimator = (() => {
   };
   var Tuple = class extends Base {
     constructor(schemas) {
-      super();
+      super(false);
       this.schemas = schemas;
       /** Structural tag read by {@link describeSchema} — `schemas` alone cannot tell Tuple from Union. */
       this._kind = "tuple";
@@ -510,22 +530,29 @@ var PixodeskAnimator = (() => {
   function implementsInterface() {
     return (schema) => schema;
   }
+  function string(defaultVal) {
+    return defaultVal === void 0 ? new Str("", false) : new Str(defaultVal, true);
+  }
+  function number(defaultVal) {
+    return defaultVal === void 0 ? new Num(0, false) : new Num(defaultVal, true);
+  }
+  function boolean(defaultVal) {
+    return defaultVal === void 0 ? new Bool(false, false) : new Bool(defaultVal, true);
+  }
+  function oneOf(values, defaultVal) {
+    return defaultVal === void 0 ? new Enum(values, void 0, false) : new Enum(values, defaultVal, true);
+  }
+  function unionOf(schemas, defaultVal) {
+    return defaultVal === void 0 ? new Union(schemas, void 0, false) : new Union(schemas, defaultVal, true);
+  }
   var px = {
-    /** Matches a string. Default: '' or provided value. */
-    string: (defaultVal = "") => new Str(defaultVal),
-    /** Matches a finite number. Default: 0 or provided value. */
-    number: (defaultVal = 0) => new Num(defaultVal),
-    /** Matches a boolean. Default: false or provided value. */
-    boolean: (defaultVal = false) => new Bool(defaultVal),
-    /** Matches one exact primitive value; its default is the value itself. */
+    string,
+    number,
+    boolean,
+    /** Matches one exact primitive value; absent means the value itself. */
     literal: (value) => new Literal(value),
-    /** Matches one of a fixed set of string/number values. Default: first value. */
-    enum: (values, defaultVal) => new Enum(values, defaultVal),
-    /**
-     * Returns the first schema whose isValid passes.
-     * TypeScript infers the union of all member types automatically.
-     */
-    union: (schemas, defaultVal) => new Union(schemas, defaultVal),
+    enum: oneOf,
+    union: unionOf,
     /**
      * Discriminated union — reads `raw[key]`, finds the member schema whose
      * literal at `key` matches, then delegates sanitize/isValid to that member.
@@ -533,7 +560,8 @@ var PixodeskAnimator = (() => {
      * TypeScript infers the union of all member types automatically.
      */
     discriminatedUnion: (key, schemas) => new DiscriminatedUnion(key, schemas),
-    /** Typed object — unknown keys are stripped. Required fields fall back to their default. */
+    /** Typed object — unknown keys are stripped. Required fields fall back to their default.
+     *  Its `defaults` say what each stated field means when a document leaves it out. */
     object: (shape) => new Obj(shape),
     /**
      * Open object — validates known keys; passes unknown keys through as-is,
@@ -649,8 +677,11 @@ var PixodeskAnimator = (() => {
     offScreen: "pause",
     mouseOut: "continue",
     visibilityThreshold: 0.5,
-    visibilityDebounce: 150
+    visibilityDebounce: 150,
+    finish: "hold"
   };
+  var PX_DEFAULT_DURATION_MS = 1e3;
+  var PX_DEFAULT_ITERATIONS = 1;
   function resolveTrigger(trigger) {
     var _a, _b, _c, _d, _e;
     return {
@@ -847,15 +878,15 @@ var PixodeskAnimator = (() => {
   var keyframeTangentOut = (kf) => anyKf(kf).tangentOut;
   var PxLoopSchema = implementsInterface()(px.object({
     segmentCount: px.number().optional(),
-    repeatAt: px.enum([PxLoopRepeatAt.start, PxLoopRepeatAt.end]).optional(),
-    direction: px.enum([PxLoopDirection.normal, PxLoopDirection.alternate]).optional()
+    repeatAt: px.enum([PxLoopRepeatAt.start, PxLoopRepeatAt.end], PxLoopRepeatAt.end).optional(),
+    direction: px.enum([PxLoopDirection.normal, PxLoopDirection.alternate], PxLoopDirection.normal).optional()
   }));
   var PxPropertyAnimationSchema = implementsInterface()(px.object({
     value: PxKeyframeValueSchema.optional(),
     keyframes: px.array(PxKeyframeSchema).optional(),
     loop: px.union([PxLoopSchema, px.boolean()]).optional(),
     autoOrient: px.boolean().optional(),
-    alongPathMode: px.enum([PxAlongPathMode.sampled, PxAlongPathMode.offsetPath]).optional()
+    alongPathMode: px.enum([PxAlongPathMode.sampled, PxAlongPathMode.offsetPath], PxAlongPathMode.sampled).optional()
   }));
   var PxTransformPartsSchema = implementsInterface()(px.object({
     translate: px.tuple([px.number(), px.number()]).optional(),
@@ -885,9 +916,9 @@ var PixodeskAnimator = (() => {
     // What happens after a NATURAL finish — `'hold'` (default: keep the end state per
     // `fill`) or `'reset'` (snap back to the start state). One of four occasion keys
     // (`start`, `offScreen`, `mouseOut`, `finish`), all named the same way.
-    finish: px.enum([PxFinishAction.hold, PxFinishAction.reset]).optional(),
-    visibilityThreshold: px.number().optional(),
-    visibilityDebounce: px.number().optional()
+    finish: px.enum([PxFinishAction.hold, PxFinishAction.reset], PX_TRIGGER_DEFAULTS.finish).optional(),
+    visibilityThreshold: px.number(PX_TRIGGER_DEFAULTS.visibilityThreshold).optional(),
+    visibilityDebounce: px.number(PX_TRIGGER_DEFAULTS.visibilityDebounce).optional()
   }));
   var PxGlyphSchema = implementsInterface()(px.object({
     width: px.number(),
@@ -913,7 +944,7 @@ var PixodeskAnimator = (() => {
       PxScrollPhase.exit,
       PxScrollPhase.entryCrossing,
       PxScrollPhase.exitCrossing
-    ]).optional(),
+    ], PxScrollPhase.cover).optional(),
     fraction: px.number().optional()
   }));
   var PxScrollRangeSchema = px.object({
@@ -921,37 +952,37 @@ var PixodeskAnimator = (() => {
     end: PxScrollRangePointSchema.optional()
   });
   var PxScrollSchema = implementsInterface()(px.object({
-    kind: px.enum([PxScrollKind.view, PxScrollKind.scroll]).optional(),
-    axis: px.enum([PxScrollAxis.block, PxScrollAxis.inline, PxScrollAxis.x, PxScrollAxis.y]).optional(),
-    source: px.enum([PxScrollSource.nearest, PxScrollSource.root]).optional(),
+    kind: px.enum([PxScrollKind.view, PxScrollKind.scroll], PxScrollKind.view).optional(),
+    axis: px.enum([PxScrollAxis.block, PxScrollAxis.inline, PxScrollAxis.x, PxScrollAxis.y], PxScrollAxis.block).optional(),
+    source: px.enum([PxScrollSource.nearest, PxScrollSource.root], PxScrollSource.nearest).optional(),
     // Free-form: the two keywords `parent`/`scroller` plus any CSS selector.
     subject: px.string().optional(),
     smoothing: px.number().optional(),
-    pin: px.boolean().optional(),
-    pinAlign: px.enum([PxPinAlign.top, PxPinAlign.center, PxPinAlign.bottom]).optional(),
+    pin: px.boolean(false).optional(),
+    pinAlign: px.enum([PxPinAlign.top, PxPinAlign.center, PxPinAlign.bottom], PxPinAlign.top).optional(),
     pinOffset: px.number().optional(),
     pinDistance: px.number().optional(),
     range: PxScrollRangeSchema.optional()
   }));
   var PxTimelinePinSchema = implementsInterface()(px.object({
-    align: px.enum([PxPinAlign.top, PxPinAlign.center, PxPinAlign.bottom]).optional(),
+    align: px.enum([PxPinAlign.top, PxPinAlign.center, PxPinAlign.bottom], PxPinAlign.top).optional(),
     offset: px.number().optional(),
     distance: px.number().optional()
   }));
-  var PxTimelineEngineSchema = px.enum([PxTimelineEngineSetting.auto, PxTimelineEngineSetting.native, PxTimelineEngineSetting.js]).optional();
+  var PxTimelineEngineSchema = px.enum([PxTimelineEngineSetting.auto, PxTimelineEngineSetting.native, PxTimelineEngineSetting.js], PxTimelineEngineSetting.auto).optional();
   var PxTimeTimelineSchema = implementsInterface()(px.object({
     type: px.literal("time").optional(),
     engine: PxTimelineEngineSchema,
     frameRate: px.number().optional(),
     // §2.8: duration is a property of the TIMELINE — how long one pass takes.
-    duration: px.number().optional(),
+    duration: px.number(PX_DEFAULT_DURATION_MS).optional(),
     trigger: PxTriggerSchema.optional(),
-    delay: px.number().optional(),
-    iterations: px.union([px.number(), px.literal("infinite")]).optional(),
+    delay: px.number(0).optional(),
+    iterations: px.union([px.number(PX_DEFAULT_ITERATIONS), px.literal("infinite")], PX_DEFAULT_ITERATIONS).optional(),
     // `fillMode` on the wire (CSS `animation-fill-mode`; the runtime view calls it `fill`)
     // — never `fill`, which is paint everywhere else in the format.
-    fillMode: px.enum([PxFillMode.forwards, PxFillMode.backwards, PxFillMode.both, PxFillMode.none]).optional(),
-    direction: px.enum([PxPlaybackDirection.normal, PxPlaybackDirection.reverse, PxPlaybackDirection.alternate, PxPlaybackDirection.alternateReverse]).optional()
+    fillMode: px.enum([PxFillMode.forwards, PxFillMode.backwards, PxFillMode.both, PxFillMode.none], PxFillMode.forwards).optional(),
+    direction: px.enum([PxPlaybackDirection.normal, PxPlaybackDirection.reverse, PxPlaybackDirection.alternate, PxPlaybackDirection.alternateReverse], PxPlaybackDirection.normal).optional()
   }));
   var scrollishTimelineShape = {
     // §2.8: duration is a property of the TIMELINE — under scrubbing it is the keyframe
@@ -962,8 +993,8 @@ var PixodeskAnimator = (() => {
     iterations: px.number().optional(),
     engine: PxTimelineEngineSchema,
     frameRate: px.number().optional(),
-    axis: px.enum([PxScrollAxis.block, PxScrollAxis.inline, PxScrollAxis.x, PxScrollAxis.y]).optional(),
-    source: px.enum([PxScrollSource.nearest, PxScrollSource.root]).optional(),
+    axis: px.enum([PxScrollAxis.block, PxScrollAxis.inline, PxScrollAxis.x, PxScrollAxis.y], PxScrollAxis.block).optional(),
+    source: px.enum([PxScrollSource.nearest, PxScrollSource.root], PxScrollSource.nearest).optional(),
     subject: px.string().optional(),
     // 'parent' | 'scroller' | any CSS selector
     smoothing: px.number().optional(),
@@ -1043,9 +1074,10 @@ var PixodeskAnimator = (() => {
   }));
   var PxMaskedByEffectSchema = implementsInterface()(px.object({
     source: px.string().optional(),
-    maskType: px.enum([PxMaskType.luminance, PxMaskType.alpha]).optional(),
-    maskUnits: px.enum([PxUnits.userSpaceOnUse, PxUnits.objectBoundingBox]).optional(),
-    maskContentUnits: px.enum([PxUnits.userSpaceOnUse, PxUnits.objectBoundingBox]).optional(),
+    // SVG's own initial values — what a <mask> does when the attribute is not there.
+    maskType: px.enum([PxMaskType.luminance, PxMaskType.alpha], PxMaskType.luminance).optional(),
+    maskUnits: px.enum([PxUnits.userSpaceOnUse, PxUnits.objectBoundingBox], PxUnits.objectBoundingBox).optional(),
+    maskContentUnits: px.enum([PxUnits.userSpaceOnUse, PxUnits.objectBoundingBox], PxUnits.userSpaceOnUse).optional(),
     x: px.number().optional(),
     y: px.number().optional(),
     width: px.number().optional(),
@@ -1057,7 +1089,7 @@ var PixodeskAnimator = (() => {
   var PxStrokeTrimEffectSchema = implementsInterface()(px.object({
     offset: PxAnimatableNumberSchema.optional(),
     range: PxAnimatableVec2Schema.optional(),
-    subPaths: px.enum([PxStrokeTrimSubPaths.separate, PxStrokeTrimSubPaths.combined]).optional()
+    subPaths: px.enum([PxStrokeTrimSubPaths.separate, PxStrokeTrimSubPaths.combined], PxStrokeTrimSubPaths.separate).optional()
   }));
   var PxRetimeEffectSchema = implementsInterface()(px.object({
     start: px.number().optional(),
@@ -1089,17 +1121,20 @@ var PixodeskAnimator = (() => {
     radius: PxAnimatableNumberSchema.optional(),
     focal: PxAnimatableVec2Schema.optional(),
     stops: PxAnimatableGradientStopsSchema.optional(),
-    gradientUnits: px.enum([PxUnits.userSpaceOnUse, PxUnits.objectBoundingBox]).optional(),
-    spreadMethod: px.enum([PxGradientSpreadMethod.pad, PxGradientSpreadMethod.reflect, PxGradientSpreadMethod.repeat]).optional(),
+    // SVG's own initial values — what a gradient does when the attribute is not there.
+    gradientUnits: px.enum([PxUnits.userSpaceOnUse, PxUnits.objectBoundingBox], PxUnits.objectBoundingBox).optional(),
+    spreadMethod: px.enum([PxGradientSpreadMethod.pad, PxGradientSpreadMethod.reflect, PxGradientSpreadMethod.repeat], PxGradientSpreadMethod.pad).optional(),
     gradientTransform: px.string().optional()
   }));
   var PxStrokeGradientEffectSchema = PxFillGradientEffectSchema;
   var PxTextPathEffectSchema = implementsInterface()(px.object({
     pathData: px.string(),
-    pathOverflow: px.enum([PxPathOverflow.clip, PxPathOverflow.extend]).optional(),
-    lengthAdjust: px.enum([PxLengthAdjust.spacing, PxLengthAdjust.spacingAndGlyphs]).optional(),
-    method: px.enum([PxTextPathMethod.align, PxTextPathMethod.stretch]).optional(),
-    spacing: px.enum([PxTextPathSpacing.auto, PxTextPathSpacing.exact]).optional(),
+    // `extend` is what an omitted pathOverflow means (glyphs continue along the tangent); the
+    // other three are SVG's own initial values for the native <textPath> attributes.
+    pathOverflow: px.enum([PxPathOverflow.clip, PxPathOverflow.extend], PxPathOverflow.extend).optional(),
+    lengthAdjust: px.enum([PxLengthAdjust.spacing, PxLengthAdjust.spacingAndGlyphs], PxLengthAdjust.spacing).optional(),
+    method: px.enum([PxTextPathMethod.align, PxTextPathMethod.stretch], PxTextPathMethod.align).optional(),
+    spacing: px.enum([PxTextPathSpacing.auto, PxTextPathSpacing.exact], PxTextPathSpacing.exact).optional(),
     startOffset: PxAnimatableNumberSchema.optional(),
     textLength: PxAnimatableNumberSchema.optional()
   }));
@@ -1596,6 +1631,38 @@ var PixodeskAnimator = (() => {
     return cubicBezier(flipped);
   }
 
+  // ../svg-animator-core/src/animation/PxStaticTransformMerge.ts
+  function mergeStaticTransformIntoAnimDef(animDef, staticTransform) {
+    if (!animDef) return animDef;
+    const staticParts = staticTransform && typeof staticTransform === "object" && !Array.isArray(staticTransform) ? staticTransform : parseTransformParts(staticTransform);
+    if (!staticParts || !Object.keys(staticParts).length) return animDef;
+    const mergeKfValue = (v) => v && typeof v === "object" && !Array.isArray(v) ? __spreadValues(__spreadValues({}, staticParts), v) : v;
+    const transformAnim = animDef[TRANSFORM_ATTR];
+    if (transformAnim && typeof transformAnim === "object") {
+      const anim = transformAnim;
+      if (Array.isArray(anim.keyframes)) {
+        const out = __spreadProps(__spreadValues({}, anim), {
+          keyframes: anim.keyframes.map((kf) => __spreadProps(__spreadValues({}, kf), { value: mergeKfValue(kf.value) }))
+        });
+        if (out.value !== void 0) out.value = mergeKfValue(out.value);
+        return __spreadProps(__spreadValues({}, animDef), { transform: out });
+      }
+      return animDef;
+    }
+    const channels = Object.keys(animDef).filter((k) => PX_TRANSFORM_FN_NAMES.has(k));
+    if (channels.length !== 1) return animDef;
+    const ch = channels[0];
+    const chAnim = animDef[ch];
+    if (!chAnim || typeof chAnim !== "object" || !Array.isArray(chAnim.keyframes)) return animDef;
+    const lifted = __spreadProps(__spreadValues({}, chAnim), {
+      keyframes: chAnim.keyframes.map((kf) => __spreadProps(__spreadValues({}, kf), { value: __spreadProps(__spreadValues({}, staticParts), { [ch]: kf.value }) }))
+    });
+    if (lifted.value !== void 0) lifted.value = __spreadProps(__spreadValues({}, staticParts), { [ch]: lifted.value });
+    const rest = __spreadValues({}, animDef);
+    delete rest[ch];
+    return __spreadProps(__spreadValues({}, rest), { transform: lifted });
+  }
+
   // ../svg-animator-core/src/materialize/PxMotionPath.ts
   function getKfTranslate(kf) {
     const v = keyframeValue(kf);
@@ -2357,36 +2424,6 @@ var PixodeskAnimator = (() => {
   function generateElementId() {
     return "_px_el_" + ++_elementIdCounter;
   }
-  function mergeStaticTransformIntoAnimDef(animDef, staticTransform) {
-    if (!animDef) return animDef;
-    const staticParts = staticTransform && typeof staticTransform === "object" && !Array.isArray(staticTransform) ? staticTransform : parseTransformParts(staticTransform);
-    if (!staticParts || !Object.keys(staticParts).length) return animDef;
-    const mergeKfValue = (v) => v && typeof v === "object" && !Array.isArray(v) ? __spreadValues(__spreadValues({}, staticParts), v) : v;
-    const transformAnim = animDef[TRANSFORM_ATTR];
-    if (transformAnim && typeof transformAnim === "object") {
-      const anim = transformAnim;
-      if (Array.isArray(anim.keyframes)) {
-        const out = __spreadProps(__spreadValues({}, anim), {
-          keyframes: anim.keyframes.map((kf) => __spreadProps(__spreadValues({}, kf), { value: mergeKfValue(kf.value) }))
-        });
-        if (out.value !== void 0) out.value = mergeKfValue(out.value);
-        return __spreadProps(__spreadValues({}, animDef), { transform: out });
-      }
-      return animDef;
-    }
-    const channels = Object.keys(animDef).filter((k) => PX_TRANSFORM_FN_NAMES.has(k));
-    if (channels.length !== 1) return animDef;
-    const ch = channels[0];
-    const chAnim = animDef[ch];
-    if (!chAnim || typeof chAnim !== "object" || !Array.isArray(chAnim.keyframes)) return animDef;
-    const lifted = __spreadProps(__spreadValues({}, chAnim), {
-      keyframes: chAnim.keyframes.map((kf) => __spreadProps(__spreadValues({}, kf), { value: __spreadProps(__spreadValues({}, staticParts), { [ch]: kf.value }) }))
-    });
-    if (lifted.value !== void 0) lifted.value = __spreadProps(__spreadValues({}, staticParts), { [ch]: lifted.value });
-    const rest = __spreadValues({}, animDef);
-    delete rest[ch];
-    return __spreadProps(__spreadValues({}, rest), { transform: lifted });
-  }
   function normalizeAnimationDefinition(animDef, duration, defs, engine = PxTimelineEngine.native) {
     const normalized = {};
     for (const [propName, propAnim] of Object.entries(animDef)) {
@@ -3001,7 +3038,7 @@ var PixodeskAnimator = (() => {
       let seekPosition;
       if (config.delay && config.delay < 0 && config.duration) {
         const rawSeek = -config.delay;
-        seekPosition = iterations === Infinity ? rawSeek % config.duration : Math.min(rawSeek, config.duration * (iterations != null ? iterations : 1));
+        seekPosition = iterations === Infinity ? rawSeek % config.duration : Math.min(rawSeek, config.duration * (iterations != null ? iterations : PX_DEFAULT_ITERATIONS));
       }
       const effectOptions = {
         duration: config.duration,
@@ -3108,7 +3145,7 @@ var PixodeskAnimator = (() => {
       },
       "setCurrentTime": (time) => {
         var _a2;
-        const ceiling = seekCeilingMs((_a2 = config.duration) != null ? _a2 : 0, iterations != null ? iterations : 1);
+        const ceiling = seekCeilingMs((_a2 = config.duration) != null ? _a2 : 0, iterations != null ? iterations : PX_DEFAULT_ITERATIONS);
         const seek = ceiling > 0 ? clampSeekMs(time, ceiling) : Math.max(0, time);
         finishNotified = false;
         animations.forEach((a) => {
@@ -3118,11 +3155,11 @@ var PixodeskAnimator = (() => {
       "getCurrentProgress": () => {
         var _a2;
         const t = api.getCurrentTime();
-        return t === null ? null : timeToProgress(t, (_a2 = config.duration) != null ? _a2 : 0, iterations != null ? iterations : 1);
+        return t === null ? null : timeToProgress(t, (_a2 = config.duration) != null ? _a2 : 0, iterations != null ? iterations : PX_DEFAULT_ITERATIONS);
       },
       "setCurrentProgress": (progress) => {
         var _a2;
-        api.setCurrentTime(progressToTimeMs(progress, (_a2 = config.duration) != null ? _a2 : 0, iterations != null ? iterations : 1));
+        api.setCurrentTime(progressToTimeMs(progress, (_a2 = config.duration) != null ? _a2 : 0, iterations != null ? iterations : PX_DEFAULT_ITERATIONS));
       },
       "destroy": () => {
         var _a2;