{"_id":"css-emitter-component","_rev":"5-c2fb98269d072c9d92753c95fd7e7075","name":"css-emitter-component","description":"fire events on css transition and animation completion","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.1":{"name":"css-emitter-component","version":"0.1.1","description":"fire events on css transition and animation completion","main":"index.js","directories":{"test":"test"},"scripts":{"test":"mocha test"},"repository":{"type":"git","url":"https://github.com/anthonyshort/css-emitter.git"},"keywords":["component","css","browserify"],"author":{"name":"Anthony Short"},"license":"BSD","readmeFilename":"Readme.md","gitHead":"46dd02ee19f68e027d48952f161e1035fbe3ae50","browser":{"event":"event-component"},"dependencies":{"event-component":"~0.1.0"},"readme":"# css-emitter\n\n  Bind functions to `transition` and `animation` events.\n\n## Installation\n\n    $ component install ecarter/css-emitter\n\n## Example\n\n    var css = require('css-emitter');\n    var el = document.querySelector('#box');\n\n    var animate = css(el);\n\n    // Bind\n    animate.bind(function(e){\n      console.log('%s property changed on %s event', e.propertyName, e.type);\n    });\n\n    // Change height and width\n    setTimeout(function(){\n      el.className = 'in';\n    }, 1000);\n\n### Example CSS\n\n    #box {\n      width: 100px;\n      height: 100px;\n      transition: all 1s ease;\n      -webkit-transition: all 1s ease;\n      -moz-transition: all 1s ease;\n      -o-transition: all 1s ease;\n      background: black;\n      display: block;\n    }\n\n    #box.in {\n      width: 200px;\n      height: 200px;\n    }\n\n## API\n\n### CssEmitter(target:Element)\n\nInitialize an `CssEmitter` with given `target` element.\n\n### CssEmitter.bind(fn:Function)\n\nRegister bind function.\n\n### CssEmitter.unbind([fn]:Function)\n\nUnregister bind function.\n\n### CssEmitter.once(fn:Function)\n\nRegister a function that will fire once then unbind automatically\n\n## License\n\n  MIT\n\n","_id":"css-emitter-component@0.1.1","dist":{"shasum":"fb5e4c4dab3cd62c930acac837b6e34d87ab2a8e","tarball":"https://registry.npmjs.org/css-emitter-component/-/css-emitter-component-0.1.1.tgz","integrity":"sha512-Uv3ugVw9XJ1u2Ubugsg2l8y1ClzYmTipaZnYZmg4k8gjFaq9HjFECaMbSbNlvMqTKlzP/HGdHXSdFitRGncrTA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCxivxtS5bqqogdxEdLhUl8nk8DZ+FrqYmLAnUIJSDdbwIgPPEAc87ZnJHve/uKOHQh81/hGyshDghCLU3gRYg6qaE="}]},"_from":".","_npmVersion":"1.2.18","_npmUser":{"name":"anthonyshort","email":"antshort@gmail.com"},"maintainers":[{"name":"anthonyshort","email":"antshort@gmail.com"}]}},"readme":"# css-emitter\n\n  Bind functions to `transition` and `animation` events.\n\n## Installation\n\n    $ component install ecarter/css-emitter\n\n## Example\n\n    var css = require('css-emitter');\n    var el = document.querySelector('#box');\n\n    var animate = css(el);\n\n    // Bind\n    animate.bind(function(e){\n      console.log('%s property changed on %s event', e.propertyName, e.type);\n    });\n\n    // Change height and width\n    setTimeout(function(){\n      el.className = 'in';\n    }, 1000);\n\n### Example CSS\n\n    #box {\n      width: 100px;\n      height: 100px;\n      transition: all 1s ease;\n      -webkit-transition: all 1s ease;\n      -moz-transition: all 1s ease;\n      -o-transition: all 1s ease;\n      background: black;\n      display: block;\n    }\n\n    #box.in {\n      width: 200px;\n      height: 200px;\n    }\n\n## API\n\n### CssEmitter(target:Element)\n\nInitialize an `CssEmitter` with given `target` element.\n\n### CssEmitter.bind(fn:Function)\n\nRegister bind function.\n\n### CssEmitter.unbind([fn]:Function)\n\nUnregister bind function.\n\n### CssEmitter.once(fn:Function)\n\nRegister a function that will fire once then unbind automatically\n\n## License\n\n  MIT\n\n","maintainers":[{"name":"anthonyshort","email":"antshort@gmail.com"}],"time":{"modified":"2022-06-14T04:34:24.618Z","created":"2013-08-23T10:14:07.008Z","0.1.1":"2013-08-23T10:14:12.764Z"},"author":{"name":"Anthony Short"},"repository":{"type":"git","url":"https://github.com/anthonyshort/css-emitter.git"}}