@material/animation - npm Package Compare versions

Comparing version 0.2.3 to 0.3.0

dist/mdc.animation.js

		@@ -24,5 +24,5 @@ /*!
		/******/ // Check if module is in cache
		/******/ if(installedModules[moduleId])
		/******/ if(installedModules[moduleId]) {
		/******/ return installedModules[moduleId].exports;
		/******/
		/******/ }
		/******/ // Create a new module (and put it into the cache)
		@@ -52,5 +52,2 @@ /******/ var module = installedModules[moduleId] = {
		/******/
		/******/ // identity function for calling harmony imports with the correct context
		/******/ __webpack_require__.i = function(value) { return value; };
		/******/
		/******/ // define getter function for harmony exports
		@@ -83,3 +80,3 @@ /******/ __webpack_require__.d = function(exports, name, getter) {
		/******/ // Load entry module and return exports
		/******/ return __webpack_require__(__webpack_require__.s = 69);
		/******/ return __webpack_require__(__webpack_require__.s = 23);
		/******/ })
		@@ -89,6 +86,6 @@ /************************************************************************/

		/***/ 69:
		/***/ 23:
		/***/ (function(module, exports, __webpack_require__) {

		module.exports = __webpack_require__(7);
		module.exports = __webpack_require__(9);

		@@ -98,3 +95,3 @@

		/***/ 7:
		/***/ 9:
		/***/ (function(module, __webpack_exports__, __webpack_require__) {
		@@ -101,0 +98,0 @@

dist/mdc.animation.min.js

		@@ -6,2 +6,2 @@ /*!
		*/
		!function(t,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?exports.animation=n():(t.mdc=t.mdc\|\|{},t.mdc.animation=n())}(this,function(){return function(t){function n(i){if(e[i])return e[i].exports;var r=e[i]={i:i,l:!1,exports:{}};return t[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}var e={};return n.m=t,n.c=e,n.i=function(t){return t},n.d=function(t,e,i){n.o(t,e)\|\|Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:i})},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,n){return Object.prototype.hasOwnProperty.call(t,n)},n.p="/assets/",n(n.s=69)}({69:function(t,n,e){t.exports=e(7)},7:function(t,n,e){"use strict";function i(t){return void 0!==t.document&&"function"==typeof t.document.createElement}function r(t){return t in s\|\|t in c}function o(t,n,e){return n[t].styleProperty in e.style?n[t].noPrefix:n[t].webkitPrefix}function a(t,n){if(!i(t)\|\|!r(n))return n;var e=n in s?s:c,a=t.document.createElement("div");return e===s?o(n,e,a):e[n].noPrefix in a.style?e[n].noPrefix:e[n].webkitPrefix}function f(t,n){return a(t,n)}function u(t,n){return a(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),e.d(n,"transformStyleProperties",function(){return m}),n.getCorrectEventName=f,n.getCorrectPropertyName=u;var s={animationstart:{noPrefix:"animationstart",webkitPrefix:"webkitAnimationStart",styleProperty:"animation"},animationend:{noPrefix:"animationend",webkitPrefix:"webkitAnimationEnd",styleProperty:"animation"},animationiteration:{noPrefix:"animationiteration",webkitPrefix:"webkitAnimationIteration",styleProperty:"animation"},transitionend:{noPrefix:"transitionend",webkitPrefix:"webkitTransitionEnd",styleProperty:"transition"}},c={animation:{noPrefix:"animation",webkitPrefix:"-webkit-animation"},transform:{noPrefix:"transform",webkitPrefix:"-webkit-transform"},transition:{noPrefix:"transition",webkitPrefix:"-webkit-transition"}},m=["transform","WebkitTransform","MozTransform","OTransform","MSTransform"]}})});
		!function(t,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?exports.animation=n():(t.mdc=t.mdc\|\|{},t.mdc.animation=n())}(this,function(){return function(t){function n(i){if(e[i])return e[i].exports;var r=e[i]={i:i,l:!1,exports:{}};return t[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}var e={};return n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)\|\|Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:i})},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,n){return Object.prototype.hasOwnProperty.call(t,n)},n.p="/assets/",n(n.s=23)}({23:function(t,n,e){t.exports=e(9)},9:function(t,n,e){"use strict";function i(t){return void 0!==t.document&&"function"==typeof t.document.createElement}function r(t){return t in s\|\|t in c}function o(t,n,e){return n[t].styleProperty in e.style?n[t].noPrefix:n[t].webkitPrefix}function a(t,n){if(!i(t)\|\|!r(n))return n;var e=n in s?s:c,a=t.document.createElement("div");return e===s?o(n,e,a):e[n].noPrefix in a.style?e[n].noPrefix:e[n].webkitPrefix}function f(t,n){return a(t,n)}function u(t,n){return a(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),e.d(n,"transformStyleProperties",function(){return m}),n.getCorrectEventName=f,n.getCorrectPropertyName=u;var s={animationstart:{noPrefix:"animationstart",webkitPrefix:"webkitAnimationStart",styleProperty:"animation"},animationend:{noPrefix:"animationend",webkitPrefix:"webkitAnimationEnd",styleProperty:"animation"},animationiteration:{noPrefix:"animationiteration",webkitPrefix:"webkitAnimationIteration",styleProperty:"animation"},transitionend:{noPrefix:"transitionend",webkitPrefix:"webkitTransitionEnd",styleProperty:"transition"}},c={animation:{noPrefix:"animation",webkitPrefix:"-webkit-animation"},transform:{noPrefix:"transform",webkitPrefix:"-webkit-transform"},transition:{noPrefix:"transition",webkitPrefix:"-webkit-transition"}},m=["transform","WebkitTransform","MozTransform","OTransform","MSTransform"]}})});

package.json

		{
		"name": "@material/animation",
		"description": "Animation Variables and Mixins used by Material Components for the web",
		"version": "0.2.3",
		"version": "0.3.0",
		"license": "Apache-2.0",
		@@ -6,0 +6,0 @@ "keywords": [

README.md

		@@ -34,5 +34,6 @@ <!--docs:
		\| --- \| --- \| --- \|
		\| `$mdc-animation-fast-out-slow-in-timing-function` \| `cubic-bezier(.4, 0, .2, 1)` \| Standard curve; any animations that are visible from start to finish (e.g. a FAB transforming into a toolbar) \|
		\| `$mdc-animation-linear-out-slow-in-timing-function` \| `cubic-bezier(0, 0, .2, 1)` \| Animations that cause objects to enter the screen (e.g. a fade in) \|
		\| `$mdc-animation-fast-out-linear-in-timing-function` \| `cubic-bezier(.4, 0, ``, 1)` \| Animations that cause objects to leave the screen (e.g. a fade out) \|
		\| `$mdc-animation-standard-curve-timing-function` \| `cubic-bezier(.4, 0, .2, 1)` \| Standard curve; any animations that are visible from start to finish (e.g. a FAB transforming into a toolbar) \|
		\| `$mdc-animation-deceleration-curve-timing-function` \| `cubic-bezier(0, 0, .2, 1)` \| Animations that cause objects to enter the screen (e.g. a fade in) \|
		\| `$mdc-animation-acceleration-curve-timing-function` \| `cubic-bezier(.4, 0, 1, 1)` \| Animations that cause objects to leave the screen permanently (e.g. a fade out) \|
		\| `$mdc-animation-sharp-curve-timing-function` \| `cubic-bezier(.4, 0, .6, 1)` \| Animations that cause objects to leave the screen temporarily (e.g. closing a drawer) \|

		@@ -45,3 +46,3 @@ ### SCSS
		.mdc-thing--animating {
		animation: foo 175ms $mdc-animation-fast-out-slow-in-timing-function;
		animation: foo 175ms $mdc-animation-standard-curve-timing-function;
		}
		@@ -55,3 +56,3 @@ ```
		.mdc-thing--on-screen {
		@include mdc-animation-fast-out-linear-in;
		@include mdc-animation-acceleration-curve;
		}
		@@ -69,3 +70,3 @@ ```
		.mdc-thing {
		transition: mdc-animation-exit(/* $name: / opacity, / $duration: / 175ms, / $delay: */ 150ms);
		transition: mdc-animation-exit-permanent(/* $name: / opacity, / $duration: / 175ms, / $delay: */ 150ms);
		opacity: 0;
		@@ -112,3 +113,3 @@ will-change: opacity;
		<!-- ... -->
		<div id="my-animating-div" class="mdc-animation-fast-out-slow-in">hi</div>
		<div id="my-animating-div" class="mdc-animation-standard-curve">hi</div>
		```
		@@ -115,0 +116,0 @@

_functions.scss