@square/maker/utils/transitions.js

📚 Maker Design System by Square

!function(e,n){if("object"==typeof exports&&"object"==typeof module)module.exports=n(require("stylefire"),require("popmotion"));else if("function"==typeof define&&define.amd)define(["stylefire","popmotion"],n);else{var t="object"==typeof exports?n(require("stylefire"),require("popmotion")):n(e.stylefire,e.popmotion);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(this,(function(e,n){return function(e){var n={};function t(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}return t.m=e,t.c=n,t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:o})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(t.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var r in e)t.d(o,r,function(n){return e[n]}.bind(null,r));return o},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=2)}([function(n,t){n.exports=e},function(e,t){e.exports=n},function(e,n,t){"use strict";t.r(n),t.d(n,"mobileMinWidth",(function(){return u})),t.d(n,"tabletMinWidth",(function(){return f})),t.d(n,"desktopMinWidth",(function(){return c})),t.d(n,"type",(function(){return p})),t.d(n,"stiffness",(function(){return s})),t.d(n,"damping",(function(){return d})),t.d(n,"mass",(function(){return a})),t.d(n,"springDelay",(function(){return m})),t.d(n,"spring",(function(){return l})),t.d(n,"animateUp",(function(){return y})),t.d(n,"animateDown",(function(){return b})),t.d(n,"toStyle",(function(){return j})),t.d(n,"styleFactory",(function(){return C})),t.d(n,"fadeInFn",(function(){return v})),t.d(n,"delayedFadeInFn",(function(){return M})),t.d(n,"fadeOutFn",(function(){return h})),t.d(n,"springUpFn",(function(){return S})),t.d(n,"springDownFn",(function(){return _})),t.d(n,"springLeftFn",(function(){return P})),t.d(n,"springRightFn",(function(){return q})),t.d(n,"floatUpFn",(function(){return w})),t.d(n,"delayedFloatUpFn",(function(){return D})),t.d(n,"floatDownFn",(function(){return T}));var o=t(0),r=t.n(o),i=t(1);const u=0,f=840,c=1200,p="spring",s=600,d=60,a=1,m=200,l={type:p,stiffness:s,damping:d,mass:a},y={from:0,to:100},b={from:100,to:0};function j(e,n,t,o,r){return{[o]:"".concat(e/100*(t-n)+n).concat(r)}}function C(e,n,t,o){return r=>j(r,e,n,t,o)}const O=C(0,100,"opacity","%"),g=C(0,100,"y","%"),x=C(0,100,"x","%"),U=C(40,0,"y","px"),F=e=>({...O(e),...U(e)});function v({element:e,onComplete:n}){const t=r()(e),o=O,u=y;t.set(o(u.from)),t.render(),Object(i.animate)({...u,...l,onUpdate(e){t.set(o(e))},onComplete:n})}function M({element:e,onComplete:n}){const t=r()(e),o=O,u=y;t.set(o(u.from)),t.render(),setTimeout((()=>{Object(i.animate)({...u,...l,onUpdate(e){t.set(o(e))},onComplete:n})}),m)}function h({element:e,onComplete:n}){const t=r()(e),o=O,u=b;t.set(o(u.from)),t.render(),Object(i.animate)({...b,...l,onUpdate(e){t.set(o(e))},onComplete:n})}function S({element:e,onComplete:n}){const t=r()(e),o=g,u=b;t.set(o(u.from)),t.render(),Object(i.animate)({...u,...l,onUpdate(e){t.set(o(e))},onComplete:n})}function _({element:e,onComplete:n}){const t=r()(e),o=g,u=y;t.set(o(u.from)),t.render(),Object(i.animate)({...u,...l,onUpdate(e){t.set(o(e))},onComplete:n})}function P({element:e,onComplete:n}){const t=r()(e),o=x,u=b;t.set(o(u.from)),t.render(),Object(i.animate)({...u,...l,onUpdate(e){t.set(o(e))},onComplete:n})}function q({element:e,onComplete:n}){const t=r()(e),o=x,u=y;t.set(o(u.from)),t.render(),Object(i.animate)({...u,...l,onUpdate(e){t.set(o(e))},onComplete:n})}function w({element:e,onComplete:n}){const t=r()(e),o=F,u=y;t.set(o(u.from)),t.render(),Object(i.animate)({...u,...l,onUpdate(e){t.set(o(e))},onComplete:n})}function D({element:e,onComplete:n}){const t=r()(e),o=F,u=y;t.set(o(u.from)),t.render(),setTimeout((()=>{Object(i.animate)({...u,...l,onUpdate(e){t.set(o(e))},onComplete:n})}),m)}function T({element:e,onComplete:n}){const t=r()(e),o=F,u=b;t.set(o(u.from)),t.render(),Object(i.animate)({...u,...l,onUpdate(e){t.set(o(e))},onComplete:n})}}])}));
//# sourceMappingURL=transitions.js.map