{"_id":"ractive-transitions-slide","_rev":"9-d3f9d344e0116eab5ebe16eca2b2f8e8","name":"ractive-transitions-slide","description":"Slide transition plugin for Ractive.js","dist-tags":{"latest":"0.4.0"},"versions":{"0.1.1":{"name":"ractive-transitions-slide","version":"0.1.1","author":{"name":"Rich Harris"},"main":"ractive-transitions-slide.js","description":"Slide transition plugin for Ractive.js","dependencies":{"ractive":">= 0.3.9"},"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"},"gitHead":"5781f4b661972cec1ab27b539ad2ef208c46795d","_id":"ractive-transitions-slide@0.1.1","scripts":{},"_shasum":"22705482927356e97f60a792fbb5f0c29fe560f3","_from":".","_npmVersion":"1.4.23","_npmUser":{"name":"rich_harris","email":"richard.a.harris@gmail.com"},"maintainers":[{"name":"rich_harris","email":"richard.a.harris@gmail.com"}],"dist":{"shasum":"22705482927356e97f60a792fbb5f0c29fe560f3","tarball":"https://registry.npmjs.org/ractive-transitions-slide/-/ractive-transitions-slide-0.1.1.tgz","integrity":"sha512-LzMCMLznW5wThQsCMMc3jSZKn/LBN3wFjZfVHu7JE9JcIAQT1xvpQ5F+zNLF+mppyQRvCtQN/jYkX7p14c/+9w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCWgqPYC1q4P65dg5wldNBNPZemq2xNttt08xWQWmK3egIhANLSBlyFOg0u1nFsvzTEFJq0qaE/6jx94neHR7joocTP"}]}},"0.2.0":{"name":"ractive-transitions-slide","version":"0.2.0","author":{"name":"Rich Harris"},"main":"dist/ractive-transitions-slide.js","jsnext:main":"src/ractive-transitions-slide.js","description":"Slide transition plugin for Ractive.js","license":"MIT","repository":{"type":"git","url":"https://github.com/ractivejs/ractive-transitions-slide"},"devDependencies":{"gobble":"^0.7.2","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":"f6283697fd811a0782582beb2a3df65d7680c1c1","bugs":{"url":"https://github.com/ractivejs/ractive-transitions-slide/issues"},"homepage":"https://github.com/ractivejs/ractive-transitions-slide","_id":"ractive-transitions-slide@0.2.0","_shasum":"1a83abe42bf17e0a3f1d7ec9f4553cb2d8530910","_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":"1a83abe42bf17e0a3f1d7ec9f4553cb2d8530910","tarball":"https://registry.npmjs.org/ractive-transitions-slide/-/ractive-transitions-slide-0.2.0.tgz","integrity":"sha512-4d4E4pWldQPblATazrsBuA0A1dw1KAWDuVxCjPjmNA6+vE1XIyo0bxlnZ0oziUd555sUPQ3LOsBfcnPxf44+EQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGH8HMpwa5AASz9PvKPRRqXlnCT3Xxmcjh4pO9tFYOMaAiAr3Ki1nUVJ89Okx4+EoDmTg25+G05ivIUtvF7P+tJ+mA=="}]}},"0.2.1":{"name":"ractive-transitions-slide","version":"0.2.1","author":{"name":"Rich Harris"},"main":"dist/ractive-transitions-slide.js","jsnext:main":"src/ractive-transitions-slide.js","description":"Slide transition plugin for Ractive.js","license":"MIT","repository":{"type":"git","url":"https://github.com/ractivejs/ractive-transitions-slide"},"devDependencies":{"gobble":"^0.9.2","gobble-babel":"^4.0.1","gobble-cli":"^0.3.5","gobble-esperanto-bundle":"^0.1.7","gobble-uglifyjs":"^0.2.1"},"scripts":{"build":"rm -rf dist; gobble build dist","prepublish":"npm run build"},"files":["src","dist","README.md"],"gitHead":"b7399060489dd15bfe81879b8dd87f4c343d3ff6","bugs":{"url":"https://github.com/ractivejs/ractive-transitions-slide/issues"},"homepage":"https://github.com/ractivejs/ractive-transitions-slide","_id":"ractive-transitions-slide@0.2.1","_shasum":"97a00634b30a368b25bc575409867e33ef54585e","_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":"97a00634b30a368b25bc575409867e33ef54585e","tarball":"https://registry.npmjs.org/ractive-transitions-slide/-/ractive-transitions-slide-0.2.1.tgz","integrity":"sha512-j2CcJDu1jtNwNVdGeQYkWBt9oLeS7TOXcFljVfLc9dpIl1i64ebER+sGdlnShxM1RRVQ5xI+M0pBHPmmgvGTSQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDUZ5Ss4N2s4xjOvaub4MwSijLqmc6z1jCgDiDWqYQa2gIgFM3UFCuOj1Uzj+8k303rdaQugf7JzHYfezspMxAZ9uA="}]}},"0.3.0":{"name":"ractive-transitions-slide","version":"0.3.0","author":{"name":"Rich Harris"},"main":"dist/ractive-transitions-slide.js","jsnext:main":"src/ractive-transitions-slide.js","description":"Slide transition plugin for Ractive.js","license":"MIT","repository":{"type":"git","url":"https://github.com/ractivejs/ractive-transitions-slide"},"devDependencies":{"rollup":"^0.20.3","rollup-plugin-babel":"^1.0.0","uglifyjs":"^2.4.10"},"scripts":{"build":"rm -rf dist && rollup -c","postbuild":"npm run uglify","uglify":"uglifyjs dist/ractive-transitions-slide.js -cm > dist/ractive-transitions-slide.min.js","prepublish":"npm run build"},"files":["src","dist","README.md"],"gitHead":"d8f259753fcc8937856536259f2737c2e1dd2684","bugs":{"url":"https://github.com/ractivejs/ractive-transitions-slide/issues"},"homepage":"https://github.com/ractivejs/ractive-transitions-slide","_id":"ractive-transitions-slide@0.3.0","_shasum":"4ce49511b438e598644a51810240fd0954721cca","_from":".","_npmVersion":"2.5.1","_nodeVersion":"4.1.2","_npmUser":{"name":"rich_harris","email":"richard.a.harris@gmail.com"},"dist":{"shasum":"4ce49511b438e598644a51810240fd0954721cca","tarball":"https://registry.npmjs.org/ractive-transitions-slide/-/ractive-transitions-slide-0.3.0.tgz","integrity":"sha512-JUyOYlSjBjXF4kFC1lwXhjEQic0z4F9r7tUYB4m/TRWUXuTBeBMuqvLg0tmPE18GrPWVLUna3nuwrSR69CtwMQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBlX0KjC5GOQpWPoDWZmg/jhbEQ81bFevxxPHOWwUzVAAiBsJ8CkpDdFvdtLNxRwaxQwxvgSNLm6OHanSZzUGisQkg=="}]},"maintainers":[{"name":"rich_harris","email":"richard.a.harris@gmail.com"}]},"0.4.0":{"name":"ractive-transitions-slide","version":"0.4.0","author":{"name":"Rich Harris"},"main":"dist/ractive-transitions-slide.umd.js","jsnext:main":"dist/ractive-transitions-slide.es.js","description":"Slide transition plugin for Ractive.js","license":"MIT","repository":{"type":"git","url":"git+https://github.com/ractivejs/ractive-transitions-slide.git"},"devDependencies":{"babel-preset-es2015-rollup":"^1.1.1","rollup":"^0.25.2","rollup-plugin-babel":"^2.3.9"},"scripts":{"build":"rm -rf dist && npm run build:umd && npm run build:es","build:umd":"rollup -c -f umd -o dist/ractive-transitions-slide.umd.js","build:es":"rollup -c -f es6 -o dist/ractive-transitions-slide.es.js","prepublish":"npm run build"},"files":["src","dist","README.md"],"gitHead":"ee36f1cf1d7b6650d6617fe0412a486e0459fb48","bugs":{"url":"https://github.com/ractivejs/ractive-transitions-slide/issues"},"homepage":"https://github.com/ractivejs/ractive-transitions-slide#readme","_id":"ractive-transitions-slide@0.4.0","_shasum":"21ef03508d273d13341c50143a5292fa04548cf5","_from":".","_npmVersion":"2.14.4","_nodeVersion":"4.1.1","_npmUser":{"name":"rich_harris","email":"richard.a.harris@gmail.com"},"dist":{"shasum":"21ef03508d273d13341c50143a5292fa04548cf5","tarball":"https://registry.npmjs.org/ractive-transitions-slide/-/ractive-transitions-slide-0.4.0.tgz","integrity":"sha512-SowkG9QRJpDyH6ypSpU/0HRQMx5XhCgjaHfOsZT7ShTdASKjaXfMuIvSApqiZCHXVVS30ATDOZlGD1vrfiQu3A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCJlctq91uZkk4Gvq3BDg0rKgUtfEIIk/1Us4YvnTISEAIgaaEqlbls9wLfah5KsYpmY66u8L+aNf3rYJg5Rf/qm5w="}]},"maintainers":[{"name":"rich_harris","email":"richard.a.harris@gmail.com"}],"_npmOperationalInternal":{"host":"packages-6-west.internal.npmjs.com","tmp":"tmp/ractive-transitions-slide-0.4.0.tgz_1454696729342_0.9075848930515349"}}},"readme":"# ractive-transitions-slide\n\n*Find more Ractive.js plugins at [ractivejs.org/plugins](http://ractivejs.org/plugins)*\n\nThis transition slides an element in and out of view, using CSS transitions where possible.\n\n```html\n{{#if visible}}\n  <div intro-outro='slide'>\n    this will slide 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-slide\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-slide.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 slide transition with a specific instance\nvar ractive = new Ractive({\n  el: 'body',\n  template: myTemplate,\n  transitions: {\n    slide: require( 'ractive-transitions-slide' )\n  }\n});\n\n// To use it with components\nMyComponent = Ractive.extend({\n  template: componentTemplate,\n  transitions: {\n    slide: require( 'ractive-transitions-slide' )\n  }\n});\n\n// To make it globally available to *all* instances\nRactive.transitions.slide = require( 'ractive-transitions-slide' );\n```\n\n\n### AMD\n\n```js\ndefine([ 'ractive', 'ractive-transitions-slide' ], function ( Ractive, slide ) {\n  var ractive = new Ractive({\n    el: 'body',\n    template: myTemplate,\n    transitions: {\n      slide: slide\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: { slide }\n});\n```\n\n\n## Use as a `<script>` tag\n\nIf you include ractive-transitions-slide 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 `delay`, `duration` and `easing` parameters using the conventional syntax:\n\n```html\n<div intro='slide:{\"delay\":500,\"easing\":\"ease-out\"}'>content</div>\n```\n\nBoth `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:36.032Z","created":"2014-10-15T21:39:25.135Z","0.1.1":"2014-10-15T21:39:25.135Z","0.2.0":"2015-03-19T19:52:37.427Z","0.2.1":"2015-04-27T13:21:09.812Z","0.3.0":"2015-11-01T22:10:26.647Z","0.4.0":"2016-02-05T18:25:31.529Z"},"author":{"name":"Rich Harris"},"readmeFilename":"README.md","homepage":"https://github.com/ractivejs/ractive-transitions-slide#readme","repository":{"type":"git","url":"git+https://github.com/ractivejs/ractive-transitions-slide.git"},"bugs":{"url":"https://github.com/ractivejs/ractive-transitions-slide/issues"},"license":"MIT"}