@popmotion/popcorn - npm Package Compare versions

Comparing version 0.4.1 to 0.4.2

CHANGELOG.md

@@ -5,6 +5,8 @@ # Changelog
 
-## [0.4.1] 2019-07-04
+## [0.4.2] 2019-07-25
 
-- Updating dependencies.
+### Fixed
 
+- Upgrading `style-value-types` to correctly clamp color alpha.
+
 ## [0.4.0] 2019-05-01
@@ -11,0 +13,0 @@

dist/popcorn.es.js

@@ -1,5 +0,6 @@
-import { hex, rgba, hsla, complex, color } from 'style-value-types';
+import { hsla, rgba, hex, color, complex } from 'style-value-types';
 import { invariant } from 'hey-listen';
 import { getFrameData } from 'framesync';
-export { anticipate, backIn, backInOut, backOut, circIn, circInOut, circOut, createAnticipateEasing, createBackIn, createExpoIn, cubicBezier, easeIn, easeInOut, easeOut, linear, mirrored, reversed } from '@popmotion/easing';
+import { createAnticipateEasing, createBackIn, createExpoIn, cubicBezier, linear, easeIn, easeOut, easeInOut, circIn, circOut, circInOut, backIn, backOut, backInOut, anticipate, reversed, mirrored } from '@popmotion/easing';
+export { createAnticipateEasing, createBackIn, createExpoIn, cubicBezier, linear, easeIn, easeOut, easeInOut, circIn, circOut, circInOut, backIn, backOut, backInOut, anticipate, reversed, mirrored } from '@popmotion/easing';
 
@@ -118,4 +119,4 @@ var zeroPoint = {
 };
-var notAnimatable = function (color) {
-    return "'" + color + "' is not an animatable color. Use the equivalent color code instead.";
+var notAnimatable = function (color$$1) {
+    return "'" + color$$1 + "' is not an animatable color. Use the equivalent color code instead.";
 };
@@ -122,0 +123,0 @@ var mixColor = (function (from, to) {

dist/popcorn.js

 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
   typeof define === 'function' && define.amd ? define(['exports'], factory) :
-  (global = global || self, factory(global.popcorn = {}));
-}(this, function (exports) { 'use strict';
+  (factory((global.popcorn = {})));
+}(this, (function (exports) { 'use strict';
 
@@ -182,8 +182,8 @@ var zeroPoint = {
   var rgbaTemplate = function (_a) {
-      var red = _a.red, green = _a.green, blue = _a.blue, _b = _a.alpha, alpha = _b === void 0 ? 1 : _b;
-      return "rgba(" + red + ", " + green + ", " + blue + ", " + alpha + ")";
+      var red = _a.red, green = _a.green, blue = _a.blue, _b = _a.alpha, alpha$$1 = _b === void 0 ? 1 : _b;
+      return "rgba(" + red + ", " + green + ", " + blue + ", " + alpha$$1 + ")";
   };
   var hslaTemplate = function (_a) {
-      var hue = _a.hue, saturation = _a.saturation, lightness = _a.lightness, _b = _a.alpha, alpha = _b === void 0 ? 1 : _b;
-      return "hsla(" + hue + ", " + saturation + ", " + lightness + ", " + alpha + ")";
+      var hue = _a.hue, saturation = _a.saturation, lightness = _a.lightness, _b = _a.alpha, alpha$$1 = _b === void 0 ? 1 : _b;
+      return "hsla(" + hue + ", " + saturation + ", " + lightness + ", " + alpha$$1 + ")";
   };
@@ -198,3 +198,3 @@ var rgbUnit = __assign$1({}, number, { transform: function (v) { return Math.round(clampRgbUnit(v)); } });
       transform: function (_a) {
-          var red = _a.red, green = _a.green, blue = _a.blue, alpha = _a.alpha;
+          var red = _a.red, green = _a.green, blue = _a.blue, _b = _a.alpha, alpha$$1 = _b === void 0 ? 1 : _b;
           return rgbaTemplate({
@@ -204,3 +204,3 @@ red: rgbUnit.transform(red),
               blue: rgbUnit.transform(blue),
-              alpha: sanitize(alpha)
+              alpha: sanitize(alpha.transform(alpha$$1))
           });
@@ -213,3 +213,3 @@ }
       transform: function (_a) {
-          var hue = _a.hue, saturation = _a.saturation, lightness = _a.lightness, alpha = _a.alpha;
+          var hue = _a.hue, saturation = _a.saturation, lightness = _a.lightness, _b = _a.alpha, alpha$$1 = _b === void 0 ? 1 : _b;
           return hslaTemplate({
@@ -219,3 +219,3 @@ hue: Math.round(hue),
               lightness: percent.transform(sanitize(lightness)),
-              alpha: sanitize(alpha)
+              alpha: sanitize(alpha.transform(alpha$$1))
           });
@@ -361,4 +361,4 @@ }
   };
-  var notAnimatable = function (color) {
-      return "'" + color + "' is not an animatable color. Use the equivalent color code instead.";
+  var notAnimatable = function (color$$1) {
+      return "'" + color$$1 + "' is not an animatable color. Use the equivalent color code instead.";
   };
@@ -568,2 +568,12 @@ var mixColor = (function (from, to) {
 
+  var HEY_LISTEN = 'Hey, listen! ';
+  var invariant$1 = function () { };
+  if (process.env.NODE_ENV !== 'production') {
+      invariant$1 = function (check, message) {
+          if (!check) {
+              throw new Error(HEY_LISTEN.toUpperCase() + message);
+          }
+      };
+  }
+
   var prevTime = 0;
@@ -620,3 +630,3 @@ var onNextFrame = typeof window !== 'undefined' && window.requestAnimationFrame !== undefined
               if (immediate === void 0) { immediate = false; }
-              invariant(typeof process === 'function', 'Argument must be a function');
+              invariant$1(typeof process === 'function', 'Argument must be a function');
               var addToCurrentBuffer = immediate && isProcessing;
@@ -925,26 +935,10 @@ var buffer = addToCurrentBuffer ? processToRun : processToRunNextFrame;
   exports.angle = angle;
-  exports.anticipate = anticipate;
   exports.applyOffset = applyOffset;
-  exports.backIn = backIn;
-  exports.backInOut = backInOut;
-  exports.backOut = backOut;
-  exports.circIn = circIn;
-  exports.circInOut = circInOut;
-  exports.circOut = circOut;
   exports.clamp = clamp$1;
   exports.conditional = conditional;
-  exports.createAnticipateEasing = createAnticipateEasing;
-  exports.createBackIn = createBackIn;
-  exports.createExpoIn = createExpoIn;
-  exports.cubicBezier = cubicBezier;
   exports.degreesToRadians = degreesToRadians;
   exports.distance = distance;
-  exports.easeIn = easeIn;
-  exports.easeInOut = easeInOut;
-  exports.easeOut = easeOut;
   exports.interpolate = interpolate;
   exports.isPoint = isPoint;
   exports.isPoint3D = isPoint3D;
-  exports.linear = linear;
-  exports.mirrored = mirrored;
   exports.mix = mix;
@@ -959,3 +953,2 @@ exports.mixArray = mixArray;
   exports.radiansToDegrees = radiansToDegrees;
-  exports.reversed = reversed;
   exports.smooth = smooth;
@@ -972,5 +965,22 @@ exports.smoothFrame = smoothFrame;
   exports.wrap = wrap$1;
+  exports.createAnticipateEasing = createAnticipateEasing;
+  exports.createBackIn = createBackIn;
+  exports.createExpoIn = createExpoIn;
+  exports.cubicBezier = cubicBezier;
+  exports.linear = linear;
+  exports.easeIn = easeIn;
+  exports.easeOut = easeOut;
+  exports.easeInOut = easeInOut;
+  exports.circIn = circIn;
+  exports.circOut = circOut;
+  exports.circInOut = circInOut;
+  exports.backIn = backIn;
+  exports.backOut = backOut;
+  exports.backInOut = backInOut;
+  exports.anticipate = anticipate;
+  exports.reversed = reversed;
+  exports.mirrored = mirrored;
 
   Object.defineProperty(exports, '__esModule', { value: true });
 
-}));
+})));

dist/popcorn.min.js

@@ -1,1 +0,1 @@
-!function(n,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports):"function"==typeof define&&define.amd?define(["exports"],r):r((n=n||self).popcorn={})}(this,function(n){"use strict";function a(n){return"number"==typeof n}function t(n){return 180*n/Math.PI}function r(e){return function(r,t,n){return void 0!==n?e(r,t,n):function(n){return e(r,t,n)}}}function e(n){return n*Math.PI/180}function o(n){return n.hasOwnProperty("x")&&n.hasOwnProperty("y")}function i(n){return o(n)&&n.hasOwnProperty("z")}function f(n,r){return Math.abs(n-r)}function c(n,r,t){return-t*n+t*r+n}function u(r,t){return function(n){return Math.max(Math.min(n,t),r)}}function s(n){return n%1?Number(n.toFixed(5)):n}function p(n){return void 0!==n.red}function h(n){return void 0!==n.hue}function d(u){return function(n){if("string"!=typeof n)return n;for(var r={},t=function(n){return n.substring(n.indexOf("(")+1,n.lastIndexOf(")"))}(n).split(/,\s*/),e=0;e<4;e++)r[u[e]]=void 0!==t[e]?parseFloat(t[e]):1;return r}}var l,m={x:0,y:0,z:0},v=r(function(n,r,t){return Math.min(Math.max(t,n),r)}),y=function(n,r,t){var e=r-n;return 0==e?1:(t-n)/e},g=function(){return(g=Object.assign||function(n){for(var r,t=1,e=arguments.length;t<e;t++)for(var u in r=arguments[t])Object.prototype.hasOwnProperty.call(r,u)&&(n[u]=r[u]);return n}).apply(this,arguments)},b=function(){return(b=Object.assign||function(n){for(var r,t=1,e=arguments.length;t<e;t++)for(var u in r=arguments[t])Object.prototype.hasOwnProperty.call(r,u)&&(n[u]=r[u]);return n}).apply(this,arguments)},M=/(-)?(\d[\d\.]*)/g,x=/(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))/gi,w=/^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))$/i,O={test:function(n){return"number"==typeof n},parse:parseFloat,transform:function(n){return n}},A=(b({},O,{transform:u(0,1)}),b({},O,{default:1}),l="%",{test:function(n){return"string"==typeof n&&n.endsWith(l)&&1===n.split(" ").length},parse:parseFloat,transform:function(n){return""+n+l}}),F=(b({},A,{parse:function(n){return A.parse(n)/100},transform:function(n){return A.transform(100*n)}}),u(0,255)),I=b({},O,{transform:function(n){return Math.round(F(n))}});function P(n,r){return n.startsWith(r)&&w.test(n)}function R(n){return"number"==typeof n?0:n}var S={test:function(n){return"string"==typeof n?P(n,"rgb"):p(n)},parse:d(["red","green","blue","alpha"]),transform:function(n){var r=n.red,t=n.green,e=n.blue,u=n.alpha;return function(n){var r=n.red,t=n.green,e=n.blue,u=n.alpha;return"rgba("+r+", "+t+", "+e+", "+(void 0===u?1:u)+")"}({red:I.transform(r),green:I.transform(t),blue:I.transform(e),alpha:s(u)})}},N={test:function(n){return"string"==typeof n?P(n,"hsl"):h(n)},parse:d(["hue","saturation","lightness","alpha"]),transform:function(n){var r=n.hue,t=n.saturation,e=n.lightness,u=n.alpha;return function(n){var r=n.hue,t=n.saturation,e=n.lightness,u=n.alpha;return"hsla("+r+", "+t+", "+e+", "+(void 0===u?1:u)+")"}({hue:Math.round(r),saturation:A.transform(s(t)),lightness:A.transform(s(e)),alpha:s(u)})}},j=b({},S,{test:function(n){return"string"==typeof n&&P(n,"#")},parse:function(n){var r="",t="",e="";return 4<n.length?(r=n.substr(1,2),t=n.substr(3,2),e=n.substr(5,2)):(r=n.substr(1,1),t=n.substr(2,1),e=n.substr(3,1),r+=r,t+=t,e+=e),{red:parseInt(r,16),green:parseInt(t,16),blue:parseInt(e,16),alpha:1}}}),B={test:function(n){return"string"==typeof n&&w.test(n)||p(n)||h(n)},parse:function(n){return S.test(n)?S.parse(n):N.test(n)?N.parse(n):j.test(n)?j.parse(n):n},transform:function(n){return p(n)?S.transform(n):h(n)?N.transform(n):n}},E="${c}",k="${n}",q={test:function(n){if("string"!=typeof n||!isNaN(n))return!1;var r=0,t=n.match(M),e=n.match(x);return t&&(r+=t.length),e&&(r+=e.length),0<r},parse:function(n){var r=n,t=[],e=r.match(x);e&&(r=r.replace(x,E),t.push.apply(t,e.map(B.parse)));var u=r.match(M);return u&&t.push.apply(t,u.map(O.parse)),t},createTransformer:function(n){var e=n,u=0,r=n.match(x),a=r?r.length:0;if(r)for(var t=0;t<a;t++)e=e.replace(r[t],E),u++;var o=e.match(M),i=o?o.length:0;if(o)for(t=0;t<i;t++)e=e.replace(o[t],k),u++;return function(n){for(var r=e,t=0;t<u;t++)r=r.replace(t<a?E:k,t<a?B.transform(n[t]):s(n[t]));return r}},getAnimatableNone:function(n){var r=q.parse(n);return q.createTransformer(n)(r.map(R))}},T=function(){};"production"!==process.env.NODE_ENV&&(T=function(n,r){if(!n)throw new Error(r)});function z(n,r,t){var e=n*n,u=r*r;return Math.sqrt(Math.max(0,t*(u-e)+e))}function D(r){return G.find(function(n){return n.test(r)})}function L(n){return"'"+n+"' is not an animatable color. Use the equivalent color code instead."}function U(r,t){return function(n){return t(r(n))}}var G=[j,S,N],H=function(n,r){var t=D(n),e=D(r);T(!!t,L(n)),T(!!e,L(r)),T(t.transform===e.transform,"Both colors must be hex/RGBA, OR both must be HSLA.");var u=t.parse(n),a=e.parse(r),o=g({},u),i=t===N?c:z;return function(n){for(var r in o)"alpha"!==r&&(o[r]=i(u[r],a[r],n));return o.alpha=c(u.alpha,a.alpha,n),t.transform(o)}},W=function(){for(var n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];return n.reduce(U)};function C(r,t){return a(r)?function(n){return c(r,t,n)}:B.test(r)?H(r,t):J(r,t)}var $=function(n,t){var e=n.slice(),u=e.length,a=n.map(function(n,r){return C(n,t[r])});return function(n){for(var r=0;r<u;r++)e[r]=a[r](n);return e}},_=function(n,r){var t=g({},n,r),e={};for(var u in t)void 0!==n[u]&&void 0!==r[u]&&(e[u]=C(n[u],r[u]));return function(n){for(var r in e)t[r]=e[r](n);return t}};function V(n){for(var r=q.parse(n),t=r.length,e=0,u=0,a=0,o=0;o<t;o++)e||"number"==typeof r[o]?e++:void 0!==r[o].hue?a++:u++;return{parsed:r,numNumbers:e,numRGB:u,numHSL:a}}var J=function(n,r){var t=q.createTransformer(r),e=V(n),u=V(r);return T(e.numHSL===u.numHSL&&e.numRGB===u.numRGB&&e.numNumbers>=u.numNumbers,"Complex values '"+n+"' and '"+r+"' too different to mix. Ensure all colors are of the same type."),W($(e.parsed,u.parsed),t)},K=function(r,t){return function(n){return c(r,t,n)}};function Q(n,r,t){for(var e=[],u=t||function(n){return"number"==typeof n?K:"string"==typeof n?B.test(n)?H:J:Array.isArray(n)?$:"object"==typeof n?_:void 0}(n[0]),a=n.length-1,o=0;o<a;o++){var i=u(n[o],n[o+1]);if(r){var f=Array.isArray(r)?r[o]:r;i=W(f,i)}e.push(i)}return e}function X(n,r){return void 0===r&&(r=2),r=Math.pow(10,r),Math.round(n*r)/r}function Y(n,r,t,e){return void 0===e&&(e=0),X(n+t*(r-n)/Math.max(e,t))}var Z,nn,rn=0,tn="undefined"!=typeof window&&void 0!==window.requestAnimationFrame?function(n){return window.requestAnimationFrame(n)}:function(n){var r=Date.now(),t=Math.max(0,16.7-(r-rn));rn=r+t,setTimeout(function(){return n(rn)},t)};(nn=Z=Z||{}).Read="read",nn.Update="update",nn.Render="render",nn.PostRender="postRender",nn.FixedUpdate="fixedUpdate";function en(n){return xn=n}function un(n){return In[n].process(On)}function an(n){return n}function on(a){return void 0===a&&(a=an),r(function(n,r,t){var e=r-t,u=-(0-n+1)*(0-a(Math.abs(e)));return e<=0?r+u:r-u})}function fn(r){return function(n){return 1-r(1-n)}}function cn(r){return function(n){return n<=.5?r(2*n)/2:(2-r(2*(1-n)))/2}}function sn(r){return function(n){return Math.pow(n,r)}}function pn(r){return function(n){return n*n*((r+1)*n-r)}}function hn(n){var r=pn(n);return function(n){return(n*=2)<1?.5*r(n):.5*(2-Math.pow(2,-10*(n-1)))}}function dn(n){return 1-Math.sin(Math.acos(n))}function ln(n,r){return 1-3*r+3*n}function mn(n,r){return 3*r-6*n}function vn(n){return 3*n}function yn(n,r,t){return 3*ln(r,t)*n*n+2*mn(r,t)*n+vn(r)}function gn(n,r,t){return((ln(r,t)*n+mn(r,t))*n+vn(r))*n}var bn=1/60*1e3,Mn=!0,xn=!1,wn=!1,On={delta:0,timestamp:0},An=[Z.Read,Z.Update,Z.Render,Z.PostRender],Fn=An.reduce(function(n,r){var e=function(e){var a=[],o=[],i=0,f=!1,u=0,c=new WeakSet,s=new WeakSet,p={cancel:function(n){var r=o.indexOf(n);c.add(n),-1!==r&&o.splice(r,1)},process:function(n){var r,t;if(f=!0,a=(r=[o,a])[0],(o=r[1]).length=0,i=a.length)for(u=0;u<i;u++)(t=a[u])(n),!0!==s.has(t)||c.has(t)||(p.schedule(t),e(!0));f=!1},schedule:function(n,r,t){void 0===r&&(r=!1),void 0===t&&(t=!1),T("function"==typeof n,"Argument must be a function");var e=t&&f,u=e?a:o;c.delete(n),r&&s.add(n),-1===u.indexOf(n)&&(u.push(n),e&&(i=a.length))}};return p}(en);return n.sync[r]=function(n,r,t){return void 0===r&&(r=!1),void 0===t&&(t=!1),xn||Rn(),e.schedule(n,r,t),n},n.cancelSync[r]=function(n){return e.cancel(n)},n.steps[r]=e,n},{steps:{},sync:{},cancelSync:{}}),In=Fn.steps,Pn=(Fn.sync,Fn.cancelSync,function(n){xn=!1,On.delta=Mn?bn:Math.max(Math.min(n-On.timestamp,40),1),Mn||(bn=On.delta),On.timestamp=n,wn=!0,An.forEach(un),wn=!1,xn&&(Mn=!1,tn(Pn))}),Rn=function(){Mn=xn=!0,wn||tn(Pn)},Sn=on(),Nn=on(Math.sqrt),jn=r(function(n,r,t){var e=r-n;return((t-n)%e+e)%e+n}),Bn=v(0,1),En=sn(2),kn=fn(En),qn=cn(En),Tn=fn(dn),zn=cn(Tn),Dn=pn(1.525),Ln=fn(Dn),Un=cn(Dn),Gn=hn(1.525),Hn="undefined"!=typeof Float32Array;n.angle=function(n,r){return void 0===r&&(r=m),t(Math.atan2(r.y-n.y,r.x-n.x))},n.anticipate=Gn,n.applyOffset=function(r,t){var e=!0;return void 0===t&&(t=r,e=!1),function(n){return e?n-r+t:(r=n,e=!0,t)}},n.backIn=Dn,n.backInOut=Un,n.backOut=Ln,n.circIn=dn,n.circInOut=zn,n.circOut=Tn,n.clamp=v,n.conditional=function(r,t){return function(n){return r(n)?t(n):n}},n.createAnticipateEasing=hn,n.createBackIn=pn,n.createExpoIn=sn,n.cubicBezier=function(o,r,i,t){function e(n){for(var r,t,e,u=0,a=1;10!==a&&f[a]<=n;++a)u+=.1;return r=(n-f[--a])/(f[a+1]-f[a]),.001<=(e=yn(t=u+.1*r,o,i))?function(n,r){for(var t=0,e=0;t<8;++t){if(0===(e=yn(r,o,i)))return r;r-=(gn(r,o,i)-n)/e}return r}(n,t):0===e?t:function(n,r,t){for(var e,u,a=0;0<(e=gn(u=r+(t-r)/2,o,i)-n)?t=u:r=u,1e-7<Math.abs(e)&&++a<10;);return u}(n,u,u+.1)}var f=Hn?new Float32Array(11):new Array(11);return function(){for(var n=0;n<11;++n)f[n]=gn(.1*n,o,i)}(),function(n){return o===r&&i===t?n:0===n?0:1===n?1:gn(e(n),r,t)}},n.degreesToRadians=e,n.distance=function(n,r){if(void 0===r&&(r=m),a(n)&&a(r))return f(n,r);if(o(n)&&o(r)){var t=f(n.x,r.x),e=f(n.y,r.y),u=i(n)&&i(r)?f(n.z,r.z):0;return Math.sqrt(Math.pow(t,2)+Math.pow(e,2)+Math.pow(u,2))}return 0},n.easeIn=En,n.easeInOut=qn,n.easeOut=kn,n.interpolate=function(n,r,t){var e=void 0===t?{}:t,u=e.clamp,a=void 0===u||u,o=e.ease,i=e.mixer,f=n.length;T(f===r.length,"Both input and output ranges must be the same length"),T(!o||!Array.isArray(o)||o.length===f-1,"Array of easing functions must be of length `input.length - 1`, as it applies to the transitions **between** the defined values."),n[0]>n[f-1]&&(n=[].concat(n),r=[].concat(r),n.reverse(),r.reverse());var c=Q(r,o,i),s=2===f?function(n,r){var t=n[0],e=n[1],u=r[0];return function(n){return u(y(t,e,n))}}(n,c):function(a,o){var i=a.length,f=i-1;return function(n){var r=0,t=!1;if(n<=a[0]?t=!0:n>=a[f]&&(r=f-1,t=!0),!t){for(var e=1;e<i&&!(a[e]>n||e===f);e++);r=e-1}var u=y(a[r],a[r+1],n);return o[r](u)}}(n,c);return a?W(v(n[0],n[f-1]),s):s},n.isPoint=o,n.isPoint3D=i,n.linear=function(n){return n},n.mirrored=cn,n.mix=c,n.mixArray=$,n.mixColor=H,n.mixComplex=J,n.mixObject=_,n.pipe=W,n.pointFromVector=function(n,r,t){return r=e(r),{x:t*Math.cos(r)+n.x,y:t*Math.sin(r)+n.y}},n.progress=y,n.radiansToDegrees=t,n.reversed=fn,n.smooth=function(u){void 0===u&&(u=50);var a=0,o=0;return function(n){var r=On.timestamp,t=r!==o?r-o:0,e=t?Y(a,n,t,u):a;return o=r,a=e}},n.smoothFrame=Y,n.snap=function(u){if("number"==typeof u)return function(n){return Math.round(n/u)*u};var a=0,o=u.length;return function(n){var r=Math.abs(u[0]-n);for(a=1;a<o;a++){var t=u[a],e=Math.abs(t-n);if(0===e)return t;if(r<e)return u[a-1];if(a===o-1)return t;r=e}}},n.springForce=on,n.springForceExpo=Nn,n.springForceLinear=Sn,n.steps=function(e,u){return void 0===u&&(u="end"),function(n){var r=(n="end"===u?Math.min(n,.999):Math.max(n,.001))*e,t="end"===u?Math.floor(r):Math.ceil(r);return Bn(t/e)}},n.toDecimal=X,n.velocityPerFrame=function(n,r){return a(n)?n/(1e3/r):0},n.velocityPerSecond=function(n,r){return r?n*(1e3/r):0},n.wrap=jn,Object.defineProperty(n,"__esModule",{value:!0})});
+!function(n,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports):"function"==typeof define&&define.amd?define(["exports"],r):r(n.popcorn={})}(this,function(n){"use strict";var r,t={x:0,y:0,z:0},e=function(n){return"number"==typeof n},u=function(n){return 180*n/Math.PI},a=function(n){return function(r,t,e){return void 0!==e?n(r,t,e):function(e){return n(r,t,e)}}},o=a(function(n,r,t){return Math.min(Math.max(t,n),r)}),i=function(n){return n*Math.PI/180},f=function(n){return n.hasOwnProperty("x")&&n.hasOwnProperty("y")},c=function(n){return f(n)&&n.hasOwnProperty("z")},s=function(n,r){return Math.abs(n-r)},p=function(n,r,t){var e=r-n;return 0===e?1:(t-n)/e},h=function(n,r,t){return-t*n+t*r+n},d=function(){return(d=Object.assign||function(n){for(var r,t=1,e=arguments.length;t<e;t++)for(var u in r=arguments[t])Object.prototype.hasOwnProperty.call(r,u)&&(n[u]=r[u]);return n}).apply(this,arguments)},l=function(){return(l=Object.assign||function(n){for(var r,t=1,e=arguments.length;t<e;t++)for(var u in r=arguments[t])Object.prototype.hasOwnProperty.call(r,u)&&(n[u]=r[u]);return n}).apply(this,arguments)},m=function(n,r){return function(t){return Math.max(Math.min(t,r),n)}},v=function(n){return n%1?Number(n.toFixed(5)):n},y=/(-)?(\d[\d\.]*)/g,g=/(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))/gi,b=/^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))$/i,M={test:function(n){return"number"==typeof n},parse:parseFloat,transform:function(n){return n}},x=l({},M,{transform:m(0,1)}),w=(l({},M,{default:1}),r="%",{test:function(n){return"string"==typeof n&&n.endsWith(r)&&1===n.split(" ").length},parse:parseFloat,transform:function(n){return""+n+r}}),O=(l({},w,{parse:function(n){return w.parse(n)/100},transform:function(n){return w.transform(100*n)}}),m(0,255)),A=function(n){return void 0!==n.red},F=function(n){return void 0!==n.hue},I=function(n){return function(r){if("string"!=typeof r)return r;for(var t,e={},u=(t=r,t.substring(t.indexOf("(")+1,t.lastIndexOf(")"))).split(/,\s*/),a=0;a<4;a++)e[n[a]]=void 0!==u[a]?parseFloat(u[a]):1;return e}},P=l({},M,{transform:function(n){return Math.round(O(n))}});function R(n,r){return n.startsWith(r)&&b.test(n)}var E={test:function(n){return"string"==typeof n?R(n,"rgb"):A(n)},parse:I(["red","green","blue","alpha"]),transform:function(n){var r=n.red,t=n.green,e=n.blue,u=n.alpha,a=void 0===u?1:u;return function(n){var r=n.red,t=n.green,e=n.blue,u=n.alpha;return"rgba("+r+", "+t+", "+e+", "+(void 0===u?1:u)+")"}({red:P.transform(r),green:P.transform(t),blue:P.transform(e),alpha:v(x.transform(a))})}},N={test:function(n){return"string"==typeof n?R(n,"hsl"):F(n)},parse:I(["hue","saturation","lightness","alpha"]),transform:function(n){var r=n.hue,t=n.saturation,e=n.lightness,u=n.alpha,a=void 0===u?1:u;return function(n){var r=n.hue,t=n.saturation,e=n.lightness,u=n.alpha;return"hsla("+r+", "+t+", "+e+", "+(void 0===u?1:u)+")"}({hue:Math.round(r),saturation:w.transform(v(t)),lightness:w.transform(v(e)),alpha:v(x.transform(a))})}},S=l({},E,{test:function(n){return"string"==typeof n&&R(n,"#")},parse:function(n){var r="",t="",e="";return n.length>4?(r=n.substr(1,2),t=n.substr(3,2),e=n.substr(5,2)):(r=n.substr(1,1),t=n.substr(2,1),e=n.substr(3,1),r+=r,t+=t,e+=e),{red:parseInt(r,16),green:parseInt(t,16),blue:parseInt(e,16),alpha:1}}}),j={test:function(n){return"string"==typeof n&&b.test(n)||A(n)||F(n)},parse:function(n){return E.test(n)?E.parse(n):N.test(n)?N.parse(n):S.test(n)?S.parse(n):n},transform:function(n){return A(n)?E.transform(n):F(n)?N.transform(n):n}},B=function(n){return"number"==typeof n?0:n},k={test:function(n){if("string"!=typeof n||!isNaN(n))return!1;var r=0,t=n.match(y),e=n.match(g);return t&&(r+=t.length),e&&(r+=e.length),r>0},parse:function(n){var r=n,t=[],e=r.match(g);e&&(r=r.replace(g,"${c}"),t.push.apply(t,e.map(j.parse)));var u=r.match(y);return u&&t.push.apply(t,u.map(M.parse)),t},createTransformer:function(n){var r=n,t=0,e=n.match(g),u=e?e.length:0;if(e)for(var a=0;a<u;a++)r=r.replace(e[a],"${c}"),t++;var o=r.match(y),i=o?o.length:0;if(o)for(a=0;a<i;a++)r=r.replace(o[a],"${n}"),t++;return function(n){for(var e=r,a=0;a<t;a++)e=e.replace(a<u?"${c}":"${n}",a<u?j.transform(n[a]):v(n[a]));return e}},getAnimatableNone:function(n){var r=k.parse(n);return k.createTransformer(n)(r.map(B))}},q=function(){};"production"!==process.env.NODE_ENV&&(q=function(n,r){if(!n)throw new Error(r)});var D=function(n,r,t){var e=n*n,u=r*r;return Math.sqrt(Math.max(0,t*(u-e)+e))},T=[S,E,N],U=function(n){return T.find(function(r){return r.test(n)})},$=function(n){return"'"+n+"' is not an animatable color. Use the equivalent color code instead."},z=function(n,r){var t=U(n),e=U(r);q(!!t,$(n)),q(!!e,$(r)),q(t.transform===e.transform,"Both colors must be hex/RGBA, OR both must be HSLA.");var u=t.parse(n),a=e.parse(r),o=d({},u),i=t===N?h:D;return function(n){for(var r in o)"alpha"!==r&&(o[r]=i(u[r],a[r],n));return o.alpha=h(u.alpha,a.alpha,n),t.transform(o)}},H=function(n,r){return function(t){return r(n(t))}},L=function(){for(var n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];return n.reduce(H)};function C(n,r){return e(n)?function(t){return h(n,r,t)}:j.test(n)?z(n,r):V(n,r)}var G=function(n,r){var t=n.slice(),e=t.length,u=n.map(function(n,t){return C(n,r[t])});return function(n){for(var r=0;r<e;r++)t[r]=u[r](n);return t}},W=function(n,r){var t=d({},n,r),e={};for(var u in t)void 0!==n[u]&&void 0!==r[u]&&(e[u]=C(n[u],r[u]));return function(n){for(var r in e)t[r]=e[r](n);return t}};function _(n){for(var r=k.parse(n),t=r.length,e=0,u=0,a=0,o=0;o<t;o++)e||"number"==typeof r[o]?e++:void 0!==r[o].hue?a++:u++;return{parsed:r,numNumbers:e,numRGB:u,numHSL:a}}var V=function(n,r){var t=k.createTransformer(r),e=_(n),u=_(r);return q(e.numHSL===u.numHSL&&e.numRGB===u.numRGB&&e.numNumbers>=u.numNumbers,"Complex values '"+n+"' and '"+r+"' too different to mix. Ensure all colors are of the same type."),L(G(e.parsed,u.parsed),t)},J=function(n,r){return function(t){return h(n,r,t)}};function K(n,r,t){for(var e,u=[],a=t||("number"==typeof(e=n[0])?J:"string"==typeof e?j.test(e)?z:V:Array.isArray(e)?G:"object"==typeof e?W:void 0),o=n.length-1,i=0;i<o;i++){var f=a(n[i],n[i+1]);if(r){var c=Array.isArray(r)?r[i]:r;f=L(c,f)}u.push(f)}return u}var Q=function(n,r){return void 0===r&&(r=2),r=Math.pow(10,r),Math.round(n*r)/r},X=function(n,r,t,e){return void 0===e&&(e=0),Q(n+t*(r-n)/Math.max(e,t))},Y=function(){};"production"!==process.env.NODE_ENV&&(Y=function(n,r){if(!n)throw new Error("Hey, listen! ".toUpperCase()+r)});var Z,nn=0,rn="undefined"!=typeof window&&void 0!==window.requestAnimationFrame?function(n){return window.requestAnimationFrame(n)}:function(n){var r=Date.now(),t=Math.max(0,16.7-(r-nn));nn=r+t,setTimeout(function(){return n(nn)},t)};!function(n){n.Read="read",n.Update="update",n.Render="render",n.PostRender="postRender",n.FixedUpdate="fixedUpdate"}(Z||(Z={}));var tn=1/60*1e3,en=!0,un=!1,an=!1,on={delta:0,timestamp:0},fn=[Z.Read,Z.Update,Z.Render,Z.PostRender],cn=function(n){return un=n},sn=fn.reduce(function(n,r){var t,e,u,a,o,i,f,c,s,p=(t=cn,e=[],u=[],a=0,o=!1,i=0,f=new WeakSet,c=new WeakSet,s={cancel:function(n){var r=u.indexOf(n);f.add(n),-1!==r&&u.splice(r,1)},process:function(n){var r,p;if(o=!0,e=(r=[u,e])[0],(u=r[1]).length=0,a=e.length)for(i=0;i<a;i++)(p=e[i])(n),!0!==c.has(p)||f.has(p)||(s.schedule(p),t(!0));o=!1},schedule:function(n,r,t){void 0===r&&(r=!1),void 0===t&&(t=!1),Y("function"==typeof n,"Argument must be a function");var i=t&&o,s=i?e:u;f.delete(n),r&&c.add(n),-1===s.indexOf(n)&&(s.push(n),i&&(a=e.length))}});return n.sync[r]=function(n,r,t){return void 0===r&&(r=!1),void 0===t&&(t=!1),un||ln(),p.schedule(n,r,t),n},n.cancelSync[r]=function(n){return p.cancel(n)},n.steps[r]=p,n},{steps:{},sync:{},cancelSync:{}}),pn=sn.steps,hn=(sn.sync,sn.cancelSync,function(n){return pn[n].process(on)}),dn=function(n){un=!1,on.delta=en?tn:Math.max(Math.min(n-on.timestamp,40),1),en||(tn=on.delta),on.timestamp=n,an=!0,fn.forEach(hn),an=!1,un&&(en=!1,rn(dn))},ln=function(){un=!0,en=!0,an||rn(dn)},mn=function(n){return n},vn=function(n){return void 0===n&&(n=mn),a(function(r,t,e){var u=t-e,a=-(0-r+1)*(0-n(Math.abs(u)));return u<=0?t+a:t-a})},yn=vn(),gn=vn(Math.sqrt),bn=a(function(n,r,t){var e=r-n;return((t-n)%e+e)%e+n}),Mn=o(0,1),xn=function(n){return function(r){return 1-n(1-r)}},wn=function(n){return function(r){return r<=.5?n(2*r)/2:(2-n(2*(1-r)))/2}},On=function(n){return function(r){return Math.pow(r,n)}},An=function(n){return function(r){return r*r*((n+1)*r-n)}},Fn=function(n){var r=An(n);return function(n){return(n*=2)<1?.5*r(n):.5*(2-Math.pow(2,-10*(n-1)))}},In=On(2),Pn=xn(In),Rn=wn(In),En=function(n){return 1-Math.sin(Math.acos(n))},Nn=xn(En),Sn=wn(Nn),jn=An(1.525),Bn=xn(jn),kn=wn(jn),qn=Fn(1.525),Dn=8,Tn=.001,Un=1e-7,$n=10,zn=11,Hn=1/(zn-1),Ln="undefined"!=typeof Float32Array,Cn=function(n,r){return 1-3*r+3*n},Gn=function(n,r){return 3*r-6*n},Wn=function(n){return 3*n},_n=function(n,r,t){return 3*Cn(r,t)*n*n+2*Gn(r,t)*n+Wn(r)},Vn=function(n,r,t){return((Cn(r,t)*n+Gn(r,t))*n+Wn(r))*n};n.angle=function(n,r){return void 0===r&&(r=t),u(Math.atan2(r.y-n.y,r.x-n.x))},n.applyOffset=function(n,r){var t=!0;return void 0===r&&(r=n,t=!1),function(e){return t?e-n+r:(n=e,t=!0,r)}},n.clamp=o,n.conditional=function(n,r){return function(t){return n(t)?r(t):t}},n.degreesToRadians=i,n.distance=function(n,r){if(void 0===r&&(r=t),e(n)&&e(r))return s(n,r);if(f(n)&&f(r)){var u=s(n.x,r.x),a=s(n.y,r.y),o=c(n)&&c(r)?s(n.z,r.z):0;return Math.sqrt(Math.pow(u,2)+Math.pow(a,2)+Math.pow(o,2))}return 0},n.interpolate=function(n,r,t){var e=void 0===t?{}:t,u=e.clamp,a=void 0===u||u,i=e.ease,f=e.mixer,c=n.length;q(c===r.length,"Both input and output ranges must be the same length"),q(!i||!Array.isArray(i)||i.length===c-1,"Array of easing functions must be of length `input.length - 1`, as it applies to the transitions **between** the defined values."),n[0]>n[c-1]&&(n=[].concat(n),r=[].concat(r),n.reverse(),r.reverse());var s=K(r,i,f),h=2===c?function(n,r){var t=n[0],e=n[1],u=r[0];return function(n){return u(p(t,e,n))}}(n,s):function(n,r){var t=n.length,e=t-1;return function(u){var a=0,o=!1;if(u<=n[0]?o=!0:u>=n[e]&&(a=e-1,o=!0),!o){for(var i=1;i<t&&!(n[i]>u||i===e);i++);a=i-1}var f=p(n[a],n[a+1],u);return r[a](f)}}(n,s);return a?L(o(n[0],n[c-1]),h):h},n.isPoint=f,n.isPoint3D=c,n.mix=h,n.mixArray=G,n.mixColor=z,n.mixComplex=V,n.mixObject=W,n.pipe=L,n.pointFromVector=function(n,r,t){return r=i(r),{x:t*Math.cos(r)+n.x,y:t*Math.sin(r)+n.y}},n.progress=p,n.radiansToDegrees=u,n.smooth=function(n){void 0===n&&(n=50);var r=0,t=0;return function(e){var u=on.timestamp,a=u!==t?u-t:0,o=a?X(r,e,a,n):r;return t=u,r=o,o}},n.smoothFrame=X,n.snap=function(n){if("number"==typeof n)return function(r){return Math.round(r/n)*n};var r=0,t=n.length;return function(e){var u=Math.abs(n[0]-e);for(r=1;r<t;r++){var a=n[r],o=Math.abs(a-e);if(0===o)return a;if(o>u)return n[r-1];if(r===t-1)return a;u=o}}},n.springForce=vn,n.springForceExpo=gn,n.springForceLinear=yn,n.steps=function(n,r){return void 0===r&&(r="end"),function(t){var e=(t="end"===r?Math.min(t,.999):Math.max(t,.001))*n,u="end"===r?Math.floor(e):Math.ceil(e);return Mn(u/n)}},n.toDecimal=Q,n.velocityPerFrame=function(n,r){return e(n)?n/(1e3/r):0},n.velocityPerSecond=function(n,r){return r?n*(1e3/r):0},n.wrap=bn,n.createAnticipateEasing=Fn,n.createBackIn=An,n.createExpoIn=On,n.cubicBezier=function(n,r,t,e){var u=Ln?new Float32Array(zn):new Array(zn),a=function(r){for(var e,a,o,i=0,f=1,c=zn-1;f!==c&&u[f]<=r;++f)i+=Hn;return e=(r-u[--f])/(u[f+1]-u[f]),(o=_n(a=i+e*Hn,n,t))>=Tn?function(r,e){for(var u=0,a=0;u<Dn;++u){if(0===(a=_n(e,n,t)))return e;e-=(Vn(e,n,t)-r)/a}return e}(r,a):0===o?a:function(r,e,u){var a,o,i=0;do{(a=Vn(o=e+(u-e)/2,n,t)-r)>0?u=o:e=o}while(Math.abs(a)>Un&&++i<$n);return o}(r,i,i+Hn)};return function(){for(var r=0;r<zn;++r)u[r]=Vn(r*Hn,n,t)}(),function(u){return n===r&&t===e?u:0===u?0:1===u?1:Vn(a(u),r,e)}},n.linear=function(n){return n},n.easeIn=In,n.easeOut=Pn,n.easeInOut=Rn,n.circIn=En,n.circOut=Nn,n.circInOut=Sn,n.backIn=jn,n.backOut=Bn,n.backInOut=kn,n.anticipate=qn,n.reversed=xn,n.mirrored=wn,Object.defineProperty(n,"__esModule",{value:!0})});

lib/index.js

@@ -408,104 +408,19 @@ 'use strict';
 
-Object.defineProperty(exports, 'anticipate', {
-  enumerable: true,
-  get: function () {
-    return easing.anticipate;
-  }
-});
-Object.defineProperty(exports, 'backIn', {
-  enumerable: true,
-  get: function () {
-    return easing.backIn;
-  }
-});
-Object.defineProperty(exports, 'backInOut', {
-  enumerable: true,
-  get: function () {
-    return easing.backInOut;
-  }
-});
-Object.defineProperty(exports, 'backOut', {
-  enumerable: true,
-  get: function () {
-    return easing.backOut;
-  }
-});
-Object.defineProperty(exports, 'circIn', {
-  enumerable: true,
-  get: function () {
-    return easing.circIn;
-  }
-});
-Object.defineProperty(exports, 'circInOut', {
-  enumerable: true,
-  get: function () {
-    return easing.circInOut;
-  }
-});
-Object.defineProperty(exports, 'circOut', {
-  enumerable: true,
-  get: function () {
-    return easing.circOut;
-  }
-});
-Object.defineProperty(exports, 'createAnticipateEasing', {
-  enumerable: true,
-  get: function () {
-    return easing.createAnticipateEasing;
-  }
-});
-Object.defineProperty(exports, 'createBackIn', {
-  enumerable: true,
-  get: function () {
-    return easing.createBackIn;
-  }
-});
-Object.defineProperty(exports, 'createExpoIn', {
-  enumerable: true,
-  get: function () {
-    return easing.createExpoIn;
-  }
-});
-Object.defineProperty(exports, 'cubicBezier', {
-  enumerable: true,
-  get: function () {
-    return easing.cubicBezier;
-  }
-});
-Object.defineProperty(exports, 'easeIn', {
-  enumerable: true,
-  get: function () {
-    return easing.easeIn;
-  }
-});
-Object.defineProperty(exports, 'easeInOut', {
-  enumerable: true,
-  get: function () {
-    return easing.easeInOut;
-  }
-});
-Object.defineProperty(exports, 'easeOut', {
-  enumerable: true,
-  get: function () {
-    return easing.easeOut;
-  }
-});
-Object.defineProperty(exports, 'linear', {
-  enumerable: true,
-  get: function () {
-    return easing.linear;
-  }
-});
-Object.defineProperty(exports, 'mirrored', {
-  enumerable: true,
-  get: function () {
-    return easing.mirrored;
-  }
-});
-Object.defineProperty(exports, 'reversed', {
-  enumerable: true,
-  get: function () {
-    return easing.reversed;
-  }
-});
+exports.createAnticipateEasing = easing.createAnticipateEasing;
+exports.createBackIn = easing.createBackIn;
+exports.createExpoIn = easing.createExpoIn;
+exports.cubicBezier = easing.cubicBezier;
+exports.linear = easing.linear;
+exports.easeIn = easing.easeIn;
+exports.easeOut = easing.easeOut;
+exports.easeInOut = easing.easeInOut;
+exports.circIn = easing.circIn;
+exports.circOut = easing.circOut;
+exports.circInOut = easing.circInOut;
+exports.backIn = easing.backIn;
+exports.backOut = easing.backOut;
+exports.backInOut = easing.backInOut;
+exports.anticipate = easing.anticipate;
+exports.reversed = easing.reversed;
+exports.mirrored = easing.mirrored;
 exports.angle = angle;
@@ -512,0 +427,0 @@ exports.applyOffset = applyOffset;

package.json

 {
   "name": "@popmotion/popcorn",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "description": "Utility functions for animation and interactions.",
@@ -57,14 +57,10 @@ "main": "lib/index.js",
     "@popmotion/easing": "^1.0.1",
-    "framesync": "^4.0.4",
+    "framesync": "^4.0.1",
     "hey-listen": "^1.0.8",
-    "style-value-types": "^3.1.5"
+    "style-value-types": "^3.1.6"
   },
   "devDependencies": {
     "@types/jest": "^24.0.11",
-    "jest": "24.2.0-alpha.0",
-    "rollup": "^1.16.5",
-    "rollup-plugin-node-resolve": "^5.2.0",
-    "rollup-plugin-typescript2": "^0.21.2",
-    "rollup-plugin-uglify": "^6.0.2"
+    "jest": "24.2.0-alpha.0"
   }
 }

No alert changes

Improved metrics

Dev dependency count

2

decreased by-66.67%

Worsened metrics

Total package byte prevSize

90921

decreased by-0.74%

Lines of code

1896

decreased by-3.76%

Dependency changes

• Updatedframesync@^4.0.1

• Updatedstyle-value-types@^3.1.6