luca 0.9.65 → 0.9.76

data/src/framework.coffee

@@ -1,13 +1,22 @@
 # the Luca() browser utility function is meant to be a smart wrapper around various
 # types of input which will return what the developer would expect given the
 # context it is used.
-(window || global).Luca = (payload, args...)->
+lucaUtilityHelper = (payload, args...)->
+  unless payload?
+    return _( Luca.Application.instances ).values()?[0]
+
   if _.isString(payload) and result = Luca.cache(payload)
     return result
 
   if _.isString(payload) and result = Luca.find(payload)
     return result
 
+  if _.isString(payload) and result = Luca.registry.find(payload)
+    return result
+
+  if payload instanceof jQuery and result = Luca.find(payload)
+    return result
+
   if _.isObject(payload) and payload.ctype?
     return Luca.util.lazyComponent( payload )
 
@@ -18,21 +27,31 @@
   if _.isFunction( fallback = _(args).last() )
     return fallback()
 
+(window || global).Luca = ()-> lucaUtilityHelper.apply(@, arguments)
+
 _.extend Luca,
-  VERSION: "0.9.65"
+  VERSION: "0.9.76"
   core: {}
+  collections: {}
   containers: {}
   components: {}
-  modules: {}
+  models: {}
+  concerns: {}
   util: {}
   fields: {}
   registry:{}
   options: {}
   config: {}
+  getHelper: ()->
+    ()-> lucaUtilityHelper.apply(@, arguments)
 
 # for triggering / binding to component definitions
 _.extend Luca, Backbone.Events
 
+Luca.config.maintainStyleHierarchy = true
+Luca.config.maintainClassHierarchy = true
+Luca.config.autoApplyClassHierarchyAsCssClasses = true
+
 # When using Luca.define() should we automatically register
 # the component with the registry?
 Luca.autoRegister = Luca.config.autoRegister = true
@@ -49,11 +68,11 @@ Luca.enableGlobalObserver = Luca.config.enableGlobalObserver = false
 # let's use the Twitter 2.0 Bootstrap Framework
 # for what it is best at, and not try to solve this
 # problem on our own!
-Luca.enableBootstrap = Luca.config.enableBootstrap = true
+Luca.config.enableBoostrap = Luca.config.enableBootstrap = true
 
 Luca.config.enhancedViewProperties = true
 
-Luca.keys =
+Luca.keys = Luca.config.keys =
   ENTER: 13
   ESCAPE: 27
   KEYLEFT: 37
@@ -64,11 +83,69 @@ Luca.keys =
   FORWARDSLASH: 191
 
 # build a reverse map
-Luca.keyMap = _( Luca.keys ).inject (memo, value, symbol)->
+Luca.keyMap = Luca.config.keyMap = _( Luca.keys ).inject (memo, value, symbol)->
   memo[value] = symbol.toLowerCase()
   memo
 , {}
 
+Luca.config.showWarnings = true
+
+Luca.setupCollectionSpace = (options={})->
+  {baseParams, modelBootstrap} = options
+
+  if baseParams? 
+    Luca.Collection.baseParams( baseParams )
+  else
+    Luca.warn('You should remember to set the base params for Luca.Collection class.  You can do this by defining a property or function on Luca.config.baseParams')
+
+  if modelBootstrap?
+    Luca.Collection.bootstrap( modelBootstrap )
+  else
+    Luca.warn("You should remember to set the model bootstrap location for Luca.Collection.  You can do this by defining a property or function on Luca.config.modelBootstrap")
+
+# Creates a basic Namespace for you to begin defining
+# your application and all of its components.
+Luca.initialize = (namespace, options={})->
+  defaults = 
+    views: {}
+    collections: {}
+    models: {}
+    components: {}
+    lib: {}
+    util: {}
+    concerns: {}
+    register: ()->
+      Luca.register.apply(@, arguments)
+    onReady: ()-> 
+      Luca.onReady.apply(@, arguments)
+    getApplication: ()->
+      Luca.getApplication?.apply(@, arguments)
+    getCollectionManager: ()->
+      Luca.CollectionManager.get?.apply(@, arguments)
+
+
+  object = {}
+  object[ namespace ] = _.extend(Luca.getHelper(), defaults)
+
+  _.extend(Luca.config, options)
+  _.extend (window || global), object
+
+  Luca.concern.namespace "#{ namespace }.concerns"
+  Luca.registry.namespace "#{ namespace }.views"
+  Luca.Collection.namespace "#{ namespace }.collections"
+
+  Luca.on "ready", ()->
+    Luca.define.close()
+    Luca.setupCollectionSpace(options)
+
+Luca.onReady = (callback)->
+  Luca.trigger("ready")
+
+  $ -> callback.apply(@, arguments)
+
+Luca.warn = (message)->
+  console.log(message) if Luca.config.showWarnings is true
+
 Luca.find = (el)->
   Luca( $(el).data('luca-id') )
 
@@ -106,7 +183,7 @@ Luca.isCollectionPrototype = (obj)->
   obj? and obj::? and !Luca.isModelPrototype(obj) and obj::reset? and obj::select? and obj::reject?
 
 Luca.inheritanceChain = (obj)->
-  _( Luca.parentClasses(obj) ).map (className)-> Luca.util.resolve(className)
+  Luca.parentClasses(obj)
 
 Luca.parentClasses = (obj)->
   list = []
@@ -114,26 +191,22 @@ Luca.parentClasses = (obj)->
   if _.isString(obj)
     obj = Luca.util.resolve(obj)
 
-  list.push( obj.displayName || obj::?.displayName || Luca.parentClass(obj) )
-
-  classes = until not Luca.parentClass(obj)?
-    obj = Luca.parentClass(obj)
-
-  list = list.concat(classes)
+  metaData = obj.componentMetaData?()
+  metaData ||= obj::componentMetaData?()
 
-  _.uniq list
-
-Luca.parentClass = (obj)->
-  list = []
+  list = metaData?.classHierarchy() || [obj.displayName || obj::displayName]
 
+Luca.parentClass = (obj, resolve=true)->
   if _.isString( obj )
     obj = Luca.util.resolve(obj)
 
-  if Luca.isComponent(obj)
-    obj.displayName
+  parent = obj.componentMetaData?()?.meta["super class name"]
+  parent ||= obj::componentMetaData?()?.meta["super class name"]
+
+  parent || obj.displayName || obj.prototype?.displayName
+
+  if resolve then Luca.util.resolve(parent) else parent
 
-  else if Luca.isComponentPrototype(obj)
-    obj::_superClass?()?.displayName
 
 # This is a convenience method for accessing the templates
 # available to the client side app, either the ones which ship with Luca
@@ -191,6 +264,9 @@ UnderscoreExtensions =
   # this function will ensure a function gets called at least once
   # afrer x delay.  by setting defaults, we can use this on backbone
   # view definitions
+  #
+  # Note:  I am not sure if this is the same as _.debounce or not.  I will need
+  # to look into it
   idle: (code, delay=1000)->
     delay = 0 if window.DISABLE_IDLE
     handle = undefined

data/src/index.coffee

@@ -1,10 +1,12 @@
 #= require ./util
 #= require_tree ./plugins
+#= require ./concerns
 #= require ./define
 
-#= require_tree ./modules
+#= require_tree ./concerns
 
 #= require ./core/registry
+#= require ./core/meta_data
 #= require ./core/observer
 #= require ./core/view
 #= require ./core/model
@@ -20,4 +22,4 @@
 #= require_tree ./containers
 
 #= require ./components/template
-#= require_tree ./components
+#= require_tree ./components

data/src/managers/collection_manager.coffee

@@ -1,8 +1,6 @@
 class Luca.CollectionManager
   name: "primary"
 
-  collectionNamespace: Luca.Collection.namespace
-
   __collections: {}
 
   relayEvents: true 
@@ -15,6 +13,8 @@ class Luca.CollectionManager
     if existing = Luca.CollectionManager.get?(@name)
       throw 'Attempt to create a collection manager with a name which already exists'
 
+    @collectionNamespace ||= Luca.util.read( Luca.Collection.namespace )  
+    
     Luca.CollectionManager.instances ||= {}
 
     _.extend @, Backbone.Events
@@ -116,12 +116,16 @@ Luca.CollectionManager.loadCollectionsByName = (set, callback)->
       callback(collection)
     collection.fetch()  
 
-
 #### Private Methods
 guessCollectionClass = (key)->
   classified = Luca.util.classify( key )
+
+  if _.isString( @collectionNamespace )
+    @collectionNamespace = Luca.util.resolve(@collectionNamespace)
+
   # support our naming convention of Books
   guess = (@collectionNamespace || (window || global) )[ classified ]
+
   # support naming covention like BooksCollection
   guess ||= (@collectionNamespace || (window || global) )[ "#{classified}Collection" ]
 

data/src/stylesheets/components/checkbox_array.scss

@@ -1,4 +1,4 @@
-.luca-ui-checkbox-array {
+.luca-ui-checkbox-array, .luca-checkbox-array {
   input.array-checkbox {
     display: inline-block;
   }

data/src/stylesheets/components/form_view.scss

@@ -1,4 +1,4 @@
-.luca-ui-form-view-wrapper {
+.luca-form-view {
   width: 100%;
   float: left;
   display: block;
@@ -7,7 +7,7 @@
 }
 
 
-.luca-ui-form-view {
+.luca-form-view {
   .luca-ui-field {
     margin: 5px;
     padding: 5px;
@@ -19,7 +19,7 @@
   }
 }
 
-.luca-ui-form-view.label-align-top {
+.luca-form-view.label-align-top {
   .luca-ui-field {
     label, input, select, textarea {
       margin: 5px 0px;
@@ -28,13 +28,13 @@
   }
 }
 
-.luca-ui-form-view.column-layout {
+.luca-form-view.column-layout {
   .luca-ui-field {
     float: left;
   }
 }
 
-.luca-ui-form-view {
+.luca-form-view {
   .toolbar-container {
     padding-right: 12px;
   }

data/src/stylesheets/components/viewport.scss

@@ -6,7 +6,8 @@ html.luca-ui-fullscreen, body.luca-ui-fullscreen {
   .fluid-viewport-wrapper {
     padding-top:40px;
   }
-  .luca-ui-viewport, .fullscreen-container {
+
+  .luca-viewport, .luca-ui-viewport, .fullscreen-container {
     min-height: 100%;
     height: auto !important;
     height: 100%;

data/src/stylesheets/containers/container.scss

@@ -1,8 +1,3 @@
-.luca-ui-container {}
-
-.luca-ui-card {
-}
-
 .toolbar-container {
   clear: both;
 }

data/src/stylesheets/containers/tab_view.scss

@@ -1,19 +1,19 @@
-.luca-ui-tab-view {
+.luca-tab-view {
   .luca-ui-card {
-    .luca-ui-grid-view, .luca-ui-form-view, .luca-ui-card {
+    .luca-ui-grid-view, .luca-form-view, .luca-ui-card {
       overflow: hidden;
     }
   }
 }
 
-.luca-ui-tab-view.tabs-below, .luca-ui-tab-view.tabs-right {
+.luca-tab-view.tabs-below, .luca-tab-view.tabs-right {
   .tab-selector-container {
     display: block;
     clear: both;
   }
 }
 
-.luca-ui-tab-view.tabs-left {
+.luca-tab-view.tabs-left {
   .tab-selector-container {
     ul.nav-tabs {
       padding: 0px;
@@ -26,7 +26,7 @@
   }
 }
 
-.luca-ui-tab-view.tabs-right {
+.luca-tab-view.tabs-right {
   .tab-selector-container {
     float: right;
   }

data/src/templates/fields/text_area_field.jst.ejs

@@ -2,7 +2,7 @@
   <%= label %>
 </label>
 <div class="controls">
- <textarea name="<%= input_name %>" style="<%= inputStyles %>" ><%= input_value %></textarea>
+ <textarea placeholder="<%= placeHolder %>" name="<%= input_name %>" style="<%= inputStyles %>" ><%= input_value %></textarea>
   <% if(helperText) { %>
   <p class="helper-text help-block">
     <%= helperText %>

data/src/templates/fields/text_field.jst.ejs

@@ -6,7 +6,7 @@
 <% if( typeof(addOn) !== "undefined" ) { %>
   <span class="add-on"><%= addOn %></span>
 <% } %>
-<input type="text" name="<%= input_name %>" style="<%= inputStyles %>" value="<%= input_value %>" />
+<input type="text" placeholder="<%= placeHolder %>" name="<%= input_name %>" style="<%= inputStyles %>" value="<%= input_value %>" />
 <% if(helperText) { %>
 <p class="helper-text help-block">
   <%= helperText %>

data/src/util.coffee

@@ -36,6 +36,16 @@ Luca.util.hook = (eventId="")->
   parts = _( parts ).map (p)-> _.string.capitalize(p)
   fn = prefix + parts.join('')
 
+Luca.util.toCssClass = (componentName, exclusions...)->
+  parts = componentName.split('.')
+
+  transformed = for part in parts when _( exclusions ).indexOf(part) is -1
+    part = _.str.underscored(part)
+    part = part.replace(/_/g,'-')
+    part
+
+  transformed.join '-'
+
 Luca.util.isIE = ()->
   try
     Object.defineProperty({}, '', {})
@@ -118,3 +128,40 @@ Luca.util.badge = (contents="", type, baseClass="badge")->
   cssClass += " #{ baseClass }-#{ type }" if type?
   Luca.util.make("span",{class:cssClass},contents)
 
+Luca.util.setupHooks = (set)->
+  set ||= @hooks
+
+  _(set).each (eventId)=>
+    fn = Luca.util.hook( eventId )
+
+    callback = ()->
+      @[fn]?.apply @, arguments
+
+    callback = _.once(callback) if eventId?.match(/once:/)
+
+    @on eventId, callback, @
+
+Luca.util.setupHooksAdvanced = (set)->
+  set ||= @hooks
+
+  _(set).each (eventId)=>
+    hookSetup = @[ Luca.util.hook( eventId ) ]
+
+    unless _.isArray(hookSetup)
+      hookSetup = [hookSetup]
+    
+    for entry in hookSetup      
+      fn = if _.isString(entry)
+        @[ entry ]
+
+      if _.isFunction(entry)
+        fn = entry
+
+      callback = ()-> 
+        @[fn]?.apply @, arguments
+
+      if eventId?.match(/once:/)
+        callback = _.once(callback) 
+
+      @on eventId, callback, @
+

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

@@ -76,14 +76,21 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
 !function(a){a(function(){a.support.transition=function(){var a=function(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd",msTransition:"MSTransitionEnd",transition:"transitionend"},c;for(c in b)if(a.style[c]!==undefined)return b[c]}();return a&&{end:a}}()})}(window.jQuery),!function(a){function c(){var b=this,c=setTimeout(function(){b.$element.off(a.support.transition.end),d.call(b)},500);this.$element.one(a.support.transition.end,function(){clearTimeout(c),d.call(b)})}function d(a){this.$element.hide().trigger("hidden"),e.call(this)}function e(b){var c=this,d=this.$element.hasClass("fade")?"fade":"";if(this.isShown&&this.options.backdrop){var e=a.support.transition&&d;this.$backdrop=a('<div class="modal-backdrop '+d+'" />').appendTo(document.body),this.options.backdrop!="static"&&this.$backdrop.click(a.proxy(this.hide,this)),e&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),e?this.$backdrop.one(a.support.transition.end,b):b()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),a.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(a.support.transition.end,a.proxy(f,this)):f.call(this)):b&&b()}function f(){this.$backdrop.remove(),this.$backdrop=null}function g(){var b=this;this.isShown&&this.options.keyboard?a(document).on("keyup.dismiss.modal",function(a){a.which==27&&b.hide()}):this.isShown||a(document).off("keyup.dismiss.modal")}var b=function(b,c){this.options=c,this.$element=a(b).delegate('[data-dismiss="modal"]',"click.dismiss.modal",a.proxy(this.hide,this))};b.prototype={constructor:b,toggle:function(){return this[this.isShown?"hide":"show"]()},show:function(){var b=this,c=a.Event("show");this.$element.trigger(c);if(this.isShown||c.isDefaultPrevented())return;a("body").addClass("modal-open"),this.isShown=!0,g.call(this),e.call(this,function(){var c=a.support.transition&&b.$element.hasClass("fade");b.$element.parent().length||b.$element.appendTo(document.body),b.$element.show(),c&&b.$element[0].offsetWidth,b.$element.addClass("in"),c?b.$element.one(a.support.transition.end,function(){b.$element.trigger("shown")}):b.$element.trigger("shown")})},hide:function(b){b&&b.preventDefault();var e=this;b=a.Event("hide"),this.$element.trigger(b);if(!this.isShown||b.isDefaultPrevented())return;this.isShown=!1,a("body").removeClass("modal-open"),g.call(this),this.$element.removeClass("in"),a.support.transition&&this.$element.hasClass("fade")?c.call(this):d.call(this)}},a.fn.modal=function(c){return this.each(function(){var d=a(this),e=d.data("modal"),f=a.extend({},a.fn.modal.defaults,d.data(),typeof c=="object"&&c);e||d.data("modal",e=new b(this,f)),typeof c=="string"?e[c]():f.show&&e.show()})},a.fn.modal.defaults={backdrop:!0,keyboard:!0,show:!0},a.fn.modal.Constructor=b,a(function(){a("body").on("click.modal.data-api",'[data-toggle="modal"]',function(b){var c=a(this),d,e=a(c.attr("data-target")||(d=c.attr("href"))&&d.replace(/.*(?=#[^\s]+$)/,"")),f=e.data("modal")?"toggle":a.extend({},e.data(),c.data());b.preventDefault(),e.modal(f)})})}(window.jQuery),!function(a){function d(){a(b).parent().removeClass("open")}var b='[data-toggle="dropdown"]',c=function(b){var c=a(b).on("click.dropdown.data-api",this.toggle);a("html").on("click.dropdown.data-api",function(){c.parent().removeClass("open")})};c.prototype={constructor:c,toggle:function(b){var c=a(this),e,f,g;if(c.is(".disabled, :disabled"))return;return f=c.attr("data-target"),f||(f=c.attr("href"),f=f&&f.replace(/.*(?=#[^\s]*$)/,"")),e=a(f),e.length||(e=c.parent()),g=e.hasClass("open"),d(),g||e.toggleClass("open"),!1}},a.fn.dropdown=function(b){return this.each(function(){var d=a(this),e=d.data("dropdown");e||d.data("dropdown",e=new c(this)),typeof b=="string"&&e[b].call(d)})},a.fn.dropdown.Constructor=c,a(function(){a("html").on("click.dropdown.data-api",d),a("body").on("click.dropdown",".dropdown form",function(a){a.stopPropagation()}).on("click.dropdown.data-api",b,c.prototype.toggle)})}(window.jQuery),!function(a){var b=function(a,b){this.init("tooltip",a,b)};b.prototype={constructor:b,init:function(b,c,d){var e,f;this.type=b,this.$element=a(c),this.options=this.getOptions(d),this.enabled=!0,this.options.trigger!="manual"&&(e=this.options.trigger=="hover"?"mouseenter":"focus",f=this.options.trigger=="hover"?"mouseleave":"blur",this.$element.on(e,this.options.selector,a.proxy(this.enter,this)),this.$element.on(f,this.options.selector,a.proxy(this.leave,this))),this.options.selector?this._options=a.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},getOptions:function(b){return b=a.extend({},a.fn[this.type].defaults,b,this.$element.data()),b.delay&&typeof b.delay=="number"&&(b.delay={show:b.delay,hide:b.delay}),b},enter:function(b){var c=a(b.currentTarget)[this.type](this._options).data(this.type);if(!c.options.delay||!c.options.delay.show)return c.show();clearTimeout(this.timeout),c.hoverState="in",this.timeout=setTimeout(function(){c.hoverState=="in"&&c.show()},c.options.delay.show)},leave:function(b){var c=a(b.currentTarget)[this.type](this._options).data(this.type);if(!c.options.delay||!c.options.delay.hide)return c.hide();clearTimeout(this.timeout),c.hoverState="out",this.timeout=setTimeout(function(){c.hoverState=="out"&&c.hide()},c.options.delay.hide)},show:function(){var a,b,c,d,e,f,g;if(this.hasContent()&&this.enabled){a=this.tip(),this.setContent(),this.options.animation&&a.addClass("fade"),f=typeof this.options.placement=="function"?this.options.placement.call(this,a[0],this.$element[0]):this.options.placement,b=/in/.test(f),a.remove().css({top:0,left:0,display:"block"}).appendTo(b?this.$element:document.body),c=this.getPosition(b),d=a[0].offsetWidth,e=a[0].offsetHeight;switch(b?f.split(" ")[1]:f){case"bottom":g={top:c.top+c.height,left:c.left+c.width/2-d/2};break;case"top":g={top:c.top-e,left:c.left+c.width/2-d/2};break;case"left":g={top:c.top+c.height/2-e/2,left:c.left-d};break;case"right":g={top:c.top+c.height/2-e/2,left:c.left+c.width}}a.css(g).addClass(f).addClass("in")}},isHTML:function(a){return typeof a!="string"||a.charAt(0)==="<"&&a.charAt(a.length-1)===">"&&a.length>=3||/^(?:[^<]*<[\w\W]+>[^>]*$)/.exec(a)},setContent:function(){var a=this.tip(),b=this.getTitle();a.find(".tooltip-inner")[this.isHTML(b)?"html":"text"](b),a.removeClass("fade in top bottom left right")},hide:function(){function d(){var b=setTimeout(function(){c.off(a.support.transition.end).remove()},500);c.one(a.support.transition.end,function(){clearTimeout(b),c.remove()})}var b=this,c=this.tip();c.removeClass("in"),a.support.transition&&this.$tip.hasClass("fade")?d():c.remove()},fixTitle:function(){var a=this.$element;(a.attr("title")||typeof a.attr("data-original-title")!="string")&&a.attr("data-original-title",a.attr("title")||"").removeAttr("title")},hasContent:function(){return this.getTitle()},getPosition:function(b){return a.extend({},b?{top:0,left:0}:this.$element.offset(),{width:this.$element[0].offsetWidth,height:this.$element[0].offsetHeight})},getTitle:function(){var a,b=this.$element,c=this.options;return a=b.attr("data-original-title")||(typeof c.title=="function"?c.title.call(b[0]):c.title),a},tip:function(){return this.$tip=this.$tip||a(this.options.template)},validate:function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},enable:function(){this.enabled=!0},disable:function(){this.enabled=!1},toggleEnabled:function(){this.enabled=!this.enabled},toggle:function(){this[this.tip().hasClass("in")?"hide":"show"]()}},a.fn.tooltip=function(c){return this.each(function(){var d=a(this),e=d.data("tooltip"),f=typeof c=="object"&&c;e||d.data("tooltip",e=new b(this,f)),typeof c=="string"&&e[c]()})},a.fn.tooltip.Constructor=b,a.fn.tooltip.defaults={animation:!0,placement:"top",selector:!1,template:'<div class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover",title:"",delay:0}}(window.jQuery),!function(a){var b=function(a,b){this.init("popover",a,b)};b.prototype=a.extend({},a.fn.tooltip.Constructor.prototype,{constructor:b,setContent:function(){var a=this.tip(),b=this.getTitle(),c=this.getContent();a.find(".popover-title")[this.isHTML(b)?"html":"text"](b),a.find(".popover-content > *")[this.isHTML(c)?"html":"text"](c),a.removeClass("fade top bottom left right in")},hasContent:function(){return this.getTitle()||this.getContent()},getContent:function(){var a,b=this.$element,c=this.options;return a=b.attr("data-content")||(typeof c.content=="function"?c.content.call(b[0]):c.content),a},tip:function(){return this.$tip||(this.$tip=a(this.options.template)),this.$tip}}),a.fn.popover=function(c){return this.each(function(){var d=a(this),e=d.data("popover"),f=typeof c=="object"&&c;e||d.data("popover",e=new b(this,f)),typeof c=="string"&&e[c]()})},a.fn.popover.Constructor=b,a.fn.popover.defaults=a.extend({},a.fn.tooltip.defaults,{placement:"right",content:"",template:'<div class="popover"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div>'})}(window.jQuery),!function(a){var b='[data-dismiss="alert"]',c=function(c){a(c).on("click",b,this.close)};c.prototype.close=function(b){function f(){e.trigger("closed").remove()}var c=a(this),d=c.attr("data-target"),e;d||(d=c.attr("href"),d=d&&d.replace(/.*(?=#[^\s]*$)/,"")),e=a(d),b&&b.preventDefault(),e.length||(e=c.hasClass("alert")?c:c.parent()),e.trigger(b=a.Event("close"));if(b.isDefaultPrevented())return;e.removeClass("in"),a.support.transition&&e.hasClass("fade")?e.on(a.support.transition.end,f):f()},a.fn.alert=function(b){return this.each(function(){var d=a(this),e=d.data("alert");e||d.data("alert",e=new c(this)),typeof b=="string"&&e[b].call(d)})},a.fn.alert.Constructor=c,a(function(){a("body").on("click.alert.data-api",b,c.prototype.close)})}(window.jQuery),!function(a){var b=function(b,c){this.$element=a(b),this.options=a.extend({},a.fn.button.defaults,c)};b.prototype.setState=function(a){var b="disabled",c=this.$element,d=c.data(),e=c.is("input")?"val":"html";a+="Text",d.resetText||c.data("resetText",c[e]()),c[e](d[a]||this.options[a]),setTimeout(function(){a=="loadingText"?c.addClass(b).attr(b,b):c.removeClass(b).removeAttr(b)},0)},b.prototype.toggle=function(){var a=this.$element.parent('[data-toggle="buttons-radio"]');a&&a.find(".active").removeClass("active"),this.$element.toggleClass("active")},a.fn.button=function(c){return this.each(function(){var d=a(this),e=d.data("button"),f=typeof c=="object"&&c;e||d.data("button",e=new b(this,f)),c=="toggle"?e.toggle():c&&e.setState(c)})},a.fn.button.defaults={loadingText:"loading..."},a.fn.button.Constructor=b,a(function(){a("body").on("click.button.data-api","[data-toggle^=button]",function(b){var c=a(b.target);c.hasClass("btn")||(c=c.closest(".btn")),c.button("toggle")})})}(window.jQuery),!function(a){var b=function(b,c){this.$element=a(b),this.options=a.extend({},a.fn.collapse.defaults,c),this.options.parent&&(this.$parent=a(this.options.parent)),this.options.toggle&&this.toggle()};b.prototype={constructor:b,dimension:function(){var a=this.$element.hasClass("width");return a?"width":"height"},show:function(){var b,c,d,e;if(this.transitioning)return;b=this.dimension(),c=a.camelCase(["scroll",b].join("-")),d=this.$parent&&this.$parent.find("> .accordion-group > .in");if(d&&d.length){e=d.data("collapse");if(e&&e.transitioning)return;d.collapse("hide"),e||d.data("collapse",null)}this.$element[b](0),this.transition("addClass",a.Event("show"),"shown"),this.$element[b](this.$element[0][c])},hide:function(){var b;if(this.transitioning)return;b=this.dimension(),this.reset(this.$element[b]()),this.transition("removeClass",a.Event("hide"),"hidden"),this.$element[b](0)},reset:function(a){var b=this.dimension();return this.$element.removeClass("collapse")[b](a||"auto")[0].offsetWidth,this.$element[a!==null?"addClass":"removeClass"]("collapse"),this},transition:function(b,c,d){var e=this,f=function(){c.type=="show"&&e.reset(),e.transitioning=0,e.$element.trigger(d)};this.$element.trigger(c);if(c.isDefaultPrevented())return;this.transitioning=1,this.$element[b]("in"),a.support.transition&&this.$element.hasClass("collapse")?this.$element.one(a.support.transition.end,f):f()},toggle:function(){this[this.$element.hasClass("in")?"hide":"show"]()}},a.fn.collapse=function(c){return this.each(function(){var d=a(this),e=d.data("collapse"),f=typeof c=="object"&&c;e||d.data("collapse",e=new b(this,f)),typeof c=="string"&&e[c]()})},a.fn.collapse.defaults={toggle:!0},a.fn.collapse.Constructor=b,a(function(){a("body").on("click.collapse.data-api","[data-toggle=collapse]",function(b){var c=a(this),d,e=c.attr("data-target")||b.preventDefault()||(d=c.attr("href"))&&d.replace(/.*(?=#[^\s]+$)/,""),f=a(e).data("collapse")?"toggle":c.data();a(e).collapse(f)})})}(window.jQuery),!function(a){var b=function(b,c){this.$element=a(b),this.options=a.extend({},a.fn.typeahead.defaults,c),this.matcher=this.options.matcher||this.matcher,this.sorter=this.options.sorter||this.sorter,this.highlighter=this.options.highlighter||this.highlighter,this.updater=this.options.updater||this.updater,this.$menu=a(this.options.menu).appendTo("body"),this.source=this.options.source,this.shown=!1,this.listen()};b.prototype={constructor:b,select:function(){var a=this.$menu.find(".active").attr("data-value");return this.$element.val(this.updater(a)).change(),this.hide()},updater:function(a){return a},show:function(){var b=a.extend({},this.$element.offset(),{height:this.$element[0].offsetHeight});return this.$menu.css({top:b.top+b.height,left:b.left}),this.$menu.show(),this.shown=!0,this},hide:function(){return this.$menu.hide(),this.shown=!1,this},lookup:function(b){var c=this,d,e;return this.query=this.$element.val(),this.query?(d=a.grep(this.source,function(a){return c.matcher(a)}),d=this.sorter(d),d.length?this.render(d.slice(0,this.options.items)).show():this.shown?this.hide():this):this.shown?this.hide():this},matcher:function(a){return~a.toLowerCase().indexOf(this.query.toLowerCase())},sorter:function(a){var b=[],c=[],d=[],e;while(e=a.shift())e.toLowerCase().indexOf(this.query.toLowerCase())?~e.indexOf(this.query)?c.push(e):d.push(e):b.push(e);return b.concat(c,d)},highlighter:function(a){var b=this.query.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g,"\\$&");return a.replace(new RegExp("("+b+")","ig"),function(a,b){return"<strong>"+b+"</strong>"})},render:function(b){var c=this;return b=a(b).map(function(b,d){return b=a(c.options.item).attr("data-value",d),b.find("a").html(c.highlighter(d)),b[0]}),b.first().addClass("active"),this.$menu.html(b),this},next:function(b){var c=this.$menu.find(".active").removeClass("active"),d=c.next();d.length||(d=a(this.$menu.find("li")[0])),d.addClass("active")},prev:function(a){var b=this.$menu.find(".active").removeClass("active"),c=b.prev();c.length||(c=this.$menu.find("li").last()),c.addClass("active")},listen:function(){this.$element.on("blur",a.proxy(this.blur,this)).on("keypress",a.proxy(this.keypress,this)).on("keyup",a.proxy(this.keyup,this)),(a.browser.webkit||a.browser.msie)&&this.$element.on("keydown",a.proxy(this.keypress,this)),this.$menu.on("click",a.proxy(this.click,this)).on("mouseenter","li",a.proxy(this.mouseenter,this))},keyup:function(a){switch(a.keyCode){case 40:case 38:break;case 9:case 13:if(!this.shown)return;this.select();break;case 27:if(!this.shown)return;this.hide();break;default:this.lookup()}a.stopPropagation(),a.preventDefault()},keypress:function(a){if(!this.shown)return;switch(a.keyCode){case 9:case 13:case 27:a.preventDefault();break;case 38:if(a.type!="keydown")break;a.preventDefault(),this.prev();break;case 40:if(a.type!="keydown")break;a.preventDefault(),this.next()}a.stopPropagation()},blur:function(a){var b=this;setTimeout(function(){b.hide()},150)},click:function(a){a.stopPropagation(),a.preventDefault(),this.select()},mouseenter:function(b){this.$menu.find(".active").removeClass("active"),a(b.currentTarget).addClass("active")}},a.fn.typeahead=function(c){return this.each(function(){var d=a(this),e=d.data("typeahead"),f=typeof c=="object"&&c;e||d.data("typeahead",e=new b(this,f)),typeof c=="string"&&e[c]()})},a.fn.typeahead.defaults={source:[],items:8,menu:'<ul class="typeahead dropdown-menu"></ul>',item:'<li><a href="#"></a></li>'},a.fn.typeahead.Constructor=b,a(function(){a("body").on("focus.typeahead.data-api",'[data-provide="typeahead"]',function(b){var c=a(this);if(c.data("typeahead"))return;b.preventDefault(),c.typeahead(c.data())})})}(window.jQuery)
 ;
 (function() {
-  var UnderscoreExtensions,
+  var UnderscoreExtensions, lucaUtilityHelper,
     __slice = Array.prototype.slice;
 
-  (window || global).Luca = function() {
-    var args, definition, fallback, inheritsFrom, payload, result;
+  lucaUtilityHelper = function() {
+    var args, definition, fallback, inheritsFrom, payload, result, _ref;
     payload = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
+    if (payload == null) {
+      return (_ref = _(Luca.Application.instances).values()) != null ? _ref[0] : void 0;
+    }
     if (_.isString(payload) && (result = Luca.cache(payload))) return result;
     if (_.isString(payload) && (result = Luca.find(payload))) return result;
+    if (_.isString(payload) && (result = Luca.registry.find(payload))) {
+      return result;
+    }
+    if (payload instanceof jQuery && (result = Luca.find(payload))) return result;
     if (_.isObject(payload) && (payload.ctype != null)) {
       return Luca.util.lazyComponent(payload);
     }
@@ -94,32 +101,49 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
     if (_.isFunction(fallback = _(args).last())) return fallback();
   };
 
+  (window || global).Luca = function() {
+    return lucaUtilityHelper.apply(this, arguments);
+  };
+
   _.extend(Luca, {
-    VERSION: "0.9.65",
+    VERSION: "0.9.75",
     core: {},
+    collections: {},
     containers: {},
     components: {},
-    modules: {},
+    models: {},
+    concerns: {},
     util: {},
     fields: {},
     registry: {},
     options: {},
-    config: {}
+    config: {},
+    getHelper: function() {
+      return function() {
+        return lucaUtilityHelper.apply(this, arguments);
+      };
+    }
   });
 
   _.extend(Luca, Backbone.Events);
 
+  Luca.config.maintainStyleHierarchy = true;
+
+  Luca.config.maintainClassHierarchy = true;
+
+  Luca.config.autoApplyClassHierarchyAsCssClasses = true;
+
   Luca.autoRegister = Luca.config.autoRegister = true;
 
   Luca.developmentMode = Luca.config.developmentMode = false;
 
   Luca.enableGlobalObserver = Luca.config.enableGlobalObserver = false;
 
-  Luca.enableBootstrap = Luca.config.enableBootstrap = true;
+  Luca.config.enableBoostrap = Luca.config.enableBootstrap = true;
 
   Luca.config.enhancedViewProperties = true;
 
-  Luca.keys = {
+  Luca.keys = Luca.config.keys = {
     ENTER: 13,
     ESCAPE: 27,
     KEYLEFT: 37,
@@ -130,11 +154,79 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
     FORWARDSLASH: 191
   };
 
-  Luca.keyMap = _(Luca.keys).inject(function(memo, value, symbol) {
+  Luca.keyMap = Luca.config.keyMap = _(Luca.keys).inject(function(memo, value, symbol) {
     memo[value] = symbol.toLowerCase();
     return memo;
   }, {});
 
+  Luca.config.showWarnings = true;
+
+  Luca.setupCollectionSpace = function(options) {
+    var baseParams, modelBootstrap;
+    if (options == null) options = {};
+    baseParams = options.baseParams, modelBootstrap = options.modelBootstrap;
+    if (baseParams != null) {
+      Luca.Collection.baseParams(baseParams);
+    } else {
+      Luca.warn('You should remember to set the base params for Luca.Collection class.  You can do this by defining a property or function on Luca.config.baseParams');
+    }
+    if (modelBootstrap != null) {
+      return Luca.Collection.bootstrap(modelBootstrap);
+    } else {
+      return Luca.warn("You should remember to set the model bootstrap location for Luca.Collection.  You can do this by defining a property or function on Luca.config.modelBootstrap");
+    }
+  };
+
+  Luca.initialize = function(namespace, options) {
+    var defaults, object;
+    if (options == null) options = {};
+    defaults = {
+      views: {},
+      collections: {},
+      models: {},
+      components: {},
+      lib: {},
+      util: {},
+      concerns: {},
+      register: function() {
+        return Luca.register.apply(this, arguments);
+      },
+      onReady: function() {
+        return Luca.onReady.apply(this, arguments);
+      },
+      getApplication: function() {
+        var _ref;
+        return (_ref = Luca.getApplication) != null ? _ref.apply(this, arguments) : void 0;
+      },
+      getCollectionManager: function() {
+        var _ref;
+        return (_ref = Luca.CollectionManager.get) != null ? _ref.apply(this, arguments) : void 0;
+      }
+    };
+    object = {};
+    object[namespace] = _.extend(Luca.getHelper(), defaults);
+    _.extend(Luca.config, options);
+    _.extend(window || global, object);
+    Luca.concern.namespace("" + namespace + ".concerns");
+    Luca.registry.namespace("" + namespace + ".views");
+    Luca.Collection.namespace("" + namespace + ".collections");
+    return Luca.on("ready", function() {
+      Luca.define.close();
+      return Luca.setupCollectionSpace(options);
+    });
+  };
+
+  Luca.onReady = function(callback) {
+    Luca.trigger("ready");
+    return $(function() {
+      return callback.apply(this, arguments);
+    });
+  };
+
+  Luca.warn = function(message) {
+    if (Luca.config.showWarnings === true) return console.log(message);
+  };
+
   Luca.find = function(el) {
     return Luca($(el).data('luca-id'));
   };
@@ -182,36 +274,29 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
   };
 
   Luca.inheritanceChain = function(obj) {
-    return _(Luca.parentClasses(obj)).map(function(className) {
-      return Luca.util.resolve(className);
-    });
+    return Luca.parentClasses(obj);
   };
 
   Luca.parentClasses = function(obj) {
-    var classes, list, _ref;
+    var list, metaData, _base;
     list = [];
     if (_.isString(obj)) obj = Luca.util.resolve(obj);
-    list.push(obj.displayName || ((_ref = obj.prototype) != null ? _ref.displayName : void 0) || Luca.parentClass(obj));
-    classes = (function() {
-      var _results;
-      _results = [];
-      while (!!(Luca.parentClass(obj) != null)) {
-        _results.push(obj = Luca.parentClass(obj));
-      }
-      return _results;
-    })();
-    list = list.concat(classes);
-    return _.uniq(list);
+    metaData = typeof obj.componentMetaData === "function" ? obj.componentMetaData() : void 0;
+    metaData || (metaData = typeof (_base = obj.prototype).componentMetaData === "function" ? _base.componentMetaData() : void 0);
+    return list = (metaData != null ? metaData.classHierarchy() : void 0) || [obj.displayName || obj.prototype.displayName];
   };
 
-  Luca.parentClass = function(obj) {
-    var list, _base, _ref;
-    list = [];
+  Luca.parentClass = function(obj, resolve) {
+    var parent, _base, _ref, _ref2, _ref3;
+    if (resolve == null) resolve = true;
     if (_.isString(obj)) obj = Luca.util.resolve(obj);
-    if (Luca.isComponent(obj)) {
-      return obj.displayName;
-    } else if (Luca.isComponentPrototype(obj)) {
-      return typeof (_base = obj.prototype)._superClass === "function" ? (_ref = _base._superClass()) != null ? _ref.displayName : void 0 : void 0;
+    parent = typeof obj.componentMetaData === "function" ? (_ref = obj.componentMetaData()) != null ? _ref.meta["super class name"] : void 0 : void 0;
+    parent || (parent = typeof (_base = obj.prototype).componentMetaData === "function" ? (_ref2 = _base.componentMetaData()) != null ? _ref2.meta["super class name"] : void 0 : void 0);
+    parent || obj.displayName || ((_ref3 = obj.prototype) != null ? _ref3.displayName : void 0);
+    if (resolve) {
+      return Luca.util.resolve(parent);
+    } else {
+      return parent;
     }
   };
 
@@ -389,11 +474,11 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
 }).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('');};
+  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 placeholder="', placeHolder ,'" 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('');};
+  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" placeholder="', placeHolder ,'" 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 = {});
@@ -451,6 +536,25 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
     return fn = prefix + parts.join('');
   };
 
+  Luca.util.toCssClass = function() {
+    var componentName, exclusions, part, parts, transformed;
+    componentName = arguments[0], exclusions = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
+    parts = componentName.split('.');
+    transformed = (function() {
+      var _i, _len, _results;
+      _results = [];
+      for (_i = 0, _len = parts.length; _i < _len; _i++) {
+        part = parts[_i];
+        if (!(_(exclusions).indexOf(part) === -1)) continue;
+        part = _.str.underscored(part);
+        part = part.replace(/_/g, '-');
+        _results.push(part);
+      }
+      return _results;
+    })();
+    return transformed.join('-');
+  };
+
   Luca.util.isIE = function() {
     try {
       Object.defineProperty({}, '', {});
@@ -545,6 +649,48 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
     }, contents);
   };
 
+  Luca.util.setupHooks = function(set) {
+    var _this = this;
+    set || (set = this.hooks);
+    return _(set).each(function(eventId) {
+      var callback, fn;
+      fn = Luca.util.hook(eventId);
+      callback = function() {
+        var _ref;
+        return (_ref = this[fn]) != null ? _ref.apply(this, arguments) : void 0;
+      };
+      if (eventId != null ? eventId.match(/once:/) : void 0) {
+        callback = _.once(callback);
+      }
+      return _this.on(eventId, callback, _this);
+    });
+  };
+
+  Luca.util.setupHooksAdvanced = function(set) {
+    var _this = this;
+    set || (set = this.hooks);
+    return _(set).each(function(eventId) {
+      var callback, entry, fn, hookSetup, _i, _len, _results;
+      hookSetup = _this[Luca.util.hook(eventId)];
+      if (!_.isArray(hookSetup)) hookSetup = [hookSetup];
+      _results = [];
+      for (_i = 0, _len = hookSetup.length; _i < _len; _i++) {
+        entry = hookSetup[_i];
+        fn = _.isString(entry) ? _this[entry] : void 0;
+        if (_.isFunction(entry)) fn = entry;
+        callback = function() {
+          var _ref;
+          return (_ref = this[fn]) != null ? _ref.apply(this, arguments) : void 0;
+        };
+        if (eventId != null ? eventId.match(/once:/) : void 0) {
+          callback = _.once(callback);
+        }
+        _results.push(_this.on(eventId, callback, _this));
+      }
+      return _results;
+    });
+  };
+
 }).call(this);
 (function() {
 
@@ -703,22 +849,105 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
 
 }).call(this);
 (function() {
-  var DefineProxy,
-    __slice = Array.prototype.slice;
 
-  _.mixin({
-    def: Luca.component = Luca.define = Luca.register = function(componentName) {
-      return new DefineProxy(componentName);
+  Luca.concern = function(mixinName) {
+    var namespace, resolved;
+    namespace = _(Luca.concern.namespaces).detect(function(space) {
+      var _ref;
+      return ((_ref = Luca.util.resolve(space)) != null ? _ref[mixinName] : void 0) != null;
+    });
+    namespace || (namespace = "Luca.concerns");
+    resolved = Luca.util.resolve(namespace)[mixinName];
+    if (resolved == null) {
+      console.log("Could not find " + mixinName + " in ", Luca.concern.namespaces);
     }
-  });
+    return resolved;
+  };
 
-  DefineProxy = (function() {
+  Luca.concern.namespaces = ["Luca.concerns"];
+
+  Luca.concern.namespace = function(namespace) {
+    Luca.concern.namespaces.push(namespace);
+    return Luca.concern.namespaces = _(Luca.concern.namespaces).uniq();
+  };
 
-    function DefineProxy(componentName) {
+  Luca.concern.setup = function() {
+    var module, _i, _len, _ref, _ref2, _ref3, _ref4, _results;
+    if (((_ref = this.concerns) != null ? _ref.length : void 0) > 0) {
+      _ref2 = this.concerns;
+      _results = [];
+      for (_i = 0, _len = _ref2.length; _i < _len; _i++) {
+        module = _ref2[_i];
+        _results.push((_ref3 = Luca.concern(module)) != null ? (_ref4 = _ref3.__initializer) != null ? _ref4.call(this, this, module) : void 0 : void 0);
+      }
+      return _results;
+    }
+  };
+
+  Luca.decorate = function(target) {
+    var componentClass, componentName, componentPrototype;
+    try {
+      if (_.isString(target)) {
+        componentName = target;
+        componentClass = Luca.util.resolve(componentName);
+      }
+      if (_.isFunction(target)) componentClass = target;
+      componentPrototype = componentClass.prototype;
+      componentName = componentName || componentClass.displayName;
+      componentName || (componentName = componentPrototype.displayName);
+    } catch (e) {
+      console.log(e.message);
+      console.log(e.stack);
+      console.log("Error calling Luca.decorate on ", componentClass, componentPrototype, componentName);
+      throw e;
+    }
+    return {
+      "with": function(mixinName) {
+        var fn, method, mixinDefinition, mixinPrivates, sanitized, superclassMixins, _ref;
+        mixinDefinition = Luca.concern(mixinName);
+        mixinDefinition.__displayName || (mixinDefinition.__displayName = mixinName);
+        mixinPrivates = _(mixinDefinition).chain().keys().select(function(key) {
+          return ("" + key).match(/^__/) || key === "classMethods";
+        });
+        sanitized = _(mixinDefinition).omit(mixinPrivates.value());
+        _.extend(componentPrototype, sanitized);
+        if (mixinDefinition.classMethods != null) {
+          _ref = mixinDefinition.classMethods;
+          for (method in _ref) {
+            fn = _ref[method];
+            componentClass[method] = _.bind(fn, componentClass);
+          }
+        }
+        if (mixinDefinition != null) {
+          if (typeof mixinDefinition.__included === "function") {
+            mixinDefinition.__included(componentName, componentClass, mixinDefinition);
+          }
+        }
+        superclassMixins = componentPrototype._superClass().prototype.concerns;
+        componentPrototype.concerns || (componentPrototype.concerns = []);
+        componentPrototype.concerns.push(mixinName);
+        componentPrototype.concerns = componentPrototype.concerns.concat(superclassMixins);
+        componentPrototype.concerns = _(componentPrototype.concerns).chain().uniq().compact().value();
+        return componentPrototype;
+      }
+    };
+  };
+
+}).call(this);
+(function() {
+  var ComponentDefinition, cd,
+    __slice = Array.prototype.slice;
+
+  ComponentDefinition = (function() {
+
+    function ComponentDefinition(componentName, autoRegister) {
       var parts;
+      this.autoRegister = autoRegister != null ? autoRegister : true;
       this.namespace = Luca.util.namespace();
       this.componentId = this.componentName = componentName;
       this.superClassName = 'Luca.View';
+      this.properties || (this.properties = {});
+      this._classProperties || (this._classProperties = {});
       if (componentName.match(/\./)) {
         this.namespaced = true;
         parts = componentName.split('.');
@@ -726,29 +955,60 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
         this.namespace = parts.join('.');
         Luca.registry.addNamespace(parts.join('.'));
       }
+      Luca.define.__definitions.push(this);
     }
 
-    DefineProxy.prototype["in"] = function(namespace) {
+    ComponentDefinition.create = function(componentName, autoRegister) {
+      if (autoRegister == null) autoRegister = Luca.config.autoRegister;
+      return new ComponentDefinition(componentName, autoRegister);
+    };
+
+    ComponentDefinition.prototype.isValid = function() {
+      if (!_.isObject(this.properties)) return false;
+      if (Luca.util.resolve(this.superClassName) == null) return false;
+      if (this.componentName == null) return false;
+      return true;
+    };
+
+    ComponentDefinition.prototype.isDefined = function() {
+      return this.defined === true;
+    };
+
+    ComponentDefinition.prototype.isOpen = function() {
+      return !!(this.isValid() && !this.isDefined());
+    };
+
+    ComponentDefinition.prototype.meta = function(key, value) {
+      var data, metaKey;
+      metaKey = this.namespace + '.' + this.componentId;
+      metaKey = metaKey.replace(/^\./, '');
+      data = Luca.registry.addMetaData(metaKey, key, value);
+      return this.properties.componentMetaData = function() {
+        return Luca.registry.getMetaDataFor(metaKey);
+      };
+    };
+
+    ComponentDefinition.prototype["in"] = function(namespace) {
       this.namespace = namespace;
       return this;
     };
 
-    DefineProxy.prototype.from = function(superClassName) {
+    ComponentDefinition.prototype.from = function(superClassName) {
       this.superClassName = superClassName;
       return this;
     };
 
-    DefineProxy.prototype["extends"] = function(superClassName) {
+    ComponentDefinition.prototype["extends"] = function(superClassName) {
       this.superClassName = superClassName;
       return this;
     };
 
-    DefineProxy.prototype.extend = function(superClassName) {
+    ComponentDefinition.prototype.extend = function(superClassName) {
       this.superClassName = superClassName;
       return this;
     };
 
-    DefineProxy.prototype.triggers = function() {
+    ComponentDefinition.prototype.triggers = function() {
       var hook, hooks, _i, _len;
       hooks = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
       _.defaults(this.properties || (this.properties = {}), {
@@ -759,10 +1019,11 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
         this.properties.hooks.push(hook);
       }
       this.properties.hooks = _.uniq(this.properties.hooks);
+      this.meta("hooks", this.properties.hooks);
       return this;
     };
 
-    DefineProxy.prototype.includes = function() {
+    ComponentDefinition.prototype.includes = function() {
       var include, includes, _i, _len;
       includes = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
       _.defaults(this.properties || (this.properties = {}), {
@@ -773,25 +1034,96 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
         this.properties.include.push(include);
       }
       this.properties.include = _.uniq(this.properties.include);
+      this.meta("includes", this.properties.include);
       return this;
     };
 
-    DefineProxy.prototype.mixesIn = function() {
-      var mixin, mixins, _i, _len;
-      mixins = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
+    ComponentDefinition.prototype.mixesIn = function() {
+      var concern, concerns, _i, _len;
+      concerns = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
       _.defaults(this.properties || (this.properties = {}), {
-        mixins: []
+        concerns: []
       });
-      for (_i = 0, _len = mixins.length; _i < _len; _i++) {
-        mixin = mixins[_i];
-        this.properties.mixins.push(mixin);
+      for (_i = 0, _len = concerns.length; _i < _len; _i++) {
+        concern = concerns[_i];
+        this.properties.concerns.push(concern);
       }
-      this.properties.mixins = _.uniq(this.properties.mixins);
+      this.properties.concerns = _.uniq(this.properties.concerns);
+      this.meta("concerns", this.properties.concerns);
+      return this;
+    };
+
+    ComponentDefinition.prototype.contains = function() {
+      var components;
+      components = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
+      _.defaults(this.properties, {
+        components: []
+      });
+      this.properties.components = components;
+      return this;
+    };
+
+    ComponentDefinition.prototype.validatesConfigurationWith = function(validationConfiguration) {
+      if (validationConfiguration == null) validationConfiguration = {};
+      this.meta("configuration validations", validationConfiguration);
+      this.properties.validatable = true;
+      return this;
+    };
+
+    ComponentDefinition.prototype.beforeDefinition = function(callback) {
+      this._classProperties.beforeDefinition = callback;
       return this;
     };
 
-    DefineProxy.prototype.defaultProperties = function(properties) {
-      var at, componentType, _base;
+    ComponentDefinition.prototype.afterDefinition = function(callback) {
+      this._classProperties.afterDefinition = callback;
+      return this;
+    };
+
+    ComponentDefinition.prototype.classConfiguration = function(properties) {
+      if (properties == null) properties = {};
+      this.meta("class configuration", _.keys(properties));
+      _.defaults((this._classProperties || (this._classProperties = {})), properties);
+      return this;
+    };
+
+    ComponentDefinition.prototype.publicConfiguration = function(properties) {
+      if (properties == null) properties = {};
+      this.meta("public configuration", _.keys(properties));
+      _.defaults((this.properties || (this.properties = {})), properties);
+      return this;
+    };
+
+    ComponentDefinition.prototype.privateConfiguration = function(properties) {
+      if (properties == null) properties = {};
+      this.meta("private configuration", _.keys(properties));
+      _.defaults((this.properties || (this.properties = {})), properties);
+      return this;
+    };
+
+    ComponentDefinition.prototype.classInterface = function(properties) {
+      if (properties == null) properties = {};
+      this.meta("class interface", _.keys(properties));
+      _.defaults((this._classProperties || (this._classProperties = {})), properties);
+      return this;
+    };
+
+    ComponentDefinition.prototype.publicInterface = function(properties) {
+      if (properties == null) properties = {};
+      this.meta("public interface", _.keys(properties));
+      _.defaults((this.properties || (this.properties = {})), properties);
+      return this;
+    };
+
+    ComponentDefinition.prototype.privateInterface = function(properties) {
+      if (properties == null) properties = {};
+      this.meta("private interface", _.keys(properties));
+      _.defaults((this.properties || (this.properties = {})), properties);
+      return this;
+    };
+
+    ComponentDefinition.prototype.definePrototype = function(properties) {
+      var at, componentType, definition, _base, _ref, _ref2;
       if (properties == null) properties = {};
       _.defaults((this.properties || (this.properties = {})), properties);
       at = this.namespaced ? Luca.util.resolve(this.namespace, window || global) : window || global;
@@ -799,35 +1131,93 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
         eval("(window||global)." + this.namespace + " = {}");
         at = Luca.util.resolve(this.namespace, window || global);
       }
-      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])) {
+      this.meta("super class name", this.superClassName);
+      this.meta("display name", this.componentName);
+      this.properties.displayName = this.componentName;
+      this.properties.componentMetaData = function() {
+        return Luca.registry.getMetaDataFor(this.displayName);
+      };
+      if ((_ref = this._classProperties) != null) {
+        if (typeof _ref.beforeDefinition === "function") {
+          _ref.beforeDefinition(this);
+        }
+      }
+      definition = at[this.componentId] = Luca.extend(this.superClassName, this.componentName, this.properties);
+      if (this.autoRegister === true) {
+        if (Luca.isViewPrototype(definition)) componentType = "view";
+        if (Luca.isCollectionPrototype(definition)) {
           (_base = Luca.Collection).namespaces || (_base.namespaces = []);
           Luca.Collection.namespaces.push(this.namespace);
           componentType = "collection";
         }
-        if (Luca.isModelPrototype(at[this.componentId])) componentType = "model";
+        if (Luca.isModelPrototype(definition)) componentType = "model";
         Luca.registerComponent(_.string.underscored(this.componentId), this.componentName, componentType);
       }
-      return at[this.componentId];
+      this.defined = true;
+      if (!_.isEmpty(this._classProperties)) {
+        _.extend(definition, this._classProperties);
+      }
+      if (definition != null) {
+        if ((_ref2 = definition.afterDefinition) != null) {
+          _ref2.call(definition, this);
+        }
+      }
+      return definition;
     };
 
-    return DefineProxy;
+    return ComponentDefinition;
 
   })();
 
-  DefineProxy.prototype.behavesAs = DefineProxy.prototype.uses = DefineProxy.prototype.mixesIn;
+  cd = ComponentDefinition.prototype;
+
+  cd.concerns = cd.behavesAs = cd.uses = cd.mixesIn;
+
+  cd.register = cd.defines = cd.defaults = cd.exports = cd.defaultProperties = cd.definePrototype;
+
+  cd.defaultsTo = cd.enhance = cd["with"] = cd.definePrototype;
+
+  cd.publicMethods = cd.publicInterface;
+
+  cd.privateMethods = cd.privateInterface;
+
+  cd.classMethods = cd.classInterface;
+
+  _.extend((Luca.define = ComponentDefinition.create), {
+    __definitions: [],
+    incomplete: function() {
+      return _(Luca.define.__definitions).select(function(definition) {
+        return definition.isOpen();
+      });
+    },
+    close: function() {
+      var open, _i, _len, _ref;
+      _ref = Luca.define.incomplete();
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        open = _ref[_i];
+        if (open.isValid()) open.register();
+      }
+      return Luca.define.__definitions.length = 0;
+    },
+    findDefinition: function(componentName) {
+      return _(Luca.define.__definitions).detect(function(definition) {
+        return definition.componentName === componentName;
+      });
+    }
+  });
 
-  DefineProxy.prototype.defines = DefineProxy.prototype.defaults = DefineProxy.prototype.exports = DefineProxy.prototype.defaultProperties;
+  Luca.register = function(componentName) {
+    return new ComponentDefinition(componentName, true);
+  };
 
-  DefineProxy.prototype.defaultsTo = DefineProxy.prototype.enhance = DefineProxy.prototype["with"] = DefineProxy.prototype.defaultProperties;
+  _.mixin({
+    def: Luca.define
+  });
 
   Luca.extend = function(superClassName, childName, properties) {
     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 "Error defining " + childName + ". " + superClassName + " is not a valid component to extend from";
     }
@@ -854,59 +1244,10 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
     return definition;
   };
 
-  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 = {
+  Luca.concerns.ApplicationEventBindings = {
     __initializer: function() {
       var app, eventTrigger, handler, _len, _ref, _ref2, _results;
       if (_.isEmpty(this.applicationEvents)) return;
@@ -934,7 +1275,7 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
 }).call(this);
 (function() {
 
-  Luca.modules.CollectionEventBindings = {
+  Luca.concerns.CollectionEventBindings = {
     __initializer: function() {
       var collection, eventTrigger, handler, key, manager, signature, _ref, _ref2, _results;
       if (_.isEmpty(this.collectionEvents)) return;
@@ -962,7 +1303,7 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
 }).call(this);
 (function() {
 
-  Luca.modules.Deferrable = {
+  Luca.concerns.Deferrable = {
     configure_collection: function(setAsDeferrable) {
       var collectionManager, _ref, _ref2;
       if (setAsDeferrable == null) setAsDeferrable = true;
@@ -983,9 +1324,9 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
 }).call(this);
 (function() {
 
-  Luca.modules.DomHelpers = {
+  Luca.concerns.DomHelpers = {
     __initializer: function() {
-      var additional, additionalClasses, _i, _len, _results;
+      var additional, additionalClasses, classes, cssClass, _i, _j, _len, _len2, _ref, _results;
       additionalClasses = _(this.additionalClassNames || []).clone();
       if (this.wrapperClass != null) this.$wrap(this.wrapperClass);
       if (_.isString(additionalClasses)) {
@@ -996,21 +1337,34 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
       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));
+        this.$el.addClass(additional);
+      }
+      if (Luca.config.autoApplyClassHierarchyAsCssClasses === true) {
+        classes = (typeof this.componentMetaData === "function" ? (_ref = this.componentMetaData()) != null ? _ref.styleHierarchy() : void 0 : void 0) || [];
+        _results = [];
+        for (_j = 0, _len2 = classes.length; _j < _len2; _j++) {
+          cssClass = classes[_j];
+          if (cssClass !== "luca-view" && cssClass !== "backbone-view") {
+            _results.push(this.$el.addClass(cssClass));
+          }
+        }
+        return _results;
       }
-      return _results;
     },
     $wrap: function(wrapper) {
       if (_.isString(wrapper) && !wrapper.match(/[<>]/)) {
         wrapper = this.make("div", {
-          "class": wrapper
+          "class": wrapper,
+          "data-wrapper": true
         });
       }
       return this.$el.wrap(wrapper);
     },
+    $wrapper: function() {
+      return this.$el.parent('[data-wrapper="true"]');
+    },
     $template: function(template, variables) {
       if (variables == null) variables = {};
       return this.$el.html(Luca.template(template, variables));
@@ -1035,7 +1389,7 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
 }).call(this);
 (function() {
 
-  Luca.modules.EnhancedProperties = {
+  Luca.concerns.EnhancedProperties = {
     __initializer: function() {
       if (Luca.config.enhancedViewProperties !== true) return;
       if (_.isString(this.collection) && Luca.CollectionManager.get()) {
@@ -1054,7 +1408,7 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
     __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 = {
+  Luca.concerns.Filterable = {
     __included: function(component, module) {
       return _.extend(Luca.Collection.prototype, {
         __filters: {}
@@ -1080,22 +1434,25 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
       this.optionsSources || (this.optionsSources = []);
       this.query || (this.query = {});
       this.queryOptions || (this.queryOptions = {});
-      this.querySources.push((function() {
-        return filter.toQuery();
+      this.querySources.push((function(options) {
+        if (options == null) options = {};
+        return _this.getFilterState().toQuery();
       }));
-      this.optionsSources.push((function() {
-        return filter.toOptions();
+      this.optionsSources.push((function(options) {
+        if (options == null) options = {};
+        return _this.getFilterState().toOptions();
       }));
-      if (this.debugMode === true) {
-        console.log("Filterable");
-        console.log(this.querySources);
-        console.log(this.optionsSources);
-      }
       filter.on("change", function() {
-        var merged;
+        var options;
+        filter = _.clone(_this.getQuery());
+        options = _.clone(_this.getQueryOptions());
+        if (options.limit != null) filter.limit = options.limit;
+        if (options.page != null) filter.page = options.page;
+        if (options.sortBy != null) filter.sortBy = options.sortBy;
         if (_this.isRemote()) {
-          merged = _.extend(_this.getQuery(), _this.getQueryOptions());
-          return _this.collection.applyFilter(merged, _this.getQueryOptions());
+          return _this.collection.applyFilter(filter, {
+            remote: true
+          });
         } else {
           return _this.trigger("refresh");
         }
@@ -1177,7 +1534,7 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
 }).call(this);
 (function() {
 
-  Luca.modules.GridLayout = {
+  Luca.concerns.GridLayout = {
     _initializer: function() {
       if (this.gridSpan) this.$el.addClass("span" + this.gridSpan);
       if (this.gridOffset) this.$el.addClass("offset" + this.gridOffset);
@@ -1189,7 +1546,7 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
 }).call(this);
 (function() {
 
-  Luca.modules.LoadMaskable = {
+  Luca.concerns.LoadMaskable = {
     __initializer: function() {
       var _this = this;
       if (this.loadMask !== true) return;
@@ -1336,7 +1693,7 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
 (function() {
   var applyModalConfig;
 
-  Luca.modules.ModalView = {
+  Luca.concerns.ModalView = {
     closeOnEscape: true,
     showOnInitialize: false,
     backdrop: false,
@@ -1374,7 +1731,38 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
 }).call(this);
 (function() {
 
-  Luca.modules.Paginatable = {
+  Luca.concerns.ModelPresenter = {
+    classMethods: {
+      getPresenter: function(format) {
+        var _ref;
+        return (_ref = this.presenters) != null ? _ref[format] : void 0;
+      },
+      registerPresenter: function(format, config) {
+        this.presenters || (this.presenters = {});
+        return this.presenters[format] = config;
+      }
+    },
+    presentAs: function(format) {
+      var attributeList,
+        _this = this;
+      try {
+        attributeList = this.componentMetaData().componentDefinition().getPresenter(format);
+        if (attributeList == null) return this.toJSON();
+        return _(attributeList).reduce(function(memo, attribute) {
+          memo[attribute] = _this.read(attribute);
+          return memo;
+        }, {});
+      } catch (e) {
+        console.log("Error presentAs", e.stack, e.message);
+        return this.toJSON();
+      }
+    }
+  };
+
+}).call(this);
+(function() {
+
+  Luca.concerns.Paginatable = {
     paginatorViewClass: 'Luca.components.PaginationControl',
     paginationSelector: ".toolbar.bottom",
     __included: function() {
@@ -1410,9 +1798,13 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
         });
       });
       paginationState.on("change:page", function(state) {
-        var filter;
+        var filter, options;
+        filter = _.clone(_this.getQuery());
+        options = _.clone(_this.getQueryOptions());
+        if (options.limit != null) filter.limit = options.limit;
+        if (options.page != null) filter.page = options.page;
+        if (options.sortBy != null) filter.sortBy = options.sortBy;
         if (_this.isRemote()) {
-          filter = _.extend(_this.toQuery(), _this.toQueryOptions());
           return _this.collection.applyFilter(filter, {
             remote: true
           });
@@ -1480,7 +1872,62 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
 }).call(this);
 (function() {
 
-  Luca.modules.StateModel = {
+  Luca.concerns.QueryCollectionBindings = {
+    getCollection: function() {
+      return this.collection;
+    },
+    loadModels: function(models, options) {
+      var _ref;
+      if (models == null) models = [];
+      if (options == null) options = {};
+      return (_ref = this.getCollection()) != null ? _ref.reset(models, options) : void 0;
+    },
+    applyQuery: function(query, queryOptions) {
+      if (query == null) query = {};
+      if (queryOptions == null) queryOptions = {};
+      this.query = query;
+      this.queryOptions = queryOptions;
+      this.refresh();
+      return this;
+    },
+    getQuery: function(options) {
+      var query, querySource, _i, _len, _ref;
+      if (options == null) options = {};
+      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(options) || {});
+      }
+      return query;
+    },
+    getQueryOptions: function(options) {
+      var optionSource, _i, _len, _ref;
+      if (options == null) options = {};
+      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(options) || {});
+      }
+      return options;
+    },
+    getModels: function(query, options) {
+      var _ref;
+      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;
+      }
+    }
+  };
+
+}).call(this);
+(function() {
+
+  Luca.concerns.StateModel = {
     __initializer: function() {
       var _this = this;
       if (this.stateful !== true) return;
@@ -1510,7 +1957,7 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
 }).call(this);
 (function() {
 
-  Luca.modules.Templating = {
+  Luca.concerns.Templating = {
     __initializer: function() {
       var template, templateContent, templateVars;
       templateVars = Luca.util.read.call(this, this.bodyTemplateVars) || {};
@@ -1645,6 +2092,10 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
     });
   };
 
+  Luca.registry.find = function(search) {
+    return Luca.util.resolve(search) || Luca.define.findDefinition(search);
+  };
+
   Luca.cache = Luca.cacheInstance = function(cacheKey, object) {
     var lookup_id;
     if (cacheKey == null) return;
@@ -1661,6 +2112,137 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
     return componentCacheStore.cid_index[lookup_id];
   };
 
+}).call(this);
+(function() {
+  var MetaDataProxy;
+
+  Luca.registry.componentMetaData = {};
+
+  Luca.registry.getMetaDataFor = function(componentName) {
+    return new MetaDataProxy(Luca.registry.componentMetaData[componentName]);
+  };
+
+  Luca.registry.addMetaData = function(componentName, key, value) {
+    var data, _base;
+    data = (_base = Luca.registry.componentMetaData)[componentName] || (_base[componentName] = {});
+    data[key] = _(value).clone();
+    return data;
+  };
+
+  MetaDataProxy = (function() {
+
+    function MetaDataProxy(meta) {
+      this.meta = meta != null ? meta : {};
+      _.defaults(this.meta, {
+        "super class name": "",
+        "display name": "",
+        "public interface": [],
+        "public configuration": [],
+        "private interface": [],
+        "private configuration": [],
+        "class configuration": [],
+        "class interface": []
+      });
+    }
+
+    MetaDataProxy.prototype.superClass = function() {
+      return Luca.util.resolve(this.meta["super class name"]);
+    };
+
+    MetaDataProxy.prototype.componentDefinition = function() {
+      return Luca.registry.find(this.meta["display name"]);
+    };
+
+    MetaDataProxy.prototype.componentPrototype = function() {
+      var _ref;
+      return (_ref = this.componentDefinition()) != null ? _ref.prototype : void 0;
+    };
+
+    MetaDataProxy.prototype.prototypeFunctions = function() {
+      return _.functions(this.componentPrototype());
+    };
+
+    MetaDataProxy.prototype.classAttributes = function() {
+      return _.uniq(this.classInterface().concat(this.classConfiguration()));
+    };
+
+    MetaDataProxy.prototype.publicAttributes = function() {
+      return _.uniq(this.publicInterface().concat(this.publicConfiguration()));
+    };
+
+    MetaDataProxy.prototype.privateAttributes = function() {
+      return _.uniq(this.privateInterface().concat(this.privateConfiguration()));
+    };
+
+    MetaDataProxy.prototype.classMethods = function() {
+      var list;
+      list = _.functions(this.componentDefinition());
+      return _(list).intersection(this.classAttributes());
+    };
+
+    MetaDataProxy.prototype.publicMethods = function() {
+      return _(this.prototypeFunctions()).intersection(this.publicAttributes());
+    };
+
+    MetaDataProxy.prototype.privateMethods = function() {
+      return _(this.prototypeFunctions()).intersection(this.privateAttributes());
+    };
+
+    MetaDataProxy.prototype.classConfiguration = function() {
+      return this.meta["class configuration"];
+    };
+
+    MetaDataProxy.prototype.publicConfiguration = function() {
+      return this.meta["public configuration"];
+    };
+
+    MetaDataProxy.prototype.privateConfiguration = function() {
+      return this.meta["private configuration"];
+    };
+
+    MetaDataProxy.prototype.classInterface = function() {
+      return this.meta["class interface"];
+    };
+
+    MetaDataProxy.prototype.publicInterface = function() {
+      return this.meta["public interface"];
+    };
+
+    MetaDataProxy.prototype.privateInterface = function() {
+      return this.meta["private interface"];
+    };
+
+    MetaDataProxy.prototype.triggers = function() {
+      return this.meta["hooks"];
+    };
+
+    MetaDataProxy.prototype.hooks = function() {
+      return this.meta["hooks"];
+    };
+
+    MetaDataProxy.prototype.styleHierarchy = function() {
+      var list;
+      list = _(this.classHierarchy()).map(function(cls) {
+        return Luca.util.toCssClass(cls, 'views', 'components', 'core', 'fields', 'containers');
+      });
+      return _(list).without('backbone-view', 'luca-view');
+    };
+
+    MetaDataProxy.prototype.classHierarchy = function() {
+      var list, proxy, _ref, _ref2, _ref3, _ref4;
+      list = [this.meta["display name"], this.meta["super class name"]];
+      proxy = (_ref = this.superClass()) != null ? (_ref2 = _ref.prototype) != null ? typeof _ref2.componentMetaData === "function" ? _ref2.componentMetaData() : void 0 : void 0 : void 0;
+      while (!!proxy) {
+        list = list.concat(proxy != null ? proxy.classHierarchy() : void 0);
+        proxy = (_ref3 = proxy.superClass()) != null ? (_ref4 = _ref3.prototype) != null ? typeof _ref4.componentMetaData === "function" ? _ref4.componentMetaData() : void 0 : void 0 : void 0;
+      }
+      return _(list).uniq();
+    };
+
+    return MetaDataProxy;
+
+  })();
+
 }).call(this);
 (function() {
   var __slice = Array.prototype.slice;
@@ -1711,7 +2293,7 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
 
   view["extends"]("Backbone.View");
 
-  view.includes("Luca.Events", "Luca.modules.DomHelpers");
+  view.includes("Luca.Events", "Luca.concerns.DomHelpers");
 
   view.mixesIn("DomHelpers", "Templating", "EnhancedProperties", "CollectionEventBindings", "ApplicationEventBindings", "StateModel");
 
@@ -1729,38 +2311,11 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
       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());
-      this.setupMixins();
+      Luca.concern.setup.call(this);
       this.delegateEvents();
       return this.trigger("after:initialize", this);
     },
-    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;
-      }
-    },
-    setupHooks: function(set) {
-      var _this = this;
-      set || (set = this.hooks);
-      return _(set).each(function(eventId) {
-        var callback, fn;
-        fn = Luca.util.hook(eventId);
-        callback = function() {
-          var _ref;
-          return (_ref = this[fn]) != null ? _ref.apply(this, arguments) : void 0;
-        };
-        if (eventId != null ? eventId.match(/once:/) : void 0) {
-          callback = _.once(callback);
-        }
-        return _this.on(eventId, callback, _this);
-      });
-    },
+    setupHooks: Luca.util.setupHooks,
     registerEvent: function(selector, handler) {
       this.events || (this.events = {});
       this.events[selector] = handler;
@@ -1868,21 +2423,26 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
     return _results;
   };
 
+  Luca.View.deferrableEvent = "reset";
+
   Luca.View.extend = function(definition) {
-    var module, _i, _len, _ref;
+    var componentClass, module, _i, _len, _ref;
+    if (definition == null) definition = {};
     definition = Luca.View.renderWrapper(definition);
-    if ((definition.mixins != null) && _.isArray(definition.mixins)) {
-      _ref = definition.mixins;
+    if (definition.concerns != null) {
+      definition.concerns || (definition.concerns = definition.concerns);
+    }
+    componentClass = Luca.View._originalExtend.call(this, definition);
+    if ((definition.concerns != null) && _.isArray(definition.concerns)) {
+      _ref = definition.concerns;
       for (_i = 0, _len = _ref.length; _i < _len; _i++) {
         module = _ref[_i];
-        Luca.decorate(definition)["with"](module);
+        Luca.decorate(componentClass)["with"](module);
       }
     }
-    return Luca.View._originalExtend.call(this, definition);
+    return componentClass;
   };
 
-  Luca.View.deferrableEvent = "reset";
-
 }).call(this);
 (function() {
   var model, setupComputedProperties;
@@ -1896,13 +2456,14 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
   model.defines({
     initialize: function() {
       Backbone.Model.prototype.initialize(this, arguments);
-      return setupComputedProperties.call(this);
+      setupComputedProperties.call(this);
+      return Luca.concern.setup.call(this);
     },
     read: function(attr) {
       if (_.isFunction(this[attr])) {
         return this[attr].call(this);
       } else {
-        return this.get(attr);
+        return this.get(attr) || this[attr];
       }
     },
     get: function(attr) {
@@ -1938,20 +2499,37 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
     return _results;
   };
 
+  Luca.Model._originalExtend = Backbone.Model.extend;
+
+  Luca.Model.extend = function(definition) {
+    var componentClass, module, _i, _len, _ref;
+    if (definition == null) definition = {};
+    if (definition.concerns != null) {
+      definition.concerns || (definition.concerns = definition.concerns);
+    }
+    componentClass = Luca.Model._originalExtend.call(this, definition);
+    if ((definition.concerns != null) && _.isArray(definition.concerns)) {
+      _ref = definition.concerns;
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        module = _ref[_i];
+        Luca.decorate(componentClass)["with"](module);
+      }
+    }
+    return componentClass;
+  };
+
 }).call(this);
 (function() {
   var collection;
 
   collection = Luca.define('Luca.Collection');
 
-  if (Backbone.QueryCollection != null) {
-    collection["extends"]('Backbone.QueryCollection');
-  } else {
-    collection["extends"]('Backbone.Collection');
-  }
+  collection["extends"]('Backbone.QueryCollection');
 
   collection.includes('Luca.Events');
 
+  collection.triggers("after:initialize", "before:fetch", "after:response");
+
   collection.defines({
     model: Luca.Model,
     cachedMethods: [],
@@ -2002,6 +2580,8 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
           parse: options != null ? options.parse : void 0
         });
       }
+      Luca.concern.setup.call(this);
+      Luca.util.setupHooks.call(this, this.hooks);
       return this.trigger("after:initialize");
     },
     __wrapUrl: function() {
@@ -2045,13 +2625,15 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
     applyFilter: function(filter, options) {
       if (filter == null) filter = {};
       if (options == null) options = {};
+      options = _(options).clone();
       if ((options.remote != null) === true || this.remoteFilter === true) {
         this.applyParams(filter);
         return this.fetch(_.extend(options, {
-          refresh: true
+          refresh: true,
+          remote: true
         }));
       } else {
-        return this.reset(this.query(filter));
+        return this.reset(this.query(filter, options));
       }
     },
     applyParams: function(params) {
@@ -2097,7 +2679,9 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
       if (options == null) options = {};
       this.trigger("before:fetch", this);
       if (this.memoryCollection === true) return this.reset(this.data);
-      if (this.cached_models().length && !options.refresh) return this.bootstrap();
+      if (this.cached_models().length && !(options.refresh === true || options.remote === true)) {
+        return this.bootstrap();
+      }
       url = _.isFunction(this.url) ? this.url() : this.url;
       if (!((url && url.length > 1) || this.localStorage)) return true;
       this.fetching = true;
@@ -2111,11 +2695,10 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
     onceLoaded: function(fn, options) {
       var wrapped,
         _this = this;
-      if (options == null) {
-        options = {
-          autoFetch: true
-        };
-      }
+      if (options == null) options = {};
+      _.defaults(options, {
+        autoFetch: true
+      });
       if (this.length > 0 && !this.fetching) {
         fn.apply(this, [this]);
         return;
@@ -2246,14 +2829,37 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
     }
   });
 
-  Luca.Collection.baseParams = function(obj) {
-    if (obj) return Luca.Collection._baseParams = obj;
-    if (_.isFunction(Luca.Collection._baseParams)) {
-      return Luca.Collection._baseParams();
+  Luca.Collection._originalExtend = Backbone.Collection.extend;
+
+  Luca.Collection.extend = function(definition) {
+    var componentClass, module, _i, _len, _ref;
+    if (definition == null) definition = {};
+    if (definition.concerns != null) {
+      definition.concerns || (definition.concerns = definition.concerns);
     }
-    if (_.isObject(Luca.Collection._baseParams)) {
-      return Luca.Collection._baseParams;
+    componentClass = Luca.Collection._originalExtend.call(this, definition);
+    if ((definition.concerns != null) && _.isArray(definition.concerns)) {
+      _ref = definition.concerns;
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        module = _ref[_i];
+        Luca.decorate(componentClass)["with"](module);
+      }
     }
+    return componentClass;
+  };
+
+  Luca.Collection.namespace = function(namespace) {
+    var _base;
+    if (_.isString(namespace)) namespace = Luca.util.resolve(namespace);
+    if (namespace != null) Luca.Collection.__defaultNamespace = namespace;
+    (_base = Luca.Collection).__defaultNamespace || (_base.__defaultNamespace = window || global);
+    return Luca.util.read(Luca.Collection.__defaultNamespace);
+  };
+
+  Luca.Collection.baseParams = function(obj) {
+    if (_.isString(obj)) obj = Luca.util.resolve(obj);
+    if (obj) Luca.Collection._baseParams = obj;
+    return Luca.util.read(Luca.Collection._baseParams);
   };
 
   Luca.Collection._bootstrapped_models = {};
@@ -2394,40 +3000,21 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
 
 }).call(this);
 (function() {
+  var field;
 
-  _.def('Luca.core.Field')["extends"]('Luca.View')["with"]({
-    className: 'luca-ui-text-field luca-ui-field',
-    isField: true,
-    template: 'fields/text_field',
+  field = Luca.register("Luca.core.Field");
+
+  field["extends"]("Luca.View");
+
+  field.triggers("before:validation", "after:validation", "on:change");
+
+  field.publicConfiguration({
     labelAlign: 'top',
-    hooks: ["before:validation", "after:validation", "on:change"],
-    statuses: ["warning", "error", "success"],
-    initialize: function(options) {
-      var _ref;
-      this.options = options != null ? options : {};
-      _.extend(this, this.options);
-      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 = "");
-      return Luca.View.prototype.initialize.apply(this, arguments);
-    },
-    beforeRender: function() {
-      if (Luca.enableBootstrap) this.$el.addClass('control-group');
-      if (this.required) return this.$el.addClass('required');
-    },
-    change_handler: function(e) {
-      return this.trigger("on:change", this, e);
-    },
+    className: 'luca-ui-text-field luca-ui-field',
+    statuses: ["warning", "error", "success"]
+  });
+
+  field.publicInterface({
     disable: function() {
       return this.getInputElement().attr('disabled', true);
     },
@@ -2453,9 +3040,6 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
       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;
       return _(this.statuses).each(function(cls) {
@@ -2465,6 +3049,44 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
     }
   });
 
+  field.privateConfiguration({
+    isField: true,
+    template: 'fields/text_field'
+  });
+
+  field.defines({
+    initialize: function(options) {
+      var _ref;
+      this.options = options != null ? options : {};
+      _.extend(this, this.options);
+      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.label != null) || this.label.length === 0) this.label = this.name;
+      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 = "");
+      return Luca.View.prototype.initialize.apply(this, arguments);
+    },
+    beforeRender: function() {
+      if (Luca.config.enableBoostrap) this.$el.addClass('control-group');
+      if (this.required) return this.$el.addClass('required');
+    },
+    change_handler: function(e) {
+      return this.trigger("on:change", this, e);
+    },
+    getInputElement: function() {
+      return this.input || (this.input = this.$('input').eq(0));
+    }
+  });
+
 }).call(this);
 (function() {
   var applyDOMConfig, container, createGetterMethods, createMethodsToGetComponentsByRole, doComponents, doLayout, indexComponent, validateContainerConfiguration;
@@ -2484,10 +3106,23 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
     components: [],
     componentEvents: {},
     initialize: function(options) {
+      var component, _i, _len, _ref;
       this.options = options != null ? options : {};
       _.extend(this, this.options);
-      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))));
+      _ref = this.components;
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        component = _ref[_i];
+        if (_.isString(component)) {
+          component = {
+            type: component,
+            role: component,
+            name: component
+          };
+        }
+      }
+      _.bindAll(this, "beforeRender");
+      this.setupHooks(Luca.core.Container.prototype.hooks);
       validateContainerConfiguration(this);
       return Luca.View.prototype.initialize.apply(this, arguments);
     },
@@ -2507,25 +3142,27 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
       });
     },
     prepareComponents: function() {
-      var component, _i, _len, _ref,
-        _this = this;
-      _ref = this.components;
-      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-        component = _ref[_i];
-        if (_.isString(component)) {
-          component = {
-            type: component
-          };
-        }
-      }
+      var _this = this;
+      container = this;
       return _(this.components).each(function(component, index) {
-        var ce, componentContainerElement, panel, _ref2;
-        ce = componentContainerElement = (_ref2 = _this.componentContainers) != null ? _ref2[index] : void 0;
+        var ce, componentContainerElement, componentExtension, panel, _ref, _ref2;
+        ce = componentContainerElement = (_ref = _this.componentContainers) != null ? _ref[index] : void 0;
         ce["class"] = ce["class"] || ce.className || ce.classes;
         if (_this.generateComponentElements) {
           panel = _this.make(_this.componentTag, componentContainerElement, '');
           _this.$append(panel);
         }
+        if (container.defaults != null) {
+          component = _.defaults(component, container.defaults || {});
+        }
+        if (_.isArray(container.extensions) && _.isObject((_ref2 = container.extensions) != null ? _ref2[index] : void 0)) {
+          componentExtension = container.extensions[index];
+          component = _.extend(component, componentExtension);
+        }
+        if ((component.role != null) && _.isObject(container.extensions) && _.isObject(container.extensions[component.role])) {
+          componentExtension = container.extensions[component.role];
+          component = _.extend(component, componentExtension);
+        }
         if (component.container == null) {
           if (_this.generateComponentElements) {
             component.container = "#" + componentContainerElement.id;
@@ -2546,10 +3183,13 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
       container = this;
       this.components = _(this.components).map(function(object, index) {
         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));
+        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._parentCid || (object._parentCid = container.cid), created = Luca.util.lazyComponent(object));
         if (!component.container && ((_ref = component.options) != null ? _ref.container : void 0)) {
           component.container = component.options.container;
         }
+        component.getParent || (component.getParent = function() {
+          return Luca(component._parentCid);
+        });
         if (!(component.container != null)) {
           console.log(component, index, _this);
           console.error("could not assign container property to component on container " + (_this.name || _this.cid));
@@ -2565,9 +3205,6 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
       this.debug("container render components");
       container = this;
       return _(this.components).each(function(component) {
-        component.getParent = function() {
-          return container;
-        };
         try {
           this.$(component.container).eq(0).append(component.el);
           return component.render();
@@ -2730,7 +3367,7 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
       return this.components[needle];
     },
     isRootComponent: function() {
-      return !(this.getParent != null);
+      return this.rootComponent === true || !(this.getParent != null);
     },
     getRootComponent: function() {
       if (this.isRootComponent()) {
@@ -2865,8 +3502,6 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
 
     CollectionManager.prototype.name = "primary";
 
-    CollectionManager.prototype.collectionNamespace = Luca.Collection.namespace;
-
     CollectionManager.prototype.__collections = {};
 
     CollectionManager.prototype.relayEvents = true;
@@ -2879,6 +3514,7 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
       if (existing = typeof (_base = Luca.CollectionManager).get === "function" ? _base.get(this.name) : void 0) {
         throw 'Attempt to create a collection manager with a name which already exists';
       }
+      this.collectionNamespace || (this.collectionNamespace = Luca.util.read(Luca.Collection.namespace));
       (_base2 = Luca.CollectionManager).instances || (_base2.instances = {});
       _.extend(this, Backbone.Events);
       _.extend(this, Luca.Events);
@@ -3011,6 +3647,9 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
   guessCollectionClass = function(key) {
     var classified, guess, guesses, _ref;
     classified = Luca.util.classify(key);
+    if (_.isString(this.collectionNamespace)) {
+      this.collectionNamespace = Luca.util.resolve(this.collectionNamespace);
+    }
     guess = (this.collectionNamespace || (window || global))[classified];
     guess || (guess = (this.collectionNamespace || (window || global))["" + classified + "Collection"]);
     if (!(guess != null) && ((_ref = Luca.Collection.namespaces) != null ? _ref.length : void 0) > 0) {
@@ -3181,9 +3820,9 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
     generateComponentElements: true,
     initialize: function(options) {
       this.options = options;
+      this.components || (this.components = this.pages || (this.pages = this.cards));
       Luca.core.Container.prototype.initialize.apply(this, arguments);
-      this.setupHooks(this.hooks);
-      return this.components || (this.components = this.pages || (this.pages = this.cards));
+      return this.setupHooks(this.hooks);
     },
     prepareComponents: function() {
       var _ref;
@@ -3229,7 +3868,7 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
       return this.activeComponent().trigger("first:activation", this, this.activeComponent());
     },
     activate: function(index, silent, callback) {
-      var current, previous, _ref, _ref2, _ref3, _ref4,
+      var activationContext, current, previous,
         _this = this;
       if (silent == null) silent = false;
       if (_.isFunction(silent)) {
@@ -3244,44 +3883,46 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
         current = this.getComponent(index);
       }
       if (!current) return;
-      if (!silent) {
+      if (silent !== true) {
         this.trigger("before:card:switch", previous, current);
         if (previous != null) {
-          if ((_ref = previous.trigger) != null) {
-            _ref.apply(previous, ["before:deactivation", this, previous, current]);
-          }
+          previous.trigger("before:deactivation", this, previous, current);
         }
         if (current != null) {
-          if ((_ref2 = current.trigger) != null) {
-            _ref2.apply(previous, ["before:activation", this, previous, current]);
-          }
+          current.trigger("before:activation", this, previous, current);
         }
         _.defer(function() {
           return _this.$el.data(_this.activeAttribute || "active-card", current.name);
         });
       }
       this.componentElements().hide();
-      if (!current.previously_activated) {
+      if (current.previously_activated !== true) {
         current.trigger("first:activation");
         current.previously_activated = true;
       }
       this.activeCard = index;
       this.activeComponentElement().show();
-      if (!silent) {
+      if (silent !== true) {
         this.trigger("after:card:switch", previous, current);
-        if ((_ref3 = previous.trigger) != null) {
-          _ref3.apply(previous, ["deactivation", this, previous, current]);
+        if (previous != null) {
+          previous.trigger("deactivation", this, previous, current);
         }
-        if ((_ref4 = current.trigger) != null) {
-          _ref4.apply(current, ["activation", this, previous, current]);
+        if (current != null) {
+          current.trigger("activation", this, previous, current);
         }
       }
+      activationContext = this;
+      if (Luca.containers.CardView.activationContext === "current") {
+        activationContext = current;
+      }
       if (_.isFunction(callback)) {
-        return callback.apply(this, [this, previous, current]);
+        return callback.apply(activationContext, [this, previous, current]);
       }
     }
   });
 
+  Luca.containers.CardView.activationContext = "current";
+
 }).call(this);
 (function() {
 
@@ -3516,16 +4157,27 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
 
 }).call(this);
 (function() {
+  var tabView;
 
-  _.def('Luca.containers.TabView')["extends"]('Luca.containers.CardView')["with"]({
-    hooks: ["before:select", "after:select"],
-    componentType: 'tab_view',
-    className: 'luca-ui-tab-view tabbable',
+  _.def('Luca.containers.TabView')["extends"]('Luca.containers.CardView')["with"];
+
+  tabView = Luca.register("Luca.containers.TabView");
+
+  tabView.triggers("before:select", "after:select");
+
+  tabView.publicConfiguration({
     tab_position: 'top',
-    tabVerticalOffset: '50px',
+    tabVerticalOffset: '50px'
+  });
+
+  tabView.privateConfiguration({
+    additionalClassNames: 'tabbable',
     navClass: "nav-tabs",
     bodyTemplate: "containers/tab_view",
-    bodyEl: "div.tab-content",
+    bodyEl: "div.tab-content"
+  });
+
+  tabView.defines({
     initialize: function(options) {
       this.options = options != null ? options : {};
       if (this.navStyle === "list") this.navClass = "nav-list";
@@ -3551,13 +4203,12 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
       }
       tabContainerId = this.tabContainer().attr("id");
       this.registerEvent("click #" + tabContainerId + " li a", "select");
-      if (Luca.enableBootstrap && (this.tab_position === "left" || this.tab_position === "right")) {
+      if (Luca.config.enableBoostrap && (this.tab_position === "left" || this.tab_position === "right")) {
         this.tabContainerWrapper().addClass("span2");
         return this.tabContentWrapper().addClass("span9");
       }
     },
     createTabSelectors: function() {
-      var tabView;
       tabView = this;
       return this.each(function(component, index) {
         var icon, link, selector, _ref;
@@ -3619,7 +4270,7 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
     initialize: function(options) {
       this.options = options != null ? options : {};
       _.extend(this, this.options);
-      if (Luca.enableBootstrap === true) {
+      if (Luca.config.enableBoostrap === true) {
         this.wrapperClass = this.fluid === true ? Luca.containers.Viewport.fluidWrapperClass : Luca.containers.Viewport.defaultWrapperClass;
       }
       Luca.core.Container.prototype.initialize.apply(this, arguments);
@@ -3668,7 +4319,7 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
       if ((_ref = Luca.containers.CardView.prototype.after) != null) {
         _ref.apply(this, arguments);
       }
-      if (Luca.enableBootstrap === true && this.containerClassName) {
+      if (Luca.config.enableBoostrap === true && this.containerClassName) {
         return this.$el.children().wrap('<div class="#{ containerClassName }" />');
       }
     },
@@ -3707,12 +4358,16 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
 
 }).call(this);
 (function() {
+  var application,
+    __slice = Array.prototype.slice;
 
-  Luca.util.startHistory = function() {
-    return Backbone.history.start();
-  };
+  application = Luca.register("Luca.Application");
+
+  application["extends"]("Luca.containers.Viewport");
 
-  _.def('Luca.Application')["extends"]('Luca.containers.Viewport')["with"]({
+  application.triggers("controller:change", "action:change");
+
+  application.publicInterface({
     name: "MyApp",
     defaultState: {},
     autoBoot: false,
@@ -3726,21 +4381,20 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
     keyEvents: {},
     components: [
       {
-        ctype: 'template',
+        type: 'template',
         name: 'welcome',
         template: 'sample/welcome',
         templateContainer: "Luca.templates"
       }
     ],
     initialize: function(options) {
-      var alreadyRunning, app, appName, _base,
+      var alreadyRunning, app, appName,
         _this = this;
       this.options = options != null ? options : {};
       app = this;
       appName = this.name;
       alreadyRunning = typeof Luca.getApplication === "function" ? Luca.getApplication() : void 0;
-      (_base = Luca.Application).instances || (_base.instances = {});
-      Luca.Application.instances[appName] = app;
+      Luca.Application.registerInstance(this);
       Luca.containers.Viewport.prototype.initialize.apply(this, arguments);
       this.state = new Luca.Model(this.defaultState);
       if (this.useController === true) this.setupMainController();
@@ -3808,11 +4462,10 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
     },
     navigate_to: function(component_name, callback) {
       return this.getMainController().navigate_to(component_name, callback);
-    },
-    getMainController: function() {
-      if (this.useController === true) return this.components[0];
-      return Luca.cache('main_controller');
-    },
+    }
+  });
+
+  application.privateInterface({
     keyHandler: function(e) {
       var control, isInputEvent, keyEvent, keyname, meta, source, _ref;
       if (!(e && this.keyEvents)) return;
@@ -3843,7 +4496,7 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
           _this.state.set({
             active_section: current.name
           });
-          return app.trigger("page:change");
+          return app.trigger("controller:change");
         });
       }
       return (_ref2 = this.getMainController()) != null ? _ref2.each(function(component) {
@@ -3854,22 +4507,27 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
             _this.state.set({
               active_sub_section: current.name
             });
-            return app.trigger("sub:page:change");
+            return app.trigger("action:change");
           });
         }
       }) : void 0;
     },
     setupMainController: function() {
-      var definedComponents;
+      var definedComponents,
+        _this = this;
       if (this.useController === true) {
         definedComponents = this.components || [];
         this.components = [
           {
             type: 'controller',
             name: "main_controller",
+            role: "main_controller",
             components: definedComponents
           }
         ];
+        this.getMainController = function() {
+          return _this.findComponentByRole('main_controller');
+        };
         return this.defer(this.setupControllerBindings, false).until("after:components");
       }
     },
@@ -3910,7 +4568,7 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
         if (this.autoStartHistory === true) {
           this.autoStartHistory = "before:render";
         }
-        return this.defer(Luca.util.startHistory, false).until(this, this.autoStartHistory);
+        return this.defer(Luca.Application.startHistory, false).until(this, this.autoStartHistory);
       }
     },
     setupKeyHandler: function() {
@@ -3931,16 +4589,74 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
     }
   });
 
+  application.classInterface({
+    instances: {},
+    registerInstance: function(app) {
+      return Luca.Application.instances[app.name] = app;
+    },
+    routeTo: function() {
+      var callback, first, last, pages, routeHelper, specifiedAction;
+      pages = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
+      last = _(pages).last();
+      first = _(pages).first();
+      callback = void 0;
+      specifiedAction = void 0;
+      return routeHelper = function() {
+        var action, args, index, nextItem, page, path, routeHandler, target, _i, _len, _ref;
+        args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
+        path = this.app || Luca();
+        index = 0;
+        if (pages.length === 1 && (target = Luca(first))) {
+          pages = target.controllerPath();
+        }
+        for (_i = 0, _len = pages.length; _i < _len; _i++) {
+          page = pages[_i];
+          if (!(_.isString(page))) continue;
+          nextItem = pages[++index];
+          action = void 0;
+          if (_.isFunction(nextItem)) {
+            action = nextItem;
+          } else if (_.isObject(nextItem) && (nextItem.action != null)) {
+            action = nextItem.action;
+          } else if (page === last && (routeHandler = (_ref = Luca(last)) != null ? _ref.routeHandler : void 0)) {
+            action = Luca.util.read(routeHandler);
+          }
+          if (_.isString(action)) {
+            callback = function() {
+              return this[action].apply(this, args);
+            };
+          }
+          if (_.isFunction(action)) callback = nextItem;
+          path = path.navigate_to(page, callback);
+        }
+        routeHelper.action = function(action) {
+          return pages.push({
+            action: action
+          });
+        };
+        return routeHelper;
+      };
+    },
+    startHistory: function() {
+      return Backbone.history.start();
+    }
+  });
+
+  application.register();
+
 }).call(this);
 (function() {
+  var toolbar;
+
+  _.def('Luca.components.Toolbar')["extends"]('Luca.core.Container')["with"];
 
-  _.def('Luca.components.Toolbar')["extends"]('Luca.core.Container')["with"]({
+  toolbar = Luca.register("Luca.components.Toolbar");
+
+  toolbar["extends"]("Luca.core.Container");
+
+  toolbar.defines({
     className: 'luca-ui-toolbar toolbar',
     position: 'bottom',
-    initialize: function(options) {
-      this.options = options != null ? options : {};
-      return Luca.core.Container.prototype.initialize.apply(this, arguments);
-    },
     prepareComponents: function() {
       var _this = this;
       return _(this.components).each(function(component) {
@@ -3948,14 +4664,20 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
       });
     },
     render: function() {
-      return $(this.container).append(this.el);
+      $(this.container).append(this.el);
+      return this;
     }
   });
 
 }).call(this);
 (function() {
+  var loaderView;
+
+  loaderView = Luca.register("Luca.components.CollectionLoaderView");
 
-  _.def('Luca.components.CollectionLoaderView')["extends"]('Luca.components.Template')["with"]({
+  loaderView["extends"]("Luca.View");
+
+  loaderView.defines({
     className: 'luca-ui-collection-loader-view',
     template: "components/collection_loader_view",
     initialize: function(options) {
@@ -3992,22 +4714,25 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
 (function() {
   var collectionView, make;
 
-  collectionView = Luca.define("Luca.components.CollectionView");
+  collectionView = Luca.register("Luca.components.CollectionView");
 
   collectionView["extends"]("Luca.components.Panel");
 
-  collectionView.behavesAs("LoadMaskable", "Filterable", "Paginatable");
+  collectionView.mixesIn("QueryCollectionBindings", "LoadMaskable", "Filterable", "Paginatable");
 
   collectionView.triggers("before:refresh", "after:refresh", "refresh", "empty:results");
 
-  collectionView.defaults({
+  collectionView.publicConfiguration({
     tagName: "ol",
-    className: "luca-ui-collection-view",
     bodyClassName: "collection-ui-panel",
-    itemTemplate: void 0,
-    itemRenderer: void 0,
     itemTagName: 'li',
     itemClassName: 'collection-item',
+    itemTemplate: void 0,
+    itemRenderer: void 0,
+    itemProperty: void 0
+  });
+
+  collectionView.defines({
     initialize: function(options) {
       var _this = this;
       this.options = options != null ? options : {};
@@ -4030,29 +4755,24 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
       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() {
-          return _this.trigger("enable:loadmask");
-        });
-        this.collection.bind("reset", function() {
-          _this.refresh();
-          return _this.trigger("disable:loadmask");
-        });
-        this.collection.bind("remove", function() {
-          return _this.refresh();
-        });
-        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");
+      this.collection.on("before:fetch", function() {
+        return _this.trigger("enable:loadmask");
+      });
+      this.collection.bind("reset", function() {
+        _this.refresh();
+        return _this.trigger("disable:loadmask");
+      });
+      this.collection.bind("remove", function() {
+        return _this.refresh();
+      });
+      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);
       return this.on("refresh", this.refresh, this);
     },
     attributesForItem: function(item, model) {
@@ -4090,47 +4810,6 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
         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(query, options) {
-      var _ref;
-      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;
-      }
-    },
     locateItemElement: function(id) {
       return this.$("." + this.itemClassName + "[data-model-id='" + id + "']");
     },
@@ -4179,34 +4858,92 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
 
 }).call(this);
 (function() {
+  var controller;
+
+  controller = Luca.register("Luca.components.Controller");
+
+  controller["extends"]("Luca.containers.CardView");
+
+  controller.publicInterface({
+    "default": function(callback) {
+      return this.navigate_to(this.defaultPage || this.defaultCard, callback);
+    },
+    activePage: function() {
+      return this.activeSection();
+    },
+    navigate_to: function(section, callback) {
+      var _this = this;
+      section || (section = this.defaultCard);
+      this.activate(section, false, function(activator, previous, current) {
+        _this.state.set({
+          active_section: current.name
+        });
+        if (_.isFunction(callback)) return callback.apply(current);
+      });
+      return this.find(section);
+    }
+  });
+
+  controller.classMethods({
+    controllerPath: function() {
+      var atBase, component, list;
+      component = this;
+      list = [component.name];
+      atBase = false;
+      while (component && !atBase) {
+        component = typeof component.getParent === "function" ? component.getParent() : void 0;
+        if ((component != null ? component.role : void 0) === "main_controller") {
+          atBase = true;
+        }
+        if ((component != null) && !atBase) list.push(component.name);
+      }
+      return list.reverse();
+    }
+  });
 
-  _.def('Luca.components.Controller')["extends"]('Luca.containers.CardView')["with"]({
-    additionalClassNames: ['luca-ui-controller'],
+  controller.defines({
+    additionalClassNames: 'luca-ui-controller',
     activeAttribute: "active-section",
+    stateful: true,
     initialize: function(options) {
       var _ref;
       this.options = options;
+      this.defaultCard || (this.defaultCard = this.defaultPage || (this.defaultPage = ((_ref = this.components[0]) != null ? _ref.name : void 0) || 0));
+      this.defaultPage || (this.defaultPage = this.defaultCard);
+      this.defaultState || (this.defaultState = {
+        active_section: this.defaultPage
+      });
       Luca.containers.CardView.prototype.initialize.apply(this, arguments);
-      this.defaultCard || (this.defaultCard = (_ref = this.components[0]) != null ? _ref.name : void 0);
-      if (!this.defaultCard) {
+      if (this.defaultCard == null) {
         throw "Controllers must specify a defaultCard property and/or the first component must have a name";
       }
-      return this.state = new Backbone.Model({
-        active_section: this.defaultCard
+      return this._().each(function(component) {
+        return component.controllerPath = Luca.components.Controller.controllerPath;
       });
     },
     each: function(fn) {
       var _this = this;
       return _(this.components).each(function(component) {
-        return fn.apply(_this, [component]);
+        return fn.call(_this, component);
       });
     },
     activeSection: function() {
-      return this.get("activeSection");
+      return this.get("active_section");
+    },
+    pageControllers: function(deep) {
+      if (deep == null) deep = false;
+      return this.controllers.apply(this, arguments);
     },
     controllers: function(deep) {
       if (deep == null) deep = false;
-      return this.select('ctype', 'controller', deep);
+      return this.select(function(component) {
+        var type;
+        type = component.type || component.ctype;
+        return type === "controller" || type === "page_controller";
+      });
+    },
+    availablePages: function() {
+      return this.availableSections.apply(this, arguments);
     },
     availableSections: function() {
       var base,
@@ -4218,37 +4955,43 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
         return memo;
       }, base);
     },
+    pageNames: function() {
+      return this.sectionNames();
+    },
     sectionNames: function(deep) {
       if (deep == null) deep = false;
       return this.pluck('name');
-    },
-    "default": function(callback) {
-      return this.navigate_to(this.defaultCard, callback);
-    },
-    navigate_to: function(section, callback) {
-      var _this = this;
-      section || (section = this.defaultCard);
-      this.activate(section, false, function(activator, previous, current) {
-        _this.state.set({
-          active_section: current.name
-        });
-        if (_.isFunction(callback)) return callback.apply(current);
-      });
-      return this.find(section);
     }
   });
 
 }).call(this);
 (function() {
+  var buttonField;
+
+  buttonField = Luca.register("Luca.fields.ButtonField");
 
-  _.def('Luca.fields.ButtonField')["extends"]('Luca.core.Field')["with"]({
+  buttonField["extends"]("Luca.core.Field");
+
+  buttonField.triggers("button:click");
+
+  buttonField.publicConfiguration({
     readOnly: true,
+    input_value: void 0,
+    input_type: "button",
+    icon_class: void 0,
+    input_name: void 0,
+    white: void 0
+  });
+
+  buttonField.privateConfiguration({
+    isButton: true,
+    template: "fields/button_field",
     events: {
       "click input": "click_handler"
-    },
-    hooks: ["button:click"],
-    className: 'luca-ui-field luca-ui-button-field',
-    template: 'fields/button_field',
+    }
+  });
+
+  buttonField.privateInterface({
     click_handler: function(e) {
       var me, my;
       me = my = $(e.currentTarget);
@@ -4268,7 +5011,6 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
       this.input_id || (this.input_id = _.uniqueId('button'));
       this.input_name || (this.input_name = this.name || (this.name = this.input_id));
       this.input_value || (this.input_value = this.label || (this.label = this.text));
-      this.input_type || (this.input_type = "button");
       this.input_class || (this.input_class = this["class"]);
       this.icon_class || (this.icon_class = "");
       if (this.icon_class.length && !this.icon_class.match(/^icon-/)) {
@@ -4281,13 +5023,21 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
     }
   });
 
+  buttonField.defines({
+    version: 1
+  });
+
 }).call(this);
 (function() {
-  var make;
+  var checkboxArray, make;
 
   make = Luca.View.prototype.make;
 
-  _.def('Luca.fields.CheckboxArray')["extends"]('Luca.core.Field')["with"]({
+  checkboxArray = Luca.register("Luca.fields.CheckboxArray");
+
+  checkboxArray["extends"]("Luca.core.Field");
+
+  checkboxArray.defines({
     version: 2,
     template: "fields/checkbox_array",
     className: "luca-ui-checkbox-array",
@@ -4298,7 +5048,7 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
     initialize: function(options) {
       this.options = options != null ? options : {};
       _.extend(this, this.options);
-      _.extend(this, Luca.modules.Deferrable);
+      _.extend(this, Luca.concerns.Deferrable);
       _.bindAll(this, "renderCheckboxes", "clickHandler", "checkSelected");
       Luca.core.Field.prototype.initialize.apply(this, arguments);
       this.input_id || (this.input_id = _.uniqueId('field'));
@@ -4316,6 +5066,9 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
         console.log("Error Configuring Collection", this, e.message);
       }
       cbArray = this;
+      if (!Luca.isBackboneCollection(this.collection)) {
+        throw "Checkbox Array Fields must specify a @collection property";
+      }
       if (this.collection.length > 0) {
         return this.renderCheckboxes();
       } else {
@@ -4411,15 +5164,27 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
 
 }).call(this);
 (function() {
+  var checkboxField;
+
+  checkboxField = Luca.register("Luca.fields.CheckboxField");
 
-  _.def('Luca.fields.CheckboxField')["extends"]('Luca.core.Field')["with"]({
+  checkboxField["extends"]("Luca.core.Field");
+
+  checkboxField.triggers("checked", "unchecked");
+
+  checkboxField.publicConfiguration({
+    send_blanks: true,
+    input_value: 1
+  });
+
+  checkboxField.privateConfiguration({
+    template: 'fields/checkbox_field',
     events: {
       "change input": "change_handler"
-    },
-    className: 'luca-ui-checkbox-field luca-ui-field',
-    template: 'fields/checkbox_field',
-    hooks: ["checked", "unchecked"],
-    send_blanks: true,
+    }
+  });
+
+  checkboxField.privateInterface({
     change_handler: function(e) {
       var me, my;
       me = my = $(e.target);
@@ -4434,14 +5199,14 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
       this.options = options != null ? options : {};
       _.extend(this, this.options);
       _.bindAll(this, "change_handler");
-      return Luca.core.Field.prototype.initialize.apply(this, arguments);
-    },
-    afterInitialize: function() {
+      Luca.core.Field.prototype.initialize.apply(this, arguments);
       this.input_id || (this.input_id = _.uniqueId('field'));
       this.input_name || (this.input_name = this.name);
-      this.input_value || (this.input_value = 1);
       return this.label || (this.label = this.name);
-    },
+    }
+  });
+
+  checkboxField.publicInterface({
     setValue: function(checked) {
       return this.getInputElement().attr('checked', checked);
     },
@@ -4450,10 +5215,20 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
     }
   });
 
+  checkboxField.defines({
+    version: 1
+  });
+
 }).call(this);
 (function() {
+  var fileUpload;
+
+  fileUpload = Luca.register("Luca.fields.FileUploadField");
+
+  fileUpload["extends"]("Luca.core.Field");
 
-  _.def('Luca.fields.FileUploadField')["extends"]('Luca.core.Field')["with"]({
+  fileUpload.defines({
+    version: 1,
     template: 'fields/file_upload_field',
     afterInitialize: function() {
       this.input_id || (this.input_id = _.uniqueId('field'));
@@ -4465,8 +5240,13 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
 
 }).call(this);
 (function() {
+  var hiddenField;
+
+  hiddenField = Luca.register("Luca.fields.HiddenField");
 
-  _.def('Luca.fields.HiddenField')["extends"]('Luca.core.Field')["with"]({
+  hiddenField["extends"]("Luca.core.Field");
+
+  hiddenField.defines({
     template: 'fields/hidden_field',
     afterInitialize: function() {
       this.input_id || (this.input_id = _.uniqueId('field'));
@@ -4478,9 +5258,13 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
 
 }).call(this);
 (function() {
+  var labelField;
+
+  labelField = Luca.register("Luca.components.LabelField");
 
-  _.def("Luca.components.LabelField")["extends"]("Luca.core.Field")["with"]({
-    className: "luca-ui-field luca-ui-label-field",
+  labelField["extends"]("Luca.core.Field");
+
+  labelField.defines({
     formatter: function(value) {
       value || (value = this.getValue());
       return _.str.titleize(value);
@@ -4494,13 +5278,18 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
 
 }).call(this);
 (function() {
+  var selectField;
+
+  selectField = Luca.register("Luca.fields.SelectField");
+
+  selectField["extends"]("Luca.core.Field");
+
+  selectField.triggers("after:select");
 
-  _.def('Luca.fields.SelectField')["extends"]('Luca.core.Field')["with"]({
+  selectField.defines({
     events: {
       "change select": "change_handler"
     },
-    hooks: ["after:select"],
-    className: 'luca-ui-select-field luca-ui-field',
     template: "fields/select_field",
     includeBlank: true,
     blankValue: '',
@@ -4508,7 +5297,7 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
     initialize: function(options) {
       this.options = options != null ? options : {};
       _.extend(this, this.options);
-      _.extend(this, Luca.modules.Deferrable);
+      _.extend(this, Luca.concerns.Deferrable);
       _.bindAll(this, "change_handler", "populateOptions", "beforeFetch");
       Luca.core.Field.prototype.initialize.apply(this, arguments);
       this.input_id || (this.input_id = _.uniqueId('field'));
@@ -4603,13 +5392,14 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
     initialize: function(options) {
       this.options = options != null ? options : {};
       _.bindAll(this, "keydown_handler");
-      Luca.core.Field.prototype.initialize.apply(this, arguments);
       this.input_id || (this.input_id = _.uniqueId('field'));
       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);
+      this.inputStyles || (this.inputStyles = "height:" + this.height + ";width:" + this.width);
+      this.placeHolder || (this.placeHolder = "");
+      return Luca.core.Field.prototype.initialize.apply(this, arguments);
     },
     setValue: function(value) {
       return $(this.field()).val(value);
@@ -4636,8 +5426,13 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
 
 }).call(this);
 (function() {
+  var textField;
+
+  textField = Luca.register('Luca.fields.TextField');
 
-  _.def('Luca.fields.TextField')["extends"]('Luca.core.Field')["with"]({
+  textField["extends"]('Luca.core.Field');
+
+  textField.defines({
     events: {
       "blur input": "blur_handler",
       "focus input": "focus_handler",
@@ -4663,6 +5458,7 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
         this.$el.addClass('input-append');
         this.addOn = this.append;
       }
+      this.placeHolder || (this.placeHolder = "");
       return Luca.core.Field.prototype.initialize.apply(this, arguments);
     },
     keyup_handler: function(e) {
@@ -4681,9 +5477,13 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
 
 }).call(this);
 (function() {
+  var typeAheadField;
+
+  typeAheadField = Luca.register("Luca.fields.TypeAheadField");
+
+  typeAheadField["extends"]("Luca.fields.TextField");
 
-  _.def('Luca.fields.TypeAheadField')["extends"]('Luca.fields.TextField')["with"]({
-    className: 'luca-ui-field',
+  typeAheadField.defines({
     getSource: function() {
       return Luca.util.read(this.source) || [];
     },
@@ -4705,13 +5505,19 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
 
 }).call(this);
 (function() {
+  var toolbar;
 
-  _.def('Luca.components.FormButtonToolbar')["extends"]('Luca.components.Toolbar')["with"]({
+  toolbar = Luca.register("Luca.components.FormButtonToolbar");
+
+  toolbar["extends"]("Luca.components.Toolbar");
+
+  toolbar.defines({
     className: 'luca-ui-form-toolbar form-actions',
     position: 'bottom',
     includeReset: false,
     render: function() {
-      return $(this.container).append(this.el);
+      $(this.container).append(this.el);
+      return this;
     },
     initialize: function(options) {
       this.options = options != null ? options : {};
@@ -4735,11 +5541,17 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
 
 }).call(this);
 (function() {
+  var formView;
+
+  formView = Luca.register("Luca.components.FormView");
 
-  _.def("Luca.components.FormView")["extends"]('Luca.core.Container')["with"]({
+  formView["extends"]("Luca.core.Container");
+
+  formView.triggers("before:submit", "before:reset", "before:load", "before:load:new", "before:load:existing", "after:submit", "after:reset", "after:load", "after:load:new", "after:load:existing", "after:submit:success", "after:submit:fatal_error", "after:submit:error");
+
+  formView.defines({
     tagName: 'form',
     className: 'luca-ui-form-view',
-    hooks: ["before:submit", "before:reset", "before:load", "before:load:new", "before:load:existing", "after:submit", "after:reset", "after:load", "after:load:new", "after:load:existing", "after:submit:success", "after:submit:fatal_error", "after:submit:error"],
     events: {
       "click .submit-button": "submitHandler",
       "click .reset-button": "resetHandler"
@@ -4747,13 +5559,13 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
     toolbar: true,
     legend: "",
     bodyClassName: "form-view-body",
-    version: "0.9.33333333",
+    version: 1,
     initialize: function(options) {
       this.options = options != null ? options : {};
-      if (this.loadMask == null) this.loadMask = Luca.enableBootstrap;
+      if (this.loadMask == null) this.loadMask = Luca.config.enableBoostrap;
       Luca.core.Container.prototype.initialize.apply(this, arguments);
       this.components || (this.components = this.fields);
-      _.bindAll(this, "submitHandler", "resetHandler", "renderToolbars", "applyLoadMask");
+      _.bindAll(this, "submitHandler", "resetHandler", "renderToolbars");
       this.state || (this.state = new Backbone.Model);
       this.setupHooks(this.hooks);
       this.applyStyleClasses();
@@ -4770,7 +5582,7 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
       return Luca.components.FormView.defaultFormViewToolbar;
     },
     applyStyleClasses: function() {
-      if (Luca.enableBootstrap) this.applyBootstrapStyleClasses();
+      if (Luca.config.enableBoostrap) this.applyBootstrapStyleClasses();
       if (this.labelAlign) this.$el.addClass("label-align-" + this.labelAlign);
       if (this.fieldLayoutClass) return this.$el.addClass(this.fieldLayoutClass);
     },
@@ -4900,7 +5712,7 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
         if (options.debug) {
           console.log("" + key + " Options", options, "Value", value, "Value Is Blank?", valueIsBlank, "Allow Blanks?", allowBlankValues);
         }
-        if (options.skip_buttons && field.ctype === "button_field") {
+        if (options.skip_buttons && field.isButton) {
           skip = true;
         } else {
           if (valueIsBlank && allowBlankValues === false) skip = true;
@@ -5027,8 +5839,8 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
       var _this = this;
       this.options = options != null ? options : {};
       _.extend(this, this.options);
-      _.extend(this, Luca.modules.Deferrable);
-      if (this.loadMask == null) this.loadMask = Luca.enableBootstrap;
+      _.extend(this, Luca.concerns.Deferrable);
+      if (this.loadMask == null) this.loadMask = Luca.config.enableBoostrap;
       if (this.loadMask === true) {
         this.loadMaskEl || (this.loadMaskEl = ".luca-ui-g-view-body");
       }
@@ -5090,7 +5902,7 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
         var _ref;
         return (_ref = _this.wrapper) != null ? _ref.addClass(containerClass) : void 0;
       });
-      if (Luca.enableBootstrap) this.table.addClass('table');
+      if (Luca.config.enableBoostrap) this.table.addClass('table');
       return _((_ref = this.tableStyle) != null ? _ref.split(" ") : void 0).each(function(style) {
         return _this.table.addClass("table-" + style);
       });
@@ -5255,15 +6067,15 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
 (function() {
   var multiView, propagateCollectionComponents, validateComponent;
 
-  multiView = Luca.define("Luca.components.MultiCollectionView");
+  multiView = Luca.register("Luca.components.MultiCollectionView");
 
   multiView["extends"]("Luca.containers.CardView");
 
-  multiView.behavesAs("LoadMaskable", "Filterable", "Paginatable");
+  multiView.mixesIn("QueryCollectionBindings", "LoadMaskable", "Filterable", "Paginatable");
 
   multiView.triggers("before:refresh", "after:refresh", "refresh", "empty:results");
 
-  multiView.defaultsTo({
+  multiView.defines({
     version: 1,
     stateful: true,
     defaultState: {
@@ -5279,11 +6091,10 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
         view = _ref[_i];
         validateComponent(view);
       }
+      Luca.containers.CardView.prototype.initialize.apply(this, arguments);
       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);
+      return this.on("after:components", propagateCollectionComponents, this);
     },
     relayAfterRefresh: function(models, query, options) {
       return this.trigger("after:refresh", models, query, options);
@@ -5291,38 +6102,6 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
     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;
     }
   });
 
@@ -5412,11 +6191,12 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
       "click a.prev": "previousPage"
     },
     afterInitialize: function() {
-      var _this = this;
+      var _ref,
+        _this = this;
       _.bindAll(this, "updateWithPageCount");
-      return this.state.on("change", function(state, numberOfPages) {
+      return (_ref = this.state) != null ? _ref.on("change", function(state, numberOfPages) {
         return _this.updateWithPageCount(state.get('numberOfPages'));
-      });
+      }) : void 0;
     },
     limit: function() {
       var _ref;
@@ -5475,7 +6255,6 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
       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;
@@ -5732,15 +6511,17 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
       "": "default"
     },
     initialize: function(options) {
-      var _this = this;
+      var _ref,
+        _this = this;
       this.options = options;
       _.extend(this, this.options);
       this.routeHandlers = _(this.routes).values();
-      return _(this.routeHandlers).each(function(route_id) {
+      _(this.routeHandlers).each(function(route_id) {
         return _this.bind("route:" + route_id, function() {
           return _this.trigger.apply(_this, ["change:navigation", route_id].concat(_(arguments).flatten()));
         });
       });
+      return (_ref = Backbone.Router.initialize) != null ? _ref.apply(this, arguments) : void 0;
     },
     navigate: function(route, triggerRoute) {
       if (triggerRoute == null) triggerRoute = false;
@@ -5773,22 +6554,25 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
     itemTagName: "tr",
     stateful: true,
     observeChanges: true,
+    widths: [],
     columns: [],
     emptyText: "There are no results to display",
     itemRenderer: function(item, model) {
       return Luca.components.TableView.rowRenderer.call(this, item, model);
     },
     initialize: function(options) {
-      var column,
+      var column, index, width,
         _this = this;
       this.options = options != null ? options : {};
       Luca.components.CollectionView.prototype.initialize.apply(this, arguments);
+      index = 0;
       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 (width = this.widths[index]) column.width = width;
           if (_.isString(column)) {
             column = {
               reader: column
@@ -5797,6 +6581,7 @@ null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property
           if (!(column.header != null)) {
             column.header = _.str.titleize(_.str.humanize(column.reader));
           }
+          index++;
           _results.push(column);
         }
         return _results;