luca 0.9.42 → 0.9.65

data/vendor/assets/javascripts/luca-ui.js

@@ -18,7 +18,7 @@
   };
 
   _.extend(Luca, {
-    VERSION: "0.9.42",
+    VERSION: "0.9.65",
     core: {},
     containers: {},
     components: {},
@@ -26,18 +26,21 @@
     util: {},
     fields: {},
     registry: {},
-    options: {}
+    options: {},
+    config: {}
   });
 
   _.extend(Luca, Backbone.Events);
 
-  Luca.autoRegister = true;
+  Luca.autoRegister = Luca.config.autoRegister = true;
 
-  Luca.developmentMode = false;
+  Luca.developmentMode = Luca.config.developmentMode = false;
 
-  Luca.enableGlobalObserver = false;
+  Luca.enableGlobalObserver = Luca.config.enableGlobalObserver = false;
 
-  Luca.enableBootstrap = true;
+  Luca.enableBootstrap = Luca.config.enableBootstrap = true;
+
+  Luca.config.enhancedViewProperties = true;
 
   Luca.keys = {
     ENTER: 13,
@@ -55,8 +58,8 @@
     return memo;
   }, {});
 
-  Luca.find = function() {
-    return;
+  Luca.find = function(el) {
+    return Luca($(el).data('luca-id'));
   };
 
   Luca.supportsEvents = Luca.supportsBackboneEvents = function(obj) {
@@ -227,42 +230,134 @@
   _.mixin(UnderscoreExtensions);
 
 }).call(this);
-(function() {Luca.templates || (Luca.templates = {}); Luca.templates["components/bootstrap_form_controls"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div class=\'form-actions\'>\n  <a class=\'btn btn-primary submit-button\'>\n    <i class=\'icon-ok icon-white\'></i>\n    Save Changes\n  </a>\n  <a class=\'btn reset-button cancel-button\'>\n    <i class=\'icon-remove\'></i>\n    Cancel\n  </a>\n</div>\n');}return __p.join('');}; }).call(this);
-(function() {Luca.templates || (Luca.templates = {}); Luca.templates["components/collection_loader_view"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div class=\'modal\' id=\'progress-model\' style=\'display: none;\'>\n  <div class=\'progress progress-info progress-striped active\'>\n    <div class=\'bar\' style=\'width: 0%;\'></div>\n  </div>\n  <div class=\'message\'>\n    Initializing...\n  </div>\n</div>\n');}return __p.join('');}; }).call(this);
-(function() {Luca.templates || (Luca.templates = {}); Luca.templates["components/form_alert"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div class=\'', className ,'\'>\n  <a class=\'close\' data-dismiss=\'alert\' href=\'#\'>x</a>\n  ', message ,'\n</div>\n');}return __p.join('');}; }).call(this);
-(function() {Luca.templates || (Luca.templates = {}); Luca.templates["components/grid_view"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div class=\'luca-ui-g-view-wrapper\'>\n  <div class=\'g-view-header\'></div>\n  <div class=\'luca-ui-g-view-body\'>\n    <table cellpadding=\'0\' cellspacing=\'0\' class=\'luca-ui-g-view scrollable-table\' width=\'100%\'>\n      <thead class=\'fixed\'></thead>\n      <tbody class=\'scrollable\'></tbody>\n    </table>\n  </div>\n  <div class=\'luca-ui-g-view-footer\'></div>\n</div>\n');}return __p.join('');}; }).call(this);
-(function() {Luca.templates || (Luca.templates = {}); Luca.templates["components/grid_view_empty_text"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div class=\'empty-text-wrapper\'>\n  <p>\n    ', text ,'\n  </p>\n</div>\n');}return __p.join('');}; }).call(this);
-(function() {Luca.templates || (Luca.templates = {}); Luca.templates["components/load_mask"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div class=\'load-mask\'>\n  <div class=\'progress progress-striped active\'>\n    <div class=\'bar\' style=\'width:1%\'></div>\n  </div>\n</div>\n');}return __p.join('');}; }).call(this);
-(function() {Luca.templates || (Luca.templates = {}); Luca.templates["components/nav_bar"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div class=\'navbar-inner\'>\n  <div class=\'luca-ui-navbar-body container\'></div>\n</div>\n');}return __p.join('');}; }).call(this);
-(function() {Luca.templates || (Luca.templates = {}); Luca.templates["containers/basic"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div class=\'', classes ,'\' id=\'', id ,'\' style=\'', style ,'\'></div>\n');}return __p.join('');}; }).call(this);
-(function() {Luca.templates || (Luca.templates = {}); Luca.templates["containers/tab_selector_container"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div class=\'tab-selector-container\' id=\'', cid ,'-tab-selector\'>\n  <ul class=\'nav nav-tabs\' id=\'', cid ,'-tabs-nav\'>\n    '); for(var i = 0; i < components.length; i++ ) { __p.push('\n    '); var component = components[i];__p.push('\n    <li class=\'tab-selector\' data-target=\'', i ,'\'>\n      <a data-target=\'', i ,'\'>\n        ', component.title ,'\n      </a>\n    </li>\n    '); } __p.push('\n  </ul>\n</div>\n');}return __p.join('');}; }).call(this);
-(function() {Luca.templates || (Luca.templates = {}); Luca.templates["containers/tab_view"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<ul class=\'nav ', navClass ,'\' id=\'', cid ,'-tabs-selector\'></ul>\n<div class=\'tab-content\' id=\'', cid ,'-tab-view-content\'></div>\n');}return __p.join('');}; }).call(this);
-(function() {Luca.templates || (Luca.templates = {}); Luca.templates["containers/toolbar_wrapper"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div class=\'luca-ui-toolbar-wrapper\' id=\'', id ,'\'></div>\n');}return __p.join('');}; }).call(this);
-(function() {Luca.templates || (Luca.templates = {}); Luca.templates["fields/button_field"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<label>&nbsp</label>\n<input class=\'btn ', input_class ,'\' id=\'', input_id ,'\' style=\'', inputStyles ,'\' type=\'', input_type ,'\' value=\'', input_value ,'\' />\n');}return __p.join('');}; }).call(this);
-(function() {Luca.templates || (Luca.templates = {}); Luca.templates["fields/button_field_link"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<a class=\'btn ', input_class ,'\'>\n  '); if(icon_class.length) { __p.push('\n  <i class=\'', icon_class ,'\'></i>\n  '); } __p.push('\n  ', input_value ,'\n</a>\n');}return __p.join('');}; }).call(this);
-(function() {Luca.templates || (Luca.templates = {}); Luca.templates["fields/checkbox_array"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div class=\'control-group\'>\n  <label for=\'', input_id ,'\'>\n    ', label ,'\n  </label>\n  <div class=\'controls\'></div>\n</div>\n');}return __p.join('');}; }).call(this);
-(function() {Luca.templates || (Luca.templates = {}); Luca.templates["fields/checkbox_array_item"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<label for=\'', input_id ,'\'>\n  <input id=\'', input_id ,'\' name=\'', input_name ,'\' type=\'checkbox\' value=\'', value ,'\' />\n  ', label ,'\n</label>\n');}return __p.join('');}; }).call(this);
-(function() {Luca.templates || (Luca.templates = {}); Luca.templates["fields/checkbox_field"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<label for=\'', input_id ,'\'>\n  ', label ,'\n  <input name=\'', input_name ,'\' style=\'', inputStyles ,'\' type=\'checkbox\' value=\'', input_value ,'\' />\n</label>\n'); if(helperText) { __p.push('\n<p class=\'helper-text help-block\'>\n  ', helperText ,'\n</p>\n'); } __p.push('\n');}return __p.join('');}; }).call(this);
-(function() {Luca.templates || (Luca.templates = {}); Luca.templates["fields/file_upload_field"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<label for=\'', input_id ,'\'>\n  ', label ,'\n</label>\n<input id=\'', input_id ,'\' name=\'', input_name ,'\' style=\'', inputStyles ,'\' type=\'file\' />\n'); if(helperText) { __p.push('\n<p class=\'helper-text help-block\'>\n  ', helperText ,'\n</p>\n'); } __p.push('\n');}return __p.join('');}; }).call(this);
-(function() {Luca.templates || (Luca.templates = {}); Luca.templates["fields/hidden_field"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<input id=\'', input_id ,'\' name=\'', input_name ,'\' type=\'hidden\' value=\'', input_value ,'\' />\n');}return __p.join('');}; }).call(this);
-(function() {Luca.templates || (Luca.templates = {}); Luca.templates["fields/select_field"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<label for=\'', input_id ,'\'>\n  ', label ,'\n</label>\n<div class=\'controls\'>\n  <select id=\'', input_id ,'\' name=\'', input_name ,'\' style=\'', inputStyles ,'\'></select>\n  '); if(helperText) { __p.push('\n  <p class=\'helper-text help-block\'>\n    ', helperText ,'\n  </p>\n  '); } __p.push('\n</div>\n');}return __p.join('');}; }).call(this);
-(function() {Luca.templates || (Luca.templates = {}); Luca.templates["fields/text_area_field"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<label for=\'', input_id ,'\'>\n  ', label ,'\n</label>\n<textarea class=\'', input_class ,'\' id=\'', input_id ,'\' name=\'', input_name ,'\' style=\'', inputStyles ,'\'></textarea>\n'); if(helperText) { __p.push('\n<p class=\'helper-text help-block\'>\n  ', helperText ,'\n</p>\n'); } __p.push('\n');}return __p.join('');}; }).call(this);
-(function() {Luca.templates || (Luca.templates = {}); Luca.templates["fields/text_field"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push(''); if(typeof(label)!=="undefined" && (typeof(hideLabel) !== "undefined" && !hideLabel) || (typeof(hideLabel)==="undefined")) {__p.push('\n<label class=\'control-label\' for=\'', input_id ,'\'>\n  ', label ,'\n</label>\n'); } __p.push('\n<div class=\'controls\'>\n  '); if( typeof(addOn) !== "undefined" ) { __p.push('\n  <span class=\'add-on\'>\n    ', addOn ,'\n  </span>\n  '); } __p.push('\n  <input class=\'', input_class ,'\' id=\'', input_id ,'\' name=\'', input_name ,'\' placeholder=\'', placeHolder ,'\' style=\'', inputStyles ,'\' type=\'text\' />\n  '); if(helperText) { __p.push('\n  <p class=\'helper-text help-block\'>\n    ', helperText ,'\n  </p>\n  '); } __p.push('\n</div>\n');}return __p.join('');}; }).call(this);
-(function() {Luca.templates || (Luca.templates = {}); Luca.templates["sample/contents"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<p>Sample Contents</p>\n');}return __p.join('');}; }).call(this);
-(function() {Luca.templates || (Luca.templates = {}); Luca.templates["sample/welcome"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('welcome.luca\n');}return __p.join('');}; }).call(this);
-(function() {Luca.templates || (Luca.templates = {}); Luca.templates["table_view"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<thead></thead>\n<tbody class=\'table-body\'></tbody>\n<tfoot></tfoot>\n<caption></caption>\n');}return __p.join('');}; }).call(this);
 (function() {
-  var currentNamespace;
+  this.JST || (this.JST = {});
+  this.JST["luca-src/templates/components/bootstrap_form_controls"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div class="btn-group form-actions">\n  <a class="btn btn-primary submit-button">\n    <i class="icon icon-ok icon-white"></i>\n    Save Changes\n  </a>\n  <a class="btn reset-button cancel-button">\n    <i class="icon icon-remove"></i>\n    Cancel\n  </a>\n</div>\n');}return __p.join('');};
+}).call(this);
+(function() {
+  this.JST || (this.JST = {});
+  this.JST["luca-src/templates/components/collection_loader_view"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div id="progress-modal" class="modal" style="display: none">\n  <div class="progress progress-info progress-striped active">\n    <div class="bar" style="width:0%;"></div>\n  </div>\n  <div class="message">Initializing...</div>\n</div>\n');}return __p.join('');};
+}).call(this);
+(function() {
+  this.JST || (this.JST = {});
+  this.JST["luca-src/templates/components/form_alert"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div class="', className ,'">\n  <a class="close" href="#" data-dismiss="alert">x</a>\n  ', message ,'\n</div>\n');}return __p.join('');};
+}).call(this);
+(function() {
+  this.JST || (this.JST = {});
+  this.JST["luca-src/templates/components/grid_view"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div class="luca-ui-g-view-wrapper">\n  <div class="g-view-header"></div>\n  <div class="luca-ui-g-view-body">\n    <table class="luca-ui-g-view scrollable-table" width="100%" cellpadding=0 cellspacing=0>\n      <thead class="fixed"></thead>\n      <tbody class="scrollable"></tbody>\n      <tfoot></tfoot>\n    </table>\n  </div>\n  <div class="luca-ui-g-view-header"></div>\n</div>\n');}return __p.join('');};
+}).call(this);
+(function() {
+  this.JST || (this.JST = {});
+  this.JST["luca-src/templates/components/grid_view_empty_text"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div class="empty-text empty-text-wrapper">\n  <p>', text ,'</p>\n</div>\n');}return __p.join('');};
+}).call(this);
+(function() {
+  this.JST || (this.JST = {});
+  this.JST["luca-src/templates/components/load_mask"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div class="load-mask">\n  <div class="progress progress-striped active">\n    <div class="bar" style="width:0%"></div>\n  </div>\n</div>\n');}return __p.join('');};
+}).call(this);
+(function() {
+  this.JST || (this.JST = {});
+  this.JST["luca-src/templates/components/nav_bar"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div class="navbar-inner">\n  <div class="luca-ui-navbar-body container">\n  </div>\n</div>\n');}return __p.join('');};
+}).call(this);
+(function() {
+  this.JST || (this.JST = {});
+  this.JST["luca-src/templates/components/pagination"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div class="pagination">\n  <a class="btn previous">\n    <i class="icon icon-chevron-left"></i>\n  </a>\n  <div class="pagination-group">\n  </div>\n  <a class="btn next">\n    <i class="icon icon-chevron-right"></i>\n  </a>\n</div>\n');}return __p.join('');};
+}).call(this);
+(function() {
+  this.JST || (this.JST = {});
+  this.JST["luca-src/templates/containers/basic"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div id="', id ,'" class="', classes ,'" style="', style ,'"></div>\n');}return __p.join('');};
+}).call(this);
+(function() {
+  this.JST || (this.JST = {});
+  this.JST["luca-src/templates/containers/tab_selector_container"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div id="', cid ,'-tab-selector" class="tab-selector-container">\n  <ul id="', cid ,'-tabs-nav" class="nav nav-tabs">\n    '); for(var i = 0; i < components.length; i++ ) { __p.push('\n    '); var component = components[i];__p.push('\n    <li class="tab-selector" data-target="', i ,'">\n      <a data-target="', i ,'">\n        ', component.title ,'\n      </a>\n    </li>\n    '); } __p.push('\n  </ul>\n</div>\n');}return __p.join('');};
+}).call(this);
+(function() {
+  this.JST || (this.JST = {});
+  this.JST["luca-src/templates/containers/tab_view"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<ul id="', cid ,'-tabs-selector" class="nav ', navClass ,'"></ul>\n<div id="', cid ,'-tab-view-content" class="tab-content"></div>\n');}return __p.join('');};
+}).call(this);
+(function() {
+  this.JST || (this.JST = {});
+  this.JST["luca-src/templates/containers/toolbar_wrapper"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div class="luca-ui-toolbar-wrapper" id="', id ,'"></div>\n');}return __p.join('');};
+}).call(this);
+(function() {
+  this.JST || (this.JST = {});
+  this.JST["luca-src/templates/fields/button_field"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<label>&nbsp;</label>\n<input style="', inputStyles ,'" class="btn ', input_class ,'" value="', input_value ,'" type="', input_type ,'" id="<%= input_id" />\n');}return __p.join('');};
+}).call(this);
+(function() {
+  this.JST || (this.JST = {});
+  this.JST["luca-src/templates/fields/button_field_link"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<a class="btn ', input_class ,'">\n  '); if(icon_class.length) { __p.push('\n  <i class="', icon_class ,'"></i>\n  ', input_value ,'\n  '); } __p.push('\n</a>\n');}return __p.join('');};
+}).call(this);
+(function() {
+  this.JST || (this.JST = {});
+  this.JST["luca-src/templates/fields/checkbox_array"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div class="control-group">\n  <label for="', input_id ,'"><%= label =>\n  <div class="controls"><div>\n</div>\n');}return __p.join('');};
+}).call(this);
+(function() {
+  this.JST || (this.JST = {});
+  this.JST["luca-src/templates/fields/checkbox_array_item"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<label for="', input_id ,'">\n  <input id="', input_id ,'" type="checkbox" name="', input_name ,'" value="', value ,'" />\n</label>\n');}return __p.join('');};
+}).call(this);
+(function() {
+  this.JST || (this.JST = {});
+  this.JST["luca-src/templates/fields/checkbox_field"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<label for="', input_id ,'">\n  ', label ,'\n  <input type="checkbox" name="', input_name ,'" value="', input_value ,'" style="', inputStyles ,'" />\n</label>\n\n'); if(helperText) { __p.push('\n<p class="helper-text help-block">\n  ', helperText ,'\n</p>\n'); } __p.push('\n');}return __p.join('');};
+}).call(this);
+(function() {
+  this.JST || (this.JST = {});
+  this.JST["luca-src/templates/fields/file_upload_field"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<label for="', input_id ,'">\n  ', label ,'\n  <input type="file" name="', input_name ,'" value="', input_value ,'" style="', inputStyles ,'" />\n</label>\n\n'); if(helperText) { __p.push('\n<p class="helper-text help-block">\n  ', helperText ,'\n</p>\n'); } __p.push('\n');}return __p.join('');};
+}).call(this);
+(function() {
+  this.JST || (this.JST = {});
+  this.JST["luca-src/templates/fields/hidden_field"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push(' <input type="hidden" name="', input_name ,'" value="', input_value ,'" style="', inputStyles ,'" />\n');}return __p.join('');};
+}).call(this);
+(function() {
+  this.JST || (this.JST = {});
+  this.JST["luca-src/templates/fields/select_field"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<label for="', input_id ,'">\n  ', label ,'\n</label>\n<div class="controls">\n <select name="', input_name ,'" value="', input_value ,'" style="', inputStyles ,'" ></select>\n  '); if(helperText) { __p.push('\n  <p class="helper-text help-block">\n    ', helperText ,'\n  </p>\n  '); } __p.push('\n</div>\n');}return __p.join('');};
+}).call(this);
+(function() {
+  this.JST || (this.JST = {});
+  this.JST["luca-src/templates/fields/text_area_field"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<label for="', input_id ,'">\n  ', label ,'\n</label>\n<div class="controls">\n <textarea name="', input_name ,'" style="', inputStyles ,'" >', input_value ,'</textarea>\n  '); if(helperText) { __p.push('\n  <p class="helper-text help-block">\n    ', helperText ,'\n  </p>\n  '); } __p.push('\n</div>\n');}return __p.join('');};
+}).call(this);
+(function() {
+  this.JST || (this.JST = {});
+  this.JST["luca-src/templates/fields/text_field"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push(''); if(typeof(label)!=="undefined" && (typeof(hideLabel) !== "undefined" && !hideLabel) || (typeof(hideLabel)==="undefined")) {__p.push('\n<label class="control-label" for="', input_id ,'">', label ,'</label>\n'); } __p.push('\n\n<div class="controls">\n'); if( typeof(addOn) !== "undefined" ) { __p.push('\n  <span class="add-on">', addOn ,'</span>\n'); } __p.push('\n<input type="text" name="', input_name ,'" style="', inputStyles ,'" value="', input_value ,'" />\n'); if(helperText) { __p.push('\n<p class="helper-text help-block">\n  ', helperText ,'\n</p>\n'); } __p.push('\n\n</div>\n');}return __p.join('');};
+}).call(this);
+(function() {
+  this.JST || (this.JST = {});
+  this.JST["luca-src/templates/table_view"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<thead></thead>\n<tbody class="table-body"></tbody>\n<tfoot></tfoot>\n<caption></caption>\n');}return __p.join('');};
+}).call(this);
+(function() {
+  var currentNamespace,
+    __slice = Array.prototype.slice;
 
   Luca.util.resolve = function(accessor, source_object) {
-    source_object || (source_object = window || global);
-    return _(accessor.split(/\./)).inject(function(obj, key) {
-      return obj = obj != null ? obj[key] : void 0;
-    }, source_object);
+    var resolved;
+    try {
+      source_object || (source_object = window || global);
+      resolved = _(accessor.split(/\./)).inject(function(obj, key) {
+        return obj = obj != null ? obj[key] : void 0;
+      }, source_object);
+    } catch (e) {
+      console.log("Error resolving", accessor, source_object);
+      throw e;
+    }
+    return resolved;
   };
 
   Luca.util.nestedValue = Luca.util.resolve;
 
+  Luca.util.argumentsLogger = function(prompt) {
+    return function() {
+      return console.log(prompt, arguments);
+    };
+  };
+
+  Luca.util.read = function() {
+    var args, property;
+    property = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
+    if (_.isFunction(property)) {
+      return property.apply(this, args);
+    } else {
+      return property;
+    }
+  };
+
   Luca.util.classify = function(string) {
     if (string == null) string = "";
     return _.string.camelize(_.string.capitalize(string));
@@ -409,13 +504,13 @@
 
 }).call(this);
 (function() {
-  var DeferredBindingProxy;
+  var DeferredBindingProxy,
+    __slice = Array.prototype.slice;
 
   DeferredBindingProxy = (function() {
 
     function DeferredBindingProxy(object, operation, wrapWithUnderscore) {
-      var fn,
-        _this = this;
+      var fn;
       this.object = object;
       if (wrapWithUnderscore == null) wrapWithUnderscore = true;
       if (_.isFunction(operation)) {
@@ -427,11 +522,11 @@
         throw "Must pass a function or a string representing one";
       }
       if (wrapWithUnderscore === true) {
-        this.fn = function() {
+        this.fn = _.bind(function() {
           return _.defer(fn);
-        };
+        }, this.object);
       } else {
-        this.fn = fn;
+        this.fn = _.bind(fn, this.object);
       }
       this;
     }
@@ -465,15 +560,80 @@
     }
   };
 
+  Luca.EventsExt = {
+    waitUntil: function(trigger, context) {
+      return this.waitFor.call(this, trigger, context);
+    },
+    waitFor: function(trigger, context) {
+      var proxy, self;
+      self = this;
+      return proxy = {
+        on: function(target) {
+          return target.waitFor.call(target, trigger, context);
+        },
+        and: function() {
+          var fn, runList, _i, _len, _results;
+          runList = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
+          _results = [];
+          for (_i = 0, _len = runList.length; _i < _len; _i++) {
+            fn = runList[_i];
+            fn = _.isFunction(fn) ? fn : self[fn];
+            _results.push(self.once(trigger, fn, context));
+          }
+          return _results;
+        },
+        andThen: function() {
+          return self.and.apply(self, arguments);
+        }
+      };
+    },
+    relayEvent: function(trigger) {
+      var _this = this;
+      return {
+        on: function() {
+          var components;
+          components = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
+          return {
+            to: function() {
+              var component, target, targets, _i, _len, _results;
+              targets = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
+              _results = [];
+              for (_i = 0, _len = targets.length; _i < _len; _i++) {
+                target = targets[_i];
+                _results.push((function() {
+                  var _j, _len2, _results2,
+                    _this = this;
+                  _results2 = [];
+                  for (_j = 0, _len2 = components.length; _j < _len2; _j++) {
+                    component = components[_j];
+                    _results2.push(component.on(trigger, function() {
+                      var args;
+                      args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
+                      args.unshift(trigger);
+                      return target.trigger.apply(target, args);
+                    }));
+                  }
+                  return _results2;
+                }).call(_this));
+              }
+              return _results;
+            }
+          };
+        }
+      };
+    }
+  };
+
 }).call(this);
 (function() {
-  var DefineProxy;
-
-  Luca.define = function(componentName) {
-    return new DefineProxy(componentName);
-  };
+  var DefineProxy,
+    __slice = Array.prototype.slice;
 
-  Luca.component = Luca.define;
+  _.mixin({
+    def: Luca.component = Luca.define = Luca.register = function(componentName) {
+      return new DefineProxy(componentName);
+    }
+  });
 
   DefineProxy = (function() {
 
@@ -481,6 +641,7 @@
       var parts;
       this.namespace = Luca.util.namespace();
       this.componentId = this.componentName = componentName;
+      this.superClassName = 'Luca.View';
       if (componentName.match(/\./)) {
         this.namespaced = true;
         parts = componentName.split('.');
@@ -510,19 +671,58 @@
       return this;
     };
 
-    DefineProxy.prototype.enhance = function(properties) {
-      if (properties != null) return this["with"](properties);
+    DefineProxy.prototype.triggers = function() {
+      var hook, hooks, _i, _len;
+      hooks = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
+      _.defaults(this.properties || (this.properties = {}), {
+        hooks: []
+      });
+      for (_i = 0, _len = hooks.length; _i < _len; _i++) {
+        hook = hooks[_i];
+        this.properties.hooks.push(hook);
+      }
+      this.properties.hooks = _.uniq(this.properties.hooks);
+      return this;
+    };
+
+    DefineProxy.prototype.includes = function() {
+      var include, includes, _i, _len;
+      includes = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
+      _.defaults(this.properties || (this.properties = {}), {
+        include: []
+      });
+      for (_i = 0, _len = includes.length; _i < _len; _i++) {
+        include = includes[_i];
+        this.properties.include.push(include);
+      }
+      this.properties.include = _.uniq(this.properties.include);
+      return this;
+    };
+
+    DefineProxy.prototype.mixesIn = function() {
+      var mixin, mixins, _i, _len;
+      mixins = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
+      _.defaults(this.properties || (this.properties = {}), {
+        mixins: []
+      });
+      for (_i = 0, _len = mixins.length; _i < _len; _i++) {
+        mixin = mixins[_i];
+        this.properties.mixins.push(mixin);
+      }
+      this.properties.mixins = _.uniq(this.properties.mixins);
       return this;
     };
 
-    DefineProxy.prototype["with"] = function(properties) {
+    DefineProxy.prototype.defaultProperties = function(properties) {
       var at, componentType, _base;
+      if (properties == null) properties = {};
+      _.defaults((this.properties || (this.properties = {})), properties);
       at = this.namespaced ? Luca.util.resolve(this.namespace, window || global) : window || global;
       if (this.namespaced && !(at != null)) {
         eval("(window||global)." + this.namespace + " = {}");
         at = Luca.util.resolve(this.namespace, window || global);
       }
-      at[this.componentId] = Luca.extend(this.superClassName, this.componentName, properties);
+      at[this.componentId] = Luca.extend(this.superClassName, this.componentName, this.properties);
       if (Luca.autoRegister === true) {
         if (Luca.isViewPrototype(at[this.componentId])) componentType = "view";
         if (Luca.isCollectionPrototype(at[this.componentId])) {
@@ -531,7 +731,7 @@
           componentType = "collection";
         }
         if (Luca.isModelPrototype(at[this.componentId])) componentType = "model";
-        Luca.register(_.string.underscored(this.componentId), this.componentName, componentType);
+        Luca.registerComponent(_.string.underscored(this.componentId), this.componentName, componentType);
       }
       return at[this.componentId];
     };
@@ -540,12 +740,19 @@
 
   })();
 
+  DefineProxy.prototype.behavesAs = DefineProxy.prototype.uses = DefineProxy.prototype.mixesIn;
+
+  DefineProxy.prototype.defines = DefineProxy.prototype.defaults = DefineProxy.prototype.exports = DefineProxy.prototype.defaultProperties;
+
+  DefineProxy.prototype.defaultsTo = DefineProxy.prototype.enhance = DefineProxy.prototype["with"] = DefineProxy.prototype.defaultProperties;
+
   Luca.extend = function(superClassName, childName, properties) {
-    var definition, mixin, superClass, _i, _len, _ref;
+    var definition, include, superClass, _i, _len, _ref;
     if (properties == null) properties = {};
     superClass = Luca.util.resolve(superClassName, window || global);
+    superClass.__initializers || (superClass.__initializers = []);
     if (!_.isFunction(superClass != null ? superClass.extend : void 0)) {
-      throw "" + superClassName + " is not a valid component to extend from";
+      throw "Error defining " + childName + ". " + superClassName + " is not a valid component to extend from";
     }
     properties.displayName = childName;
     properties._superClass = function() {
@@ -554,23 +761,126 @@
     };
     properties._super = function(method, context, args) {
       var _ref;
+      if (context == null) context = this;
+      if (args == null) args = [];
       return (_ref = this._superClass().prototype[method]) != null ? _ref.apply(context, args) : void 0;
     };
     definition = superClass.extend(properties);
     if (_.isArray(properties != null ? properties.include : void 0)) {
       _ref = properties.include;
       for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-        mixin = _ref[_i];
-        if (_.isString(mixin)) mixin = Luca.util.resolve(mixin);
-        _.extend(definition.prototype, mixin);
+        include = _ref[_i];
+        if (_.isString(include)) include = Luca.util.resolve(include);
+        _.extend(definition.prototype, include);
       }
     }
     return definition;
   };
 
-  _.mixin({
-    def: Luca.define
-  });
+  Luca.mixin = function(mixinName) {
+    var namespace, resolved;
+    namespace = _(Luca.mixin.namespaces).detect(function(space) {
+      var _ref;
+      return ((_ref = Luca.util.resolve(space)) != null ? _ref[mixinName] : void 0) != null;
+    });
+    namespace || (namespace = "Luca.modules");
+    resolved = Luca.util.resolve(namespace)[mixinName];
+    if (resolved == null) {
+      console.log("Could not find " + mixinName + " in ", Luca.mixin.namespaces);
+    }
+    return resolved;
+  };
+
+  Luca.mixin.namespaces = ["Luca.modules"];
+
+  Luca.mixin.namespace = function(namespace) {
+    Luca.mixin.namespaces.push(namespace);
+    return Luca.mixin.namespaces = _(Luca.mixin.namespaces).uniq();
+  };
+
+  Luca.decorate = function(componentPrototype) {
+    if (_.isString(componentPrototype)) {
+      componentPrototype = Luca.util.resolve(componentPrototype).prototype;
+    }
+    return {
+      "with": function(mixin) {
+        var mixinDefinition, mixinPrivates, sanitized, superclassMixins, _ref;
+        mixinDefinition = Luca.mixin(mixin);
+        mixinPrivates = _(mixinDefinition).chain().keys().select(function(key) {
+          return ("" + key).match(/^__/);
+        });
+        sanitized = _(mixinDefinition).omit(mixinPrivates.value());
+        _.extend(componentPrototype, sanitized);
+        if (mixinDefinition != null) {
+          if ((_ref = mixinDefinition.__included) != null) {
+            _ref.call(mixinDefinition, mixin);
+          }
+        }
+        superclassMixins = componentPrototype._superClass().prototype.mixins;
+        componentPrototype.mixins || (componentPrototype.mixins = []);
+        componentPrototype.mixins.push(mixin);
+        componentPrototype.mixins = componentPrototype.mixins.concat(superclassMixins);
+        componentPrototype.mixins = _(componentPrototype.mixins).chain().uniq().compact().value();
+        return componentPrototype;
+      }
+    };
+  };
+
+}).call(this);
+(function() {
+
+  Luca.modules.ApplicationEventBindings = {
+    __initializer: function() {
+      var app, eventTrigger, handler, _len, _ref, _ref2, _results;
+      if (_.isEmpty(this.applicationEvents)) return;
+      app = this.app;
+      if (_.isString(app) || _.isUndefined(app)) {
+        app = (_ref = Luca.Application) != null ? typeof _ref.get === "function" ? _ref.get(app) : void 0 : void 0;
+      }
+      if (!Luca.supportsEvents(app)) {
+        throw "Error binding to the application object on " + (this.name || this.cid);
+      }
+      _ref2 = this.applicationEvents;
+      _results = [];
+      for (handler = 0, _len = _ref2.length; handler < _len; handler++) {
+        eventTrigger = _ref2[handler];
+        if (_.isString(handler)) handler = this[handler];
+        if (!_.isFunction(handler)) {
+          throw "Error registering application event " + eventTrigger + " on " + (this.name || this.cid);
+        }
+        _results.push(app.on(eventTrigger, handler));
+      }
+      return _results;
+    }
+  };
+
+}).call(this);
+(function() {
+
+  Luca.modules.CollectionEventBindings = {
+    __initializer: function() {
+      var collection, eventTrigger, handler, key, manager, signature, _ref, _ref2, _results;
+      if (_.isEmpty(this.collectionEvents)) return;
+      manager = this.collectionManager || Luca.CollectionManager.get();
+      _ref = this.collectionEvents;
+      _results = [];
+      for (signature in _ref) {
+        handler = _ref[signature];
+        _ref2 = signature.split(" "), key = _ref2[0], eventTrigger = _ref2[1];
+        collection = manager.getOrCreate(key);
+        if (!collection) throw "Could not find collection specified by " + key;
+        if (_.isString(handler)) handler = this[handler];
+        if (!_.isFunction(handler)) throw "invalid collectionEvents configuration";
+        try {
+          _results.push(collection.on(eventTrigger, handler, collection));
+        } catch (e) {
+          console.log("Error Binding To Collection in registerCollectionEvents", this);
+          throw e;
+        }
+      }
+      return _results;
+    }
+  };
 
 }).call(this);
 (function() {
@@ -593,20 +903,219 @@
     }
   };
 
+}).call(this);
+(function() {
+
+  Luca.modules.DomHelpers = {
+    __initializer: function() {
+      var additional, additionalClasses, _i, _len, _results;
+      additionalClasses = _(this.additionalClassNames || []).clone();
+      if (this.wrapperClass != null) this.$wrap(this.wrapperClass);
+      if (_.isString(additionalClasses)) {
+        additionalClasses = additionalClasses.split(" ");
+      }
+      if (this.gridSpan) additionalClasses.push("span" + this.gridSpan);
+      if (this.gridOffset) additionalClasses.push("offset" + this.gridOffset);
+      if (this.gridRowFluid) additionalClasses.push("row-fluid");
+      if (this.gridRow) additionalClasses.push("row");
+      if (additionalClasses == null) return;
+      _results = [];
+      for (_i = 0, _len = additionalClasses.length; _i < _len; _i++) {
+        additional = additionalClasses[_i];
+        _results.push(this.$el.addClass(additional));
+      }
+      return _results;
+    },
+    $wrap: function(wrapper) {
+      if (_.isString(wrapper) && !wrapper.match(/[<>]/)) {
+        wrapper = this.make("div", {
+          "class": wrapper
+        });
+      }
+      return this.$el.wrap(wrapper);
+    },
+    $template: function(template, variables) {
+      if (variables == null) variables = {};
+      return this.$el.html(Luca.template(template, variables));
+    },
+    $html: function(content) {
+      return this.$el.html(content);
+    },
+    $append: function(content) {
+      return this.$el.append(content);
+    },
+    $attach: function() {
+      return this.$container().append(this.el);
+    },
+    $bodyEl: function() {
+      return this.$el;
+    },
+    $container: function() {
+      return $(this.container);
+    }
+  };
+
+}).call(this);
+(function() {
+
+  Luca.modules.EnhancedProperties = {
+    __initializer: function() {
+      if (Luca.config.enhancedViewProperties !== true) return;
+      if (_.isString(this.collection) && Luca.CollectionManager.get()) {
+        this.collection = Luca.CollectionManager.get().getOrCreate(this.collection);
+      }
+      if (this.template != null) this.$template(this.template, this);
+      if (_.isString(this.collectionManager)) {
+        return this.collectionManager = Luca.CollectionManager.get(this.collectionManager);
+      }
+    }
+  };
+
+}).call(this);
+(function() {
+  var FilterModel,
+    __hasProp = Object.prototype.hasOwnProperty,
+    __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor; child.__super__ = parent.prototype; return child; };
+
+  Luca.modules.Filterable = {
+    __included: function(component, module) {
+      return _.extend(Luca.Collection.prototype, {
+        __filters: {}
+      });
+    },
+    __initializer: function(component, module) {
+      var filter, _base, _ref,
+        _this = this;
+      if (this.filterable === false) return;
+      if (!Luca.isBackboneCollection(this.collection)) {
+        this.collection = typeof (_base = Luca.CollectionManager).get === "function" ? (_ref = _base.get()) != null ? _ref.getOrCreate(this.collection) : void 0 : void 0;
+      }
+      if (!Luca.isBackboneCollection(this.collection)) {
+        this.debug("Skipping Filterable due to no collection being present on " + (this.name || this.cid));
+        this.debug("Collection", this.collection);
+        return;
+      }
+      this.getCollection || (this.getCollection = function() {
+        return this.collection;
+      });
+      filter = this.getFilterState();
+      this.querySources || (this.querySources = []);
+      this.optionsSources || (this.optionsSources = []);
+      this.query || (this.query = {});
+      this.queryOptions || (this.queryOptions = {});
+      this.querySources.push((function() {
+        return filter.toQuery();
+      }));
+      this.optionsSources.push((function() {
+        return filter.toOptions();
+      }));
+      if (this.debugMode === true) {
+        console.log("Filterable");
+        console.log(this.querySources);
+        console.log(this.optionsSources);
+      }
+      filter.on("change", function() {
+        var merged;
+        if (_this.isRemote()) {
+          merged = _.extend(_this.getQuery(), _this.getQueryOptions());
+          return _this.collection.applyFilter(merged, _this.getQueryOptions());
+        } else {
+          return _this.trigger("refresh");
+        }
+      });
+      return module;
+    },
+    isRemote: function() {
+      return this.getQueryOptions().remote === true;
+    },
+    getFilterState: function() {
+      var _base, _name;
+      return (_base = this.collection.__filters)[_name = this.cid] || (_base[_name] = new FilterModel(this.filterable));
+    },
+    setSortBy: function(sortBy, options) {
+      if (options == null) options = {};
+      return this.getFilterState().setOption('sortBy', sortBy, options);
+    },
+    applyFilter: function(query, options) {
+      if (query == null) query = {};
+      if (options == null) options = {};
+      options = _.defaults(options, this.getQueryOptions());
+      query = _.defaults(query, this.getQuery());
+      return this.getFilterState().set({
+        query: query,
+        options: options
+      }, options);
+    }
+  };
+
+  FilterModel = (function(_super) {
+
+    __extends(FilterModel, _super);
+
+    function FilterModel() {
+      FilterModel.__super__.constructor.apply(this, arguments);
+    }
+
+    FilterModel.prototype.defaults = {
+      options: {},
+      query: {}
+    };
+
+    FilterModel.prototype.setOption = function(option, value, options) {
+      var payload;
+      payload = {};
+      payload[option] = value;
+      return this.set('options', _.extend(this.toOptions(), payload), options);
+    };
+
+    FilterModel.prototype.setQueryOption = function(option, value, options) {
+      var payload;
+      payload = {};
+      payload[option] = value;
+      return this.set('query', _.extend(this.toQuery(), payload), options);
+    };
+
+    FilterModel.prototype.toOptions = function() {
+      return this.toJSON().options;
+    };
+
+    FilterModel.prototype.toQuery = function() {
+      return this.toJSON().query;
+    };
+
+    FilterModel.prototype.toRemote = function() {
+      var options;
+      options = this.toOptions();
+      return _.extend(this.toQuery(), {
+        limit: options.limit,
+        page: options.page,
+        sortBy: options.sortBy
+      });
+    };
+
+    return FilterModel;
+
+  })(Backbone.Model);
+
 }).call(this);
 (function() {
 
   Luca.modules.GridLayout = {
-    _included: function(view, module) {}
+    _initializer: function() {
+      if (this.gridSpan) this.$el.addClass("span" + this.gridSpan);
+      if (this.gridOffset) this.$el.addClass("offset" + this.gridOffset);
+      if (this.gridRowFluid) this.$el.addClass("row-fluid");
+      if (this.gridRow) return this.$el.addClass("row");
+    }
   };
 
 }).call(this);
 (function() {
 
   Luca.modules.LoadMaskable = {
-    _included: function(self, module) {
+    __initializer: function() {
       var _this = this;
-      _.bindAll(self, "applyLoadMask", "disableLoadMask");
+      if (this.loadMask !== true) return;
       if (this.loadMask === true) {
         this.defer(function() {
           _this.$el.addClass('with-mask');
@@ -615,10 +1124,16 @@
             return _this.$('.load-mask').hide();
           }
         }).until("after:render");
-        this.on(this.loadmaskEnableEvent || "enable:loadmask", this.applyLoadMask);
-        return this.on(this.loadmaskDisableEvent || "disable:loadmask", this.applyLoadMask);
+        this.on(this.loadmaskEnableEvent || "enable:loadmask", this.applyLoadMask, this);
+        return this.on(this.loadmaskDisableEvent || "disable:loadmask", this.applyLoadMask, this);
       }
     },
+    showLoadMask: function() {
+      return this.trigger("enable:loadmask");
+    },
+    hideLoadMask: function() {
+      return this.trigger("disable:loadmask");
+    },
     loadMaskTarget: function() {
       if (this.loadMaskEl != null) {
         return this.$(this.loadMaskEl);
@@ -742,7 +1257,197 @@
 
 }).call(this);
 (function() {
-  var component_cache, registry;
+  var applyModalConfig;
+
+  Luca.modules.ModalView = {
+    closeOnEscape: true,
+    showOnInitialize: false,
+    backdrop: false,
+    __initializer: function() {
+      this.$el.addClass("modal");
+      this.on("before:render", applyModalConfig, this);
+      return this;
+    },
+    container: function() {
+      return $('body');
+    },
+    toggle: function() {
+      return this.$el.modal('toggle');
+    },
+    show: function() {
+      return this.$el.modal('show');
+    },
+    hide: function() {
+      return this.$el.modal('hide');
+    }
+  };
+
+  applyModalConfig = function() {
+    this.$el.addClass('modal');
+    if (this.fade === true) this.$el.addClass('fade');
+    $('body').append(this.$el);
+    this.$el.modal({
+      backdrop: this.backdrop === true,
+      keyboard: this.closeOnEscape === true,
+      show: this.showOnInitialize === true
+    });
+    return this;
+  };
+
+}).call(this);
+(function() {
+
+  Luca.modules.Paginatable = {
+    paginatorViewClass: 'Luca.components.PaginationControl',
+    paginationSelector: ".toolbar.bottom",
+    __included: function() {
+      return _.extend(Luca.Collection.prototype, {
+        __paginators: {}
+      });
+    },
+    __initializer: function() {
+      var collection, paginationState, _base, _ref,
+        _this = this;
+      if (this.paginatable === false) return;
+      if (!Luca.isBackboneCollection(this.collection)) {
+        this.collection = typeof (_base = Luca.CollectionManager).get === "function" ? (_ref = _base.get()) != null ? _ref.getOrCreate(this.collection) : void 0 : void 0;
+      }
+      if (!Luca.isBackboneCollection(this.collection)) {
+        this.debug("Skipping Paginatable due to no collection being present on " + (this.name || this.cid));
+        this.debug("collection", this.collection);
+        return;
+      }
+      _.bindAll(this, "paginationControl", "pager");
+      this.getCollection || (this.getCollection = function() {
+        return this.collection;
+      });
+      collection = this.getCollection();
+      paginationState = this.getPaginationState();
+      this.optionsSources || (this.optionsSources = []);
+      this.queryOptions || (this.queryOptions = {});
+      this.optionsSources.push(function() {
+        var options;
+        options = _(paginationState.toJSON()).pick('limit', 'page', 'sortBy');
+        return _.extend(options, {
+          pager: _this.pager
+        });
+      });
+      paginationState.on("change:page", function(state) {
+        var filter;
+        if (_this.isRemote()) {
+          filter = _.extend(_this.toQuery(), _this.toQueryOptions());
+          return _this.collection.applyFilter(filter, {
+            remote: true
+          });
+        } else {
+          return _this.trigger("refresh");
+        }
+      });
+      return this.on("before:render", this.renderPaginationControl, this);
+    },
+    pager: function(numberOfPages, models) {
+      this.getPaginationState().set({
+        numberOfPages: numberOfPages,
+        itemCount: models.length
+      });
+      return this.paginationControl().updateWithPageCount(numberOfPages, models);
+    },
+    isRemote: function() {
+      return this.getQueryOptions().remote === true;
+    },
+    getPaginationState: function() {
+      var _base, _name;
+      return (_base = this.collection.__paginators)[_name = this.cid] || (_base[_name] = this.paginationControl().state);
+    },
+    paginationContainer: function() {
+      return this.$(">" + this.paginationSelector);
+    },
+    setCurrentPage: function(page, options) {
+      if (page == null) page = 1;
+      if (options == null) options = {};
+      return this.getPaginationState().set('page', page, options);
+    },
+    setPage: function(page, options) {
+      if (page == null) page = 1;
+      if (options == null) options = {};
+      return this.getPaginationState().set('page', page, options);
+    },
+    setLimit: function(limit, options) {
+      if (limit == null) limit = 0;
+      if (options == null) options = {};
+      return this.getPaginationState().set('limit', limit, options);
+    },
+    paginationControl: function() {
+      if (this.paginator != null) return this.paginator;
+      _.defaults(this.paginatable || (this.paginatable = {}), {
+        page: 1,
+        limit: 20
+      });
+      this.paginator = Luca.util.lazyComponent({
+        type: "pagination_control",
+        collection: this.getCollection(),
+        defaultState: this.paginatable,
+        parent: this.name || this.cid,
+        debugMode: this.debugMode
+      });
+      return this.paginator;
+    },
+    renderPaginationControl: function() {
+      var control;
+      control = this.paginationControl();
+      this.paginationContainer().append(control.render().$el);
+      return control;
+    }
+  };
+
+}).call(this);
+(function() {
+
+  Luca.modules.StateModel = {
+    __initializer: function() {
+      var _this = this;
+      if (this.stateful !== true) return;
+      if ((this.state != null) && !Luca.isBackboneModel(this.state)) return;
+      this.state = new Backbone.Model(this.defaultState || {});
+      this.set || (this.set = function() {
+        return _this.state.set.apply(_this.state, arguments);
+      });
+      this.get || (this.get = function() {
+        return _this.state.get.apply(_this.state, arguments);
+      });
+      return this.state.on("change", function(state) {
+        var changed, previousValues, value, _len, _ref, _results;
+        _this.trigger("state:change", state);
+        previousValues = state.previousAttributes();
+        _ref = state.changedAttributes;
+        _results = [];
+        for (value = 0, _len = _ref.length; value < _len; value++) {
+          changed = _ref[value];
+          _results.push(_this.trigger("state:change:" + changed, value, state.previous(changed)));
+        }
+        return _results;
+      });
+    }
+  };
+
+}).call(this);
+(function() {
+
+  Luca.modules.Templating = {
+    __initializer: function() {
+      var template, templateContent, templateVars;
+      templateVars = Luca.util.read.call(this, this.bodyTemplateVars) || {};
+      if (template = this.bodyTemplate) {
+        this.$el.empty();
+        templateContent = Luca.template(template, templateVars);
+        return Luca.View.prototype.$html.call(this, templateContent);
+      }
+    }
+  };
+
+}).call(this);
+(function() {
+  var componentCacheStore, registry;
 
   registry = {
     classes: {},
@@ -751,12 +1456,14 @@
     namespaces: ['Luca.containers', 'Luca.components']
   };
 
-  component_cache = {
+  componentCacheStore = {
     cid_index: {},
     name_index: {}
   };
 
-  Luca.defaultComponentType = 'view';
+  Luca.config.defaultComponentClass = Luca.defaultComponentClass = 'Luca.View';
+
+  Luca.config.defaultComponentType = Luca.defaultComponentType = 'view';
 
   Luca.registry.aliases = {
     grid: "grid_view",
@@ -767,10 +1474,13 @@
     card: "card_view",
     paged: "card_view",
     wizard: "card_view",
-    collection: "collection_view"
+    collection: "collection_view",
+    list: "collection_view",
+    multi: "collection_multi_view",
+    table: "table_view"
   };
 
-  Luca.register = function(component, prototypeName, componentType) {
+  Luca.registerComponent = function(component, prototypeName, componentType) {
     if (componentType == null) componentType = "view";
     Luca.trigger("component:registered", component, prototypeName);
     switch (componentType) {
@@ -794,10 +1504,10 @@
         return instance != null ? (_ref = instance.refreshCode) != null ? _ref.call(instance, prototypeDefinition) : void 0 : void 0;
       });
     }
-    return Luca.register(component, prototypeName);
+    return Luca.registerComponent(component, prototypeName);
   };
 
-  Luca.registry.addNamespace = function(identifier) {
+  Luca.registry.addNamespace = Luca.registry.namespace = function(identifier) {
     registry.namespaces.push(identifier);
     return registry.namespaces = _(registry.namespaces).uniq();
   };
@@ -826,14 +1536,20 @@
   };
 
   Luca.registry.instances = function() {
-    return _(component_cache.cid_index).values();
+    return _(componentCacheStore.cid_index).values();
+  };
+
+  Luca.registry.findInstancesByClass = function(componentClass) {
+    return Luca.registry.findInstancesByClassName(componentClass.displayName);
   };
 
   Luca.registry.findInstancesByClassName = function(className) {
     var instances;
+    if (!_.isString(className)) className = className.displayName;
     instances = Luca.registry.instances();
     return _(instances).select(function(instance) {
-      var _ref;
+      var isClass, _ref;
+      isClass = instance.displayName === className;
       return instance.displayName === className || (typeof instance._superClass === "function" ? (_ref = instance._superClass()) != null ? _ref.displayName : void 0 : void 0) === className;
     });
   };
@@ -852,18 +1568,20 @@
     });
   };
 
-  Luca.cache = function(needle, component) {
+  Luca.cache = Luca.cacheInstance = function(cacheKey, object) {
     var lookup_id;
-    if (component != null) component_cache.cid_index[needle] = component;
-    component = component_cache.cid_index[needle];
-    if ((component != null ? component.component_name : void 0) != null) {
-      component_cache.name_index[component.component_name] = component.cid;
-    } else if ((component != null ? component.name : void 0) != null) {
-      component_cache.name_index[component.name] = component.cid;
+    if (cacheKey == null) return;
+    if ((object != null ? object.doNotCache : void 0) === true) return object;
+    if (object != null) componentCacheStore.cid_index[cacheKey] = object;
+    object = componentCacheStore.cid_index[cacheKey];
+    if ((object != null ? object.component_name : void 0) != null) {
+      componentCacheStore.name_index[object.component_name] = object.cid;
+    } else if ((object != null ? object.name : void 0) != null) {
+      componentCacheStore.name_index[object.name] = object.cid;
     }
-    if (component != null) return component;
-    lookup_id = component_cache.name_index[needle];
-    return component_cache.cid_index[lookup_id];
+    if (object != null) return object;
+    lookup_id = componentCacheStore.name_index[cacheKey];
+    return componentCacheStore.cid_index[lookup_id];
   };
 
 }).call(this);
@@ -909,95 +1627,46 @@
 
 }).call(this);
 (function() {
-  var bindAllEventHandlers, customizeRender, originalExtend, registerApplicationEvents, registerCollectionEvents, setupBodyTemplate;
+  var bindAllEventHandlers, bindEventHandlers, view,
+    __slice = Array.prototype.slice;
+
+  view = Luca.register("Luca.View");
+
+  view["extends"]("Backbone.View");
+
+  view.includes("Luca.Events", "Luca.modules.DomHelpers");
+
+  view.mixesIn("DomHelpers", "Templating", "EnhancedProperties", "CollectionEventBindings", "ApplicationEventBindings", "StateModel");
 
-  _.def("Luca.View")["extends"]("Backbone.View")["with"]({
-    include: ['Luca.Events'],
-    additionalClassNames: [],
-    hooks: ["before:initialize", "after:initialize", "before:render", "after:render", "first:activation", "activation", "deactivation"],
+  view.triggers("before:initialize", "after:initialize", "before:render", "after:render", "first:activation", "activation", "deactivation");
+
+  view.defines({
     initialize: function(options) {
-      var additional, module, _i, _j, _len, _len2, _ref, _ref2, _ref3, _ref4,
-        _this = this;
       this.options = options != null ? options : {};
       this.trigger("before:initialize", this, this.options);
       _.extend(this, this.options);
       if (this.autoBindEventHandlers === true || this.bindAllEvents === true) {
         bindAllEventHandlers.call(this);
       }
-      setupBodyTemplate.call(this);
       if (this.name != null) this.cid = _.uniqueId(this.name);
-      Luca.cache(this.cid, this);
+      this.$el.attr("data-luca-id", this.name || this.cid);
+      Luca.cacheInstance(this.cid, this);
       this.setupHooks(_(Luca.View.prototype.hooks.concat(this.hooks)).uniq());
-      if (this.additionalClassNames) {
-        if (_.isString(this.additionalClassNames)) {
-          this.additionalClassNames = this.additionalClassNames.split(" ");
-        }
-      }
-      if (this.gridSpan) this.additionalClassNames.push("span" + this.gridSpan);
-      if (this.gridOffset) {
-        this.additionalClassNames.push("offset" + this.gridOffset);
-      }
-      if (this.gridRowFluid) this.additionalClassNames.push("row-fluid");
-      if (this.gridRow) this.additionalClassNames.push("row");
-      if (((_ref = this.additionalClassNames) != null ? _ref.length : void 0) > 0) {
-        _ref2 = this.additionalClassNames;
-        for (_i = 0, _len = _ref2.length; _i < _len; _i++) {
-          additional = _ref2[_i];
-          this.$el.addClass(additional);
-        }
-      }
-      if (this.wrapperClass != null) this.$wrap(this.wrapperClass);
-      registerCollectionEvents.call(this);
-      registerApplicationEvents.call(this);
+      this.setupMixins();
       this.delegateEvents();
-      if (this.stateful === true && !(this.state != null)) {
-        this.state = new Backbone.Model(this.defaultState || {});
-        if (this.set == null) {
-          this.set = function() {
-            return _this.state.set.apply(_this.state, argumuments);
-          };
-        }
-        if (this.get == null) {
-          this.get = function() {
-            return _this.state.get.apply(_this.state, argumuments);
-          };
-        }
-      }
-      if (((_ref3 = this.mixins) != null ? _ref3.length : void 0) > 0) {
-        _ref4 = this.mixins;
-        for (_j = 0, _len2 = _ref4.length; _j < _len2; _j++) {
-          module = _ref4[_j];
-          Luca.modules[module]._included.call(this, this, module);
-        }
-      }
       return this.trigger("after:initialize", this);
     },
-    $wrap: function(wrapper) {
-      if (_.isString(wrapper) && !wrapper.match(/[<>]/)) {
-        wrapper = this.make("div", {
-          "class": wrapper
-        });
+    setupMixins: function() {
+      var module, _i, _len, _ref, _ref2, _ref3, _ref4, _results;
+      if (((_ref = this.mixins) != null ? _ref.length : void 0) > 0) {
+        _ref2 = this.mixins;
+        _results = [];
+        for (_i = 0, _len = _ref2.length; _i < _len; _i++) {
+          module = _ref2[_i];
+          _results.push((_ref3 = Luca.mixin(module)) != null ? (_ref4 = _ref3.__initializer) != null ? _ref4.call(this, this, module) : void 0 : void 0);
+        }
+        return _results;
       }
-      return this.$el.wrap(wrapper);
-    },
-    $template: function(template, variables) {
-      if (variables == null) variables = {};
-      return this.$el.html(Luca.template(template, variables));
-    },
-    $html: function(content) {
-      return this.$el.html(content);
-    },
-    $append: function(content) {
-      return this.$el.append(content);
-    },
-    $attach: function() {
-      return this.$container().append(this.el);
-    },
-    $bodyEl: function() {
-      return this.$el;
-    },
-    $container: function() {
-      return $(this.container);
     },
     setupHooks: function(set) {
       var _this = this;
@@ -1007,12 +1676,12 @@
         fn = Luca.util.hook(eventId);
         callback = function() {
           var _ref;
-          return (_ref = _this[fn]) != null ? _ref.apply(_this, arguments) : void 0;
+          return (_ref = this[fn]) != null ? _ref.apply(this, arguments) : void 0;
         };
         if (eventId != null ? eventId.match(/once:/) : void 0) {
           callback = _.once(callback);
         }
-        return _this.bind(eventId, callback);
+        return _this.on(eventId, callback, _this);
       });
     },
     registerEvent: function(selector, handler) {
@@ -1034,14 +1703,10 @@
       return Luca.util.selectProperties(Luca.isBackboneView, this);
     },
     debug: function() {
-      var message, _i, _len, _results;
+      var args;
+      args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
       if (!(this.debugMode || (window.LucaDebugMode != null))) return;
-      _results = [];
-      for (_i = 0, _len = arguments.length; _i < _len; _i++) {
-        message = arguments[_i];
-        _results.push(console.log([this.name || this.cid, message]));
-      }
-      return _results;
+      return console.log([this.name || this.cid].concat(__slice.call(args)));
     },
     trigger: function() {
       if (Luca.enableGlobalObserver) {
@@ -1056,14 +1721,14 @@
     }
   });
 
-  originalExtend = Backbone.View.extend;
+  Luca.View._originalExtend = Backbone.View.extend;
 
-  customizeRender = function(definition) {
+  Luca.View.renderWrapper = function(definition) {
     var _base;
     _base = definition.render;
     _base || (_base = Luca.View.prototype.$attach);
     definition.render = function() {
-      var autoTrigger, deferred, fn, target, trigger, view,
+      var autoTrigger, deferred, fn, target, trigger,
         _this = this;
       view = this;
       if (this.deferrable) {
@@ -1072,7 +1737,7 @@
           this.deferrable = this.collection;
         }
         target || (target = this.deferrable);
-        trigger = this.deferrable_event ? this.deferrable_event : "reset";
+        trigger = this.deferrable_event ? this.deferrable_event : Luca.View.deferrableEvent;
         deferred = function() {
           _base.call(view);
           return view.trigger("after:render", view);
@@ -1100,88 +1765,78 @@
     return definition;
   };
 
-  bindAllEventHandlers = function() {
-    var _this = this;
-    return _(this.events).each(function(handler, event) {
-      if (_.isString(handler)) return _.bindAll(_this, handler);
-    });
-  };
-
-  registerApplicationEvents = function() {
-    var app, eventTrigger, handler, _len, _ref, _ref2, _results;
-    if (_.isEmpty(this.applicationEvents)) return;
-    app = this.app;
-    if (_.isString(app) || _.isUndefined(app)) {
-      app = (_ref = Luca.Application) != null ? typeof _ref.get === "function" ? _ref.get(app) : void 0 : void 0;
-    }
-    if (!Luca.supportsEvents(app)) {
-      throw "Error binding to the application object on " + (this.name || this.cid);
-    }
-    _ref2 = this.applicationEvents;
-    _results = [];
-    for (handler = 0, _len = _ref2.length; handler < _len; handler++) {
-      eventTrigger = _ref2[handler];
-      if (_.isString(handler)) handler = this[handler];
-      if (!_.isFunction(handler)) {
-        throw "Error registering application event " + eventTrigger + " on " + (this.name || this.cid);
-      }
-      _results.push(app.on(eventTrigger, handler));
-    }
-    return _results;
-  };
-
-  registerCollectionEvents = function() {
-    var collection, eventTrigger, handler, key, manager, signature, _ref, _ref2, _results;
-    if (_.isEmpty(this.collectionEvents)) return;
-    manager = this.collectionManager;
-    if (_.isString(manager) || _.isUndefined(manager)) {
-      manager = Luca.CollectionManager.get(manager);
-    }
-    _ref = this.collectionEvents;
-    _results = [];
-    for (signature in _ref) {
-      handler = _ref[signature];
-      console.log("Sig", signature, "Handler", handler);
-      _ref2 = signature.split(" "), key = _ref2[0], eventTrigger = _ref2[1];
-      collection = manager.getOrCreate(key);
-      if (!collection) throw "Could not find collection specified by " + key;
-      if (_.isString(handler)) handler = this[handler];
-      if (!_.isFunction(handler)) throw "invalid collectionEvents configuration";
-      try {
-        _results.push(collection.bind(eventTrigger, handler));
-      } catch (e) {
-        console.log("Error Binding To Collection in registerCollectionEvents", this);
-        throw e;
-      }
+  bindAllEventHandlers = function() {
+    var config, _i, _len, _ref, _results;
+    _ref = [this.events, this.componentEvents, this.collectionEvents, this.applicationEvents];
+    _results = [];
+    for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+      config = _ref[_i];
+      if (!_.isEmpty(config)) _results.push(bindEventHandlers.call(this, config));
     }
     return _results;
   };
 
-  setupBodyTemplate = function() {
-    var template, templateVars;
-    templateVars = this.bodyTemplateVars ? this.bodyTemplateVars.call(this) : this;
-    if (template = this.bodyTemplate) {
-      this.$el.empty();
-      return Luca.View.prototype.$html.call(this, Luca.template(template, templateVars));
+  bindEventHandlers = function(events) {
+    var eventSignature, handler, _results;
+    if (events == null) events = {};
+    _results = [];
+    for (eventSignature in events) {
+      handler = events[eventSignature];
+      if (_.isString(handler)) {
+        _results.push(_.bindAll(this, handler));
+      } else {
+        _results.push(void 0);
+      }
     }
+    return _results;
   };
 
   Luca.View.extend = function(definition) {
     var module, _i, _len, _ref;
-    definition = customizeRender(definition);
+    definition = Luca.View.renderWrapper(definition);
     if ((definition.mixins != null) && _.isArray(definition.mixins)) {
       _ref = definition.mixins;
       for (_i = 0, _len = _ref.length; _i < _len; _i++) {
         module = _ref[_i];
-        _.extend(definition, Luca.modules[module]);
+        Luca.decorate(definition)["with"](module);
       }
     }
-    return originalExtend.call(this, definition);
+    return Luca.View._originalExtend.call(this, definition);
   };
 
+  Luca.View.deferrableEvent = "reset";
+
 }).call(this);
 (function() {
-  var setupComputedProperties;
+  var model, setupComputedProperties;
+
+  model = Luca.define('Luca.Model');
+
+  model["extends"]('Backbone.Model');
+
+  model.includes('Luca.Events');
+
+  model.defines({
+    initialize: function() {
+      Backbone.Model.prototype.initialize(this, arguments);
+      return setupComputedProperties.call(this);
+    },
+    read: function(attr) {
+      if (_.isFunction(this[attr])) {
+        return this[attr].call(this);
+      } else {
+        return this.get(attr);
+      }
+    },
+    get: function(attr) {
+      var _ref;
+      if ((_ref = this.computed) != null ? _ref.hasOwnProperty(attr) : void 0) {
+        return this._computed[attr];
+      } else {
+        return Backbone.Model.prototype.get.call(this, attr);
+      }
+    }
+  });
 
   setupComputedProperties = function() {
     var attr, dependencies, _ref, _results,
@@ -1206,32 +1861,22 @@
     return _results;
   };
 
-  _.def('Luca.Model')["extends"]('Backbone.Model')["with"]({
-    include: ['Luca.Events'],
-    initialize: function() {
-      Backbone.Model.prototype.initialize(this, arguments);
-      return setupComputedProperties.call(this);
-    },
-    get: function(attr) {
-      var _ref;
-      if ((_ref = this.computed) != null ? _ref.hasOwnProperty(attr) : void 0) {
-        return this._computed[attr];
-      } else {
-        return Backbone.Model.prototype.get.call(this, attr);
-      }
-    }
-  });
-
 }).call(this);
 (function() {
-  var source;
+  var collection;
+
+  collection = Luca.define('Luca.Collection');
 
-  source = 'Backbone.Collection';
+  if (Backbone.QueryCollection != null) {
+    collection["extends"]('Backbone.QueryCollection');
+  } else {
+    collection["extends"]('Backbone.Collection');
+  }
 
-  if (Backbone.QueryCollection != null) source = 'Backbone.QueryCollection';
+  collection.includes('Luca.Events');
 
-  _.def("Luca.Collection")["extends"](source)["with"]({
-    include: ['Luca.Events'],
+  collection.defines({
+    model: Luca.Model,
     cachedMethods: [],
     remoteFilter: false,
     initialize: function(models, options) {
@@ -1464,7 +2109,7 @@
       return _results;
     },
     setupMethodCaching: function() {
-      var cache, collection, membershipEvents;
+      var cache, membershipEvents;
       collection = this;
       membershipEvents = ["reset", "add", "remove"];
       cache = this._methodCache = {};
@@ -1687,11 +2332,13 @@
       this.input_id || (this.input_id = _.uniqueId('field'));
       this.input_name || (this.input_name = this.name);
       this.input_class || (this.input_class = "");
+      this.input_type || (this.input_type = "");
       this.helperText || (this.helperText = "");
       if (this.required && !((_ref = this.label) != null ? _ref.match(/^\*/) : void 0)) {
         this.label || (this.label = "*" + this.label);
       }
       this.inputStyles || (this.inputStyles = "");
+      this.input_value || (this.input_value = this.value || "");
       if (this.disabled) this.disable();
       this.updateState(this.state);
       this.placeHolder || (this.placeHolder = "");
@@ -1699,22 +2346,20 @@
     },
     beforeRender: function() {
       if (Luca.enableBootstrap) this.$el.addClass('control-group');
-      if (this.required) this.$el.addClass('required');
-      this.$el.html(Luca.template(this.template, this));
-      return this.input = $('input', this.el);
+      if (this.required) return this.$el.addClass('required');
     },
     change_handler: function(e) {
       return this.trigger("on:change", this, e);
     },
     disable: function() {
-      return $("input", this.el).attr('disabled', true);
+      return this.getInputElement().attr('disabled', true);
     },
     enable: function() {
-      return $("input", this.el).attr('disabled', false);
+      return this.getInputElement().attr('disabled', false);
     },
     getValue: function() {
-      var raw;
-      raw = this.input.attr('value');
+      var raw, _ref;
+      raw = (_ref = this.getInputElement()) != null ? _ref.attr('value') : void 0;
       if (_.str.isBlank(raw)) return raw;
       switch (this.valueType) {
         case "integer":
@@ -1727,11 +2372,12 @@
           return raw;
       }
     },
-    render: function() {
-      return $(this.container).append(this.$el);
-    },
     setValue: function(value) {
-      return this.input.attr('value', value);
+      var _ref;
+      return (_ref = this.getInputElement()) != null ? _ref.attr('value', value) : void 0;
+    },
+    getInputElement: function() {
+      return this.input || (this.input = this.$('input').eq(0));
     },
     updateState: function(state) {
       var _this = this;
@@ -1744,57 +2390,28 @@
 
 }).call(this);
 (function() {
-  var applyDOMConfig, doComponents, doLayout;
+  var applyDOMConfig, container, createGetterMethods, createMethodsToGetComponentsByRole, doComponents, doLayout, indexComponent, validateContainerConfiguration;
 
-  doLayout = function() {
-    this.trigger("before:layout", this);
-    this.prepareLayout();
-    return this.trigger("after:layout", this);
-  };
+  container = Luca.register("Luca.core.Container");
 
-  applyDOMConfig = function(panel, panelIndex) {
-    var config, style_declarations;
-    style_declarations = [];
-    if (panel.height != null) {
-      style_declarations.push("height: " + (_.isNumber(panel.height) ? panel.height + 'px' : panel.height));
-    }
-    if (panel.width != null) {
-      style_declarations.push("width: " + (_.isNumber(panel.width) ? panel.width + 'px' : panel.width));
-    }
-    if (panel.float) style_declarations.push("float: " + panel.float);
-    config = {
-      "class": (panel != null ? panel.classes : void 0) || this.componentClass,
-      id: "" + this.cid + "-" + panelIndex,
-      style: style_declarations.join(';'),
-      "data-luca-owner": this.name || this.cid
-    };
-    if (this.customizeContainerEl != null) {
-      config = this.customizeContainerEl(config, panel, panelIndex);
-    }
-    return config;
-  };
+  container["extends"]("Luca.components.Panel");
 
-  doComponents = function() {
-    this.trigger("before:components", this, this.components);
-    this.prepareComponents();
-    this.createComponents();
-    this.trigger("before:render:components", this, this.components);
-    this.renderComponents();
-    return this.trigger("after:components", this, this.components);
-  };
+  container.triggers("before:components", "before:render:components", "before:layout", "after:components", "after:layout", "first:activation");
 
-  _.def('Luca.core.Container')["extends"]('Luca.components.Panel')["with"]({
+  container.defines({
     className: 'luca-ui-container',
     componentTag: 'div',
     componentClass: 'luca-ui-panel',
     isContainer: true,
-    hooks: ["before:components", "before:render:components", "before:layout", "after:components", "after:layout", "first:activation"],
     rendered: false,
     components: [],
+    componentEvents: {},
     initialize: function(options) {
       this.options = options != null ? options : {};
       _.extend(this, this.options);
-      this.setupHooks(["before:components", "before:render:components", "before:layout", "after:components", "after:layout", "first:activation"]);
+      this.setupHooks(Luca.core.Container.prototype.hooks);
+      this.components || (this.components = this.fields || (this.fields = this.pages || (this.pages = this.cards || (this.cards = this.views))));
+      validateContainerConfiguration(this);
       return Luca.View.prototype.initialize.apply(this, arguments);
     },
     beforeRender: function() {
@@ -1807,7 +2424,6 @@
       return containerEl;
     },
     prepareLayout: function() {
-      var container;
       container = this;
       return this.componentContainers = _(this.components).map(function(component, index) {
         return applyDOMConfig.call(container, component, index);
@@ -1847,31 +2463,27 @@
       if (this.componentsCreated === true) return;
       map = this.componentIndex = {
         name_index: {},
-        cid_index: {}
+        cid_index: {},
+        role_index: {}
       };
+      container = this;
       this.components = _(this.components).map(function(object, index) {
-        var component;
-        component = Luca.isBackboneView(object) ? object : (object.type || (object.type = object.ctype), !(object.type != null) ? object.components != null ? object.type = object.ctype = 'container' : object.type = object.ctype = Luca.defaultComponentType : void 0, Luca.util.lazyComponent(object));
-        if (_.isString(component.getter)) {
-          _this[component.getter] = (function() {
-            return component;
-          });
-        }
-        if (!component.container && component.options.container) {
+        var component, created, _ref;
+        component = Luca.isComponent(object) ? object : (object.type || (object.type = object.ctype), !(object.type != null) ? object.components != null ? object.type = object.ctype = 'container' : object.type = object.ctype = Luca.defaultComponentType : void 0, object = _.defaults(object, container.defaults || {}), created = Luca.util.lazyComponent(object));
+        if (!component.container && ((_ref = component.options) != null ? _ref.container : void 0)) {
           component.container = component.options.container;
         }
-        if (map && (component.cid != null)) map.cid_index[component.cid] = index;
-        if (map && (component.name != null)) {
-          map.name_index[component.name] = index;
+        if (!(component.container != null)) {
+          console.log(component, index, _this);
+          console.error("could not assign container property to component on container " + (_this.name || _this.cid));
         }
+        indexComponent(component).at(index)["in"](_this.componentIndex);
         return component;
       });
       this.componentsCreated = true;
-      if (!_.isEmpty(this.componentEvents)) this.registerComponentEvents();
       return map;
     },
     renderComponents: function(debugMode) {
-      var container;
       this.debugMode = debugMode != null ? debugMode : "";
       this.debug("container render components");
       container = this;
@@ -1880,7 +2492,7 @@
           return container;
         };
         try {
-          $(component.container).append(component.el);
+          this.$(component.container).eq(0).append(component.el);
           return component.render();
         } catch (e) {
           console.log("Error Rendering Component " + (component.name || component.cid), component);
@@ -1907,43 +2519,102 @@
         }
       });
     },
+    _: function() {
+      return _(this.components);
+    },
     pluck: function(attribute) {
-      return _(this.components).pluck(attribute);
+      return this._().pluck(attribute);
     },
     invoke: function(method) {
-      return _(this.components).invoke(method);
+      return this._().invoke(method);
+    },
+    select: function(fn) {
+      return this._().select(fn);
+    },
+    detect: function(fn) {
+      return this._().detect(attribute);
+    },
+    reject: function(fn) {
+      return this._().reject(fn);
     },
     map: function(fn) {
-      return _(this.components).map(fn);
+      return this._().map(fn);
     },
-    componentEvents: {},
-    registerComponentEvents: function() {
-      var component, componentName, handler, listener, trigger, _ref, _ref2, _results;
-      _ref = this.componentEvents;
+    registerComponentEvents: function(eventList) {
+      var component, componentNameOrRole, eventId, handler, listener, _ref, _ref2, _results,
+        _this = this;
+      container = this;
+      _ref = eventList || this.componentEvents || {};
       _results = [];
       for (listener in _ref) {
         handler = _ref[listener];
-        _ref2 = listener.split(' '), componentName = _ref2[0], trigger = _ref2[1];
-        component = this.findComponentByName(componentName);
-        _results.push(component != null ? component.bind(trigger, this[handler]) : void 0);
+        _ref2 = listener.split(' '), componentNameOrRole = _ref2[0], eventId = _ref2[1];
+        if (!_.isFunction(this[handler])) {
+          console.log("Error registering component event", listener, componentNameOrRole, eventId);
+          throw "Invalid component event definition " + listener + ". Specified handler is not a method on the container";
+        }
+        if (componentNameOrRole === "*") {
+          _results.push(this.eachComponent(function(component) {
+            return component.on(eventId, _this[handler], container);
+          }));
+        } else {
+          component = this.findComponentForEventBinding(componentNameOrRole);
+          if (!((component != null) && Luca.isComponent(component))) {
+            console.log("Error registering component event", listener, componentNameOrRole, eventId);
+            throw "Invalid component event definition: " + componentNameOrRole;
+          }
+          _results.push(component != null ? component.bind(eventId, this[handler], container) : void 0);
+        }
       }
       return _results;
     },
+    subContainers: function() {
+      return this.select(function(component) {
+        return component.isContainer === true;
+      });
+    },
+    roles: function() {
+      return _(this.allChildren()).pluck('role');
+    },
+    allChildren: function() {
+      var children, grandchildren;
+      children = this.components;
+      grandchildren = _(this.subContainers()).invoke('allChildren');
+      return _([children, grandchildren]).chain().compact().flatten().value();
+    },
+    findComponentForEventBinding: function(nameRoleOrGetter, deep) {
+      if (deep == null) deep = true;
+      return this.findComponentByName(nameRoleOrGetter, deep) || this.findComponentByGetter(nameRoleOrGetter, deep) || this.findComponentByRole(nameRoleOrGetter, deep);
+    },
+    findComponentByGetter: function(getter, deep) {
+      if (deep == null) deep = false;
+      return _(this.allChildren()).detect(function(component) {
+        return component.getter === getter;
+      });
+    },
+    findComponentByRole: function(role, deep) {
+      if (deep == null) deep = false;
+      return _(this.allChildren()).detect(function(component) {
+        return component.role === role || component.type === role || component.ctype === role;
+      });
+    },
     findComponentByName: function(name, deep) {
       if (deep == null) deep = false;
-      return this.findComponent(name, "name_index", deep);
+      return _(this.allChildren()).detect(function(component) {
+        return component.name === name;
+      });
     },
     findComponentById: function(id, deep) {
       if (deep == null) deep = false;
       return this.findComponent(id, "cid_index", deep);
     },
     findComponent: function(needle, haystack, deep) {
-      var component, position, sub_container, _ref, _ref2;
+      var component, position, sub_container, _ref;
       if (haystack == null) haystack = "name";
       if (deep == null) deep = false;
       if (this.componentsCreated !== true) this.createComponents();
       position = (_ref = this.componentIndex) != null ? _ref[haystack][needle] : void 0;
-      component = (_ref2 = this.components) != null ? _ref2[position] : void 0;
+      component = this.components[position];
       if (component) return component;
       if (deep === true) {
         sub_container = _(this.components).detect(function(component) {
@@ -1976,20 +2647,16 @@
       return this.components[this.activeItem];
     },
     componentElements: function() {
-      return this.$(">." + this.componentClass, this.$bodyEl());
+      return this.$("[data-luca-parent='" + (this.name || this.cid) + "']");
     },
     getComponent: function(needle) {
       return this.components[needle];
     },
-    rootComponent: function() {
-      console.log("Calling rootComponent will be deprecated.  use isRootComponent instead");
-      return !(this.getParent != null);
-    },
     isRootComponent: function() {
       return !(this.getParent != null);
     },
     getRootComponent: function() {
-      if (this.rootComponent()) {
+      if (this.isRootComponent()) {
         return this;
       } else {
         return this.getParent().getRootComponent();
@@ -1997,23 +2664,21 @@
     },
     selectByAttribute: function(attribute, value, deep) {
       var components;
+      if (value == null) value = void 0;
       if (deep == null) deep = false;
       components = _(this.components).map(function(component) {
         var matches, test;
         matches = [];
         test = component[attribute];
-        if (test === value) matches.push(component);
+        if (test === value || (!(value != null) && (test != null))) {
+          matches.push(component);
+        }
         if (deep === true) {
           matches.push(typeof component.selectByAttribute === "function" ? component.selectByAttribute(attribute, value, true) : void 0);
         }
         return _.compact(matches);
       });
       return _.flatten(components);
-    },
-    select: function(attribute, value, deep) {
-      if (deep == null) deep = false;
-      console.log("Container.select will be replaced by selectByAttribute in 1.0");
-      return Luca.core.Container.prototype.selectByAttribute.apply(this, arguments);
     }
   });
 
@@ -2023,6 +2688,98 @@
     return attachMethod(component.render().el);
   };
 
+  doLayout = function() {
+    this.trigger("before:layout", this);
+    this.prepareLayout();
+    return this.trigger("after:layout", this);
+  };
+
+  applyDOMConfig = function(panel, panelIndex) {
+    var config, style_declarations;
+    style_declarations = [];
+    if (panel.height != null) {
+      style_declarations.push("height: " + (_.isNumber(panel.height) ? panel.height + 'px' : panel.height));
+    }
+    if (panel.width != null) {
+      style_declarations.push("width: " + (_.isNumber(panel.width) ? panel.width + 'px' : panel.width));
+    }
+    if (panel.float) style_declarations.push("float: " + panel.float);
+    config = {
+      "class": (panel != null ? panel.classes : void 0) || this.componentClass,
+      id: "" + this.cid + "-" + panelIndex,
+      style: style_declarations.join(';'),
+      "data-luca-parent": this.name || this.cid
+    };
+    if (this.customizeContainerEl != null) {
+      config = this.customizeContainerEl(config, panel, panelIndex);
+    }
+    return config;
+  };
+
+  createGetterMethods = function() {
+    var childrenWithGetter;
+    container = this;
+    childrenWithGetter = _(this.allChildren()).select(function(component) {
+      return component.getter != null;
+    });
+    return _(childrenWithGetter).each(function(component) {
+      var _name;
+      return container[_name = component.getter] || (container[_name] = function() {
+        console.log(component.getter, component, container);
+        return component;
+      });
+    });
+  };
+
+  createMethodsToGetComponentsByRole = function() {
+    var childrenWithRole;
+    container = this;
+    childrenWithRole = _(this.allChildren()).select(function(component) {
+      return component.role != null;
+    });
+    return _(childrenWithRole).each(function(component) {
+      var getter;
+      getter = _.str.camelize("get_" + component.role);
+      return container[getter] || (container[getter] = function() {
+        return component;
+      });
+    });
+  };
+
+  doComponents = function() {
+    this.trigger("before:components", this, this.components);
+    this.prepareComponents();
+    this.createComponents();
+    this.trigger("before:render:components", this, this.components);
+    this.renderComponents();
+    this.trigger("after:components", this, this.components);
+    if (this.skipGetterMethods !== true) {
+      createGetterMethods.call(this);
+      createMethodsToGetComponentsByRole.call(this);
+    }
+    return this.registerComponentEvents();
+  };
+
+  validateContainerConfiguration = function() {
+    return true;
+  };
+
+  indexComponent = function(component) {
+    return {
+      at: function(index) {
+        return {
+          "in": function(map) {
+            if (component.cid != null) map.cid_index[component.cid] = index;
+            if (component.role != null) map.role_index[component.role] = index;
+            if (component.name != null) {
+              return map.name_index[component.name] = index;
+            }
+          }
+        };
+      }
+    };
+  };
+
 }).call(this);
 (function() {
   var guessCollectionClass, handleInitialCollections, loadInitialCollections;
@@ -2073,7 +2830,12 @@
       CollectionClass = collectionOptions.base;
       CollectionClass || (CollectionClass = guessCollectionClass.call(this, key));
       if (collectionOptions.private) collectionOptions.name = "";
-      collection = new CollectionClass(initialModels, collectionOptions);
+      try {
+        collection = new CollectionClass(initialModels, collectionOptions);
+      } catch (e) {
+        console.log("Error creating collection", CollectionClass, collectionOptions, key);
+        throw e;
+      }
       this.add(key, collection);
       collectionManager = this;
       if (this.relayEvents === true) {
@@ -2147,10 +2909,28 @@
 
   })();
 
+  Luca.CollectionManager.isRunning = function() {
+    return _.isEmpty(Luca.CollectionManager.instances) !== true;
+  };
+
   Luca.CollectionManager.destroyAll = function() {
     return Luca.CollectionManager.instances = {};
   };
 
+  Luca.CollectionManager.loadCollectionsByName = function(set, callback) {
+    var collection, name, _i, _len, _results;
+    _results = [];
+    for (_i = 0, _len = set.length; _i < _len; _i++) {
+      name = set[_i];
+      collection = this.getOrCreate(name);
+      collection.once("reset", function() {
+        return callback(collection);
+      });
+      _results.push(collection.fetch());
+    }
+    return _results;
+  };
+
   guessCollectionClass = function(key) {
     var classified, guess, guesses, _ref;
     classified = Luca.util.classify(key);
@@ -2167,7 +2947,7 @@
   };
 
   loadInitialCollections = function() {
-    var collectionDidLoad,
+    var collectionDidLoad, set,
       _this = this;
     collectionDidLoad = function(collection) {
       var current;
@@ -2176,14 +2956,8 @@
       _this.trigger("collection_loaded", collection.name);
       return collection.unbind("reset");
     };
-    return _(this.initialCollections).each(function(name) {
-      var collection;
-      collection = _this.getOrCreate(name);
-      collection.once("reset", function() {
-        return collectionDidLoad(collection);
-      });
-      return collection.fetch();
-    });
+    set = this.initialCollections;
+    return Luca.CollectionManager.loadCollectionsByName.call(this, set, collectionDidLoad);
   };
 
   handleInitialCollections = function() {
@@ -2202,6 +2976,7 @@
       }));
     }
     loadInitialCollections.call(this);
+    this.initialCollectionsLoadedu;
     return this;
   };
 
@@ -2314,9 +3089,13 @@
 
 }).call(this);
 (function() {
+  var component;
+
+  component = Luca.define("Luca.containers.CardView");
 
-  _.def("Luca.containers.CardView")["extends"]("Luca.core.Container")["with"]({
-    componentType: 'card_view',
+  component["extends"]("Luca.core.Container");
+
+  component.defaults({
     className: 'luca-ui-card-view-wrapper',
     activeCard: 0,
     components: [],
@@ -2326,21 +3105,16 @@
     initialize: function(options) {
       this.options = options;
       Luca.core.Container.prototype.initialize.apply(this, arguments);
-      return this.setupHooks(this.hooks);
+      this.setupHooks(this.hooks);
+      return this.components || (this.components = this.pages || (this.pages = this.cards));
     },
     prepareComponents: function() {
-      var _ref,
-        _this = this;
+      var _ref;
       if ((_ref = Luca.core.Container.prototype.prepareComponents) != null) {
         _ref.apply(this, arguments);
       }
-      return _(this.components).each(function(component, index) {
-        if (index === _this.activeCard) {
-          return $(component.container).show();
-        } else {
-          return $(component.container).hide();
-        }
-      });
+      this.componentElements().hide();
+      return this.activeComponentElement().show();
     },
     activeComponentElement: function() {
       return this.componentElements().eq(this.activeCard);
@@ -2352,13 +3126,27 @@
       containerEl.style += panelIndex === this.activeCard ? "display:block;" : "display:none;";
       return containerEl;
     },
+    atFirst: function() {
+      return this.activeCard === 0;
+    },
+    atLast: function() {
+      return this.activeCard === this.components.length - 1;
+    },
+    next: function() {
+      if (this.atLast()) return;
+      return this.activate(this.activeCard + 1);
+    },
+    previous: function() {
+      if (this.atFirst()) return;
+      return this.activate(this.activeCard - 1);
+    },
     cycle: function() {
       var nextIndex;
-      nextIndex = this.activeCard < this.components.length - 1 ? this.activeCard + 1 : 0;
+      nextIndex = this.atLast() ? 0 : this.activeCard + 1;
       return this.activate(nextIndex);
     },
     find: function(name) {
-      return this.findComponentByName(name, true);
+      return Luca(name);
     },
     firstActivation: function() {
       return this.activeComponent().trigger("first:activation", this, this.activeComponent());
@@ -2450,33 +3238,93 @@
     }
   });
 
-  _.def("Luca.containers.ModalView")["extends"]("Luca.ModalView")["with"]();
-
-}).call(this);
-(function() {
-
-  _.def("Luca.PageView")["extends"]("Luca.containers.CardView")["with"]({
-    version: 2
-  });
-
-}).call(this);
-(function() {
-  var buildButton, make, prepareButtons;
-
+  _.def("Luca.containers.ModalView")["extends"]("Luca.ModalView")["with"]();
+
+}).call(this);
+(function() {
+
+  _.def("Luca.PageView")["extends"]("Luca.containers.CardView")["with"]({
+    version: 2
+  });
+
+}).call(this);
+(function() {
+  var buildButton, make, panelToolbar, prepareButtons;
+
+  panelToolbar = Luca.register("Luca.components.PanelToolbar");
+
+  panelToolbar["extends"]("Luca.View");
+
+  panelToolbar.defines({
+    buttons: [],
+    className: "luca-ui-toolbar btn-toolbar",
+    well: true,
+    orientation: 'top',
+    autoBindEventHandlers: true,
+    events: {
+      "click a.btn, click .dropdown-menu li": "clickHandler"
+    },
+    initialize: function(options) {
+      var _ref;
+      this.options = options != null ? options : {};
+      this._super("initialize", this, arguments);
+      if (this.group === true && ((_ref = this.buttons) != null ? _ref.length : void 0) >= 0) {
+        return this.buttons = [
+          {
+            group: true,
+            buttons: this.buttons
+          }
+        ];
+      }
+    },
+    clickHandler: function(e) {
+      var eventId, hook, me, my, source;
+      me = my = $(e.target);
+      if (me.is('i')) me = my = $(e.target).parent();
+      if (this.selectable === true) {
+        my.siblings().removeClass("is-selected");
+        me.addClass('is-selected');
+      }
+      if (!(eventId = my.data('eventid'))) return;
+      hook = Luca.util.hook(eventId);
+      source = this.parent || this;
+      if (_.isFunction(source[hook])) {
+        return source[hook].call(this, me, e);
+      } else {
+        return source.trigger(eventId, me, e);
+      }
+    },
+    beforeRender: function() {
+      this._super("beforeRender", this, arguments);
+      if (this.well === true) this.$el.addClass('well');
+      if (this.selectable === true) this.$el.addClass('btn-selectable');
+      this.$el.addClass("toolbar-" + this.orientation);
+      if (this.align === "right") this.$el.addClass("pull-right");
+      if (this.align === "left") return this.$el.addClass("pull-left");
+    },
+    render: function() {
+      var element, _i, _len, _ref;
+      this.$el.empty();
+      _ref = prepareButtons(this.buttons);
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        element = _ref[_i];
+        this.$el.append(element);
+      }
+      return this;
+    }
+  });
+
   make = Backbone.View.prototype.make;
 
   buildButton = function(config, wrap) {
     var autoWrapClass, buttonAttributes, buttonEl, buttons, dropdownEl, dropdownItems, label, object, white, wrapper,
       _this = this;
     if (wrap == null) wrap = true;
-    if (config.ctype != null) {
+    if ((config.ctype != null) || (config.type != null)) {
       config.className || (config.className = "");
       config.className += 'toolbar-component';
       object = Luca(config).render();
-      if (Luca.isBackboneView(object)) {
-        console.log("Adding toolbar component", object);
-        return object.el;
-      }
+      if (Luca.isBackboneView(object)) return object.$el;
     }
     if (config.spacer) {
       return make("div", {
@@ -2489,8 +3337,11 @@
       }, config.text);
     }
     wrapper = 'btn-group';
-    if (config.wrapper != null) wrapper += " " + config.wrapper;
-    if (config.align != null) wrapper += " align-" + config.align;
+    if (config.wrapper != null) wrapper += "" + config.wrapper;
+    if (config.align != null) {
+      wrapper += "pull-" + config.align + " align-" + config.align;
+    }
+    if (config.selectable === true) wrapper += 'btn-selectable';
     if ((config.group != null) && (config.buttons != null)) {
       buttons = prepareButtons(config.buttons, false);
       return make("div", {
@@ -2512,6 +3363,7 @@
       if (config.color != null) {
         buttonAttributes["class"] += " btn-" + config.color;
       }
+      if (config.selected != null) buttonAttributes["class"] += " is-selected";
       if (config.dropdown) {
         label = "" + label + " <span class='caret'></span>";
         buttonAttributes["class"] += " dropdown-toggle";
@@ -2541,51 +3393,16 @@
   };
 
   prepareButtons = function(buttons, wrap) {
+    var button, _i, _len, _results;
+    if (buttons == null) buttons = [];
     if (wrap == null) wrap = true;
-    return _(buttons).map(function(button) {
-      return buildButton(button, wrap);
-    });
-  };
-
-  _.def("Luca.containers.PanelToolbar")["extends"]("Luca.View")["with"]({
-    className: "luca-ui-toolbar btn-toolbar",
-    buttons: [],
-    well: true,
-    orientation: 'top',
-    autoBindEventHandlers: true,
-    events: {
-      "click a.btn, click .dropdown-menu li": "clickHandler"
-    },
-    clickHandler: function(e) {
-      var eventId, hook, me, my, source;
-      me = my = $(e.target);
-      if (me.is('i')) me = my = $(e.target).parent();
-      eventId = my.data('eventid');
-      if (eventId == null) return;
-      hook = Luca.util.hook(eventId);
-      source = this.parent || this;
-      if (_.isFunction(source[hook])) {
-        return source[hook].call(this, me, e);
-      } else {
-        return source.trigger(eventId, me, e);
-      }
-    },
-    beforeRender: function() {
-      this._super("beforeRender", this, arguments);
-      if (this.well === true) this.$el.addClass('well');
-      this.$el.addClass("toolbar-" + this.orientation);
-      if (this.styles != null) return this.applyStyles(this.styles);
-    },
-    render: function() {
-      var elements,
-        _this = this;
-      this.$el.empty();
-      elements = prepareButtons(this.buttons);
-      return _(elements).each(function(element) {
-        return _this.$el.append(element);
-      });
+    _results = [];
+    for (_i = 0, _len = buttons.length; _i < _len; _i++) {
+      button = buttons[_i];
+      _results.push(buildButton(button, wrap));
     }
-  });
+    return _results;
+  };
 
 }).call(this);
 (function() {
@@ -2651,11 +3468,12 @@
       return (_ref = Luca.containers.CardView.prototype.beforeLayout) != null ? _ref.apply(this, arguments) : void 0;
     },
     afterRender: function() {
-      var _ref;
+      var tabContainerId, _ref;
       if ((_ref = Luca.containers.CardView.prototype.afterRender) != null) {
         _ref.apply(this, arguments);
       }
-      this.registerEvent("click #" + this.cid + "-tabs-selector li a", "select");
+      tabContainerId = this.tabContainer().attr("id");
+      this.registerEvent("click #" + tabContainerId + " li a", "select");
       if (Luca.enableBootstrap && (this.tab_position === "left" || this.tab_position === "right")) {
         this.tabContainerWrapper().addClass("span2");
         return this.tabContentWrapper().addClass("span9");
@@ -2666,7 +3484,9 @@
       tabView = this;
       return this.each(function(component, index) {
         var icon, link, selector, _ref;
-        if (component.tabIcon) icon = "<i class='icon-" + component.tabIcon;
+        if (component.tabIcon) {
+          icon = "<i class='icon-" + component.tabIcon + "'></i>";
+        }
         link = "<a href='#'>" + (icon || '') + " " + component.title + "</a>";
         selector = tabView.make("li", {
           "class": "tab-selector",
@@ -2810,9 +3630,8 @@
 
 }).call(this);
 (function() {
-  var startHistory;
 
-  startHistory = function() {
+  Luca.util.startHistory = function() {
     return Backbone.history.start();
   };
 
@@ -2847,7 +3666,7 @@
       Luca.Application.instances[appName] = app;
       Luca.containers.Viewport.prototype.initialize.apply(this, arguments);
       this.state = new Luca.Model(this.defaultState);
-      this.setupMainController();
+      if (this.useController === true) this.setupMainController();
       this.setupCollectionManager();
       this.defer(function() {
         return app.render();
@@ -2951,7 +3770,9 @@
         });
       }
       return (_ref2 = this.getMainController()) != null ? _ref2.each(function(component) {
-        if (component.ctype.match(/controller$/)) {
+        var type;
+        type = component.type || component.type;
+        if (type.match(/controller$/)) {
           return component.bind("after:card:switch", function(previous, current) {
             _this.state.set({
               active_sub_section: current.name
@@ -2967,7 +3788,7 @@
         definedComponents = this.components || [];
         this.components = [
           {
-            ctype: 'controller',
+            type: 'controller',
             name: "main_controller",
             components: definedComponents
           }
@@ -2976,25 +3797,27 @@
       }
     },
     setupCollectionManager: function() {
-      var collectionManagerOptions, _base, _ref, _ref2;
-      if (this.useCollectionManager === true) {
-        if (_.isString(this.collectionManagerClass)) {
-          this.collectionManagerClass = Luca.util.resolve(this.collectionManagerClass);
-        }
-        collectionManagerOptions = this.collectionManagerOptions;
-        if (_.isObject(this.collectionManager) && !_.isFunction((_ref = this.collectionManager) != null ? _ref.get : void 0)) {
-          collectionManagerOptions = this.collectionManager;
-          this.collectionManager = void 0;
-        }
-        if (_.isString(this.collectionManager)) {
-          collectionManagerOptions = {
-            name: this.collectionManager
-          };
-        }
-        this.collectionManager = typeof (_base = Luca.CollectionManager).get === "function" ? _base.get(collectionManagerOptions.name) : void 0;
-        if (!_.isFunction((_ref2 = this.collectionManager) != null ? _ref2.get : void 0)) {
-          return this.collectionManager = new this.collectionManagerClass(collectionManagerOptions);
-        }
+      var collectionManagerOptions, _base, _ref, _ref2, _ref3;
+      if (this.useCollectionManager !== true) return;
+      if ((this.collectionManager != null) && (((_ref = this.collectionManager) != null ? _ref.get : void 0) != null)) {
+        return;
+      }
+      if (_.isString(this.collectionManagerClass)) {
+        this.collectionManagerClass = Luca.util.resolve(this.collectionManagerClass);
+      }
+      collectionManagerOptions = this.collectionManagerOptions || {};
+      if (_.isObject(this.collectionManager) && !_.isFunction((_ref2 = this.collectionManager) != null ? _ref2.get : void 0)) {
+        collectionManagerOptions = this.collectionManager;
+        this.collectionManager = void 0;
+      }
+      if (_.isString(this.collectionManager)) {
+        collectionManagerOptions = {
+          name: this.collectionManager
+        };
+      }
+      this.collectionManager = typeof (_base = Luca.CollectionManager).get === "function" ? _base.get(collectionManagerOptions.name) : void 0;
+      if (!_.isFunction((_ref3 = this.collectionManager) != null ? _ref3.get : void 0)) {
+        return this.collectionManager = new this.collectionManagerClass(collectionManagerOptions);
       }
     },
     setupRouter: function() {
@@ -3010,7 +3833,7 @@
         if (this.autoStartHistory === true) {
           this.autoStartHistory = "before:render";
         }
-        return this.defer(startHistory, false).until(this, this.autoStartHistory);
+        return this.defer(Luca.util.startHistory, false).until(this, this.autoStartHistory);
       }
     },
     setupKeyHandler: function() {
@@ -3090,47 +3913,70 @@
 
 }).call(this);
 (function() {
-  var make, setupChangeObserver;
+  var collectionView, make;
+
+  collectionView = Luca.define("Luca.components.CollectionView");
 
-  _.def("Luca.components.CollectionView")["extends"]("Luca.components.Panel")["with"]({
-    tagName: "div",
+  collectionView["extends"]("Luca.components.Panel");
+
+  collectionView.behavesAs("LoadMaskable", "Filterable", "Paginatable");
+
+  collectionView.triggers("before:refresh", "after:refresh", "refresh", "empty:results");
+
+  collectionView.defaults({
+    tagName: "ol",
     className: "luca-ui-collection-view",
     bodyClassName: "collection-ui-panel",
     itemTemplate: void 0,
     itemRenderer: void 0,
     itemTagName: 'li',
     itemClassName: 'collection-item',
-    hooks: ["empty:results"],
     initialize: function(options) {
       var _this = this;
       this.options = options != null ? options : {};
       _.extend(this, this.options);
       _.bindAll(this, "refresh");
       if (!((this.collection != null) || this.options.collection)) {
+        console.log("Error on initialize of collection view", this);
         throw "Collection Views must specify a collection";
       }
       if (!((this.itemTemplate != null) || (this.itemRenderer != null) || (this.itemProperty != null))) {
         throw "Collection Views must specify an item template or item renderer function";
       }
-      Luca.components.Panel.prototype.initialize.apply(this, arguments);
-      if (_.isString(this.collection) && Luca.CollectionManager.get()) {
-        this.collection = Luca.CollectionManager.get().getOrCreate(this.collection);
+      if (_.isString(this.collection)) {
+        if (Luca.CollectionManager.get()) {
+          this.collection = Luca.CollectionManager.get().getOrCreate(this.collection);
+        } else {
+          console.log("String Collection but no collection manager");
+        }
       }
-      if (Luca.isBackboneCollection(this.collection)) {
+      if (!Luca.isBackboneCollection(this.collection)) {
+        console.log("Missing Collection on " + (this.name || this.cid), this, this.collection);
+        throw "Collection Views must have a valid backbone collection";
         this.collection.on("before:fetch", function() {
-          if (_this.loadMask === true) return _this.trigger("enable:loadmask");
+          return _this.trigger("enable:loadmask");
         });
         this.collection.bind("reset", function() {
-          if (_this.loadMask === true) _this.trigger("disable:loadmask");
+          _this.refresh();
+          return _this.trigger("disable:loadmask");
+        });
+        this.collection.bind("remove", function() {
           return _this.refresh();
         });
-        this.collection.bind("add", this.refresh);
-        this.collection.bind("remove", this.refresh);
-        if (this.observeChanges === true) setupChangeObserver.call(this);
-      } else {
-        throw "Collection Views must have a valid backbone collection";
+        this.collection.bind("add", function() {
+          return _this.refresh();
+        });
+        if (this.observeChanges === true) {
+          this.collection.on("change", this.refreshModel, this);
+        }
+      }
+      Luca.components.Panel.prototype.initialize.apply(this, arguments);
+      if (this.autoRefreshOnModelsPresent !== false) {
+        this.defer(function() {
+          if (_this.collection.length > 0) return _this.refresh();
+        }).until("after:render");
       }
-      if (this.collection.length > 0) return this.refresh();
+      return this.on("refresh", this.refresh, this);
     },
     attributesForItem: function(item, model) {
       return _.extend({}, {
@@ -3143,29 +3989,67 @@
       var content, templateFn;
       if (item == null) item = {};
       if ((this.itemTemplate != null) && (templateFn = Luca.template(this.itemTemplate))) {
-        content = templateFn.call(this, item);
+        return content = templateFn.call(this, item);
       }
       if ((this.itemRenderer != null) && _.isFunction(this.itemRenderer)) {
-        content = this.itemRenderer.call(this, item, item.model, item.index);
+        return content = this.itemRenderer.call(this, item, item.model, item.index);
       }
-      if (this.itemProperty) {
-        content = item.model.get(this.itemProperty) || item.model[this.itemProperty];
-        if (_.isFunction(content)) content = content();
+      if (this.itemProperty && (item.model != null)) {
+        return content = item.model.read(this.itemProperty);
       }
-      return content;
+      return "";
     },
     makeItem: function(model, index) {
-      var item;
+      var attributes, content, item;
       item = this.prepareItem != null ? this.prepareItem.call(this, model, index) : {
         model: model,
         index: index
       };
-      return make(this.itemTagName, this.attributesForItem(item, model), this.contentForItem(item));
+      attributes = this.attributesForItem(item, model);
+      content = this.contentForItem(item);
+      try {
+        return make(this.itemTagName, attributes, content);
+      } catch (e) {
+        return console.log("Error generating DOM element for CollectionView", this, model, index);
+      }
+    },
+    getCollection: function() {
+      return this.collection;
+    },
+    applyQuery: function(query, queryOptions) {
+      if (query == null) query = {};
+      if (queryOptions == null) queryOptions = {};
+      this.query = query;
+      this.queryOptions = queryOptions;
+      this.refresh();
+      return this;
+    },
+    getQuery: function() {
+      var query, querySource, _i, _len, _ref;
+      query = this.query || (this.query = {});
+      _ref = _(this.querySources || []).compact();
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        querySource = _ref[_i];
+        query = _.extend(query, querySource() || {});
+      }
+      return query;
+    },
+    getQueryOptions: function() {
+      var optionSource, options, _i, _len, _ref;
+      options = this.queryOptions || (this.queryOptions = {});
+      _ref = _(this.optionsSources || []).compact();
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        optionSource = _ref[_i];
+        options = _.extend(options, optionSource() || {});
+      }
+      return options;
     },
-    getModels: function() {
+    getModels: function(query, options) {
       var _ref;
-      if (((_ref = this.collection) != null ? _ref.query : void 0) && (this.filter || this.filterOptions)) {
-        return this.collection.query(this.filter, this.filterOptions);
+      if ((_ref = this.collection) != null ? _ref.query : void 0) {
+        query || (query = this.getQuery());
+        options || (options = this.getQueryOptions());
+        return this.collection.query(query, options);
       } else {
         return this.collection.models;
       }
@@ -3176,18 +4060,27 @@
     refreshModel: function(model) {
       var index;
       index = this.collection.indexOf(model);
-      return this.locateItemElement(model.get('id')).empty().append(this.contentForItem({
+      this.locateItemElement(model.get('id')).empty().append(this.contentForItem({
         model: model,
         index: index
       }, model));
+      return this.trigger("model:refreshed", index, model);
     },
-    refresh: function() {
-      var _this = this;
+    refresh: function(query, options, models) {
+      var index, model, _i, _len;
+      query || (query = this.getQuery());
+      options || (options = this.getQueryOptions());
+      models || (models = this.getModels(query, options));
       this.$bodyEl().empty();
-      if (this.getModels().length === 0) this.trigger("empty:results");
-      return _(this.getModels()).each(function(model, index) {
-        return _this.$append(_this.makeItem(model, index));
-      });
+      this.trigger("before:refresh", models, query, options);
+      if (models.length === 0) this.trigger("empty:results");
+      index = 0;
+      for (_i = 0, _len = models.length; _i < _len; _i++) {
+        model = models[_i];
+        this.$append(this.makeItem(model, index++));
+      }
+      this.trigger("after:refresh", models, query, options);
+      return this;
     },
     registerEvent: function(domEvent, selector, handler) {
       var eventTrigger;
@@ -3207,13 +4100,6 @@
 
   make = Luca.View.prototype.make;
 
-  setupChangeObserver = function() {
-    var _this = this;
-    return this.collection.on("change", function(model) {
-      return _this.refreshModel(model);
-    });
-  };
-
 }).call(this);
 (function() {
 
@@ -3480,10 +4366,10 @@
       return this.label || (this.label = this.name);
     },
     setValue: function(checked) {
-      return this.input.attr('checked', checked);
+      return this.getInputElement().attr('checked', checked);
     },
     getValue: function() {
-      return this.input.is(":checked");
+      return this.getInputElement().is(":checked");
     }
   });
 
@@ -3492,10 +4378,6 @@
 
   _.def('Luca.fields.FileUploadField')["extends"]('Luca.core.Field')["with"]({
     template: 'fields/file_upload_field',
-    initialize: function(options) {
-      this.options = options != null ? options : {};
-      return Luca.core.Field.prototype.initialize.apply(this, arguments);
-    },
     afterInitialize: function() {
       this.input_id || (this.input_id = _.uniqueId('field'));
       this.input_name || (this.input_name = this.name);
@@ -3509,10 +4391,6 @@
 
   _.def('Luca.fields.HiddenField')["extends"]('Luca.core.Field')["with"]({
     template: 'fields/hidden_field',
-    initialize: function(options) {
-      this.options = options != null ? options : {};
-      return Luca.core.Field.prototype.initialize.apply(this, arguments);
-    },
     afterInitialize: function() {
       this.input_id || (this.input_id = _.uniqueId('field'));
       this.input_name || (this.input_name = this.name);
@@ -3526,16 +4404,13 @@
 
   _.def("Luca.components.LabelField")["extends"]("Luca.core.Field")["with"]({
     className: "luca-ui-field luca-ui-label-field",
-    getValue: function() {
-      return this.$('input').attr('value');
-    },
     formatter: function(value) {
       value || (value = this.getValue());
       return _.str.titleize(value);
     },
     setValue: function(value) {
       this.trigger("change", value, this.getValue());
-      this.$('input').attr('value', value);
+      this.getInputElement().attr('value', value);
       return this.$('.value').html(this.formatter(value));
     }
   });
@@ -3590,9 +4465,11 @@
         return hash;
       });
     },
+    getInputElement: function() {
+      return this.input || (this.input = this.$('select').eq(0));
+    },
     afterRender: function() {
       var _ref, _ref2;
-      this.input = $('select', this.el);
       if (((_ref = this.collection) != null ? (_ref2 = _ref.models) != null ? _ref2.length : void 0 : void 0) > 0) {
         return this.populateOptions();
       } else {
@@ -3610,9 +4487,9 @@
       return this.trigger("on:change", this, e);
     },
     resetOptions: function() {
-      this.input.html('');
+      this.getInputElement().html('');
       if (this.includeBlank) {
-        return this.input.append("<option value='" + this.blankValue + "'>" + this.blankText + "</option>");
+        return this.getInputElement().append("<option value='" + this.blankValue + "'>" + this.blankText + "</option>");
       }
     },
     populateOptions: function() {
@@ -3626,7 +4503,7 @@
           display = model.get(_this.displayField);
           if (_this.selected && value === _this.selected) selected = "selected";
           option = "<option " + selected + " value='" + value + "'>" + display + "</option>";
-          return _this.input.append(option);
+          return _this.getInputElement().append(option);
         });
       }
       this.trigger("after:populate:options", this);
@@ -3654,6 +4531,7 @@
       this.input_name || (this.input_name = this.name);
       this.label || (this.label = this.name);
       this.input_class || (this.input_class = this["class"]);
+      this.input_value || (this.input_value = "");
       return this.inputStyles || (this.inputStyles = "height:" + this.height + ";width:" + this.width);
     },
     setValue: function(value) {
@@ -3699,6 +4577,7 @@
       this.input_name || (this.input_name = this.name);
       this.label || (this.label = this.name);
       this.input_class || (this.input_class = this["class"]);
+      this.input_value || (this.input_value = this.value || "");
       if (this.prepend) {
         this.$el.addClass('input-prepend');
         this.addOn = this.prepend;
@@ -3729,19 +4608,18 @@
   _.def('Luca.fields.TypeAheadField')["extends"]('Luca.fields.TextField')["with"]({
     className: 'luca-ui-field',
     getSource: function() {
-      if (_.isFunction(this.source)) return this.source.call(this);
-      return this.source || [];
+      return Luca.util.read(this.source) || [];
     },
     matcher: function(item) {
       return true;
     },
     beforeRender: function() {
-      this._super("beforeRender", this, arguments);
-      return this.$('input').attr('data-provide', 'typeahead');
+      Luca.fields.TextField.prototype.beforeRender.apply(this, arguments);
+      return this.getInputElement().attr('data-provide', 'typeahead');
     },
     afterRender: function() {
-      this._super("afterRender", this, arguments);
-      return this.$('input').typeahead({
+      Luca.fields.TextField.prototype.afterRender.apply(this, arguments);
+      return this.getInputElement().typeahead({
         matcher: this.matcher,
         source: this.getSource()
       });
@@ -3780,27 +4658,6 @@
 
 }).call(this);
 (function() {
-  var defaultToolbar;
-
-  defaultToolbar = {
-    buttons: [
-      {
-        icon: "remove-sign",
-        label: "Reset",
-        eventId: "click:reset",
-        className: "reset-button",
-        align: 'right'
-      }, {
-        icon: "ok-sign",
-        white: true,
-        label: "Save Changes",
-        eventId: "click:submit",
-        color: "success",
-        className: 'submit-button',
-        align: 'right'
-      }
-    ]
-  };
 
   _.def("Luca.components.FormView")["extends"]('Luca.core.Container')["with"]({
     tagName: 'form',
@@ -3818,6 +4675,7 @@
       this.options = options != null ? options : {};
       if (this.loadMask == null) this.loadMask = Luca.enableBootstrap;
       Luca.core.Container.prototype.initialize.apply(this, arguments);
+      this.components || (this.components = this.fields);
       _.bindAll(this, "submitHandler", "resetHandler", "renderToolbars", "applyLoadMask");
       this.state || (this.state = new Backbone.Model);
       this.setupHooks(this.hooks);
@@ -3832,7 +4690,7 @@
       }
     },
     getDefaultToolbar: function() {
-      return defaultToolbar;
+      return Luca.components.FormView.defaultFormViewToolbar;
     },
     applyStyleClasses: function() {
       if (Luca.enableBootstrap) this.applyBootstrapStyleClasses();
@@ -4046,6 +4904,26 @@
     }
   });
 
+  Luca.components.FormView.defaultFormViewToolbar = {
+    buttons: [
+      {
+        icon: "remove-sign",
+        label: "Reset",
+        eventId: "click:reset",
+        className: "reset-button",
+        align: 'right'
+      }, {
+        icon: "ok-sign",
+        white: true,
+        label: "Save Changes",
+        eventId: "click:submit",
+        color: "success",
+        className: 'submit-button',
+        align: 'right'
+      }
+    ]
+  };
+
 }).call(this);
 (function() {
 
@@ -4296,6 +5174,115 @@
     bodyTemplate: "components/load_mask"
   });
 
+}).call(this);
+(function() {
+  var multiView, propagateCollectionComponents, validateComponent;
+
+  multiView = Luca.define("Luca.components.MultiCollectionView");
+
+  multiView["extends"]("Luca.containers.CardView");
+
+  multiView.behavesAs("LoadMaskable", "Filterable", "Paginatable");
+
+  multiView.triggers("before:refresh", "after:refresh", "refresh", "empty:results");
+
+  multiView.defaultsTo({
+    version: 1,
+    stateful: true,
+    defaultState: {
+      activeView: 0
+    },
+    viewContainerClass: "luca-ui-multi-view-container",
+    initialize: function(options) {
+      var view, _i, _len, _ref;
+      this.options = options != null ? options : {};
+      this.components || (this.components = this.views);
+      _ref = this.components;
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        view = _ref[_i];
+        validateComponent(view);
+      }
+      this.on("refresh", this.refresh, this);
+      this.on("after:card:switch", this.refresh, this);
+      this.on("after:components", propagateCollectionComponents, this);
+      this.debug("multi collection , proto initialize");
+      return Luca.containers.CardView.prototype.initialize.apply(this, arguments);
+    },
+    relayAfterRefresh: function(models, query, options) {
+      return this.trigger("after:refresh", models, query, options);
+    },
+    refresh: function() {
+      var _ref;
+      return (_ref = this.activeComponent()) != null ? _ref.trigger("refresh") : void 0;
+    },
+    getCollection: function() {
+      return this.collection;
+    },
+    applyQuery: function(query, queryOptions) {
+      if (query == null) query = {};
+      if (queryOptions == null) queryOptions = {};
+      this.query = query;
+      this.queryOptions = queryOptions;
+      return this;
+    },
+    getQuery: function() {
+      var query, querySource, _i, _len, _ref;
+      this.debug("Get Query");
+      query = this.query || (this.query = {});
+      _ref = this.querySources;
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        querySource = _ref[_i];
+        query = _.extend(query, querySource() || {});
+      }
+      return query;
+    },
+    getQueryOptions: function() {
+      var optionSource, options, _i, _len, _ref;
+      this.debug("Get Query Options");
+      options = this.queryOptions || (this.queryOptions = {});
+      _ref = this.optionsSources;
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        optionSource = _ref[_i];
+        options = _.extend(options, optionSource() || {});
+      }
+      return options;
+    }
+  });
+
+  propagateCollectionComponents = function() {
+    var component, container, _i, _len, _ref, _results,
+      _this = this;
+    container = this;
+    _ref = this.components;
+    _results = [];
+    for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+      component = _ref[_i];
+      component.on("after:refresh", function(models, query, options) {
+        _this.debug("collection member after refresh");
+        return _this.trigger("after:refresh", models, query, options);
+      });
+      _results.push(_.extend(component, {
+        collection: container.getCollection(),
+        getQuery: function() {
+          return container.getQuery.call(container);
+        },
+        getQueryOptions: function() {
+          return container.getQueryOptions.call(container);
+        }
+      }));
+    }
+    return _results;
+  };
+
+  validateComponent = function(component) {
+    var type;
+    type = component.type || component.ctype;
+    if (type === "collection" || type === "collection_view" || type === "table" || type === "table_view") {
+      return;
+    }
+    throw "The MultiCollectionView expects to contain multiple collection views";
+  };
+
 }).call(this);
 (function() {
 
@@ -4330,6 +5317,129 @@
     version: 2
   });
 
+}).call(this);
+(function() {
+  var paginationControl;
+
+  paginationControl = Luca.register("Luca.components.PaginationControl");
+
+  paginationControl["extends"]("Luca.View");
+
+  paginationControl.defines({
+    template: "components/pagination",
+    stateful: true,
+    autoBindEventHandlers: true,
+    events: {
+      "click a[data-page-number]": "selectPage",
+      "click a.next": "nextPage",
+      "click a.prev": "previousPage"
+    },
+    afterInitialize: function() {
+      var _this = this;
+      _.bindAll(this, "updateWithPageCount");
+      return this.state.on("change", function(state, numberOfPages) {
+        return _this.updateWithPageCount(state.get('numberOfPages'));
+      });
+    },
+    limit: function() {
+      var _ref;
+      return parseInt(this.state.get('limit') || ((_ref = this.collection) != null ? _ref.length : void 0));
+    },
+    page: function() {
+      return parseInt(this.state.get('page') || 1);
+    },
+    nextPage: function() {
+      if (!this.nextEnabled()) return;
+      return this.state.set('page', this.page() + 1);
+    },
+    previousPage: function() {
+      if (!this.previousEnabled()) return;
+      return this.state.set('page', this.page() - 1);
+    },
+    selectPage: function(e) {
+      var me, my;
+      me = my = this.$(e.target);
+      if (!me.is('a.page')) me = my = my.closest('a.page');
+      my.siblings().removeClass('is-selected');
+      me.addClass('is-selected');
+      return this.setPage(my.data('page-number'));
+    },
+    setPage: function(page, options) {
+      if (page == null) page = 1;
+      if (options == null) options = {};
+      return this.state.set('page', page, options);
+    },
+    setLimit: function(limit, options) {
+      if (limit == null) limit = 1;
+      if (options == null) options = {};
+      return this.state.set('limit', limit, options);
+    },
+    pageButtonContainer: function() {
+      return this.$('.group');
+    },
+    previousEnabled: function() {
+      return this.page() > 1;
+    },
+    nextEnabled: function() {
+      return this.page() < this.totalPages();
+    },
+    previousButton: function() {
+      return this.$('a.page.prev');
+    },
+    nextButton: function() {
+      return this.$('a.page.next');
+    },
+    pageButtons: function() {
+      return this.$('a[data-page-number]', this.pageButtonContainer());
+    },
+    updateWithPageCount: function(pageCount, models) {
+      var modelCount,
+        _this = this;
+      this.pageCount = pageCount;
+      if (models == null) models = [];
+      modelCount = models.length;
+      console.log("Update With Page Count", this.pageCount, modelCount);
+      this.pageButtonContainer().empty();
+      _(this.pageCount).times(function(index) {
+        var button, page;
+        page = index + 1;
+        button = _this.make("a", {
+          "data-page-number": page,
+          "class": "page"
+        }, page);
+        return _this.pageButtonContainer().append(button);
+      });
+      this.toggleNavigationButtons();
+      this.selectActivePageButton();
+      return this;
+    },
+    toggleNavigationButtons: function() {
+      this.$('a.next, a.prev').addClass('disabled');
+      if (this.nextEnabled()) this.nextButton().removeClass('disabled');
+      if (this.previousEnabled()) {
+        return this.previousButton().removeClass('disabled');
+      }
+    },
+    selectActivePageButton: function() {
+      return this.activePageButton().addClass('is-selected');
+    },
+    activePageButton: function() {
+      return this.pageButtons().filter("[data-page-number='" + (this.page()) + "']");
+    },
+    totalPages: function() {
+      return this.pageCount;
+    },
+    totalItems: function() {
+      var _ref;
+      return parseInt(((_ref = this.collection) != null ? _ref.length : void 0) || 0);
+    },
+    itemsPerPage: function(value, options) {
+      if (options == null) options = {};
+      if (value != null) this.state.set("limit", value, options);
+      return parseInt(this.state.get("limit"));
+    }
+  });
+
 }).call(this);
 (function() {
 
@@ -4591,17 +5701,32 @@
     itemRenderer: function(item, model) {
       return Luca.components.TableView.rowRenderer.call(this, item, model);
     },
-    emptyResults: function() {
-      return this.$('tbody').append("<tr><td colspan=" + this.columns.length + ">" + this.emptyText + "</td></tr>");
-    },
     initialize: function(options) {
-      var _this = this;
+      var column,
+        _this = this;
       this.options = options != null ? options : {};
       Luca.components.CollectionView.prototype.initialize.apply(this, arguments);
+      this.columns = (function() {
+        var _i, _len, _ref, _results;
+        _ref = this.columns;
+        _results = [];
+        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+          column = _ref[_i];
+          if (_.isString(column)) {
+            column = {
+              reader: column
+            };
+          }
+          if (!(column.header != null)) {
+            column.header = _.str.titleize(_.str.humanize(column.reader));
+          }
+          _results.push(column);
+        }
+        return _results;
+      }).call(this);
       return this.defer(function() {
-        Luca.components.TableView.renderHeader.call(_this, _this.columns, _this.$('thead'));
-        return _this.$el.removeClass('row-fluid');
-      }).until("before:render");
+        return Luca.components.TableView.renderHeader.call(_this, _this.columns, _this.$('thead'));
+      }).until("after:render");
     }
   });
 
@@ -4615,29 +5740,30 @@
       _results = [];
       for (_i = 0, _len = columns.length; _i < _len; _i++) {
         column = columns[_i];
-        _results.push("<th data-col-index='" + index + "'>" + column.header + "</th>");
+        _results.push("<th data-col-index='" + (index++) + "'>" + column.header + "</th>");
       }
       return _results;
     })();
-    $(targetElement).append(make("tr", {}, content));
+    this.$(targetElement).append("<tr>" + (content.join('')) + "</tr>");
     index = 0;
     _results = [];
     for (_i = 0, _len = columns.length; _i < _len; _i++) {
       column = columns[_i];
       if (column.width != null) {
-        _results.push(this.$("th[data-col-index='" + index + "']", targetElement).css('width', column.width));
+        _results.push(this.$("th[data-col-index='" + (index++) + "']", targetElement).css('width', column.width));
       }
     }
     return _results;
   };
 
   Luca.components.TableView.rowRenderer = function(item, model, index) {
-    var columnConfig, _i, _len, _ref, _results;
+    var colIndex, columnConfig, _i, _len, _ref, _results;
+    colIndex = 0;
     _ref = this.columns;
     _results = [];
     for (_i = 0, _len = _ref.length; _i < _len; _i++) {
       columnConfig = _ref[_i];
-      _results.push(Luca.components.TableView.renderColumn.call(this, columnConfig, item, model, index));
+      _results.push(Luca.components.TableView.renderColumn.call(this, columnConfig, item, model, colIndex++));
     }
     return _results;
   };
@@ -4645,7 +5771,12 @@
   Luca.components.TableView.renderColumn = function(column, item, model, index) {
     var cellValue;
     cellValue = model.read(column.reader);
-    return make("td", {}, cellValue);
+    if (_.isFunction(column.renderer)) {
+      cellValue = column.renderer.call(this, cellValue, model, column);
+    }
+    return make("td", {
+      "data-col-index": index
+    }, cellValue);
   };
 
 }).call(this);