@nethesis/phone-island 1.1.4 → 1.1.5

package/dist/node_modules/motion-dom/dist/es/projection/node/create-projection-node.mjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../animation/animate/single-value.mjs.js"),e=require("../../animation/optimized-appear/get-appear-id.mjs.js"),i=require("../../animation/utils/get-value-transition.mjs.js"),s=require("../../frameloop/microtask.mjs.js"),o=require("../../frameloop/sync-time.mjs.js"),a=require("../styles/scale-correction.mjs.js"),r=require("../../utils/delay.mjs.js"),n=require("../../utils/is-svg-element.mjs.js"),l=require("../../utils/is-svg-svg-element.mjs.js"),h=require("../../utils/mix/number.mjs.js"),c=require("../../value/index.mjs.js"),u=require("../../value/utils/resolve-motion-value.mjs.js"),m=require("../animation/mix-values.mjs.js"),d=require("../geometry/copy.mjs.js"),p=require("../geometry/delta-apply.mjs.js"),y=require("../geometry/delta-calc.mjs.js"),g=require("../geometry/delta-remove.mjs.js"),f=require("../geometry/models.mjs.js"),v=require("../geometry/utils.mjs.js"),x=require("../shared/stack.mjs.js"),j=require("../styles/transform.mjs.js"),T=require("../utils/each-axis.mjs.js"),D=require("../utils/flat-tree.mjs.js"),B=require("../utils/has-transform.mjs.js"),P=require("./state.mjs.js"),S=require("../../frameloop/frame.mjs.js"),R=require("../../../../../motion-utils/dist/es/noop.mjs.js"),A=require("../../../../../motion-utils/dist/es/subscription-manager.mjs.js"),V=require("../../../../../motion-utils/dist/es/clamp.mjs.js");const L=["","X","Y","Z"];let k=0;function E(t,e,i,s){const{latestValues:o}=e;o[t]&&(i[t]=o[t],e.setStaticValue(t,0),s&&(s[t]=0))}function w(t){if(t.hasCheckedOptimisedAppear=!0,t.root===t)return;const{visualElement:i}=t.options;if(!i)return;const s=e.getOptimisedAppearId(i);if(window.MotionHasOptimisedAnimation(s,"transform")){const{layout:e,layoutId:i}=t.options;window.MotionCancelOptimisedAnimation(s,"transform",S.frame,!(e||i))}const{parent:o}=t;o&&!o.hasCheckedOptimisedAppear&&w(o)}function C(t){t.updateLayout()}function U(t){const e=t.resumeFrom?.snapshot||t.snapshot;if(t.isLead()&&t.layout&&e&&t.hasListeners("didUpdate")){const{layoutBox:i,measuredBox:s}=t.layout,{animationType:o}=t.options,a=e.source!==t.layout.source;if("size"===o)T.eachAxis(t=>{const s=a?e.measuredBox[t]:e.layoutBox[t],o=y.calcLength(s);s.min=i[t].min,s.max=s.min+o});else if("x"===o||"y"===o){const t="x"===o?"y":"x";d.copyAxisInto(a?e.measuredBox[t]:e.layoutBox[t],i[t])}else it(o,e.layoutBox,i)&&T.eachAxis(s=>{const o=a?e.measuredBox[s]:e.layoutBox[s],r=y.calcLength(i[s]);o.max=o.min+r,t.relativeTarget&&!t.currentAnimation&&(t.isProjectionDirty=!0,t.relativeTarget[s].max=t.relativeTarget[s].min+r)});const r=f.createDelta();y.calcBoxDelta(r,i,e.layoutBox);const n=f.createDelta();a?y.calcBoxDelta(n,t.applyTransform(s,!0),e.measuredBox):y.calcBoxDelta(n,i,e.layoutBox);const l=!v.isDeltaZero(r);let h=!1;if(!t.resumeFrom){const s=t.getClosestProjectingParent();if(s&&!s.resumeFrom){const{snapshot:o,layout:a}=s;if(o&&a){const r=t.options.layoutAnchor||void 0,n=f.createBox();y.calcRelativePosition(n,e.layoutBox,o.layoutBox,r);const l=f.createBox();y.calcRelativePosition(l,i,a.layoutBox,r),v.boxEqualsRounded(n,l)||(h=!0),s.options.layoutRoot&&(t.relativeTarget=l,t.relativeTargetOrigin=n,t.relativeParent=s)}}}t.notifyListeners("didUpdate",{layout:i,snapshot:e,delta:n,layoutDelta:r,hasLayoutChanged:l,hasRelativeLayoutChanged:h})}else if(t.isLead()){const{onExitComplete:e}=t.options;e&&e()}t.options.transition=void 0}function I(t){t.parent&&(t.isProjecting()||(t.isProjectionDirty=t.parent.isProjectionDirty),t.isSharedProjectionDirty||(t.isSharedProjectionDirty=Boolean(t.isProjectionDirty||t.parent.isProjectionDirty||t.parent.isSharedProjectionDirty)),t.isTransformDirty||(t.isTransformDirty=t.parent.isTransformDirty))}function F(t){t.isProjectionDirty=t.isSharedProjectionDirty=t.isTransformDirty=!1}function q(t){t.clearSnapshot()}function b(t){t.clearMeasurements()}function O(t){t.isLayoutDirty=!0,t.updateLayout()}function M(t){t.isLayoutDirty=!1}function N(t){t.isAnimationBlocked&&t.layout&&!t.isLayoutDirty&&(t.snapshot=t.layout,t.isLayoutDirty=!0)}function z(t){const{visualElement:e}=t.options;e&&e.getProps().onBeforeLayoutMeasure&&e.notify("BeforeLayoutMeasure"),t.resetTransform()}function H(t){t.finishAnimation(),t.targetDelta=t.relativeTarget=t.target=void 0,t.isProjectionDirty=!0}function W(t){t.resolveTargetDelta()}function G(t){t.calcProjection()}function Z(t){t.resetSkewAndRotation()}function $(t){t.removeLeadSnapshot()}function X(t,e,i){t.translate=h.mixNumber(e.translate,0,i),t.scale=h.mixNumber(e.scale,1,i),t.origin=e.origin,t.originPoint=e.originPoint}function Y(t,e,i,s){t.min=h.mixNumber(e.min,i.min,s),t.max=h.mixNumber(e.max,i.max,s)}function _(t,e,i,s){Y(t.x,e.x,i.x,s),Y(t.y,e.y,i.y,s)}function J(t){return t.animationValues&&void 0!==t.animationValues.opacityExit}const K={duration:.45,ease:[.4,0,.1,1]},Q=t=>"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().includes(t),tt=Q("applewebkit/")&&!Q("chrome/")?Math.round:R.noop;function et(t){t.min=tt(t.min),t.max=tt(t.max)}function it(t,e,i){return"position"===t||"preserve-aspect"===t&&!y.isNear(v.aspectRatio(e),v.aspectRatio(i),.2)}function st(t){return t!==t.root&&t.scroll?.wasRoot}exports.cleanDirtyNodes=F,exports.createProjectionNode=function({attachResizeListener:e,defaultParent:T,measureScroll:R,checkIsScrollRoot:Y,resetTransform:Q}){return class{constructor(t={},e=T?.()){this.id=k++,this.animationId=0,this.animationCommitId=0,this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.isProjectionDirty=!1,this.isSharedProjectionDirty=!1,this.isTransformDirty=!1,this.updateManuallyBlocked=!1,this.updateBlockedByResize=!1,this.isUpdating=!1,this.isSVG=!1,this.needsReset=!1,this.shouldResetTransform=!1,this.hasCheckedOptimisedAppear=!1,this.treeScale={x:1,y:1},this.eventHandlers=new Map,this.hasTreeAnimated=!1,this.layoutVersion=0,this.updateScheduled=!1,this.scheduleUpdate=()=>this.update(),this.projectionUpdateScheduled=!1,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots())},this.updateProjection=()=>{this.projectionUpdateScheduled=!1,this.nodes.forEach(I),this.nodes.forEach(W),this.nodes.forEach(G),this.nodes.forEach(F)},this.resolvedRelativeTargetAt=0,this.linkedParentVersion=0,this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.latestValues=t,this.root=e?e.root||e:this,this.path=e?[...e.path,e]:[],this.parent=e,this.depth=e?e.depth+1:0;for(let t=0;t<this.path.length;t++)this.path[t].shouldResetTransform=!0;this.root===this&&(this.nodes=new D.FlatTree)}addEventListener(t,e){return this.eventHandlers.has(t)||this.eventHandlers.set(t,new A.SubscriptionManager),this.eventHandlers.get(t).add(e)}notifyListeners(t,...e){const i=this.eventHandlers.get(t);i&&i.notify(...e)}hasListeners(t){return this.eventHandlers.has(t)}mount(t){if(this.instance)return;this.isSVG=n.isSVGElement(t)&&!l.isSVGSVGElement(t),this.instance=t;const{layoutId:s,layout:o,visualElement:a}=this.options;if(a&&!a.current&&a.mount(t),this.root.nodes.add(this),this.parent&&this.parent.children.add(this),this.root.hasTreeAnimated&&(o||s)&&(this.isLayoutDirty=!0),e){let i,s=0;const o=()=>this.root.updateBlockedByResize=!1;S.frame.read(()=>{s=window.innerWidth}),e(t,()=>{const t=window.innerWidth;t!==s&&(s=t,this.root.updateBlockedByResize=!0,i&&i(),i=r.delay(o,250),P.globalProjectionState.hasAnimatedSinceResize&&(P.globalProjectionState.hasAnimatedSinceResize=!1,this.nodes.forEach(H)))})}s&&this.root.registerSharedNode(s,this),!1!==this.options.animate&&a&&(s||o)&&this.addEventListener("didUpdate",({delta:t,hasLayoutChanged:e,hasRelativeLayoutChanged:s,layout:o})=>{if(this.isTreeAnimationBlocked())return this.target=void 0,void(this.relativeTarget=void 0);const r=this.options.transition||a.getDefaultTransition()||K,{onLayoutAnimationStart:n,onLayoutAnimationComplete:l}=a.getProps(),h=!this.targetLayout||!v.boxEqualsRounded(this.targetLayout,o),c=!e&&s;if(this.options.layoutRoot||this.resumeFrom||c||e&&(h||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0);const e={...i.getValueTransition(r,"layout"),onPlay:n,onComplete:l};(a.shouldReduceMotion||this.options.layoutRoot)&&(e.delay=0,e.type=!1),this.startAnimation(e),this.setAnimationOrigin(t,c,e.path)}else e||H(this),this.isLead()&&this.options.onExitComplete&&this.options.onExitComplete();this.targetLayout=o})}unmount(){this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this);const t=this.getStack();t&&t.remove(this),this.parent&&this.parent.children.delete(this),this.instance=void 0,this.eventHandlers.clear(),S.cancelFrame(this.updateProjection)}blockUpdate(){this.updateManuallyBlocked=!0}unblockUpdate(){this.updateManuallyBlocked=!1}isUpdateBlocked(){return this.updateManuallyBlocked||this.updateBlockedByResize}isTreeAnimationBlocked(){return this.isAnimationBlocked||this.parent&&this.parent.isTreeAnimationBlocked()||!1}startUpdate(){this.isUpdateBlocked()||(this.isUpdating=!0,this.nodes&&this.nodes.forEach(Z),this.animationId++)}getTransformTemplate(){const{visualElement:t}=this.options;return t&&t.getProps().transformTemplate}willUpdate(t=!0){if(this.root.hasTreeAnimated=!0,this.root.isUpdateBlocked())return void(this.options.onExitComplete&&this.options.onExitComplete());if(window.MotionCancelOptimisedAnimation&&!this.hasCheckedOptimisedAppear&&w(this),!this.root.isUpdating&&this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let t=0;t<this.path.length;t++){const e=this.path[t];e.shouldResetTransform=!0,"string"!=typeof e.latestValues.x&&"string"!=typeof e.latestValues.y||(e.isLayoutDirty=!0),e.updateScroll("snapshot"),e.options.layoutRoot&&e.willUpdate(!1)}const{layoutId:e,layout:i}=this.options;if(void 0===e&&!i)return;const s=this.getTransformTemplate();this.prevTransformTemplateValue=s?s(this.latestValues,""):void 0,this.updateSnapshot(),t&&this.notifyListeners("willUpdate")}update(){this.updateScheduled=!1;if(this.isUpdateBlocked()){const t=this.updateBlockedByResize;return this.unblockUpdate(),this.updateBlockedByResize=!1,this.clearAllSnapshots(),t&&this.nodes.forEach(O),void this.nodes.forEach(b)}if(this.animationId<=this.animationCommitId)return void this.nodes.forEach(M);this.animationCommitId=this.animationId,this.isUpdating?(this.isUpdating=!1,this.nodes.forEach(N),this.nodes.forEach(z),this.nodes.forEach(C),this.nodes.forEach(U)):this.nodes.forEach(M),this.clearAllSnapshots();const t=o.time.now();S.frameData.delta=V.clamp(0,1e3/60,t-S.frameData.timestamp),S.frameData.timestamp=t,S.frameData.isProcessing=!0,S.frameSteps.update.process(S.frameData),S.frameSteps.preRender.process(S.frameData),S.frameSteps.render.process(S.frameData),S.frameData.isProcessing=!1}didUpdate(){this.updateScheduled||(this.updateScheduled=!0,s.microtask.read(this.scheduleUpdate))}clearAllSnapshots(){this.nodes.forEach(q),this.sharedNodes.forEach($)}scheduleUpdateProjection(){this.projectionUpdateScheduled||(this.projectionUpdateScheduled=!0,S.frame.preRender(this.updateProjection,!1,!0))}scheduleCheckAfterUnmount(){S.frame.postRender(()=>{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()})}updateSnapshot(){!this.snapshot&&this.instance&&(this.snapshot=this.measure(),!this.snapshot||y.calcLength(this.snapshot.measuredBox.x)||y.calcLength(this.snapshot.measuredBox.y)||(this.snapshot=void 0))}updateLayout(){if(!this.instance)return;if(this.updateScroll(),!(this.options.alwaysMeasureLayout&&this.isLead()||this.isLayoutDirty))return;if(this.resumeFrom&&!this.resumeFrom.instance)for(let t=0;t<this.path.length;t++){this.path[t].updateScroll()}const t=this.layout;this.layout=this.measure(!1),this.layoutVersion++,this.layoutCorrected||(this.layoutCorrected=f.createBox()),this.isLayoutDirty=!1,this.projectionDelta=void 0,this.notifyListeners("measure",this.layout.layoutBox);const{visualElement:e}=this.options;e&&e.notify("LayoutMeasure",this.layout.layoutBox,t?t.layoutBox:void 0)}updateScroll(t="measure"){let e=Boolean(this.options.layoutScroll&&this.instance);if(this.scroll&&this.scroll.animationId===this.root.animationId&&this.scroll.phase===t&&(e=!1),e&&this.instance){const e=Y(this.instance);this.scroll={animationId:this.root.animationId,phase:t,isRoot:e,offset:R(this.instance),wasRoot:this.scroll?this.scroll.isRoot:e}}}resetTransform(){if(!Q)return;const t=this.isLayoutDirty||this.shouldResetTransform||this.options.alwaysMeasureLayout,e=this.projectionDelta&&!v.isDeltaZero(this.projectionDelta),i=this.getTransformTemplate(),s=i?i(this.latestValues,""):void 0,o=s!==this.prevTransformTemplateValue;t&&this.instance&&(e||B.hasTransform(this.latestValues)||o)&&(Q(this.instance,s),this.shouldResetTransform=!1,this.scheduleRender())}measure(t=!0){const e=this.measurePageBox();let i=this.removeElementScroll(e);var s;return t&&(i=this.removeTransform(i)),et((s=i).x),et(s.y),{animationId:this.root.animationId,measuredBox:e,layoutBox:i,latestValues:{},source:this.id}}measurePageBox(){const{visualElement:t}=this.options;if(!t)return f.createBox();const e=t.measureViewportBox();if(!(this.scroll?.wasRoot||this.path.some(st))){const{scroll:t}=this.root;t&&(p.translateAxis(e.x,t.offset.x),p.translateAxis(e.y,t.offset.y))}return e}removeElementScroll(t){const e=f.createBox();if(d.copyBoxInto(e,t),this.scroll?.wasRoot)return e;for(let i=0;i<this.path.length;i++){const s=this.path[i],{scroll:o,options:a}=s;s!==this.root&&o&&a.layoutScroll&&(o.wasRoot&&d.copyBoxInto(e,t),p.translateAxis(e.x,o.offset.x),p.translateAxis(e.y,o.offset.y))}return e}applyTransform(t,e=!1,i){const s=i||f.createBox();d.copyBoxInto(s,t);for(let t=0;t<this.path.length;t++){const i=this.path[t];!e&&i.options.layoutScroll&&i.scroll&&i!==i.root&&(p.translateAxis(s.x,-i.scroll.offset.x),p.translateAxis(s.y,-i.scroll.offset.y)),B.hasTransform(i.latestValues)&&p.transformBox(s,i.latestValues,i.layout?.layoutBox)}return B.hasTransform(this.latestValues)&&p.transformBox(s,this.latestValues,this.layout?.layoutBox),s}removeTransform(t){const e=f.createBox();d.copyBoxInto(e,t);for(let t=0;t<this.path.length;t++){const i=this.path[t];if(!B.hasTransform(i.latestValues))continue;let s;i.instance&&(B.hasScale(i.latestValues)&&i.updateSnapshot(),s=f.createBox(),d.copyBoxInto(s,i.measurePageBox())),g.removeBoxTransforms(e,i.latestValues,i.snapshot?.layoutBox,s)}return B.hasTransform(this.latestValues)&&g.removeBoxTransforms(e,this.latestValues),e}setTargetDelta(t){this.targetDelta=t,this.root.scheduleUpdateProjection(),this.isProjectionDirty=!0}setOptions(t){this.options={...this.options,...t,crossfade:void 0===t.crossfade||t.crossfade}}clearMeasurements(){this.scroll=void 0,this.layout=void 0,this.snapshot=void 0,this.prevTransformTemplateValue=void 0,this.targetDelta=void 0,this.target=void 0,this.isLayoutDirty=!1}forceRelativeParentToResolveTarget(){this.relativeParent&&this.relativeParent.resolvedRelativeTargetAt!==S.frameData.timestamp&&this.relativeParent.resolveTargetDelta(!0)}resolveTargetDelta(t=!1){const e=this.getLead();this.isProjectionDirty||(this.isProjectionDirty=e.isProjectionDirty),this.isTransformDirty||(this.isTransformDirty=e.isTransformDirty),this.isSharedProjectionDirty||(this.isSharedProjectionDirty=e.isSharedProjectionDirty);const i=Boolean(this.resumingFrom)||this!==e;if(!(t||i&&this.isSharedProjectionDirty||this.isProjectionDirty||this.parent?.isProjectionDirty||this.attemptToResolveRelativeTarget||this.root.updateBlockedByResize))return;const{layout:s,layoutId:o}=this.options;if(!this.layout||!s&&!o)return;this.resolvedRelativeTargetAt=S.frameData.timestamp;const a=this.getClosestProjectingParent();a&&this.linkedParentVersion!==a.layoutVersion&&!a.options.layoutRoot&&this.removeRelativeTarget(),this.targetDelta||this.relativeTarget||(!1!==this.options.layoutAnchor&&a&&a.layout?this.createRelativeTarget(a,this.layout.layoutBox,a.layout.layoutBox):this.removeRelativeTarget()),(this.relativeTarget||this.targetDelta)&&(this.target||(this.target=f.createBox(),this.targetWithTransforms=f.createBox()),this.relativeTarget&&this.relativeTargetOrigin&&this.relativeParent&&this.relativeParent.target?(this.forceRelativeParentToResolveTarget(),y.calcRelativeBox(this.target,this.relativeTarget,this.relativeParent.target,this.options.layoutAnchor||void 0)):this.targetDelta?(Boolean(this.resumingFrom)?this.applyTransform(this.layout.layoutBox,!1,this.target):d.copyBoxInto(this.target,this.layout.layoutBox),p.applyBoxDelta(this.target,this.targetDelta)):d.copyBoxInto(this.target,this.layout.layoutBox),this.attemptToResolveRelativeTarget&&(this.attemptToResolveRelativeTarget=!1,!1!==this.options.layoutAnchor&&a&&Boolean(a.resumingFrom)===Boolean(this.resumingFrom)&&!a.options.layoutScroll&&a.target&&1!==this.animationProgress?this.createRelativeTarget(a,this.target,a.target):this.relativeParent=this.relativeTarget=void 0))}getClosestProjectingParent(){if(this.parent&&!B.hasScale(this.parent.latestValues)&&!B.has2DTranslate(this.parent.latestValues))return this.parent.isProjecting()?this.parent:this.parent.getClosestProjectingParent()}isProjecting(){return Boolean((this.relativeTarget||this.targetDelta||this.options.layoutRoot)&&this.layout)}createRelativeTarget(t,e,i){this.relativeParent=t,this.linkedParentVersion=t.layoutVersion,this.forceRelativeParentToResolveTarget(),this.relativeTarget=f.createBox(),this.relativeTargetOrigin=f.createBox(),y.calcRelativePosition(this.relativeTargetOrigin,e,i,this.options.layoutAnchor||void 0),d.copyBoxInto(this.relativeTarget,this.relativeTargetOrigin)}removeRelativeTarget(){this.relativeParent=this.relativeTarget=void 0}calcProjection(){const t=this.getLead(),e=Boolean(this.resumingFrom)||this!==t;let i=!0;if((this.isProjectionDirty||this.parent?.isProjectionDirty)&&(i=!1),e&&(this.isSharedProjectionDirty||this.isTransformDirty)&&(i=!1),this.resolvedRelativeTargetAt===S.frameData.timestamp&&(i=!1),i)return;const{layout:s,layoutId:o}=this.options;if(this.isTreeAnimating=Boolean(this.parent&&this.parent.isTreeAnimating||this.currentAnimation||this.pendingAnimation),this.isTreeAnimating||(this.targetDelta=this.relativeTarget=void 0),!this.layout||!s&&!o)return;d.copyBoxInto(this.layoutCorrected,this.layout.layoutBox);const a=this.treeScale.x,r=this.treeScale.y;p.applyTreeDeltas(this.layoutCorrected,this.treeScale,this.path,e),!t.layout||t.target||1===this.treeScale.x&&1===this.treeScale.y||(t.target=t.layout.layoutBox,t.targetWithTransforms=f.createBox());const{target:n}=t;n?(this.projectionDelta&&this.prevProjectionDelta?(d.copyAxisDeltaInto(this.prevProjectionDelta.x,this.projectionDelta.x),d.copyAxisDeltaInto(this.prevProjectionDelta.y,this.projectionDelta.y)):this.createProjectionDeltas(),y.calcBoxDelta(this.projectionDelta,this.layoutCorrected,n,this.latestValues),this.treeScale.x===a&&this.treeScale.y===r&&v.axisDeltaEquals(this.projectionDelta.x,this.prevProjectionDelta.x)&&v.axisDeltaEquals(this.projectionDelta.y,this.prevProjectionDelta.y)||(this.hasProjected=!0,this.scheduleRender(),this.notifyListeners("projectionUpdate",n))):this.prevProjectionDelta&&(this.createProjectionDeltas(),this.scheduleRender())}hide(){this.isVisible=!1}show(){this.isVisible=!0}scheduleRender(t=!0){if(this.options.visualElement?.scheduleRender(),t){const t=this.getStack();t&&t.scheduleRender()}this.resumingFrom&&!this.resumingFrom.instance&&(this.resumingFrom=void 0)}createProjectionDeltas(){this.prevProjectionDelta=f.createDelta(),this.projectionDelta=f.createDelta(),this.projectionDeltaWithTransform=f.createDelta()}setAnimationOrigin(t,e=!1,i){const s=this.snapshot,o=s?s.latestValues:{},a={...this.latestValues},r=f.createDelta();this.relativeParent&&this.relativeParent.options.layoutRoot||(this.relativeTarget=this.relativeTargetOrigin=void 0),this.attemptToResolveRelativeTarget=!e;const n=f.createBox(),l=(s?s.source:void 0)!==(this.layout?this.layout.source:void 0),c=this.getStack(),u=!c||c.members.length<=1,p=Boolean(l&&!u&&!0===this.options.crossfade&&!this.path.some(J));let g;this.animationProgress=0;const x=i?.interpolateProjection(t);this.mixTargetDelta=e=>{const i=e/1e3,s=x?.(i);s?(r.x.translate=s.x,r.x.scale=h.mixNumber(t.x.scale,1,i),r.x.origin=t.x.origin,r.x.originPoint=t.x.originPoint,r.y.translate=s.y,r.y.scale=h.mixNumber(t.y.scale,1,i),r.y.origin=t.y.origin,r.y.originPoint=t.y.originPoint):(X(r.x,t.x,i),X(r.y,t.y,i)),this.setTargetDelta(r),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&this.relativeParent&&this.relativeParent.layout&&(y.calcRelativePosition(n,this.layout.layoutBox,this.relativeParent.layout.layoutBox,this.options.layoutAnchor||void 0),_(this.relativeTarget,this.relativeTargetOrigin,n,i),g&&v.boxEquals(this.relativeTarget,g)&&(this.isProjectionDirty=!1),g||(g=f.createBox()),d.copyBoxInto(g,this.relativeTarget)),l&&(this.animationValues=a,m.mixValues(a,o,this.latestValues,i,p,u)),s&&void 0!==s.rotate&&(this.animationValues||(this.animationValues=a),this.animationValues.pathRotation=s.rotate),this.root.scheduleUpdateProjection(),this.scheduleRender(),this.animationProgress=i},this.mixTargetDelta(this.options.layoutRoot?1e3:0)}startAnimation(e){this.notifyListeners("animationStart"),this.currentAnimation?.stop(),this.resumingFrom?.currentAnimation?.stop(),this.pendingAnimation&&(S.cancelFrame(this.pendingAnimation),this.pendingAnimation=void 0),this.pendingAnimation=S.frame.update(()=>{P.globalProjectionState.hasAnimatedSinceResize=!0,this.motionValue||(this.motionValue=c.motionValue(0)),this.motionValue.jump(0,!1),this.currentAnimation=t.animateSingleValue(this.motionValue,[0,1e3],{...e,velocity:0,isSync:!0,onUpdate:t=>{this.mixTargetDelta(t),e.onUpdate&&e.onUpdate(t)},onComplete:()=>{e.onComplete&&e.onComplete(),this.completeAnimation()}}),this.resumingFrom&&(this.resumingFrom.currentAnimation=this.currentAnimation),this.pendingAnimation=void 0})}completeAnimation(){this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0);const t=this.getStack();t&&t.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){this.currentAnimation&&(this.mixTargetDelta&&this.mixTargetDelta(1e3),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){const t=this.getLead();let{targetWithTransforms:e,target:i,layout:s,latestValues:o}=t;if(e&&i&&s){if(this!==t&&this.layout&&s&&it(this.options.animationType,this.layout.layoutBox,s.layoutBox)){i=this.target||f.createBox();const e=y.calcLength(this.layout.layoutBox.x);i.x.min=t.target.x.min,i.x.max=i.x.min+e;const s=y.calcLength(this.layout.layoutBox.y);i.y.min=t.target.y.min,i.y.max=i.y.min+s}d.copyBoxInto(e,i),p.transformBox(e,o),y.calcBoxDelta(this.projectionDeltaWithTransform,this.layoutCorrected,e,o)}}registerSharedNode(t,e){this.sharedNodes.has(t)||this.sharedNodes.set(t,new x.NodeStack);this.sharedNodes.get(t).add(e);const i=e.options.initialPromotionConfig;e.promote({transition:i?i.transition:void 0,preserveFollowOpacity:i&&i.shouldPreserveFollowOpacity?i.shouldPreserveFollowOpacity(e):void 0})}isLead(){const t=this.getStack();return!t||t.lead===this}getLead(){const{layoutId:t}=this.options;return t&&this.getStack()?.lead||this}getPrevLead(){const{layoutId:t}=this.options;return t?this.getStack()?.prevLead:void 0}getStack(){const{layoutId:t}=this.options;if(t)return this.root.sharedNodes.get(t)}promote({needsReset:t,transition:e,preserveFollowOpacity:i}={}){const s=this.getStack();s&&s.promote(this,i),t&&(this.projectionDelta=void 0,this.needsReset=!0),e&&this.setOptions({transition:e})}relegate(){const t=this.getStack();return!!t&&t.relegate(this)}resetSkewAndRotation(){const{visualElement:t}=this.options;if(!t)return;let e=!1;const{latestValues:i}=t;if((i.z||i.rotate||i.rotateX||i.rotateY||i.rotateZ||i.skewX||i.skewY)&&(e=!0),!e)return;const s={};i.z&&E("z",t,s,this.animationValues);for(let e=0;e<L.length;e++)E(`rotate${L[e]}`,t,s,this.animationValues),E(`skew${L[e]}`,t,s,this.animationValues);t.render();for(const e in s)t.setStaticValue(e,s[e]),this.animationValues&&(this.animationValues[e]=s[e]);t.scheduleRender()}applyProjectionStyles(t,e){if(!this.instance||this.isSVG)return;if(!this.isVisible)return void(t.visibility="hidden");const i=this.getTransformTemplate();if(this.needsReset)return this.needsReset=!1,t.visibility="",t.opacity="",t.pointerEvents=u.resolveMotionValue(e?.pointerEvents)||"",void(t.transform=i?i(this.latestValues,""):"none");const s=this.getLead();if(!this.projectionDelta||!this.layout||!s.target)return this.options.layoutId&&(t.opacity=void 0!==this.latestValues.opacity?this.latestValues.opacity:1,t.pointerEvents=u.resolveMotionValue(e?.pointerEvents)||""),void(this.hasProjected&&!B.hasTransform(this.latestValues)&&(t.transform=i?i({},""):"none",this.hasProjected=!1));t.visibility="";const o=s.animationValues||s.latestValues;this.applyTransformsToTarget();let r=j.buildProjectionTransform(this.projectionDeltaWithTransform,this.treeScale,o);i&&(r=i(o,r)),t.transform=r;const{x:n,y:l}=this.projectionDelta;t.transformOrigin=`${100*n.origin}% ${100*l.origin}% 0`,s.animationValues?t.opacity=s===this?o.opacity??this.latestValues.opacity??1:this.preserveOpacity?this.latestValues.opacity:o.opacityExit:t.opacity=s===this?void 0!==o.opacity?o.opacity:"":void 0!==o.opacityExit?o.opacityExit:0;for(const e in a.scaleCorrectors){if(void 0===o[e])continue;const{correct:i,applyTo:n,isCSSVariable:l}=a.scaleCorrectors[e],h="none"===r?o[e]:i(o[e],s);if(n){const e=n.length;for(let i=0;i<e;i++)t[n[i]]=h}else l?this.options.visualElement.renderState.vars[e]=h:t[e]=h}this.options.layoutId&&(t.pointerEvents=s===this?u.resolveMotionValue(e?.pointerEvents)||"":"none")}clearSnapshot(){this.resumeFrom=this.snapshot=void 0}resetTree(){this.root.nodes.forEach(t=>t.currentAnimation?.stop()),this.root.nodes.forEach(b),this.root.sharedNodes.clear()}}},exports.mixAxis=Y,exports.mixBox=_,exports.propagateDirtyNodes=I;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../animation/animate/single-value.mjs.js"),e=require("../../animation/utils/notify-inspector.mjs.js"),i=require("../../animation/optimized-appear/get-appear-id.mjs.js"),s=require("../../animation/utils/get-value-transition.mjs.js"),o=require("../../frameloop/microtask.mjs.js"),a=require("../../frameloop/sync-time.mjs.js"),r=require("../styles/scale-correction.mjs.js"),n=require("../../utils/delay.mjs.js"),l=require("../../utils/is-svg-element.mjs.js"),h=require("../../utils/is-svg-svg-element.mjs.js"),c=require("../../utils/mix/number.mjs.js"),u=require("../../value/index.mjs.js"),m=require("../../value/utils/resolve-motion-value.mjs.js"),d=require("../animation/mix-values.mjs.js"),p=require("../../animation/waapi/transforms/groups.mjs.js"),y=require("../geometry/copy.mjs.js"),g=require("../geometry/delta-apply.mjs.js"),f=require("../geometry/delta-calc.mjs.js"),v=require("../geometry/delta-remove.mjs.js"),x=require("../geometry/models.mjs.js"),j=require("../geometry/utils.mjs.js"),T=require("../shared/stack.mjs.js"),D=require("../styles/default-scale-correctors.mjs.js"),B=require("../styles/transform.mjs.js"),P=require("../utils/each-axis.mjs.js"),S=require("../utils/flat-tree.mjs.js"),A=require("../utils/has-transform.mjs.js"),R=require("./state.mjs.js"),L=require("../../frameloop/frame.mjs.js"),V=require("../../frameloop/frame-data.mjs.js"),E=require("../../../../../motion-utils/dist/es/noop.mjs.js"),k=require("../../../../../motion-utils/dist/es/subscription-manager.mjs.js"),C=require("../../../../../motion-utils/dist/es/clamp.mjs.js");const w=["","X","Y","Z"];let I=0;function U(t,e,i,s){const{latestValues:o}=e;o[t]&&(i[t]=o[t],e.setStaticValue(t,0),s&&(s[t]=0))}const q=({instance:t})=>t&&p.transformGroups.get(t)?.demote();function F(t){if(t.hasCheckedOptimisedAppear=!0,t.root===t)return;const{visualElement:e}=t.options;if(!e)return;const s=i.getOptimisedAppearId(e);if(window.MotionHasOptimisedAnimation(s,"transform")){const{layout:e,layoutId:i}=t.options;window.MotionCancelOptimisedAnimation(s,"transform",L.frame,!(e||i))}const{parent:o}=t;o&&!o.hasCheckedOptimisedAppear&&F(o)}function b(t){t.updateLayout(),function(t){const{snapshot:e,dragAncestor:i}=t,s=i?.isAnimationBlocked&&i.layout;if(!e||!s||t.resumeFrom||t.isAnimationBlocked)return;const o=i.dragSnapshot;P.eachAxis(t=>g.translateAxis(e.layoutBox[t],s.layoutBox[t].min-o.layoutBox[t].min))}(t)}function O(t){const e=t.resumeFrom?.snapshot||t.snapshot;if(t.isLead()&&t.layout&&e&&t.hasListeners("didUpdate")){const{layoutBox:i,measuredBox:s}=t.layout,{animationType:o}=t.options,a=e.source!==t.layout.source;if("size"===o)P.eachAxis(t=>{const s=a?e.measuredBox[t]:e.layoutBox[t],o=f.calcLength(s);s.min=i[t].min,s.max=s.min+o});else if("x"===o||"y"===o){const t="x"===o?"y":"x";y.copyAxisInto(a?e.measuredBox[t]:e.layoutBox[t],i[t])}else nt(o,e.layoutBox,i)&&P.eachAxis(s=>{const o=a?e.measuredBox[s]:e.layoutBox[s],r=f.calcLength(i[s]);o.max=o.min+r,t.relativeTarget&&!t.currentAnimation&&(t.isProjectionDirty=!0,t.relativeTarget[s].max=t.relativeTarget[s].min+r)});const r=x.createDelta();f.calcBoxDelta(r,i,e.layoutBox);const n=x.createDelta();a?f.calcBoxDelta(n,t.applyTransform(s,!0),e.measuredBox):f.calcBoxDelta(n,i,e.layoutBox);const l=!j.isDeltaZero(r);let h=!1;if(!t.resumeFrom){const s=t.getClosestProjectingParent();if(s&&!s.resumeFrom){const{snapshot:o,layout:a}=s;if(o&&a){const r=t.options.layoutAnchor||void 0,n=x.createBox();f.calcRelativePosition(n,e.layoutBox,o.layoutBox,r);const l=x.createBox();f.calcRelativePosition(l,i,a.layoutBox,r),j.boxEqualsRounded(n,l)||(h=!0),s.options.layoutRoot&&(t.relativeTarget=l,t.relativeTargetOrigin=n,t.relativeParent=s)}}}t.notifyListeners("didUpdate",{layout:i,snapshot:e,delta:n,layoutDelta:r,hasLayoutChanged:l,hasRelativeLayoutChanged:h})}else if(t.isLead()){const{onExitComplete:e}=t.options;e&&e()}t.options.transition=void 0}function M(t){t.parent&&(t.isProjecting()||(t.isProjectionDirty=t.parent.isProjectionDirty),t.isSharedProjectionDirty||(t.isSharedProjectionDirty=Boolean(t.isProjectionDirty||t.parent.isProjectionDirty||t.parent.isSharedProjectionDirty)),t.isTransformDirty||(t.isTransformDirty=t.parent.isTransformDirty))}function N(t){t.isProjectionDirty=t.isSharedProjectionDirty=t.isTransformDirty=!1}function z(t){t.clearSnapshot()}function H(t){t.clearMeasurements()}function W(t){t.isLayoutDirty=!0,t.updateLayout()}function G(t){t.isLayoutDirty=!1}function Z(t){t.isAnimationBlocked&&t.layout&&!t.isLayoutDirty&&(t.snapshot=t.dragSnapshot||t.layout,t.isLayoutDirty=!0)}function $(t){t.relativeTarget&&t.relativeParent?.isLayoutDirty&&(t.currentAnimation?t.isLayoutDirty=!0:(t.targetDelta=void 0,t.removeRelativeTarget()))}function X(t){const{visualElement:e}=t.options;e&&e.getProps().onBeforeLayoutMeasure&&e.notify("BeforeLayoutMeasure"),t.resetTransform()}function Y(t){t.finishAnimation(),t.targetDelta=t.relativeTarget=t.target=void 0,t.isProjectionDirty=!0}function _(t){t.resolveTargetDelta()}function J(t){t.calcProjection()}function K(t){t.resetSkewAndRotation()}function Q(t,e,i){t.translate=c.mixNumber(e.translate,0,i),t.scale=c.mixNumber(e.scale,1,i),t.origin=e.origin,t.originPoint=e.originPoint}function tt(t,e,i,s){t.min=c.mixNumber(e.min,i.min,s),t.max=c.mixNumber(e.max,i.max,s)}function et(t,e,i,s){tt(t.x,e.x,i.x,s),tt(t.y,e.y,i.y,s)}function it(t){return t.animationValues&&void 0!==t.animationValues.opacityExit}const st={duration:.45,ease:[.4,0,.1,1]},ot=t=>"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().includes(t),at=ot("applewebkit/")&&!ot("chrome/")?Math.round:E.noop;function rt(t){t.min=at(t.min),t.max=at(t.max)}function nt(t,e,i){return"position"===t||"preserve-aspect"===t&&!f.isNear(j.aspectRatio(e),j.aspectRatio(i),.2)}function lt(t){return t!==t.root&&t.scroll?.wasRoot}exports.cleanDirtyNodes=N,exports.createProjectionNode=function({attachResizeListener:i,defaultParent:p,measureScroll:P,checkIsScrollRoot:E,resetTransform:tt}){return Object.assign(r.scaleCorrectors,{...D.defaultScaleCorrectors,...r.scaleCorrectors}),class{constructor(t={},e=p?.()){this.id=I++,this.animationId=0,this.animationCommitId=0,this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.isProjectionDirty=!1,this.isSharedProjectionDirty=!1,this.isTransformDirty=!1,this.updateManuallyBlocked=!1,this.updateBlockedByResize=!1,this.isUpdating=!1,this.isSVG=!1,this.needsReset=!1,this.shouldResetTransform=!1,this.hasCheckedOptimisedAppear=!1,this.treeScale={x:1,y:1},this.eventHandlers=new Map,this.hasTreeAnimated=!1,this.updateScheduled=!1,this.scheduleUpdate=()=>this.update(),this.projectionUpdateScheduled=!1,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots())},this.updateProjection=()=>{this.projectionUpdateScheduled=!1,this.nodes.forEach(M),this.nodes.forEach(_),this.nodes.forEach(J),this.nodes.forEach(N)},this.resolvedRelativeTargetAt=0,this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.latestValues=t,this.root=e?e.root||e:this,this.path=e?[...e.path,e]:[],this.parent=e,this.depth=e?e.depth+1:0;for(let t=0;t<this.path.length;t++)this.path[t].shouldResetTransform=!0;this.root===this&&(this.nodes=new S.FlatTree)}addEventListener(t,e){return this.eventHandlers.has(t)||this.eventHandlers.set(t,new k.SubscriptionManager),this.eventHandlers.get(t).add(e)}notifyListeners(t,...e){const i=this.eventHandlers.get(t);i&&i.notify(...e)}hasListeners(t){return this.eventHandlers.has(t)}mount(t){if(this.instance)return;this.isSVG=l.isSVGElement(t)&&!h.isSVGSVGElement(t),this.instance=t;const{layoutId:e,layout:s,visualElement:o}=this.options;if(o&&!o.current&&o.mount(t),this.root.nodes.add(this),this.parent&&this.parent.children.add(this),this.root.hasTreeAnimated&&(s||e)&&(this.isLayoutDirty=!0),i){let e,s=0;const o=()=>this.root.updateBlockedByResize=!1;L.frame.read(()=>{s=window.innerWidth}),i(t,()=>{const t=window.innerWidth;t!==s&&(s=t,this.root.updateBlockedByResize=!0,e&&e(),e=n.delay(o,250),R.globalProjectionState.hasAnimatedSinceResize&&(R.globalProjectionState.hasAnimatedSinceResize=!1,this.nodes.forEach(Y)))})}e&&this.root.registerSharedNode(e,this),this.addLayoutListener()}addLayoutListener(){const{layoutId:t,layout:e,visualElement:i,animate:o}=this.options;this.instance&&!this.hasLayoutListener&&!1!==o&&i&&(t||e)&&(this.hasLayoutListener=!0,this.addEventListener("didUpdate",({delta:t,hasLayoutChanged:e,hasRelativeLayoutChanged:o,layout:a})=>{if(this.isAnimationBlocked)return this.target=void 0,void(this.relativeTarget=void 0);const r=this.options.transition||i.getDefaultTransition()||st,{onLayoutAnimationStart:n,onLayoutAnimationComplete:l}=i.getProps(),h=!this.targetLayout||!j.boxEqualsRounded(this.targetLayout,a),c=!e&&o;if(this.options.layoutRoot||this.resumeFrom||c||e&&(h||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0);const e={...s.getValueTransition(r,"layout"),onPlay:n,onComplete:l};(i.shouldReduceMotion||this.options.layoutRoot)&&(e.delay=0,e.type=!1),this.startAnimation(e),this.setAnimationOrigin(t,c,e.path)}else e||Y(this),this.isLead()&&this.options.onExitComplete&&this.options.onExitComplete();this.targetLayout=a}))}unmount(){this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this);const t=this.getStack();t&&t.remove(this),this.parent&&this.parent.children.delete(this),this.instance=void 0,this.eventHandlers.clear(),this.hasLayoutListener=!1,L.cancelFrame(this.updateProjection)}blockUpdate(){this.updateManuallyBlocked=!0}unblockUpdate(){this.updateManuallyBlocked=!1}isUpdateBlocked(){return this.updateManuallyBlocked||this.updateBlockedByResize}startUpdate(){this.isUpdateBlocked()||(this.isUpdating=!0,this.nodes&&this.nodes.forEach(K),this.animationId++)}getTransformTemplate(){const{visualElement:t}=this.options;return t&&t.getProps().transformTemplate}willUpdate(t=!0){if(this.root.hasTreeAnimated=!0,this.root.isUpdateBlocked())return void(this.options.onExitComplete&&this.options.onExitComplete());if(window.MotionCancelOptimisedAnimation&&!this.hasCheckedOptimisedAppear&&F(this),!this.root.isUpdating&&this.root.startUpdate(),this.isLayoutDirty)return;q(this),this.isLayoutDirty=!0;for(let t=0;t<this.path.length;t++){const e=this.path[t];e.shouldResetTransform=!0,q(e),"string"!=typeof e.latestValues.x&&"string"!=typeof e.latestValues.y||(e.isLayoutDirty=!0),e.updateScroll("snapshot"),e.options.layoutRoot&&e.willUpdate(!1),e.isAnimationBlocked&&(e.dragSnapshot||(e.dragSnapshot=e.measure()),this.dragAncestor=e)}const{layoutId:e,layout:i}=this.options;if(void 0===e&&!i)return;const s=this.getTransformTemplate();this.prevTransformTemplateValue=s?s(this.latestValues,""):void 0,this.updateSnapshot(),t&&this.notifyListeners("willUpdate")}update(){this.updateScheduled=!1;if(this.isUpdateBlocked()){const t=this.updateBlockedByResize;return this.unblockUpdate(),this.updateBlockedByResize=!1,this.clearAllSnapshots(),t&&this.nodes.forEach(W),void this.nodes.forEach(H)}if(this.animationId<=this.animationCommitId)return void this.nodes.forEach(G);this.animationCommitId=this.animationId,this.isUpdating?(this.isUpdating=!1,this.nodes.forEach(Z),this.nodes.forEach($),this.nodes.forEach(X),this.nodes.forEach(b),this.nodes.forEach(O)):this.nodes.forEach(G),this.clearAllSnapshots();const t=a.time.now();V.frameData.delta=C.clamp(0,1e3/60,t-V.frameData.timestamp),V.frameData.timestamp=t,V.frameData.isProcessing=!0,L.frameSteps.update.process(V.frameData),L.frameSteps.preRender.process(V.frameData),L.frameSteps.render.process(V.frameData),V.frameData.isProcessing=!1}didUpdate(){this.updateScheduled||(this.updateScheduled=!0,o.microtask.read(this.scheduleUpdate))}clearAllSnapshots(){this.nodes.forEach(z),this.sharedNodes.forEach((t,e)=>t.members.length?t.removeLeadSnapshot():this.sharedNodes.delete(e))}scheduleUpdateProjection(){this.projectionUpdateScheduled||(this.projectionUpdateScheduled=!0,L.frame.preRender(this.updateProjection,!1,!0))}scheduleCheckAfterUnmount(){L.frame.postRender(()=>{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()})}updateSnapshot(){!this.snapshot&&this.instance&&(this.snapshot=this.measure(),!this.snapshot||f.calcLength(this.snapshot.measuredBox.x)||f.calcLength(this.snapshot.measuredBox.y)||(this.snapshot=void 0))}updateLayout(){if(!this.instance)return;if(this.updateScroll(),!(this.options.alwaysMeasureLayout&&this.isLead()||this.isLayoutDirty))return;if(this.resumeFrom&&!this.resumeFrom.instance)for(let t=0;t<this.path.length;t++){this.path[t].updateScroll()}const t=this.layout;this.layout=this.measure(!1),this.layoutCorrected||(this.layoutCorrected=x.createBox()),this.isLayoutDirty=!1,this.projectionDelta=void 0,this.notifyListeners("measure",this.layout.layoutBox);const{visualElement:e}=this.options;e&&e.notify("LayoutMeasure",this.layout.layoutBox,t?t.layoutBox:void 0)}updateScroll(t="measure"){let e=Boolean(this.options.layoutScroll&&this.instance);if(this.scroll&&this.scroll.animationId===this.root.animationId&&this.scroll.phase===t&&(e=!1),e&&this.instance){const e=E(this.instance);this.scroll={animationId:this.root.animationId,phase:t,isRoot:e,offset:P(this.instance),wasRoot:this.scroll?this.scroll.isRoot:e}}}resetTransform(){if(!tt)return;const t=this.isLayoutDirty||this.shouldResetTransform||this.options.alwaysMeasureLayout;t&&q(this);const e=this.projectionDelta&&!j.isDeltaZero(this.projectionDelta),i=this.getTransformTemplate(),s=i?i(this.latestValues,""):void 0,o=s!==this.prevTransformTemplateValue;t&&this.instance&&(e||A.hasTransform(this.latestValues)||o)&&(tt(this.instance,s),this.shouldResetTransform=!1,this.scheduleRender())}measure(t=!0){const e=this.measurePageBox();let i=this.removeElementScroll(e);var s;return t&&(i=this.removeTransform(i)),rt((s=i).x),rt(s.y),{animationId:this.root.animationId,measuredBox:e,layoutBox:i,latestValues:{},source:this.id}}measurePageBox(){const{visualElement:t}=this.options;if(!t)return x.createBox();const e=t.measureViewportBox();if(!(this.scroll?.wasRoot||this.path.some(lt))){const{scroll:t}=this.root;t&&(g.translateAxis(e.x,t.offset.x),g.translateAxis(e.y,t.offset.y))}return e}removeElementScroll(t){const e=x.createBox();if(y.copyBoxInto(e,t),this.scroll?.wasRoot)return e;for(let i=0;i<this.path.length;i++){const s=this.path[i],{scroll:o,options:a}=s;s!==this.root&&o&&a.layoutScroll&&(o.wasRoot&&y.copyBoxInto(e,t),g.translateAxis(e.x,o.offset.x),g.translateAxis(e.y,o.offset.y))}return e}applyTransform(t,e=!1,i,s){const o=i||x.createBox();y.copyBoxInto(o,t);for(let t=0;t<this.path.length;t++){const i=this.path[t];!e&&i.options.layoutScroll&&i.scroll&&i!==i.root&&(g.translateAxis(o.x,-i.scroll.offset.x),g.translateAxis(o.y,-i.scroll.offset.y)),A.hasTransform(i.latestValues)&&g.transformBox(o,i.latestValues,i.layout?.layoutBox)}return!s&&A.hasTransform(this.latestValues)&&g.transformBox(o,this.latestValues,this.layout?.layoutBox),o}removeTransform(t){const e=x.createBox();y.copyBoxInto(e,t);for(let t=0;t<this.path.length;t++){const i=this.path[t];if(!A.hasTransform(i.latestValues))continue;let s;i.instance&&(A.hasScale(i.latestValues)&&i.updateSnapshot(),s=x.createBox(),y.copyBoxInto(s,i.measurePageBox())),v.removeBoxTransforms(e,i.latestValues,i.snapshot?.layoutBox,s)}return A.hasTransform(this.latestValues)&&v.removeBoxTransforms(e,this.latestValues),e}setTargetDelta(t){this.targetDelta=t,this.root.scheduleUpdateProjection(),this.isProjectionDirty=!0}setOptions(t){this.options={...this.options,...t,crossfade:void 0===t.crossfade||t.crossfade},this.addLayoutListener()}clearMeasurements(){this.scroll=void 0,this.layout=void 0,this.snapshot=void 0,this.prevTransformTemplateValue=void 0,this.targetDelta=void 0,this.target=void 0,this.isLayoutDirty=!1}forceRelativeParentToResolveTarget(){this.relativeParent&&this.relativeParent.resolvedRelativeTargetAt!==V.frameData.timestamp&&this.relativeParent.resolveTargetDelta(!0)}resolveTargetDelta(t=!1){const e=this.getLead();this.isProjectionDirty||(this.isProjectionDirty=e.isProjectionDirty),this.isTransformDirty||(this.isTransformDirty=e.isTransformDirty),this.isSharedProjectionDirty||(this.isSharedProjectionDirty=e.isSharedProjectionDirty);const i=Boolean(this.resumingFrom)||this!==e;if(!(t||i&&this.isSharedProjectionDirty||this.isProjectionDirty||this.parent?.isProjectionDirty||this.attemptToResolveRelativeTarget||this.root.updateBlockedByResize))return;const{layout:s,layoutId:o}=this.options;if(!this.layout||!s&&!o)return;this.resolvedRelativeTargetAt=V.frameData.timestamp;const a=this.getClosestProjectingParent();this.targetDelta||this.relativeTarget||(!1!==this.options.layoutAnchor&&a&&a.layout?this.createRelativeTarget(a,this.layout.layoutBox,a.layout.layoutBox):this.removeRelativeTarget()),(this.relativeTarget||this.targetDelta)&&(this.target||(this.target=x.createBox(),this.targetWithTransforms=x.createBox()),this.relativeTarget&&this.relativeTargetOrigin&&this.relativeParent&&this.relativeParent.target?(this.forceRelativeParentToResolveTarget(),f.calcRelativeBox(this.target,this.relativeTarget,this.relativeParent.target,this.options.layoutAnchor||void 0)):this.targetDelta?(Boolean(this.resumingFrom)?this.applyTransform(this.layout.layoutBox,!1,this.target,!0):y.copyBoxInto(this.target,this.layout.layoutBox),g.applyBoxDelta(this.target,this.targetDelta)):y.copyBoxInto(this.target,this.layout.layoutBox),this.attemptToResolveRelativeTarget&&(this.attemptToResolveRelativeTarget=!1,!1!==this.options.layoutAnchor&&a&&Boolean(a.resumingFrom)===Boolean(this.resumingFrom)&&!a.options.layoutScroll&&a.target&&1!==this.animationProgress?this.createRelativeTarget(a,this.target,a.target):this.relativeParent=this.relativeTarget=void 0))}getClosestProjectingParent(){if(this.parent&&!A.hasScale(this.parent.latestValues)&&!A.has2DTranslate(this.parent.latestValues))return this.parent.isProjecting()?this.parent:this.parent.getClosestProjectingParent()}isProjecting(){return Boolean((this.relativeTarget||this.targetDelta||this.options.layoutRoot)&&this.layout)}createRelativeTarget(t,e,i){this.relativeParent=t,this.forceRelativeParentToResolveTarget(),this.relativeTarget=x.createBox(),this.relativeTargetOrigin=x.createBox(),f.calcRelativePosition(this.relativeTargetOrigin,e,i,this.options.layoutAnchor||void 0),y.copyBoxInto(this.relativeTarget,this.relativeTargetOrigin)}removeRelativeTarget(){this.relativeParent=this.relativeTarget=void 0}calcProjection(){const t=this.getLead(),e=Boolean(this.resumingFrom)||this!==t;let i=!0;if((this.isProjectionDirty||this.parent?.isProjectionDirty)&&(i=!1),e&&(this.isSharedProjectionDirty||this.isTransformDirty)&&(i=!1),this.resolvedRelativeTargetAt===V.frameData.timestamp&&(i=!1),i)return;const{layout:s,layoutId:o}=this.options;if(this.isTreeAnimating=Boolean(this.parent&&this.parent.isTreeAnimating||this.currentAnimation||this.pendingAnimation),this.isTreeAnimating||(this.targetDelta=this.relativeTarget=void 0),!this.layout||!s&&!o)return;y.copyBoxInto(this.layoutCorrected,this.layout.layoutBox);const a=this.treeScale.x,r=this.treeScale.y;g.applyTreeDeltas(this.layoutCorrected,this.treeScale,this.path,e),!t.layout||t.target||1===this.treeScale.x&&1===this.treeScale.y||(t.target=t.layout.layoutBox,t.targetWithTransforms=x.createBox());const{target:n}=t;n?(this.projectionDelta&&this.prevProjectionDelta?(y.copyAxisDeltaInto(this.prevProjectionDelta.x,this.projectionDelta.x),y.copyAxisDeltaInto(this.prevProjectionDelta.y,this.projectionDelta.y)):this.createProjectionDeltas(),f.calcBoxDelta(this.projectionDelta,this.layoutCorrected,n,this.latestValues),this.treeScale.x===a&&this.treeScale.y===r&&j.axisDeltaEquals(this.projectionDelta.x,this.prevProjectionDelta.x)&&j.axisDeltaEquals(this.projectionDelta.y,this.prevProjectionDelta.y)||(this.hasProjected=!0,this.scheduleRender(),this.notifyListeners("projectionUpdate",n))):this.prevProjectionDelta&&(this.createProjectionDeltas(),this.scheduleRender())}hide(){this.isVisible=!1}show(){this.isVisible=!0}scheduleRender(t=!0){if(this.options.visualElement?.scheduleRender(),t){const t=this.getStack();t&&t.scheduleRender()}this.resumingFrom&&!this.resumingFrom.instance&&(this.resumingFrom=void 0)}createProjectionDeltas(){this.prevProjectionDelta=x.createDelta(),this.projectionDelta=x.createDelta(),this.projectionDeltaWithTransform=x.createDelta()}setAnimationOrigin(t,e=!1,i){const s=this.snapshot,o=s?s.latestValues:{},a={...this.latestValues},r=x.createDelta();this.relativeParent&&this.relativeParent.options.layoutRoot||(this.relativeTarget=this.relativeTargetOrigin=void 0),this.attemptToResolveRelativeTarget=!e;const n=x.createBox(),l=(s?s.source:void 0)!==(this.layout?this.layout.source:void 0),h=this.getStack(),u=!h||h.members.length<=1,m=Boolean(l&&!u&&!0===this.options.crossfade&&!this.path.some(it));let p;this.animationProgress=0;const g=i?.interpolateProjection(t);this.mixTargetDelta=e=>{const i=e/1e3,s=g?.(i);s?(r.x.translate=s.x,r.x.scale=c.mixNumber(t.x.scale,1,i),r.x.origin=t.x.origin,r.x.originPoint=t.x.originPoint,r.y.translate=s.y,r.y.scale=c.mixNumber(t.y.scale,1,i),r.y.origin=t.y.origin,r.y.originPoint=t.y.originPoint):(Q(r.x,t.x,i),Q(r.y,t.y,i)),this.setTargetDelta(r),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&this.relativeParent&&this.relativeParent.layout&&(f.calcRelativePosition(n,this.layout.layoutBox,this.relativeParent.layout.layoutBox,this.options.layoutAnchor||void 0),et(this.relativeTarget,this.relativeTargetOrigin,n,i),p&&j.boxEquals(this.relativeTarget,p)&&(this.isProjectionDirty=!1),p||(p=x.createBox()),y.copyBoxInto(p,this.relativeTarget)),l&&(this.animationValues=a,d.mixValues(a,o,this.latestValues,i,m,u)),s&&void 0!==s.rotate&&(this.animationValues||(this.animationValues=a),this.animationValues.pathRotation=s.rotate),this.root.scheduleUpdateProjection(),this.scheduleRender(),this.animationProgress=i},this.mixTargetDelta(this.options.layoutRoot?1e3:0)}startAnimation(i){this.notifyListeners("animationStart"),this.currentAnimation?.stop(),this.resumingFrom?.currentAnimation?.stop(),this.pendingAnimation&&(L.cancelFrame(this.pendingAnimation),this.pendingAnimation=void 0),this.pendingAnimation=L.frame.update(()=>{R.globalProjectionState.hasAnimatedSinceResize=!0,this.motionValue||(this.motionValue=u.motionValue(0)),this.motionValue.jump(0,!1),this.currentAnimation=t.animateSingleValue(this.motionValue,[0,1e3],{...i,velocity:0,isSync:!0,onUpdate:t=>{this.mixTargetDelta(t),i.onUpdate&&i.onUpdate(t)},onComplete:()=>{i.onComplete&&i.onComplete(),this.completeAnimation()}}),e.notifyLayoutAnimationStart(this.currentAnimation,this),this.resumingFrom&&(this.resumingFrom.currentAnimation=this.currentAnimation),this.pendingAnimation=void 0})}completeAnimation(){this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0);const t=this.getStack();t&&t.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){this.currentAnimation&&(this.mixTargetDelta&&this.mixTargetDelta(1e3),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){const t=this.getLead(),{targetWithTransforms:e,layout:i,latestValues:s}=t;let{target:o}=t;if(e&&o&&i){if(this!==t&&this.layout&&i&&nt(this.options.animationType,this.layout.layoutBox,i.layoutBox)){o=this.target||x.createBox();const e=f.calcLength(this.layout.layoutBox.x);o.x.min=t.target.x.min,o.x.max=o.x.min+e;const i=f.calcLength(this.layout.layoutBox.y);o.y.min=t.target.y.min,o.y.max=o.y.min+i}y.copyBoxInto(e,o),g.transformBox(e,s),f.calcBoxDelta(this.projectionDeltaWithTransform,this.layoutCorrected,e,s)}}registerSharedNode(t,e){this.sharedNodes.has(t)||this.sharedNodes.set(t,new T.NodeStack);this.sharedNodes.get(t).add(e);const i=e.options.initialPromotionConfig;e.promote({transition:i?i.transition:void 0,preserveFollowOpacity:i&&i.shouldPreserveFollowOpacity?i.shouldPreserveFollowOpacity(e):void 0})}isLead(){const t=this.getStack();return!t||t.lead===this}getLead(){const{layoutId:t}=this.options;return t&&this.getStack()?.lead||this}getPrevLead(){const{layoutId:t}=this.options;return t?this.getStack()?.prevLead:void 0}getStack(){const{layoutId:t}=this.options;if(t)return this.root.sharedNodes.get(t)}promote({needsReset:t,transition:e,preserveFollowOpacity:i}={}){const s=this.getStack();s&&s.promote(this,i),t&&(this.projectionDelta=void 0,this.needsReset=!0),e&&this.setOptions({transition:e})}relegate(){const t=this.getStack();return!!t&&t.relegate(this)}resetSkewAndRotation(){const{visualElement:t}=this.options;if(!t)return;let e=!1;const{latestValues:i}=t;if((i.z||i.rotate||i.rotateX||i.rotateY||i.rotateZ||i.skewX||i.skewY)&&(e=!0),!e)return;const s={};i.z&&U("z",t,s,this.animationValues);for(let e=0;e<w.length;e++)U(`rotate${w[e]}`,t,s,this.animationValues),U(`skew${w[e]}`,t,s,this.animationValues);t.render();for(const e in s)t.setStaticValue(e,s[e]),this.animationValues&&(this.animationValues[e]=s[e]);t.scheduleRender()}applyProjectionStyles(t,e){if(!this.instance||this.isSVG)return;if(!this.isVisible)return void(t.visibility="hidden");const i=this.getTransformTemplate();if(this.needsReset)return this.needsReset=!1,t.visibility="",t.opacity="",t.pointerEvents=m.resolveMotionValue(e?.pointerEvents)||"",void(t.transform=i?i(this.latestValues,""):"none");const s=this.getLead();if(!this.projectionDelta||!this.layout||!s.target)return this.options.layoutId&&(t.opacity=void 0!==this.latestValues.opacity?this.latestValues.opacity:1,t.pointerEvents=m.resolveMotionValue(e?.pointerEvents)||""),void(this.hasProjected&&!A.hasTransform(this.latestValues)&&(t.transform=i?i({},""):"none",this.hasProjected=!1));t.visibility="";const o=s.animationValues||s.latestValues;this.applyTransformsToTarget();let a=B.buildProjectionTransform(this.projectionDeltaWithTransform,this.treeScale,o);i&&(a=i(o,a)),t.transform=a;const{x:n,y:l}=this.projectionDelta;t.transformOrigin=`${100*n.origin}% ${100*l.origin}% 0`,s.animationValues?t.opacity=s===this?o.opacity??this.latestValues.opacity??1:this.preserveOpacity?this.latestValues.opacity:o.opacityExit:t.opacity=s===this?void 0!==o.opacity?o.opacity:"":void 0!==o.opacityExit?o.opacityExit:0;for(const e in r.scaleCorrectors){if(void 0===o[e])continue;const{correct:i,applyTo:n,isCSSVariable:l}=r.scaleCorrectors[e],h="none"===a?o[e]:i(o[e],s);if(n){const e=n.length;for(let i=0;i<e;i++)t[n[i]]=h}else l?this.options.visualElement.renderState.vars[e]=h:t[e]=h}this.options.layoutId&&(t.pointerEvents=s===this?m.resolveMotionValue(e?.pointerEvents)||"":"none")}clearSnapshot(){this.resumeFrom=this.snapshot=this.dragSnapshot=this.dragAncestor=void 0}resetTree(){this.root.nodes.forEach(t=>t.currentAnimation?.stop()),this.root.nodes.forEach(H),this.root.sharedNodes.clear()}}},exports.mixAxis=tt,exports.mixBox=et,exports.propagateDirtyNodes=M;
 //# sourceMappingURL=create-projection-node.mjs.js.map