bmcmahen/cast

Create animated grid layouts given an array of attributes.

cast's Issues

Cannot read property 'clientWidth' of undefined

Using Meteor 0.8.1.1, an error occurs when we have

Template.cast.rendered = function(){

    var myCast = new cast();

})

Trace:

Exception from Deps afterFlush function function: TypeError: Cannot read property 'clientWidth' of undefined
    at new Cast (http://localhost:3000/client/lib/cast.js?09f5c38d83c9ac871ec3d5f08d58063cd517753b:694:59)
    at Object.Template.cast.rendered (http://localhost:3000/client/views/main/main.js?d2fe801001ae6ec5b7fc35108daaf489a7e7bd40:31:15)
    at http://localhost:3000/packages/ui.js?f0696b7e9407b8f11e5838e7e7820e9b6d7fc92f:426:23
    at _assign.flush (http://localhost:3000/packages/deps.js?91f1235baecd83915f7d3a7328526dbba41482be:345:13) 

Similar error occurs when we use:

var el = document.getElementById('#cast');
var mycast = cast(el);
mycast.draw(renderTemplate);

Trace:

Uncaught TypeError: Cannot read property 'clientWidth' of undefined cast.js?09f5c38d83c9ac871ec3d5f08d58063cd517753b:694
Cast cast.js?09f5c38d83c9ac871ec3d5f08d58063cd517753b:694
Cast cast.js?09f5c38d83c9ac871ec3d5f08d58063cd517753b:682
(anonymous function) main.js?7cbfb50c9595b6864936d354e93935963eeaccd3:26
(anonymous function)    

nicer api

i'm not a fan of the big options objects anymore, at least for the constructor. We should also expect a dom element for the wrapper instead of specifying a String.

use component test & saucelabs

ensure ie 9 support, or detect when transitions aren't present

right now, we utilize the afterTransition utility to remove an element from the dom once it has finished animating. I suspect this probably works fine in ie8 & 9 since transitions aren't supported, but what about if we don't want transitions in a transition enabled browser? it leaves elements in the dom

change render api

Allow use of a callback to add more flexibility to rendering.

cast.render(function(el, doc){
   if (doc.image) {
     return 'some template string';
  } 
  return 'another template string';
});

wrap hasTranslate3d call in document.ready

This is necessary for those who like to append their scripts to , or for frameworks like Meteor that do this automagically.

model render api after component/infinite

basically you can provide additional arguments, and it calls back every time something is rendered. leave the 'changed' and rendering function up to the user, then... this will make this lib a bit lighter that way, too.

disambiguate data change from position change

to prevent unnecessary rerendering

don't muddy attributes w/ positions

when we pass in attributes and we call a layout method, the top, left, attributes are added to the attributes listing. then, when we call 'toJSON()' those positional attributes are included. we should probably keep a separate list of positional attributes.

layout calculations deserve their own component

often you'll just want to pass an array into one layout mode, instead of using the views and models that come with cast. we can still offer cast as a bigger library, but we it should be made up of multiple components...

rewrite views

i wrote those a long time ago, and they need some work...

passing data w/ changed attributes doesn't update the view

only new or removed nodes change the views