{"_id":"ractive-transitions-fly","_rev":"6-104a69b043b921f800b801ce8891b2bf","name":"ractive-transitions-fly","description":"Fly transition plugin for Ractive.js","dist-tags":{"latest":"0.3.0"},"versions":{"0.1.3":{"name":"ractive-transitions-fly","version":"0.1.3","author":{"name":"Rich Harris"},"main":"ractive-transitions-fly.js","description":"Fly transition plugin for Ractive.js","dependencies":{"ractive":"^0.5.8"},"devDependencies":{"grunt":"~0.4.1","grunt-contrib-concat":"~0.3.0","grunt-contrib-qunit":"~0.3.0","grunt-contrib-uglify":"~0.2.5","grunt-contrib-jshint":"~0.7.0","grunt-contrib-copy":"~0.4.1"},"_id":"ractive-transitions-fly@0.1.3","dist":{"shasum":"2d0f415764de236a9d8f85a590c55e1f0cea14ba","tarball":"https://registry.npmjs.org/ractive-transitions-fly/-/ractive-transitions-fly-0.1.3.tgz","integrity":"sha512-kQApDFT/r+iysgDIxhc5lhZh2OCpT+YP9x+LUQS3o/X0nOLargIl3AMwq0jldIlC9h9OdofbBkjbhr8v1soDPQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFWB+F0OEvWbHXBoOujaLqmegPaPY7s3Bdlunzbzi2WnAiEA+BBgjQcKYZgNOJ1T9f9l8pSuUKmz3XA0JZQseFtVLqs="}]},"_from":".","_npmVersion":"1.4.3","_npmUser":{"name":"rich_harris","email":"richard.a.harris@gmail.com"},"maintainers":[{"name":"rich_harris","email":"richard.a.harris@gmail.com"}]},"0.2.0":{"name":"ractive-transitions-fly","version":"0.2.0","author":{"name":"Rich Harris"},"main":"dist/ractive-transitions-fly.js","jsnext:main":"src/ractive-transitions-slide.js","description":"Fly transition plugin for Ractive.js","license":"MIT","repository":{"type":"git","url":"https://github.com/ractivejs/ractive-transitions-slide"},"devDependencies":{"gobble":"^0.7.9","gobble-babel":"^4.0.1","gobble-cli":"^0.3.5","gobble-esperanto-bundle":"^0.1.7"},"scripts":{"build":"rm -rf dist; gobble build dist","prepublish":"npm run build"},"gitHead":"bd319465d9e21593b62a0ed7d8e27a8774f7b305","bugs":{"url":"https://github.com/ractivejs/ractive-transitions-slide/issues"},"homepage":"https://github.com/ractivejs/ractive-transitions-slide","_id":"ractive-transitions-fly@0.2.0","_shasum":"2c096c218df0413cabd516f80162aab5de0ce000","_from":".","_npmVersion":"2.5.1","_nodeVersion":"1.2.0","_npmUser":{"name":"rich_harris","email":"richard.a.harris@gmail.com"},"maintainers":[{"name":"rich_harris","email":"richard.a.harris@gmail.com"}],"dist":{"shasum":"2c096c218df0413cabd516f80162aab5de0ce000","tarball":"https://registry.npmjs.org/ractive-transitions-fly/-/ractive-transitions-fly-0.2.0.tgz","integrity":"sha512-/rHRHNo+AFLPLgJVyfkYFOvun3JO0TiWr0kaNW90tIJ5dlcZwsec1TvFxaG4RBdLqT6FpsjxumA2zKZIK3KNAg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGKY8xHLn1wwkhYDrOqO1MWAaUOtEQURIHsRjAyKEBhdAiBes3dlstI6vC+bra1ElfAjmcvK8hoFh8Y+dI0FJgr8mg=="}]}},"0.3.0":{"name":"ractive-transitions-fly","version":"0.3.0","author":{"name":"Rich Harris"},"main":"dist/ractive-transitions-fly.umd.js","jsnext:main":"dist/ractive-transitions-fly.es6.js","description":"Fly transition plugin for Ractive.js","license":"MIT","repository":{"type":"git","url":"git+https://github.com/ractivejs/ractive-transitions-fly.git"},"devDependencies":{"eslint":"^1.9.0","rollup":"^0.20.5","rollup-plugin-babel":"^1.0.0"},"scripts":{"lint":"eslint src","build":"rollup -c -f umd -o dist/ractive-transitions-fly.umd.js && rollup -c -f es6 -o dist/ractive-transitions-fly.es6.js","prepublish":"npm run build"},"gitHead":"02dbda008dfd61f741e516a4744084977c1de9fa","bugs":{"url":"https://github.com/ractivejs/ractive-transitions-fly/issues"},"homepage":"https://github.com/ractivejs/ractive-transitions-fly#readme","_id":"ractive-transitions-fly@0.3.0","_shasum":"cb531bbe5d6c5d59f70194baf5bc65922950c958","_from":".","_npmVersion":"2.14.4","_nodeVersion":"4.1.1","_npmUser":{"name":"rich_harris","email":"richard.a.harris@gmail.com"},"dist":{"shasum":"cb531bbe5d6c5d59f70194baf5bc65922950c958","tarball":"https://registry.npmjs.org/ractive-transitions-fly/-/ractive-transitions-fly-0.3.0.tgz","integrity":"sha512-TmoGuGtTHj9i6UvqhSv0I2FupUn/SJYVyt+OOFxZpt2Sbc7dhv5CeXEhPa2WXgwMmnw+x9sSeJhwwQ8jxalpFw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICbAK6ib53YODTXQxuzqzb7gSMO7WnPPfF6cZmOP43DAAiBRLUHhOne7fOH2EqIz0QEDzh86UQLEFVUvsP69LUPlgw=="}]},"maintainers":[{"name":"rich_harris","email":"richard.a.harris@gmail.com"}]}},"readme":"# ractive-transitions-fly\n\n*Find more Ractive.js plugins at [ractivejs.org/plugins](http://ractivejs.org/plugins)*\n\nThis transition uses CSS transforms to 'fly' elements to their natural location on the page, fading in from transparent as they go. By default, they will fly in from left.\n\n```html\n{{#if visible}}\n  <div intro-outro='fly'>\n    this will fly in and out of view\n    depending on the value of `visible`\n  </div>\n{{/if}}\n```\n\n## Installation\n\nInstall from npm...\n\n```bash\nnpm install ractive-transitions-fly\n```\n\n...or download it and add it as a script tag to your page:\n\n```html\n<script src='ractive.js'></script> <!-- must go first! -->\n<script src='ractive-transitions-fly.js'></script>\n```\n\n## Use as a module...\n\n**Note: previous versions of this plugin would 'self-register'. If you are using a module system such as Browserify, Webpack or RequireJS, that's no longer the case - you must explicitly register the plugin.\n\n\n### CommonJS\n\n```js\nvar Ractive = require( 'ractive' );\n\n// To use the fly transition with a specific instance\nvar ractive = new Ractive({\n  el: 'body',\n  template: myTemplate,\n  transitions: {\n    fly: require( 'ractive-transitions-fly' )\n  }\n});\n\n// To use it with components\nMyComponent = Ractive.extend({\n  template: componentTemplate,\n  transitions: {\n    fly: require( 'ractive-transitions-fly' )\n  }\n});\n\n// To make it globally available to *all* instances\nRactive.transitions.fly = require( 'ractive-transitions-fly' );\n```\n\n\n### AMD\n\n```js\ndefine([ 'ractive', 'ractive-transitions-fly' ], function ( Ractive, fly ) {\n  var ractive = new Ractive({\n    el: 'body',\n    template: myTemplate,\n    transitions: {\n      fly: fly\n    }\n  });\n});\n```\n\n\n### ES6\n\n```js\nimport Ractive from 'ractive';\n\nvar ractive = new Ractive({\n  el: 'body',\n  template: myTemplate,\n  transitions: { fly }\n});\n```\n\n\n## Use as a `<script>` tag\n\nIf you include ractive-transitions-fly as a script tag, it will 'self-register' with the global `Ractive` object, and all Ractive instances will be able to use it.\n\n\n\n## Parameters\n\nYou can specify the `x` and `y` positions to fly in from (or out to), using the conventional syntax:\n\n```html\n<div intro-outro='fly:{\"x\":0,\"y\":\"-200\"}'>this will fly down from above</div>\n```\n\nYou can also specify the `delay`, `duration` and `easing` properties. Both `delay` and `duration` are in milliseconds. The `easing` value must be a valid CSS easing function (see http://cubic-bezier.com/).\n\n\n\n## License\n\nCopyright (c) 2013-15 Rich Harris. Licensed MIT.\n","maintainers":[{"name":"rich_harris","email":"richard.a.harris@gmail.com"}],"time":{"modified":"2022-06-25T09:27:24.014Z","created":"2014-09-30T14:23:00.268Z","0.1.3":"2014-09-30T14:23:00.268Z","0.2.0":"2015-03-24T01:08:35.800Z","0.3.0":"2015-11-10T23:53:19.990Z"},"author":{"name":"Rich Harris"},"readmeFilename":"README.md","homepage":"https://github.com/ractivejs/ractive-transitions-fly#readme","repository":{"type":"git","url":"git+https://github.com/ractivejs/ractive-transitions-fly.git"},"bugs":{"url":"https://github.com/ractivejs/ractive-transitions-fly/issues"},"license":"MIT"}