framer-motion 6.4.2 → 6.4.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +6108 -6107
- package/dist/es/motion/features/layout/MeasureLayout.mjs +1 -1
- package/dist/es/projection/node/create-projection-node.mjs +2 -18
- package/dist/es/projection/node/id.mjs +1 -1
- package/dist/es/projection/node/state.mjs +19 -0
- package/dist/es/render/utils/motion-values.mjs +1 -1
- package/dist/es/value/index.mjs +1 -1
- package/dist/framer-motion.dev.js +7130 -7129
- package/dist/framer-motion.js +1 -1
- package/dist/projection.dev.js +8 -7
- package/dist/size-rollup-dom-animation.js +1 -1
- package/dist/size-rollup-dom-max.js +1 -1
- package/dist/size-rollup-m.js +1 -1
- package/dist/size-webpack-dom-animation.js +1 -1
- package/dist/size-webpack-dom-max.js +1 -1
- package/dist/size-webpack-m.js +1 -1
- package/package.json +2 -2
package/dist/size-webpack-m.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see size-webpack-m.js.LICENSE.txt */
|
|
2
|
-
(()=>{"use strict";var t={4317:t=>{var e=new Error("Cannot find module ''");throw e.code="MODULE_NOT_FOUND",e}},e={};function n(r){var o=e[r];if(void 0!==o)return o.exports;var a=e[r]={exports:{}};return t[r](a,a.exports,n),a.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{var t=function(e,n){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])},t(e,n)};var e=function(){return e=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},e.apply(this,arguments)};function r(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(n[r[o]]=t[r[o]])}return n}Object.create;function o(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var r,o,a=n.call(t),i=[];try{for(;(void 0===e||e-- >0)&&!(r=a.next()).done;)i.push(r.value)}catch(t){o={error:t}}finally{try{r&&!r.done&&(n=a.return)&&n.call(a)}finally{if(o)throw o.error}}return i}Object.create;const a=void 0;var i=n.n(a),s=("undefined"==typeof process||process.env,"production"),u=function(t){return{isEnabled:function(e){return t.some((function(t){return!!e[t]}))}}},c={measureLayout:u(["layout","layoutId","drag"]),animation:u(["animate","exit","variants","whileHover","whileTap","whileFocus","whileDrag","whileInView"]),exit:u(["exit"]),drag:u(["drag","dragControls"]),focus:u(["whileFocus"]),hover:u(["whileHover","onHoverStart","onHoverEnd"]),tap:u(["whileTap","onTap","onTapStart","onTapCancel"]),pan:u(["onPan","onPanStart","onPanSessionStart","onPanEnd"]),inView:u(["whileInView","onViewportEnter","onViewportLeave"])};var l=(0,a.createContext)({strict:!1}),f=Object.keys(c),d=f.length;var p=(0,a.createContext)({transformPagePoint:function(t){return t},isStatic:!1,reducedMotion:"never"}),v=(0,a.createContext)({});var m=(0,a.createContext)(null),y="undefined"!=typeof document,g=y?a.useLayoutEffect:a.useEffect,h={current:null},w=!1;function b(){return!w&&function(){if(w=!0,y)if(window.matchMedia){var t=window.matchMedia("(prefers-reduced-motion)"),e=function(){return h.current=t.matches};t.addListener(e),e()}else h.current=!1}(),o((0,a.useState)(h.current),1)[0]}function x(t,e,n,r){var o,i,s=(0,a.useContext)(l),u=(0,a.useContext)(v).visualElement,c=(0,a.useContext)(m),f=(o=b(),"never"!==(i=(0,a.useContext)(p).reducedMotion)&&("always"===i||o)),d=(0,a.useRef)(void 0);r||(r=s.renderer),!d.current&&r&&(d.current=r(t,{visualState:e,parent:u,props:n,presenceId:null==c?void 0:c.id,blockInitialAnimation:!1===(null==c?void 0:c.initial),shouldReduceMotion:f}));var y=d.current;return g((function(){null==y||y.syncRender()})),(0,a.useEffect)((function(){var t;null===(t=null==y?void 0:y.animationState)||void 0===t||t.animateChanges()})),g((function(){return function(){return null==y?void 0:y.notifyUnmount()}}),[]),y}function O(t){return"object"==typeof t&&Object.prototype.hasOwnProperty.call(t,"current")}function S(t){return"string"==typeof t||function(t){return Array.isArray(t)}(t)}function C(t,e,n,r,o){var a;return void 0===r&&(r={}),void 0===o&&(o={}),"function"==typeof e&&(e=e(null!=n?n:t.custom,r,o)),"string"==typeof e&&(e=null===(a=t.variants)||void 0===a?void 0:a[e]),"function"==typeof e&&(e=e(null!=n?n:t.custom,r,o)),e}function E(t){var e;return"function"==typeof(null===(e=t.animate)||void 0===e?void 0:e.start)||S(t.initial)||S(t.animate)||S(t.whileHover)||S(t.whileDrag)||S(t.whileTap)||S(t.whileFocus)||S(t.exit)}function j(t){var e=function(t,e){if(E(t)){var n=t.initial,r=t.animate;return{initial:!1===n||S(n)?n:void 0,animate:S(r)?r:void 0}}return!1!==t.inherit?e:{}}(t,(0,a.useContext)(v)),n=e.initial,r=e.animate;return(0,a.useMemo)((function(){return{initial:n,animate:r}}),[P(n),P(r)])}function P(t){return Array.isArray(t)?t.join(" "):t}function T(t){var e=(0,a.useRef)(null);return null===e.current&&(e.current=t()),e.current}const M=1/60*1e3,L="undefined"!=typeof performance?()=>performance.now():()=>Date.now(),V="undefined"!=typeof window?t=>window.requestAnimationFrame(t):t=>setTimeout((()=>t(L())),M);let k=!0,R=!1,A=!1;const D={delta:0,timestamp:0},B=["read","update","preRender","render","postRender"],X=B.reduce(((t,e)=>(t[e]=function(t){let e=[],n=[],r=0,o=!1,a=!1;const i=new WeakSet,s={schedule:(t,a=!1,s=!1)=>{const u=s&&o,c=u?e:n;return a&&i.add(t),-1===c.indexOf(t)&&(c.push(t),u&&o&&(r=e.length)),t},cancel:t=>{const e=n.indexOf(t);-1!==e&&n.splice(e,1),i.delete(t)},process:u=>{if(o)a=!0;else{if(o=!0,[e,n]=[n,e],n.length=0,r=e.length,r)for(let n=0;n<r;n++){const r=e[n];r(u),i.has(r)&&(s.schedule(r),t())}o=!1,a&&(a=!1,s.process(u))}}};return s}((()=>R=!0)),t)),{}),Y=(B.reduce(((t,e)=>{const n=X[e];return t[e]=(t,e=!1,r=!1)=>(R||H(),n.schedule(t,e,r)),t}),{}),B.reduce(((t,e)=>(t[e]=X[e].cancel,t)),{}),B.reduce(((t,e)=>(t[e]=()=>X[e].process(D),t)),{}),t=>X[t].process(D)),F=t=>{R=!1,D.delta=k?M:Math.max(Math.min(t-D.timestamp,40),1),D.timestamp=t,A=!0,B.forEach(Y),A=!1,R&&(k=!1,V(F))},H=()=>{R=!0,k=!0,A||V(F)};var I={hasAnimatedSinceResize:!0,hasEverUpdated:!1};var W=1;var _=(0,a.createContext)({}),U=(0,a.createContext)({});var Z=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}(n,e),n.prototype.getSnapshotBeforeUpdate=function(){return this.updateProps(),null},n.prototype.componentDidUpdate=function(){},n.prototype.updateProps=function(){var t=this.props,e=t.visualElement,n=t.props;e&&e.setProps(n)},n.prototype.render=function(){return this.props.children},n}(i().Component);function z(t){var n=t.preloadedFeatures,r=t.createVisualElement,o=t.projectionNodeConstructor,i=t.useRender,u=t.useVisualState,m=t.Component;return n&&function(t){for(var e in t)null!==t[e]&&("projectionNodeConstructor"===e?c.projectionNodeConstructor=t[e]:c[e].Component=t[e])}(n),(0,a.forwardRef)((function(t,g){var h=function(t){var e,n=t.layoutId,r=null===(e=(0,a.useContext)(_))||void 0===e?void 0:e.id;return r&&void 0!==n?r+"-"+n:n}(t);t=e(e({},t),{layoutId:h});var w=(0,a.useContext)(p),b=null,S=j(t),C=w.isStatic?void 0:T((function(){if(I.hasEverUpdated)return W++})),E=u(t,w.isStatic);return!w.isStatic&&y&&(S.visualElement=x(m,E,e(e({},w),t),r),function(t,e,n,r){var o,i=e.layoutId,s=e.layout,u=e.drag,c=e.dragConstraints,l=e.layoutScroll,f=(0,a.useContext)(U);r&&n&&!(null==n?void 0:n.projection)&&(n.projection=new r(t,n.getLatestValues(),null===(o=n.parent)||void 0===o?void 0:o.projection),n.projection.setOptions({layoutId:i,layout:s,alwaysMeasureLayout:Boolean(u)||c&&O(c),visualElement:n,scheduleRender:function(){return n.scheduleRender()},animationType:"string"==typeof s?s:"both",initialPromotionConfig:f,layoutScroll:l}))}(C,t,S.visualElement,o||c.projectionNodeConstructor),b=function(t,n,r){var o=[],i=(0,a.useContext)(l);if(!n)return null;"production"!==s&&r&&i.strict;for(var u=0;u<d;u++){var p=f[u],v=c[p],m=v.isEnabled,y=v.Component;m(t)&&y&&o.push(a.createElement(y,e({key:p},t,{visualElement:n})))}return o}(t,S.visualElement,n)),a.createElement(Z,{visualElement:S.visualElement,props:e(e({},w),t)},b,a.createElement(v.Provider,{value:S},i(m,t,C,function(t,e,n){return(0,a.useCallback)((function(r){var o;r&&(null===(o=t.mount)||void 0===o||o.call(t,r)),e&&(r?e.mount(r):e.unmount()),n&&("function"==typeof n?n(r):O(n)&&(n.current=r))}),[e])}(E,S.visualElement,g),E,w.isStatic,S.visualElement)))}))}var N=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","svg","switch","symbol","text","tspan","use","view"];function K(t){return"string"==typeof t&&!t.includes("-")&&!!(N.indexOf(t)>-1||/[A-Z]/.test(t))}var $={};var q=["","X","Y","Z"],G=["transformPerspective","x","y","z"];function J(t,e){return G.indexOf(t)-G.indexOf(e)}["translate","scale","rotate","skew"].forEach((function(t){return q.forEach((function(e){return G.push(t+e)}))}));var Q=new Set(G);function tt(t){return Q.has(t)}var et=new Set(["originX","originY","originZ"]);function nt(t){return et.has(t)}function rt(t,e){var n=e.layout,r=e.layoutId;return tt(t)||nt(t)||(n||void 0!==r)&&(!!$[t]||"opacity"===t)}var ot=function(t){return Boolean(null!==t&&"object"==typeof t&&t.getVelocity)},at={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"};function it(t){return t.startsWith("--")}var st=function(t,e){return e&&"number"==typeof t?e.transform(t):t};const ut=t=>({test:e=>function(t){return"string"==typeof t}(e)&&e.endsWith(t)&&1===e.split(" ").length,parse:parseFloat,transform:e=>`${e}${t}`}),ct=ut("deg"),lt=ut("%"),ft=ut("px"),dt=(ut("vh"),ut("vw"),Object.assign(Object.assign({},lt),{parse:t=>lt.parse(t)/100,transform:t=>lt.transform(100*t)})),pt={test:t=>"number"==typeof t,parse:parseFloat,transform:t=>t},vt=Object.assign(Object.assign({},pt),{transform:(mt=0,yt=1,t=>Math.max(Math.min(t,yt),mt))});var mt,yt;const gt=Object.assign(Object.assign({},pt),{default:1});var ht=e(e({},pt),{transform:Math.round}),wt={borderWidth:ft,borderTopWidth:ft,borderRightWidth:ft,borderBottomWidth:ft,borderLeftWidth:ft,borderRadius:ft,radius:ft,borderTopLeftRadius:ft,borderTopRightRadius:ft,borderBottomRightRadius:ft,borderBottomLeftRadius:ft,width:ft,maxWidth:ft,height:ft,maxHeight:ft,size:ft,top:ft,right:ft,bottom:ft,left:ft,padding:ft,paddingTop:ft,paddingRight:ft,paddingBottom:ft,paddingLeft:ft,margin:ft,marginTop:ft,marginRight:ft,marginBottom:ft,marginLeft:ft,rotate:ct,rotateX:ct,rotateY:ct,rotateZ:ct,scale:gt,scaleX:gt,scaleY:gt,scaleZ:gt,skew:ct,skewX:ct,skewY:ct,distance:ft,translateX:ft,translateY:ft,translateZ:ft,x:ft,y:ft,z:ft,perspective:ft,transformPerspective:ft,opacity:vt,originX:dt,originY:dt,originZ:ft,zIndex:ht,fillOpacity:vt,strokeOpacity:vt,numOctaves:ht};function bt(t,e,n,r){var o,a=t.style,i=t.vars,s=t.transform,u=t.transformKeys,c=t.transformOrigin;u.length=0;var l=!1,f=!1,d=!0;for(var p in e){var v=e[p];if(it(p))i[p]=v;else{var m=wt[p],y=st(v,m);if(tt(p)){if(l=!0,s[p]=y,u.push(p),!d)continue;v!==(null!==(o=m.default)&&void 0!==o?o:0)&&(d=!1)}else nt(p)?(c[p]=y,f=!0):a[p]=y}}l?a.transform=function(t,e,n,r){var o=t.transform,a=t.transformKeys,i=e.enableHardwareAcceleration,s=void 0===i||i,u=e.allowTransformNone,c=void 0===u||u,l="";a.sort(J);for(var f=!1,d=a.length,p=0;p<d;p++){var v=a[p];l+="".concat(at[v]||v,"(").concat(o[v],") "),"z"===v&&(f=!0)}return!f&&s?l+="translateZ(0)":l=l.trim(),r?l=r(o,n?"":l):c&&n&&(l="none"),l}(t,n,d,r):r?a.transform=r({},""):!e.transform&&a.transform&&(a.transform="none"),f&&(a.transformOrigin=function(t){var e=t.originX,n=void 0===e?"50%":e,r=t.originY,o=void 0===r?"50%":r,a=t.originZ,i=void 0===a?0:a;return"".concat(n," ").concat(o," ").concat(i)}(c))}var xt=function(){return{style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}}};function Ot(t,e,n){for(var r in e)ot(e[r])||rt(r,n)||(t[r]=e[r])}function St(t,n,r){var o={};return Ot(o,t.style||{},t),Object.assign(o,function(t,n,r){var o=t.transformTemplate;return(0,a.useMemo)((function(){var t={style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}};bt(t,n,{enableHardwareAcceleration:!r},o);var a=t.style;return e(e({},t.vars),a)}),[n])}(t,n,r)),t.transformValues&&(o=t.transformValues(o)),o}function Ct(t,e,n){var r={},o=St(t,e,n);return Boolean(t.drag)&&!1!==t.dragListener&&(r.draggable=!1,o.userSelect=o.WebkitUserSelect=o.WebkitTouchCallout="none",o.touchAction=!0===t.drag?"none":"pan-".concat("x"===t.drag?"y":"x")),r.style=o,r}var Et=new Set(["initial","animate","exit","style","variants","transition","transformTemplate","transformValues","custom","inherit","layout","layoutId","layoutDependency","onLayoutAnimationStart","onLayoutAnimationComplete","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","drag","dragControls","dragListener","dragConstraints","dragDirectionLock","dragSnapToOrigin","_dragX","_dragY","dragElastic","dragMomentum","dragPropagation","dragTransition","whileDrag","onPan","onPanStart","onPanEnd","onPanSessionStart","onTap","onTapStart","onTapCancel","onHoverStart","onHoverEnd","whileFocus","whileTap","whileHover","whileInView","onViewportEnter","onViewportLeave","viewport","layoutScroll"]);function jt(t){return Et.has(t)}var Pt,Tt=function(t){return!jt(t)};try{(Pt=n(4317).default)&&(Tt=function(t){return t.startsWith("on")?!jt(t):Pt(t)})}catch(t){}function Mt(t,e,n){return"string"==typeof t?t:ft.transform(e+n*t)}var Lt={offset:"stroke-dashoffset",array:"stroke-dasharray"},Vt={offset:"strokeDashoffset",array:"strokeDasharray"};function kt(t,e,n,o){var a=e.attrX,i=e.attrY,s=e.originX,u=e.originY,c=e.pathLength,l=e.pathSpacing,f=void 0===l?1:l,d=e.pathOffset,p=void 0===d?0:d;bt(t,r(e,["attrX","attrY","originX","originY","pathLength","pathSpacing","pathOffset"]),n,o),t.attrs=t.style,t.style={};var v=t.attrs,m=t.style,y=t.dimensions;v.transform&&(y&&(m.transform=v.transform),delete v.transform),y&&(void 0!==s||void 0!==u||m.transform)&&(m.transformOrigin=function(t,e,n){var r=Mt(e,t.x,t.width),o=Mt(n,t.y,t.height);return"".concat(r," ").concat(o)}(y,void 0!==s?s:.5,void 0!==u?u:.5)),void 0!==a&&(v.x=a),void 0!==i&&(v.y=i),void 0!==c&&function(t,e,n,r,o){void 0===n&&(n=1),void 0===r&&(r=0),void 0===o&&(o=!0),t.pathLength=1;var a=o?Lt:Vt;t[a.offset]=ft.transform(-r);var i=ft.transform(e),s=ft.transform(n);t[a.array]="".concat(i," ").concat(s)}(v,c,f,p,!1)}var Rt=function(){return e(e({},{style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}}),{attrs:{}})};function At(t,n){var r=(0,a.useMemo)((function(){var r=Rt();return kt(r,n,{enableHardwareAcceleration:!1},t.transformTemplate),e(e({},r.attrs),{style:e({},r.style)})}),[n]);if(t.style){var o={};Ot(o,t.style,t),r.style=e(e({},o),r.style)}return r}function Dt(t){void 0===t&&(t=!1);return function(n,r,o,i,s,u){var c=s.latestValues,l=(K(n)?At:Ct)(r,c,u),f=function(t,e,n){var r={};for(var o in t)(Tt(o)||!0===n&&jt(o)||!e&&!jt(o)||t.draggable&&o.startsWith("onDrag"))&&(r[o]=t[o]);return r}(r,"string"==typeof n,t),d=e(e(e({},f),l),{ref:i});return o&&(d["data-projection-id"]=o),(0,a.createElement)(n,d)}}var Bt=/([a-z])([A-Z])/g;var Xt=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength"]);function Yt(t,e,n,r){for(var o in function(t,e,n,r){var o=e.style,a=e.vars;for(var i in Object.assign(t.style,o,r&&r.getProjectionStyles(n)),a)t.style.setProperty(i,a[i])}(t,e,void 0,r),e.attrs)t.setAttribute(Xt.has(o)?o:o.replace(Bt,"$1-$2").toLowerCase(),e.attrs[o])}function Ft(t){var e=t.style,n={};for(var r in e)(ot(e[r])||rt(r,t))&&(n[r]=e[r]);return n}function Ht(t){var e,n=ot(t)?t.get():t;return e=n,Boolean(e&&"object"==typeof e&&e.mix&&e.toValue)?n.toValue():n}function It(t,e,n,r){var o=t.scrapeMotionValuesFromProps,a=t.createRenderState,i=t.onMount,s={latestValues:_t(e,n,r,o),renderState:a()};return i&&(s.mount=function(t){return i(e,t,s)}),s}var Wt=function(t){return function(e,n){var r=(0,a.useContext)(v),o=(0,a.useContext)(m);return n?It(t,e,r,o):T((function(){return It(t,e,r,o)}))}};function _t(t,e,n,o){var a={},i=!1===(null==n?void 0:n.initial),s=o(t);for(var u in s)a[u]=Ht(s[u]);var c=t.initial,l=t.animate,f=E(t),d=function(t){return Boolean(E(t)||t.variants)}(t);e&&d&&!f&&!1!==t.inherit&&(null!=c||(c=e.initial),null!=l||(l=e.animate));var p,v=i||!1===c,m=v?l:c;!m||"boolean"==typeof m||"object"==typeof(p=m)&&"function"==typeof p.start||(Array.isArray(m)?m:[m]).forEach((function(e){var n=C(t,e);if(n){var o=n.transitionEnd,i=(n.transition,r(n,["transitionEnd","transition"]));for(var s in i){var u=i[s];if(Array.isArray(u))u=u[v?u.length-1:0];null!==u&&(a[s]=u)}for(var s in o)a[s]=o[s]}}));return a}var Ut={useVisualState:Wt({scrapeMotionValuesFromProps:function(t){var e=Ft(t);for(var n in t){if(ot(t[n]))e["x"===n||"y"===n?"attr"+n.toUpperCase():n]=t[n]}return e},createRenderState:Rt,onMount:function(t,e,n){var r=n.renderState,o=n.latestValues;try{r.dimensions="function"==typeof e.getBBox?e.getBBox():e.getBoundingClientRect()}catch(t){r.dimensions={x:0,y:0,width:0,height:0}}kt(r,o,{enableHardwareAcceleration:!1},t.transformTemplate),Yt(e,r)}})},Zt={useVisualState:Wt({scrapeMotionValuesFromProps:Ft,createRenderState:xt})};!function(t){function e(e,n){return void 0===n&&(n={}),z(t(e,n))}if("undefined"==typeof Proxy)return e;var n=new Map;new Proxy(e,{get:function(t,r){return n.has(r)||n.set(r,e(r)),n.get(r)}})}((function(t,n,r,o,a){var i=n.forwardMotionProps,s=void 0!==i&&i,u=K(t)?Ut:Zt;return e(e({},u),{preloadedFeatures:r,useRender:Dt(s),createVisualElement:o,projectionNodeConstructor:a,Component:t})}))})()})();
|
|
2
|
+
(()=>{"use strict";var t={4317:t=>{var r=new Error("Cannot find module ''");throw r.code="MODULE_NOT_FOUND",r}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var a=r[e]={exports:{}};return t[e](a,a.exports,n),a.exports}n.n=t=>{var r=t&&t.__esModule?()=>t.default:()=>t;return n.d(r,{a:r}),r},n.d=(t,r)=>{for(var e in r)n.o(r,e)&&!n.o(t,e)&&Object.defineProperty(t,e,{enumerable:!0,get:r[e]})},n.o=(t,r)=>Object.prototype.hasOwnProperty.call(t,r),(()=>{var t=function(r,n){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,r){t.__proto__=r}||function(t,r){for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])},t(r,n)};var r=function(){return r=Object.assign||function(t){for(var r,n=1,e=arguments.length;n<e;n++)for(var o in r=arguments[n])Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o]);return t},r.apply(this,arguments)};function e(t,r){var n={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&r.indexOf(e)<0&&(n[e]=t[e]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(e=Object.getOwnPropertySymbols(t);o<e.length;o++)r.indexOf(e[o])<0&&Object.prototype.propertyIsEnumerable.call(t,e[o])&&(n[e[o]]=t[e[o]])}return n}Object.create;function o(t,r){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var e,o,a=n.call(t),i=[];try{for(;(void 0===r||r-- >0)&&!(e=a.next()).done;)i.push(e.value)}catch(t){o={error:t}}finally{try{e&&!e.done&&(n=a.return)&&n.call(a)}finally{if(o)throw o.error}}return i}Object.create;const a=void 0;var i=n.n(a),s=("undefined"==typeof process||process.env,"production"),u=function(t){return{isEnabled:function(r){return t.some((function(t){return!!r[t]}))}}},c={measureLayout:u(["layout","layoutId","drag"]),animation:u(["animate","exit","variants","whileHover","whileTap","whileFocus","whileDrag","whileInView"]),exit:u(["exit"]),drag:u(["drag","dragControls"]),focus:u(["whileFocus"]),hover:u(["whileHover","onHoverStart","onHoverEnd"]),tap:u(["whileTap","onTap","onTapStart","onTapCancel"]),pan:u(["onPan","onPanStart","onPanSessionStart","onPanEnd"]),inView:u(["whileInView","onViewportEnter","onViewportLeave"])};var l=(0,a.createContext)({strict:!1}),f=Object.keys(c),d=f.length;var p=(0,a.createContext)({transformPagePoint:function(t){return t},isStatic:!1,reducedMotion:"never"}),v=(0,a.createContext)({});var m=(0,a.createContext)(null),y="undefined"!=typeof document,g=y?a.useLayoutEffect:a.useEffect,h={current:null},w=!1;function b(){return!w&&function(){if(w=!0,y)if(window.matchMedia){var t=window.matchMedia("(prefers-reduced-motion)"),r=function(){return h.current=t.matches};t.addListener(r),r()}else h.current=!1}(),o((0,a.useState)(h.current),1)[0]}function x(t,r,n,e){var o,i,s=(0,a.useContext)(l),u=(0,a.useContext)(v).visualElement,c=(0,a.useContext)(m),f=(o=b(),"never"!==(i=(0,a.useContext)(p).reducedMotion)&&("always"===i||o)),d=(0,a.useRef)(void 0);e||(e=s.renderer),!d.current&&e&&(d.current=e(t,{visualState:r,parent:u,props:n,presenceId:null==c?void 0:c.id,blockInitialAnimation:!1===(null==c?void 0:c.initial),shouldReduceMotion:f}));var y=d.current;return g((function(){null==y||y.syncRender()})),(0,a.useEffect)((function(){var t;null===(t=null==y?void 0:y.animationState)||void 0===t||t.animateChanges()})),g((function(){return function(){return null==y?void 0:y.notifyUnmount()}}),[]),y}function O(t){return"object"==typeof t&&Object.prototype.hasOwnProperty.call(t,"current")}function S(t){return"string"==typeof t||function(t){return Array.isArray(t)}(t)}function C(t,r,n,e,o){var a;return void 0===e&&(e={}),void 0===o&&(o={}),"function"==typeof r&&(r=r(null!=n?n:t.custom,e,o)),"string"==typeof r&&(r=null===(a=t.variants)||void 0===a?void 0:a[r]),"function"==typeof r&&(r=r(null!=n?n:t.custom,e,o)),r}function E(t){var r;return"function"==typeof(null===(r=t.animate)||void 0===r?void 0:r.start)||S(t.initial)||S(t.animate)||S(t.whileHover)||S(t.whileDrag)||S(t.whileTap)||S(t.whileFocus)||S(t.exit)}function j(t){var r=function(t,r){if(E(t)){var n=t.initial,e=t.animate;return{initial:!1===n||S(n)?n:void 0,animate:S(e)?e:void 0}}return!1!==t.inherit?r:{}}(t,(0,a.useContext)(v)),n=r.initial,e=r.animate;return(0,a.useMemo)((function(){return{initial:n,animate:e}}),[P(n),P(e)])}function P(t){return Array.isArray(t)?t.join(" "):t}function T(t){var r=(0,a.useRef)(null);return null===r.current&&(r.current=t()),r.current}var L=!1,V=1;var M=(0,a.createContext)({}),k=(0,a.createContext)({});var A=function(r){function n(){return null!==r&&r.apply(this,arguments)||this}return function(r,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function e(){this.constructor=r}t(r,n),r.prototype=null===n?Object.create(n):(e.prototype=n.prototype,new e)}(n,r),n.prototype.getSnapshotBeforeUpdate=function(){return this.updateProps(),null},n.prototype.componentDidUpdate=function(){},n.prototype.updateProps=function(){var t=this.props,r=t.visualElement,n=t.props;r&&r.setProps(n)},n.prototype.render=function(){return this.props.children},n}(i().Component);function R(t){var n=t.preloadedFeatures,e=t.createVisualElement,o=t.projectionNodeConstructor,i=t.useRender,u=t.useVisualState,m=t.Component;return n&&function(t){for(var r in t)null!==t[r]&&("projectionNodeConstructor"===r?c.projectionNodeConstructor=t[r]:c[r].Component=t[r])}(n),(0,a.forwardRef)((function(t,g){var h=function(t){var r,n=t.layoutId,e=null===(r=(0,a.useContext)(M))||void 0===r?void 0:r.id;return e&&void 0!==n?e+"-"+n:n}(t);t=r(r({},t),{layoutId:h});var w=(0,a.useContext)(p),b=null,S=j(t),C=w.isStatic?void 0:T((function(){if(L)return V++})),E=u(t,w.isStatic);return!w.isStatic&&y&&(S.visualElement=x(m,E,r(r({},w),t),e),function(t,r,n,e){var o,i=r.layoutId,s=r.layout,u=r.drag,c=r.dragConstraints,l=r.layoutScroll,f=(0,a.useContext)(k);e&&n&&!(null==n?void 0:n.projection)&&(n.projection=new e(t,n.getLatestValues(),null===(o=n.parent)||void 0===o?void 0:o.projection),n.projection.setOptions({layoutId:i,layout:s,alwaysMeasureLayout:Boolean(u)||c&&O(c),visualElement:n,scheduleRender:function(){return n.scheduleRender()},animationType:"string"==typeof s?s:"both",initialPromotionConfig:f,layoutScroll:l}))}(C,t,S.visualElement,o||c.projectionNodeConstructor),b=function(t,n,e){var o=[],i=(0,a.useContext)(l);if(!n)return null;"production"!==s&&e&&i.strict;for(var u=0;u<d;u++){var p=f[u],v=c[p],m=v.isEnabled,y=v.Component;m(t)&&y&&o.push(a.createElement(y,r({key:p},t,{visualElement:n})))}return o}(t,S.visualElement,n)),a.createElement(A,{visualElement:S.visualElement,props:r(r({},w),t)},b,a.createElement(v.Provider,{value:S},i(m,t,C,function(t,r,n){return(0,a.useCallback)((function(e){var o;e&&(null===(o=t.mount)||void 0===o||o.call(t,e)),r&&(e?r.mount(e):r.unmount()),n&&("function"==typeof n?n(e):O(n)&&(n.current=e))}),[r])}(E,S.visualElement,g),E,w.isStatic,S.visualElement)))}))}var B=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","svg","switch","symbol","text","tspan","use","view"];function D(t){return"string"==typeof t&&!t.includes("-")&&!!(B.indexOf(t)>-1||/[A-Z]/.test(t))}var X={};var Y=["","X","Y","Z"],H=["transformPerspective","x","y","z"];function I(t,r){return H.indexOf(t)-H.indexOf(r)}["translate","scale","rotate","skew"].forEach((function(t){return Y.forEach((function(r){return H.push(t+r)}))}));var _=new Set(H);function F(t){return _.has(t)}var W=new Set(["originX","originY","originZ"]);function Z(t){return W.has(t)}function U(t,r){var n=r.layout,e=r.layoutId;return F(t)||Z(t)||(n||void 0!==e)&&(!!X[t]||"opacity"===t)}var N=function(t){return Boolean(null!==t&&"object"==typeof t&&t.getVelocity)},z={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"};function K(t){return t.startsWith("--")}var $=function(t,r){return r&&"number"==typeof t?r.transform(t):t};const q=t=>({test:r=>function(t){return"string"==typeof t}(r)&&r.endsWith(t)&&1===r.split(" ").length,parse:parseFloat,transform:r=>`${r}${t}`}),G=q("deg"),J=q("%"),Q=q("px"),tt=(q("vh"),q("vw"),Object.assign(Object.assign({},J),{parse:t=>J.parse(t)/100,transform:t=>J.transform(100*t)})),rt={test:t=>"number"==typeof t,parse:parseFloat,transform:t=>t},nt=Object.assign(Object.assign({},rt),{transform:(et=0,ot=1,t=>Math.max(Math.min(t,ot),et))});var et,ot;const at=Object.assign(Object.assign({},rt),{default:1});var it=r(r({},rt),{transform:Math.round}),st={borderWidth:Q,borderTopWidth:Q,borderRightWidth:Q,borderBottomWidth:Q,borderLeftWidth:Q,borderRadius:Q,radius:Q,borderTopLeftRadius:Q,borderTopRightRadius:Q,borderBottomRightRadius:Q,borderBottomLeftRadius:Q,width:Q,maxWidth:Q,height:Q,maxHeight:Q,size:Q,top:Q,right:Q,bottom:Q,left:Q,padding:Q,paddingTop:Q,paddingRight:Q,paddingBottom:Q,paddingLeft:Q,margin:Q,marginTop:Q,marginRight:Q,marginBottom:Q,marginLeft:Q,rotate:G,rotateX:G,rotateY:G,rotateZ:G,scale:at,scaleX:at,scaleY:at,scaleZ:at,skew:G,skewX:G,skewY:G,distance:Q,translateX:Q,translateY:Q,translateZ:Q,x:Q,y:Q,z:Q,perspective:Q,transformPerspective:Q,opacity:nt,originX:tt,originY:tt,originZ:Q,zIndex:it,fillOpacity:nt,strokeOpacity:nt,numOctaves:it};function ut(t,r,n,e){var o,a=t.style,i=t.vars,s=t.transform,u=t.transformKeys,c=t.transformOrigin;u.length=0;var l=!1,f=!1,d=!0;for(var p in r){var v=r[p];if(K(p))i[p]=v;else{var m=st[p],y=$(v,m);if(F(p)){if(l=!0,s[p]=y,u.push(p),!d)continue;v!==(null!==(o=m.default)&&void 0!==o?o:0)&&(d=!1)}else Z(p)?(c[p]=y,f=!0):a[p]=y}}l?a.transform=function(t,r,n,e){var o=t.transform,a=t.transformKeys,i=r.enableHardwareAcceleration,s=void 0===i||i,u=r.allowTransformNone,c=void 0===u||u,l="";a.sort(I);for(var f=!1,d=a.length,p=0;p<d;p++){var v=a[p];l+="".concat(z[v]||v,"(").concat(o[v],") "),"z"===v&&(f=!0)}return!f&&s?l+="translateZ(0)":l=l.trim(),e?l=e(o,n?"":l):c&&n&&(l="none"),l}(t,n,d,e):e?a.transform=e({},""):!r.transform&&a.transform&&(a.transform="none"),f&&(a.transformOrigin=function(t){var r=t.originX,n=void 0===r?"50%":r,e=t.originY,o=void 0===e?"50%":e,a=t.originZ,i=void 0===a?0:a;return"".concat(n," ").concat(o," ").concat(i)}(c))}var ct=function(){return{style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}}};function lt(t,r,n){for(var e in r)N(r[e])||U(e,n)||(t[e]=r[e])}function ft(t,n,e){var o={};return lt(o,t.style||{},t),Object.assign(o,function(t,n,e){var o=t.transformTemplate;return(0,a.useMemo)((function(){var t={style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}};ut(t,n,{enableHardwareAcceleration:!e},o);var a=t.style;return r(r({},t.vars),a)}),[n])}(t,n,e)),t.transformValues&&(o=t.transformValues(o)),o}function dt(t,r,n){var e={},o=ft(t,r,n);return Boolean(t.drag)&&!1!==t.dragListener&&(e.draggable=!1,o.userSelect=o.WebkitUserSelect=o.WebkitTouchCallout="none",o.touchAction=!0===t.drag?"none":"pan-".concat("x"===t.drag?"y":"x")),e.style=o,e}var pt=new Set(["initial","animate","exit","style","variants","transition","transformTemplate","transformValues","custom","inherit","layout","layoutId","layoutDependency","onLayoutAnimationStart","onLayoutAnimationComplete","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","drag","dragControls","dragListener","dragConstraints","dragDirectionLock","dragSnapToOrigin","_dragX","_dragY","dragElastic","dragMomentum","dragPropagation","dragTransition","whileDrag","onPan","onPanStart","onPanEnd","onPanSessionStart","onTap","onTapStart","onTapCancel","onHoverStart","onHoverEnd","whileFocus","whileTap","whileHover","whileInView","onViewportEnter","onViewportLeave","viewport","layoutScroll"]);function vt(t){return pt.has(t)}var mt,yt=function(t){return!vt(t)};try{(mt=n(4317).default)&&(yt=function(t){return t.startsWith("on")?!vt(t):mt(t)})}catch(t){}function gt(t,r,n){return"string"==typeof t?t:Q.transform(r+n*t)}var ht={offset:"stroke-dashoffset",array:"stroke-dasharray"},wt={offset:"strokeDashoffset",array:"strokeDasharray"};function bt(t,r,n,o){var a=r.attrX,i=r.attrY,s=r.originX,u=r.originY,c=r.pathLength,l=r.pathSpacing,f=void 0===l?1:l,d=r.pathOffset,p=void 0===d?0:d;ut(t,e(r,["attrX","attrY","originX","originY","pathLength","pathSpacing","pathOffset"]),n,o),t.attrs=t.style,t.style={};var v=t.attrs,m=t.style,y=t.dimensions;v.transform&&(y&&(m.transform=v.transform),delete v.transform),y&&(void 0!==s||void 0!==u||m.transform)&&(m.transformOrigin=function(t,r,n){var e=gt(r,t.x,t.width),o=gt(n,t.y,t.height);return"".concat(e," ").concat(o)}(y,void 0!==s?s:.5,void 0!==u?u:.5)),void 0!==a&&(v.x=a),void 0!==i&&(v.y=i),void 0!==c&&function(t,r,n,e,o){void 0===n&&(n=1),void 0===e&&(e=0),void 0===o&&(o=!0),t.pathLength=1;var a=o?ht:wt;t[a.offset]=Q.transform(-e);var i=Q.transform(r),s=Q.transform(n);t[a.array]="".concat(i," ").concat(s)}(v,c,f,p,!1)}var xt=function(){return r(r({},{style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}}),{attrs:{}})};function Ot(t,n){var e=(0,a.useMemo)((function(){var e=xt();return bt(e,n,{enableHardwareAcceleration:!1},t.transformTemplate),r(r({},e.attrs),{style:r({},e.style)})}),[n]);if(t.style){var o={};lt(o,t.style,t),e.style=r(r({},o),e.style)}return e}function St(t){void 0===t&&(t=!1);return function(n,e,o,i,s,u){var c=s.latestValues,l=(D(n)?Ot:dt)(e,c,u),f=function(t,r,n){var e={};for(var o in t)(yt(o)||!0===n&&vt(o)||!r&&!vt(o)||t.draggable&&o.startsWith("onDrag"))&&(e[o]=t[o]);return e}(e,"string"==typeof n,t),d=r(r(r({},f),l),{ref:i});return o&&(d["data-projection-id"]=o),(0,a.createElement)(n,d)}}var Ct=/([a-z])([A-Z])/g;var Et=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength"]);function jt(t,r,n,e){for(var o in function(t,r,n,e){var o=r.style,a=r.vars;for(var i in Object.assign(t.style,o,e&&e.getProjectionStyles(n)),a)t.style.setProperty(i,a[i])}(t,r,void 0,e),r.attrs)t.setAttribute(Et.has(o)?o:o.replace(Ct,"$1-$2").toLowerCase(),r.attrs[o])}function Pt(t){var r=t.style,n={};for(var e in r)(N(r[e])||U(e,t))&&(n[e]=r[e]);return n}function Tt(t){var r,n=N(t)?t.get():t;return r=n,Boolean(r&&"object"==typeof r&&r.mix&&r.toValue)?n.toValue():n}function Lt(t,r,n,e){var o=t.scrapeMotionValuesFromProps,a=t.createRenderState,i=t.onMount,s={latestValues:Mt(r,n,e,o),renderState:a()};return i&&(s.mount=function(t){return i(r,t,s)}),s}var Vt=function(t){return function(r,n){var e=(0,a.useContext)(v),o=(0,a.useContext)(m);return n?Lt(t,r,e,o):T((function(){return Lt(t,r,e,o)}))}};function Mt(t,r,n,o){var a={},i=!1===(null==n?void 0:n.initial),s=o(t);for(var u in s)a[u]=Tt(s[u]);var c=t.initial,l=t.animate,f=E(t),d=function(t){return Boolean(E(t)||t.variants)}(t);r&&d&&!f&&!1!==t.inherit&&(null!=c||(c=r.initial),null!=l||(l=r.animate));var p,v=i||!1===c,m=v?l:c;!m||"boolean"==typeof m||"object"==typeof(p=m)&&"function"==typeof p.start||(Array.isArray(m)?m:[m]).forEach((function(r){var n=C(t,r);if(n){var o=n.transitionEnd,i=(n.transition,e(n,["transitionEnd","transition"]));for(var s in i){var u=i[s];if(Array.isArray(u))u=u[v?u.length-1:0];null!==u&&(a[s]=u)}for(var s in o)a[s]=o[s]}}));return a}var kt={useVisualState:Vt({scrapeMotionValuesFromProps:function(t){var r=Pt(t);for(var n in t){if(N(t[n]))r["x"===n||"y"===n?"attr"+n.toUpperCase():n]=t[n]}return r},createRenderState:xt,onMount:function(t,r,n){var e=n.renderState,o=n.latestValues;try{e.dimensions="function"==typeof r.getBBox?r.getBBox():r.getBoundingClientRect()}catch(t){e.dimensions={x:0,y:0,width:0,height:0}}bt(e,o,{enableHardwareAcceleration:!1},t.transformTemplate),jt(r,e)}})},At={useVisualState:Vt({scrapeMotionValuesFromProps:Pt,createRenderState:ct})};!function(t){function r(r,n){return void 0===n&&(n={}),R(t(r,n))}if("undefined"==typeof Proxy)return r;var n=new Map;new Proxy(r,{get:function(t,e){return n.has(e)||n.set(e,r(e)),n.get(e)}})}((function(t,n,e,o,a){var i=n.forwardMotionProps,s=void 0!==i&&i,u=D(t)?kt:At;return r(r({},u),{preloadedFeatures:e,useRender:St(s),createVisualElement:o,projectionNodeConstructor:a,Component:t})}))})()})();
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "framer-motion",
|
|
3
|
-
"version": "6.4.
|
|
3
|
+
"version": "6.4.3",
|
|
4
4
|
"description": "A simple and powerful React animation library",
|
|
5
5
|
"main": "dist/cjs/index.js",
|
|
6
6
|
"module": "dist/es/index.mjs",
|
|
@@ -107,5 +107,5 @@
|
|
|
107
107
|
"maxSize": "31.7 kB"
|
|
108
108
|
}
|
|
109
109
|
],
|
|
110
|
-
"gitHead": "
|
|
110
|
+
"gitHead": "4cc398a530606fd5cec7750f73fe39160e139f04"
|
|
111
111
|
}
|