76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav GlassYUI.add('anim-color', function(Y) {
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass/**
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass * Adds support for color properties in <code>to</code>
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass * and <code>from</code> attributes.
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass * @module anim
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass * @submodule anim-color
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass */
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glassvar NUM = Number;
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav GlassY.Anim.behaviors.color = {
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass set: function(anim, att, from, to, elapsed, duration, fn) {
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass from = Y.Color.re_RGB.exec(Y.Color.toRGB(from));
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass to = Y.Color.re_RGB.exec(Y.Color.toRGB(to));
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass if (!from || from.length < 3 || !to || to.length < 3) {
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass Y.error('invalid from or to passed to color behavior');
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass }
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass anim._node.setStyle(att, 'rgb(' + [
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass Math.floor(fn(elapsed, NUM(from[1]), NUM(to[1]) - NUM(from[1]), duration)),
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass Math.floor(fn(elapsed, NUM(from[2]), NUM(to[2]) - NUM(from[2]), duration)),
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass Math.floor(fn(elapsed, NUM(from[3]), NUM(to[3]) - NUM(from[3]), duration))
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass ].join(', ') + ')');
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass },
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass // TODO: default bgcolor const
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass get: function(anim, att) {
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass var val = anim._node.getComputedStyle(att);
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass val = (val === 'transparent') ? 'rgb(255, 255, 255)' : val;
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass return val;
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass }
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass};
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav GlassY.each(['backgroundColor',
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass 'borderColor',
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass 'borderTopColor',
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass 'borderRightColor',
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass 'borderBottomColor',
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass 'borderLeftColor'],
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass function(v, i) {
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass Y.Anim.behaviors[v] = Y.Anim.behaviors.color;
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass }
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass);
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass
76ca635d61eb3f9fb7c9d788a44fa8b1690aa138Dav Glass}, '@VERSION@' ,{requires:['anim-base']});