From 8f8628251743e56a13128f14d2949dc8415df176 Mon Sep 17 00:00:00 2001
From: Sol Villar <msol.villar@gmail.com>
Date: Fri, 6 Mar 2015 15:32:03 -0300
Subject: [PATCH] [#469] Update of dist and doc files.

---
 dist/recline.css                          |  179 ++-
 dist/recline.dataset.min.js               |    1 +
 dist/recline.js                           |  192 ++-
 dist/recline.min.js                       |    3 +
 docs/src/backend.dataproxy.html           |  317 +++-
 docs/src/backend.memory.html              |  785 +++++++--
 docs/src/docco.css                        |  640 ++++++--
 docs/src/ecma-fixes.html                  |  279 +++-
 docs/src/model.html                       | 1772 +++++++++++++++------
 docs/src/public/fonts/aller-bold.eot      |  Bin 0 -> 29804 bytes
 docs/src/public/fonts/aller-bold.ttf      |  Bin 0 -> 66836 bytes
 docs/src/public/fonts/aller-bold.woff     |  Bin 0 -> 33244 bytes
 docs/src/public/fonts/aller-light.eot     |  Bin 0 -> 29509 bytes
 docs/src/public/fonts/aller-light.ttf     |  Bin 0 -> 68620 bytes
 docs/src/public/fonts/aller-light.woff    |  Bin 0 -> 33124 bytes
 docs/src/public/fonts/roboto-black.eot    |  Bin 0 -> 20702 bytes
 docs/src/public/fonts/roboto-black.ttf    |  Bin 0 -> 44828 bytes
 docs/src/public/fonts/roboto-black.woff   |  Bin 0 -> 24536 bytes
 docs/src/public/stylesheets/normalize.css |  375 +++++
 docs/src/view.flot.html                   | 1229 +++++++++-----
 docs/src/view.graph.html                  |  145 +-
 docs/src/view.grid.html                   |  772 ++++++---
 docs/src/view.map.html                    | 1688 ++++++++++++++------
 docs/src/view.multiview.html              | 1318 ++++++++++-----
 docs/src/view.slickgrid.html              | 1432 ++++++++++++-----
 docs/src/view.timeline.html               |  572 +++++--
 docs/src/widget.facetviewer.html          |  322 +++-
 docs/src/widget.fields.html               |  359 ++++-
 docs/src/widget.filtereditor.html         |  486 ++++--
 docs/src/widget.pager.html                |  279 +++-
 docs/src/widget.queryeditor.html          |  214 ++-
 docs/src/widget.valuefilter.html          |  264 +++
 32 files changed, 10218 insertions(+), 3405 deletions(-)
 create mode 100644 dist/recline.dataset.min.js
 create mode 100644 dist/recline.min.js
 create mode 100644 docs/src/public/fonts/aller-bold.eot
 create mode 100644 docs/src/public/fonts/aller-bold.ttf
 create mode 100644 docs/src/public/fonts/aller-bold.woff
 create mode 100644 docs/src/public/fonts/aller-light.eot
 create mode 100644 docs/src/public/fonts/aller-light.ttf
 create mode 100644 docs/src/public/fonts/aller-light.woff
 create mode 100755 docs/src/public/fonts/roboto-black.eot
 create mode 100755 docs/src/public/fonts/roboto-black.ttf
 create mode 100755 docs/src/public/fonts/roboto-black.woff
 create mode 100644 docs/src/public/stylesheets/normalize.css
 create mode 100644 docs/src/widget.valuefilter.html

diff --git a/dist/recline.css b/dist/recline.css
index ed38db58..c716b38c 100644
--- a/dist/recline.css
+++ b/dist/recline.css
@@ -276,22 +276,42 @@ div.data-table-cell-content-numeric > a.data-table-cell-edit {
   float: right;
   margin-left: 5px;
   padding-left: 5px;
-  border-left: solid 2px #ddd;
 }
 
-.header .recline-results-info {
-  line-height: 28px;
+.recline-results-info {
+  line-height: 35px;
   margin-left: 20px;
   float: left;
 }
 
+.recline-data-explorer .data-view-sidebar > div {
+  margin-top: 5px;
+  margin-bottom: 10px;
+}
+
+.recline-data-explorer .radio,
+.recline-data-explorer .checkbox {
+  padding-left: 20px;
+}
+
+.recline-data-explorer .editor-update-map {
+  margin: 30px 0px 20px 0px;
+}
+
+.recline-data-explorer label {
+  font-weight: normal;
+}
+
 /**********************************************************
   * Query Editor
   *********************************************************/
 
-.header .recline-query-editor {
+.recline-query-editor {
   float: right;
-  height: 30px;
+  height: 35px;
+  padding-right: 5px;
+  margin-right: 5px;
+  border-right: solid 2px #ddd;
 }
 
 .header .input-prepend {
@@ -312,11 +332,11 @@ div.data-table-cell-content-numeric > a.data-table-cell-edit {
   vertical-align: top;
 }
 
-.header .recline-query-editor form button {
+.recline-query-editor form button {
   vertical-align: top;
 }
 
-.header .recline-query-editor label {
+.recline-query-editor label {
   display:none;
 }
 
@@ -324,28 +344,78 @@ div.data-table-cell-content-numeric > a.data-table-cell-edit {
   * Pager
   *********************************************************/
 
-.header .recline-pager {
+.recline-pager {
   float: left;
   margin: auto;
   display: block;
   margin-left: 20px;
 }
 
-.header .recline-pager .pagination label {
+.recline-pager .pagination li {
+  display: inline-block;
+}
+
+.recline-pager .pagination label {
   display:none;
 }
 
-.header .recline-pager .pagination input {
-  width: 30px;
-  height: 18px;
+.recline-pager .pagination input {
+  width: 40px;
+  height: 25px;
   padding: 2px 4px;
   margin: 0;
-  margin-top: -4px;
+  margin-top: -2px;
+  
+  border: 1px solid #cccccc;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  transition: border linear 0.2s, box-shadow linear 0.2s;
+  border-radius: 4px;
+  
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
+  -webkit-border-radius: 4px;
+  
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
+  -moz-border-radius: 4px;
+  
+  -o-transition: border linear 0.2s, box-shadow linear 0.2s;  
 }
 
-.header .recline-pager .pagination a {
-  line-height: 26px;
-  padding: 0 6px;
+.recline-pager .pagination a {
+  float: none;
+  margin-left: -5px;
+  color: #555;
+}
+
+.recline-pager .pagination .page-range {
+  height: 34px;
+  padding: 5px 8px;
+  margin-left: -5px;
+  border: 1px solid #ddd;
+}
+
+.recline-pager .pagination .page-range a {
+  padding: 0px 12px;
+  border: none;
+}
+
+.recline-pager .pagination .page-range a:hover {
+  background-color: #ffffff;
+}
+
+.recline-pager .pagination > li:first-child > a {
+  border-bottom-left-radius: 4px;
+  border-top-left-radius: 4px;
+  border-bottom-right-radius: 0px;
+  border-top-right-radius: 0px;  
+}
+
+.recline-pager .pagination > li:last-child > a {
+  border-bottom-right-radius: 4px;
+  border-top-right-radius: 4px;
+  border-bottom-left-radius: 0px;
+  border-top-left-radius: 0px;  
 }
 
 /**********************************************************
@@ -357,6 +427,31 @@ div.data-table-cell-content-numeric > a.data-table-cell-edit {
   display: none;
 }
 
+.recline-filter-editor .filters {
+  margin: 20px 0px;
+}
+
+.recline-filter-editor h3 {
+  margin-top: 4px;
+}
+
+.recline-filter-editor .filter {
+  margin-top: 20px;
+}
+
+.recline-filter-editor .filter .form-group {
+  margin-bottom: 0px;
+}
+
+.recline-filter-editor .filter input,
+.recline-filter-editor .filter label {
+  margin: 0px;
+}
+
+.recline-filter-editor .js-edit button {
+  margin: 25px 0px 0px 0px;
+}
+
 .recline-filter-editor .filter-term a {
   font-size: 18px;
 }
@@ -369,6 +464,20 @@ div.data-table-cell-content-numeric > a.data-table-cell-edit {
 
 .recline-filter-editor input {
   margin-top: 0.5em;
+  margin-bottom: 10px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;  
+  border: 1px solid #cccccc;  
+}
+
+.recline-filter-editor label {
+  font-weight: normal;
+  display: block;
+}
+
+.recline-filter-editor legend {
+  margin-bottom: 5px;
 }
 
 .recline-filter-editor .add-filter {
@@ -392,22 +501,30 @@ div.data-table-cell-content-numeric > a.data-table-cell-edit {
   padding: 0;
 }
 
-.recline-fields-view .fields-list .accordion-heading,
-.recline-fields-view .fields-list h3
-{
-  margin: 3px 0 3px 5px;
+.recline-fields-view .panel {
+  background-color: #f5f5f5;
+  border: 1px solid #e5e5e5;
 }
 
-.recline-fields-view .fields-list .accordion-heading a,
-.recline-fields-view .fields-list .accordion-heading h4 {
+.recline-fields-view .panel-group h3 {
+  padding-left: 10px;
+}
+
+.recline-fields-view .fields-list .panel-heading {
+  padding: 2px 5px;
+  margin: 1px 0px 1px 5px;
+}
+
+.recline-fields-view .panel a,
+.recline-fields-view .panel h4 {
   display: inline;
 }
 
-.recline-fields-view .fields-list .accordion-heading a {
+.recline-fields-view .panel a {
   padding: 0;
 }
 
-.recline-fields-view .fields-list .accordion-heading h4 {
+.recline-fields-view .panel h4 {
   word-wrap: break-word
 }
 
@@ -486,6 +603,10 @@ classes should alter those!
 .recline-slickgrid .slick-header-column:hover, .slick-header-column-active {
 }
 
+.recline-slickgrid .slick-header-column.ui-state-default {
+  height: 26px;
+}
+
 .recline-slickgrid .slick-headerrow {
   background: #fafafa;
 }
@@ -624,16 +745,16 @@ classes should alter those!
 
 .recline-slickgrid .recline-row-delete {
   font-size: 12px;
-  padding: 2px;
-  width: 22px;
-  height: 14px;
+  padding: 3px;
+  width: 29px;
+  height: 18px;
   line-height: 13px;
 }
 
 .recline-cell-reorder {
   font-size: 12px;
-  padding: 2px;
-  width: 22px;
+  padding: 1px;
+  width: 31px;
   height: 14px;
   line-height: 13px;
   cursor: move;
diff --git a/dist/recline.dataset.min.js b/dist/recline.dataset.min.js
new file mode 100644
index 00000000..8ca94447
--- /dev/null
+++ b/dist/recline.dataset.min.js
@@ -0,0 +1 @@
+this.recline=this.recline||{};this.recline.Model=this.recline.Model||{};(function(my){"use strict";var Deferred=typeof jQuery!=="undefined"&&jQuery.Deferred||_.Deferred;my.Dataset=Backbone.Model.extend({constructor:function Dataset(){Backbone.Model.prototype.constructor.apply(this,arguments)},initialize:function(){var self=this;_.bindAll(this,"query");this.backend=null;if(this.get("backend")){this.backend=this._backendFromString(this.get("backend"))}else{if(this.get("records")){this.backend=recline.Backend.Memory}}this.fields=new my.FieldList;this.records=new my.RecordList;this._changes={deletes:[],updates:[],creates:[]};this.facets=new my.FacetList;this.recordCount=null;this.queryState=new my.Query;this.queryState.bind("change facet:add",function(){self.query()});this._store=this.backend;this._handleResult=this.backend!=null&&_.has(this.backend,"handleQueryResult")?this.backend.handleQueryResult:this._handleQueryResult;if(this.backend==recline.Backend.Memory){this.fetch()}},sync:function(method,model,options){return this.backend.sync(method,model,options)},fetch:function(){var self=this;var dfd=new Deferred;if(this.backend!==recline.Backend.Memory){this.backend.fetch(this.toJSON()).done(handleResults).fail(function(args){dfd.reject(args)})}else{handleResults({records:this.get("records"),fields:this.get("fields"),useMemoryStore:true})}function handleResults(results){var fields=self.get("fields")||results.fields;var out=self._normalizeRecordsAndFields(results.records,fields);if(results.useMemoryStore){self._store=new recline.Backend.Memory.Store(out.records,out.fields)}self.set(results.metadata);self.fields.reset(out.fields);self.query().done(function(){dfd.resolve(self)}).fail(function(args){dfd.reject(args)})}return dfd.promise()},_normalizeRecordsAndFields:function(records,fields){if(!fields&&records&&records.length>0){if(records[0]instanceof Array){fields=records[0];records=records.slice(1)}else{fields=_.map(_.keys(records[0]),function(key){return{id:key}})}}if(fields&&fields.length>0&&(fields[0]===null||typeof fields[0]!="object")){var seen={};fields=_.map(fields,function(field,index){if(field===null){field=""}else{field=field.toString()}var fieldId=field.replace(/^\s+|\s+$/g,"");if(fieldId===""){fieldId="_noname_";field=fieldId}while(fieldId in seen){seen[field]+=1;fieldId=field+seen[field]}if(!(field in seen)){seen[field]=0}return{id:fieldId}})}if(records&&records.length>0&&records[0]instanceof Array){records=_.map(records,function(doc){var tmp={};_.each(fields,function(field,idx){tmp[field.id]=doc[idx]});return tmp})}return{fields:fields,records:records}},save:function(){var self=this;return this._store.save(this._changes,this.toJSON())},query:function(queryObj){var self=this;var dfd=new Deferred;this.trigger("query:start");if(queryObj){var attributes=queryObj;if(queryObj instanceof my.Query){attributes=queryObj.toJSON()}this.queryState.set(attributes,{silent:true})}var actualQuery=this.queryState.toJSON();this._store.query(actualQuery,this.toJSON()).done(function(queryResult){self._handleResult(queryResult);self.trigger("query:done");dfd.resolve(self.records)}).fail(function(args){self.trigger("query:fail",args);dfd.reject(args)});return dfd.promise()},_handleQueryResult:function(queryResult){var self=this;self.recordCount=queryResult.total;var docs=_.map(queryResult.hits,function(hit){var _doc=new my.Record(hit);_doc.fields=self.fields;_doc.bind("change",function(doc){self._changes.updates.push(doc.toJSON())});_doc.bind("destroy",function(doc){self._changes.deletes.push(doc.toJSON())});return _doc});self.records.reset(docs);if(queryResult.facets){var facets=_.map(queryResult.facets,function(facetResult,facetId){facetResult.id=facetId;return new my.Facet(facetResult)});self.facets.reset(facets)}},toTemplateJSON:function(){var data=this.toJSON();data.recordCount=this.recordCount;data.fields=this.fields.toJSON();return data},getFieldsSummary:function(){var self=this;var query=new my.Query;query.set({size:0});this.fields.each(function(field){query.addFacet(field.id)});var dfd=new Deferred;this._store.query(query.toJSON(),this.toJSON()).done(function(queryResult){if(queryResult.facets){_.each(queryResult.facets,function(facetResult,facetId){facetResult.id=facetId;var facet=new my.Facet(facetResult);self.fields.get(facetId).facets.reset(facet)})}dfd.resolve(queryResult)});return dfd.promise()},recordSummary:function(record){return record.summary()},_backendFromString:function(backendString){var backend=null;if(recline&&recline.Backend){_.each(_.keys(recline.Backend),function(name){if(name.toLowerCase()===backendString.toLowerCase()){backend=recline.Backend[name]}})}return backend}});my.Record=Backbone.Model.extend({constructor:function Record(){Backbone.Model.prototype.constructor.apply(this,arguments)},initialize:function(){_.bindAll(this,"getFieldValue")},getFieldValue:function(field){var val=this.getFieldValueUnrendered(field);if(field&&!_.isUndefined(field.renderer)){val=field.renderer(val,field,this.toJSON())}return val},getFieldValueUnrendered:function(field){if(!field){return""}var val=this.get(field.id);if(field.deriver){val=field.deriver(val,field,this)}return val},summary:function(record){var self=this;var html='<div class="recline-record-summary">';this.fields.each(function(field){if(field.id!="id"){html+='<div class="'+field.id+'"><strong>'+field.get("label")+"</strong>: "+self.getFieldValue(field)+"</div>"}});html+="</div>";return html},fetch:function(){},save:function(){},destroy:function(){this.trigger("destroy",this)}});my.RecordList=Backbone.Collection.extend({constructor:function RecordList(){Backbone.Collection.prototype.constructor.apply(this,arguments)},model:my.Record});my.Field=Backbone.Model.extend({constructor:function Field(){Backbone.Model.prototype.constructor.apply(this,arguments)},defaults:{label:null,type:"string",format:null,is_derived:false},initialize:function(data,options){if("0"in data){throw new Error("Looks like you did not pass a proper hash with id to Field constructor")}if(this.attributes.label===null){this.set({label:this.id})}if(this.attributes.type.toLowerCase()in this._typeMap){this.attributes.type=this._typeMap[this.attributes.type.toLowerCase()]}if(options){this.renderer=options.renderer;this.deriver=options.deriver}if(!this.renderer){this.renderer=this.defaultRenderers[this.get("type")]}this.facets=new my.FacetList},_typeMap:{text:"string","double":"number","float":"number",numeric:"number","int":"integer",datetime:"date-time",bool:"boolean",timestamp:"date-time",json:"object"},defaultRenderers:{object:function(val,field,doc){return JSON.stringify(val)},geo_point:function(val,field,doc){return JSON.stringify(val)},number:function(val,field,doc){var format=field.get("format");if(format==="percentage"){return val+"%"}return val},string:function(val,field,doc){var format=field.get("format");if(format==="markdown"){if(typeof Showdown!=="undefined"){var showdown=new Showdown.converter;out=showdown.makeHtml(val);return out}else{return val}}else if(format=="plain"){return val}else{if(val&&typeof val==="string"){val=val.replace(/(https?:\/\/[^ ]+)/g,'<a href="$1">$1</a>')}return val}}}});my.FieldList=Backbone.Collection.extend({constructor:function FieldList(){Backbone.Collection.prototype.constructor.apply(this,arguments)},model:my.Field});my.Query=Backbone.Model.extend({constructor:function Query(){Backbone.Model.prototype.constructor.apply(this,arguments)},defaults:function(){return{size:100,from:0,q:"",facets:{},filters:[]}},_filterTemplates:{term:{type:"term",field:"",term:""},range:{type:"range",from:"",to:""},geo_distance:{type:"geo_distance",distance:10,unit:"km",point:{lon:0,lat:0}}},addFilter:function(filter){var ourfilter=JSON.parse(JSON.stringify(filter));if(_.keys(filter).length<=3){ourfilter=_.defaults(ourfilter,this._filterTemplates[filter.type])}var filters=this.get("filters");filters.push(ourfilter);this.trigger("change:filters:new-blank")},replaceFilter:function(filter){var filters=this.get("filters");var idx=-1;_.each(this.get("filters"),function(f,key,list){if(filter.field==f.field){idx=key}});if(idx>=0){filters.splice(idx,1);this.set({filters:filters})}this.addFilter(filter)},updateFilter:function(index,value){},removeFilter:function(filterIndex){var filters=this.get("filters");filters.splice(filterIndex,1);this.set({filters:filters});this.trigger("change")},addFacet:function(fieldId,size,silent){var facets=this.get("facets");if(_.contains(_.keys(facets),fieldId)){return}facets[fieldId]={terms:{field:fieldId}};if(!_.isUndefined(size)){facets[fieldId].terms.size=size}this.set({facets:facets},{silent:true});if(!silent){this.trigger("facet:add",this)}},addHistogramFacet:function(fieldId){var facets=this.get("facets");facets[fieldId]={date_histogram:{field:fieldId,interval:"day"}};this.set({facets:facets},{silent:true});this.trigger("facet:add",this)},removeFacet:function(fieldId){var facets=this.get("facets");if(!_.contains(_.keys(facets),fieldId)){return}delete facets[fieldId];this.set({facets:facets},{silent:true});this.trigger("facet:remove",this)},clearFacets:function(){var facets=this.get("facets");_.each(_.keys(facets),function(fieldId){delete facets[fieldId]});this.trigger("facet:remove",this)},refreshFacets:function(){this.trigger("facet:add",this)}});my.Facet=Backbone.Model.extend({constructor:function Facet(){Backbone.Model.prototype.constructor.apply(this,arguments)},defaults:function(){return{_type:"terms",total:0,other:0,missing:0,terms:[]}}});my.FacetList=Backbone.Collection.extend({constructor:function FacetList(){Backbone.Collection.prototype.constructor.apply(this,arguments)},model:my.Facet});my.ObjectState=Backbone.Model.extend({})})(this.recline.Model);this.recline=this.recline||{};this.recline.Backend=this.recline.Backend||{};this.recline.Backend.Memory=this.recline.Backend.Memory||{};(function(my){"use strict";my.__type__="memory";var Deferred=typeof jQuery!=="undefined"&&jQuery.Deferred||_.Deferred;my.Store=function(records,fields){var self=this;this.records=records;this.data=this.records;if(fields){this.fields=fields}else{if(records){this.fields=_.map(records[0],function(value,key){return{id:key,type:"string"}})}}this.update=function(doc){_.each(self.records,function(internalDoc,idx){if(doc.id===internalDoc.id){self.records[idx]=doc}})};this.remove=function(doc){var newdocs=_.reject(self.records,function(internalDoc){return doc.id===internalDoc.id});this.records=newdocs};this.save=function(changes,dataset){var self=this;var dfd=new Deferred;_.each(changes.updates,function(record){self.update(record)});_.each(changes.deletes,function(record){self.remove(record)});dfd.resolve();return dfd.promise()},this.query=function(queryObj){var dfd=new Deferred;var numRows=queryObj.size||this.records.length;var start=queryObj.from||0;var results=this.records;results=this._applyFilters(results,queryObj);results=this._applyFreeTextQuery(results,queryObj);_.each(queryObj.sort,function(sortObj){var fieldName=sortObj.field;results=_.sortBy(results,function(doc){var _out=doc[fieldName];return _out});if(sortObj.order=="desc"){results.reverse()}});var facets=this.computeFacets(results,queryObj);var out={total:results.length,hits:results.slice(start,start+numRows),facets:facets};dfd.resolve(out);return dfd.promise()};this._applyFilters=function(results,queryObj){var filters=queryObj.filters;var filterFunctions={term:term,terms:terms,range:range,geo_distance:geo_distance};var dataParsers={integer:function(e){return parseFloat(e,10)},"float":function(e){return parseFloat(e,10)},number:function(e){return parseFloat(e,10)},string:function(e){return e.toString()},date:function(e){return moment(e).valueOf()},datetime:function(e){return new Date(e).valueOf()}};var keyedFields={};_.each(self.fields,function(field){keyedFields[field.id]=field});function getDataParser(filter){var fieldType=keyedFields[filter.field].type||"string";return dataParsers[fieldType]}return _.filter(results,function(record){var passes=_.map(filters,function(filter){return filterFunctions[filter.type](record,filter)});return _.all(passes,_.identity)});function term(record,filter){var parse=getDataParser(filter);var value=parse(record[filter.field]);var term=parse(filter.term);return value===term}function terms(record,filter){var parse=getDataParser(filter);var value=parse(record[filter.field]);var terms=parse(filter.terms).split(",");return _.indexOf(terms,value)>=0}function range(record,filter){var fromnull=_.isUndefined(filter.from)||filter.from===null||filter.from==="";var tonull=_.isUndefined(filter.to)||filter.to===null||filter.to==="";var parse=getDataParser(filter);var value=parse(record[filter.field]);var from=parse(fromnull?"":filter.from);var to=parse(tonull?"":filter.to);if((!fromnull||!tonull)&&value===""){return false}return(fromnull||value>=from)&&(tonull||value<=to)}function geo_distance(){}};this._applyFreeTextQuery=function(results,queryObj){if(queryObj.q){var terms=queryObj.q.split(" ");var patterns=_.map(terms,function(term){return new RegExp(term.toLowerCase())});results=_.filter(results,function(rawdoc){var matches=true;_.each(patterns,function(pattern){var foundmatch=false;_.each(self.fields,function(field){var value=rawdoc[field.id];if(value!==null&&value!==undefined){value=value.toString()}else{value=""}foundmatch=foundmatch||pattern.test(value.toLowerCase())});matches=matches&&foundmatch});return matches})}return results};this.computeFacets=function(records,queryObj){var facetResults={};if(!queryObj.facets){return facetResults}_.each(queryObj.facets,function(query,facetId){facetResults[facetId]=new recline.Model.Facet({id:facetId}).toJSON();facetResults[facetId].termsall={}});_.each(records,function(doc){_.each(queryObj.facets,function(query,facetId){var fieldId=query.terms.field;var val=doc[fieldId];var tmp=facetResults[facetId];if(val){tmp.termsall[val]=tmp.termsall[val]?tmp.termsall[val]+1:1}else{tmp.missing=tmp.missing+1}})});_.each(queryObj.facets,function(query,facetId){var tmp=facetResults[facetId];var terms=_.map(tmp.termsall,function(count,term){return{term:term,count:count}});tmp.terms=_.sortBy(terms,function(item){return-item.count});tmp.terms=tmp.terms.slice(0,10)});return facetResults}}})(this.recline.Backend.Memory);
\ No newline at end of file
diff --git a/dist/recline.js b/dist/recline.js
index 76334781..1fd8e7eb 100644
--- a/dist/recline.js
+++ b/dist/recline.js
@@ -1064,7 +1064,7 @@ my.Flot = Backbone.View.extend({
   template: ' \
     <div class="recline-flot"> \
       <div class="panel graph" style="display: block;"> \
-        <div class="js-temp-notice alert alert-block"> \
+        <div class="js-temp-notice alert alert-warning alert-block"> \
           <h3 class="alert-heading">Hey there!</h3> \
           <p>There\'s no graph here yet because we don\'t know what fields you\'d like to see plotted.</p> \
           <p>Please tell us by <strong>using the menu on the right</strong> and a graph will automatically appear.</p> \
@@ -1405,30 +1405,34 @@ my.FlotControls = Backbone.View.extend({
   <div class="editor"> \
     <form class="form-stacked"> \
       <div class="clearfix"> \
-        <label>Graph Type</label> \
-        <div class="input editor-type"> \
-          <select> \
-          <option value="lines-and-points">Lines and Points</option> \
-          <option value="lines">Lines</option> \
-          <option value="points">Points</option> \
-          <option value="bars">Bars</option> \
-          <option value="columns">Columns</option> \
-          </select> \
+        <div class="form-group"> \
+          <label>Graph Type</label> \
+          <div class="input editor-type"> \
+            <select class="form-control"> \
+              <option value="lines-and-points">Lines and Points</option> \
+              <option value="lines">Lines</option> \
+              <option value="points">Points</option> \
+              <option value="bars">Bars</option> \
+              <option value="columns">Columns</option> \
+            </select> \
+          </div> \
         </div> \
-        <label>Group Column (Axis 1)</label> \
-        <div class="input editor-group"> \
-          <select> \
-          <option value="">Please choose ...</option> \
-          {{#fields}} \
-          <option value="{{id}}">{{label}}</option> \
-          {{/fields}} \
-          </select> \
+        <div class="form-group"> \
+          <label>Group Column (Axis 1)</label> \
+          <div class="input editor-group"> \
+            <select class="form-control"> \
+              <option value="">Please choose ...</option> \
+                {{#fields}} \
+              <option value="{{id}}">{{label}}</option> \
+                {{/fields}} \
+            </select> \
+          </div> \
         </div> \
         <div class="editor-series-group"> \
         </div> \
       </div> \
       <div class="editor-buttons"> \
-        <button class="btn editor-add">Add Series</button> \
+        <button class="btn btn-default editor-add">Add Series</button> \
       </div> \
       <div class="editor-buttons editor-submit" comment="hidden temporarily" style="display: none;"> \
         <button class="editor-save">Save</button> \
@@ -1439,15 +1443,17 @@ my.FlotControls = Backbone.View.extend({
 ',
   templateSeriesEditor: ' \
     <div class="editor-series js-series-{{seriesIndex}}"> \
-      <label>Series <span>{{seriesName}} (Axis 2)</span> \
-        [<a href="#remove" class="action-remove-series">Remove</a>] \
-      </label> \
-      <div class="input"> \
-        <select> \
-        {{#fields}} \
-        <option value="{{id}}">{{label}}</option> \
-        {{/fields}} \
-        </select> \
+      <div class="form-group"> \
+        <label>Series <span>{{seriesName}} (Axis 2)</span> \
+          [<a href="#remove" class="action-remove-series">Remove</a>] \
+        </label> \
+        <div class="input"> \
+          <select class="form-control"> \
+          {{#fields}} \
+          <option value="{{id}}">{{label}}</option> \
+          {{/fields}} \
+          </select> \
+        </div> \
       </div> \
     </div> \
   ',
@@ -1875,7 +1881,7 @@ my.Map = Backbone.View.extend({
 
   initialize: function(options) {
     var self = this;
-    this.visible = true;
+    this.visible = this.$el.is(':visible');
     this.mapReady = false;
     // this will be the Leaflet L.Map object (setup below)
     this.map = null;
@@ -2140,7 +2146,7 @@ my.Map = Backbone.View.extend({
 
     _.each(docs,function(doc){
       for (var key in self.features._layers){
-        if (self.features._layers[key].feature.properties.cid == doc.cid){
+        if (self.features._layers[key].feature.geometry.properties.cid == doc.cid){
           self.features.removeLayer(self.features._layers[key]);
         }
       }
@@ -2159,7 +2165,7 @@ my.Map = Backbone.View.extend({
     var dms = coord.split(/[^-?\.\d\w]+/);
     var deg = 0; var m = 0;
     var toDeg = [1, 60, 3600]; // conversion factors for Deg, min, sec
-    var i; 
+    var i;
     for (i = 0; i < dms.length; ++i) {
         if (isNaN(parseFloat(dms[i]))) {
           continue;
@@ -2283,8 +2289,8 @@ my.Map = Backbone.View.extend({
     var self = this;
     this.map = new L.Map(this.$map.get(0));
 
-    var mapUrl = "//otile{s}-s.mqcdn.com/tiles/1.0.0/osm/{z}/{x}/{y}.png";
-    var osmAttribution = 'Map data &copy; 2011 OpenStreetMap contributors, Tiles Courtesy of <a href="http://www.mapquest.com/" target="_blank">MapQuest</a> <img src="//developer.mapquest.com/content/osm/mq_logo.png">';
+    var mapUrl = "http://otile{s}-s.mqcdn.com/tiles/1.0.0/osm/{z}/{x}/{y}.png";
+    var osmAttribution = 'Map data &copy; 2011 OpenStreetMap contributors, Tiles Courtesy of <a href="http://www.mapquest.com/" target="_blank">MapQuest</a> <img src="http://developer.mapquest.com/content/osm/mq_logo.png">';
     var bg = new L.TileLayer(mapUrl, {maxZoom: 18, attribution: osmAttribution ,subdomains: '1234'});
     this.map.addLayer(bg);
 
@@ -2333,7 +2339,7 @@ my.MapMenu = Backbone.View.extend({
         <div class="editor-field-type-latlon"> \
           <label>Latitude field</label> \
           <div class="input editor-lat-field"> \
-            <select> \
+            <select class="form-control"> \
             <option value=""></option> \
             {{#fields}} \
             <option value="{{id}}">{{label}}</option> \
@@ -2342,7 +2348,7 @@ my.MapMenu = Backbone.View.extend({
           </div> \
           <label>Longitude field</label> \
           <div class="input editor-lon-field"> \
-            <select> \
+            <select class="form-control"> \
             <option value=""></option> \
             {{#fields}} \
             <option value="{{id}}">{{label}}</option> \
@@ -2353,7 +2359,7 @@ my.MapMenu = Backbone.View.extend({
         <div class="editor-field-type-geom" style="display:none"> \
           <label>Geometry field (GeoJSON)</label> \
           <div class="input editor-geom-field"> \
-            <select> \
+            <select class="form-control"> \
             <option value=""></option> \
             {{#fields}} \
             <option value="{{id}}">{{label}}</option> \
@@ -2363,7 +2369,7 @@ my.MapMenu = Backbone.View.extend({
         </div> \
       </div> \
       <div class="editor-buttons"> \
-        <button class="btn editor-update-map">Update</button> \
+        <button class="btn btn-default editor-update-map">Update</button> \
       </div> \
       <div class="editor-options" > \
         <label class="checkbox"> \
@@ -2492,7 +2498,6 @@ my.MapMenu = Backbone.View.extend({
 });
 
 })(jQuery, recline.View);
-
 /*jshint multistr:true */
 
 // Standard JS module setup
@@ -2598,7 +2603,7 @@ my.MultiView = Backbone.View.extend({
       <div class="navigation"> \
         <div class="btn-group" data-toggle="buttons-radio"> \
         {{#views}} \
-        <a href="#{{id}}" data-view="{{id}}" class="btn">{{label}}</a> \
+        <button href="#{{id}}" data-view="{{id}}" class="btn btn-default">{{label}}</button> \
         {{/views}} \
         </div> \
       </div> \
@@ -2608,7 +2613,7 @@ my.MultiView = Backbone.View.extend({
       <div class="menu-right"> \
         <div class="btn-group" data-toggle="buttons-checkbox"> \
           {{#sidebarViews}} \
-          <a href="#" data-action="{{id}}" class="btn">{{label}}</a> \
+          <button href="#" data-action="{{id}}" class="btn btn-default">{{label}}</button> \
           {{/sidebarViews}} \
         </div> \
       </div> \
@@ -2619,8 +2624,8 @@ my.MultiView = Backbone.View.extend({
   </div> \
   ',
   events: {
-    'click .menu-right a': '_onMenuClick',
-    'click .navigation a': '_onSwitchView'
+    'click .menu-right button': '_onMenuClick',
+    'click .navigation button': '_onSwitchView'
   },
 
   initialize: function(options) {
@@ -2796,8 +2801,8 @@ my.MultiView = Backbone.View.extend({
   },
 
   updateNav: function(pageName) {
-    this.$el.find('.navigation a').removeClass('active');
-    var $el = this.$el.find('.navigation a[data-view="' + pageName + '"]');
+    this.$el.find('.navigation button').removeClass('active');
+    var $el = this.$el.find('.navigation button[data-view="' + pageName + '"]');
     $el.addClass('active');
 
     // add/remove sidebars and hide inactive views
@@ -3108,7 +3113,7 @@ my.SlickGrid = Backbone.View.extend({
   
     // Template for row delete menu , change it if you don't love 
     this.templates = {
-      "deleterow" : '<a href="#" class="recline-row-delete btn" title="Delete row">X</a>'
+      "deleterow" : '<button href="#" class="recline-row-delete btn btn-default" title="Delete row">X</button>'
     };
 
     _.bindAll(this, 'render', 'onRecordChanged');
@@ -3221,10 +3226,15 @@ my.SlickGrid = Backbone.View.extend({
       })
     }
 
+    function sanitizeFieldName(name) {
+      var sanitized = $(name).text();
+      return (name !== sanitized && sanitized !== '') ? sanitized : name;
+    }
+
     _.each(this.model.fields.toJSON(),function(field){
       var column = {
         id: field.id,
-        name: field.label,
+        name: sanitizeFieldName(field.label),
         field: field.id,
         sortable: true,
         minWidth: 80,
@@ -3493,7 +3503,7 @@ my.SlickGrid = Backbone.View.extend({
 my.GridControl= Backbone.View.extend({
   className: "recline-row-add",
   // Template for row edit menu , change it if you don't love
-  template: '<h1><a href="#" class="recline-row-add btn">Add row</a></h1>',
+  template: '<h1><button href="#" class="recline-row-add btn btn-default">Add row</button></h1>',
   
   initialize: function(options){
     var self = this;
@@ -3746,7 +3756,8 @@ my.Timeline = Backbone.View.extend({
         "startDate": start,
         "endDate": end,
         "headline": String(record.get('title') || ''),
-        "text": record.get('description') || record.summary()
+        "text": record.get('description') || record.summary(),
+        "tag": record.get('tags')
       };
       return tlEntry;
     } else {
@@ -3945,12 +3956,12 @@ this.recline.View = this.recline.View || {};
 my.Fields = Backbone.View.extend({
   className: 'recline-fields-view', 
   template: ' \
-    <div class="accordion fields-list well"> \
+    <div class="panel-group fields-list well"> \
     <h3>Fields <a href="#" class="js-show-hide">+</a></h3> \
     {{#fields}} \
-      <div class="accordion-group field"> \
-        <div class="accordion-heading"> \
-          <i class="icon-file"></i> \
+      <div class="panel panel-default field"> \
+        <div class="panel-heading"> \
+          <i class="glyphicon glyphicon-file"></i> \
           <h4> \
             {{label}} \
             <small> \
@@ -3959,8 +3970,8 @@ my.Fields = Backbone.View.extend({
             </small> \
           </h4> \
         </div> \
-        <div id="collapse{{id}}" class="accordion-body collapse"> \
-          <div class="accordion-inner"> \
+        <div id="collapse{{id}}" class="panel-collapse collapse"> \
+          <div class="panel-body"> \
             {{#facets}} \
             <div class="facet-summary" data-facet="{{id}}"> \
               <ul class="facet-items"> \
@@ -4028,28 +4039,30 @@ my.FilterEditor = Backbone.View.extend({
       <h3>Filters</h3> \
       <a href="#" class="js-add-filter">Add filter</a> \
       <form class="form-stacked js-add" style="display: none;"> \
-        <fieldset> \
+        <div class="form-group"> \
           <label>Field</label> \
-          <select class="fields"> \
+          <select class="fields form-control"> \
             {{#fields}} \
             <option value="{{id}}">{{label}}</option> \
             {{/fields}} \
           </select> \
+        </div> \
+        <div class="form-group"> \
           <label>Filter type</label> \
-          <select class="filterType"> \
+          <select class="filterType form-control"> \
             <option value="term">Value</option> \
             <option value="range">Range</option> \
             <option value="geo_distance">Geo distance</option> \
           </select> \
-          <button type="submit" class="btn">Add</button> \
-        </fieldset> \
+        </div> \
+        <button type="submit" class="btn btn-default">Add</button> \
       </form> \
       <form class="form-stacked js-edit"> \
         {{#filters}} \
           {{{filterRender}}} \
         {{/filters}} \
         {{#filters.length}} \
-        <button type="submit" class="btn">Update</button> \
+        <button type="submit" class="btn btn-default">Update</button> \
         {{/filters.length}} \
       </form> \
     </div> \
@@ -4062,7 +4075,7 @@ my.FilterEditor = Backbone.View.extend({
             {{field}} <small>{{type}}</small> \
             <a class="js-remove-filter" href="#" title="Remove this filter" data-filter-id="{{id}}">&times;</a> \
           </legend> \
-          <input type="text" value="{{term}}" name="term" data-filter-field="{{field}}" data-filter-id="{{id}}" data-filter-type="{{type}}" /> \
+          <input class="input-sm" type="text" value="{{term}}" name="term" data-filter-field="{{field}}" data-filter-id="{{id}}" data-filter-type="{{type}}" /> \
         </fieldset> \
       </div> \
     ',
@@ -4073,10 +4086,14 @@ my.FilterEditor = Backbone.View.extend({
             {{field}} <small>{{type}}</small> \
             <a class="js-remove-filter" href="#" title="Remove this filter" data-filter-id="{{id}}">&times;</a> \
           </legend> \
-          <label class="control-label" for="">From</label> \
-          <input type="text" value="{{from}}" name="from" data-filter-field="{{field}}" data-filter-id="{{id}}" data-filter-type="{{type}}" /> \
-          <label class="control-label" for="">To</label> \
-          <input type="text" value="{{to}}" name="to" data-filter-field="{{field}}" data-filter-id="{{id}}" data-filter-type="{{type}}" /> \
+          <div class="form-group"> \
+            <label class="control-label" for="">From</label> \
+            <input class="input-sm" type="text" value="{{from}}" name="from" data-filter-field="{{field}}" data-filter-id="{{id}}" data-filter-type="{{type}}" /> \
+          </div> \
+          <div class="form-group"> \
+            <label class="control-label" for="">To</label> \
+            <input class="input-sm" type="text" value="{{to}}" name="to" data-filter-field="{{field}}" data-filter-id="{{id}}" data-filter-type="{{type}}" /> \
+          </div> \
         </fieldset> \
       </div> \
     ',
@@ -4087,12 +4104,18 @@ my.FilterEditor = Backbone.View.extend({
             {{field}} <small>{{type}}</small> \
             <a class="js-remove-filter" href="#" title="Remove this filter" data-filter-id="{{id}}">&times;</a> \
           </legend> \
-          <label class="control-label" for="">Longitude</label> \
-          <input type="text" value="{{point.lon}}" name="lon" data-filter-field="{{field}}" data-filter-id="{{id}}" data-filter-type="{{type}}" /> \
-          <label class="control-label" for="">Latitude</label> \
-          <input type="text" value="{{point.lat}}" name="lat" data-filter-field="{{field}}" data-filter-id="{{id}}" data-filter-type="{{type}}" /> \
-          <label class="control-label" for="">Distance (km)</label> \
-          <input type="text" value="{{distance}}" name="distance" data-filter-field="{{field}}" data-filter-id="{{id}}" data-filter-type="{{type}}" /> \
+          <div class="form-group"> \
+            <label class="control-label" for="">Longitude</label> \
+            <input class="input-sm" type="text" value="{{point.lon}}" name="lon" data-filter-field="{{field}}" data-filter-id="{{id}}" data-filter-type="{{type}}" /> \
+          </div> \
+          <div class="form-group"> \
+            <label class="control-label" for="">Latitude</label> \
+            <input class="input-sm" type="text" value="{{point.lat}}" name="lat" data-filter-field="{{field}}" data-filter-id="{{id}}" data-filter-type="{{type}}" /> \
+          </div> \
+          <div class="form-group"> \
+            <label class="control-label" for="">Distance (km)</label> \
+            <input class="input-sm" type="text" value="{{distance}}" name="distance" data-filter-field="{{field}}" data-filter-id="{{id}}" data-filter-type="{{type}}" /> \
+          </div> \
         </fieldset> \
       </div> \
     '
@@ -4194,10 +4217,10 @@ my.Pager = Backbone.View.extend({
   className: 'recline-pager', 
   template: ' \
     <div class="pagination"> \
-      <ul> \
-        <li class="prev action-pagination-update"><a href="">&laquo;</a></li> \
-        <li class="active"><label for="from">From</label><a><input name="from" type="text" value="{{from}}" /> &ndash; <label for="to">To</label><input name="to" type="text" value="{{to}}" /> </a></li> \
-        <li class="next action-pagination-update"><a href="">&raquo;</a></li> \
+      <ul class="pagination"> \
+        <li class="prev action-pagination-update"><a href="" class="btn btn-default">&laquo;</a></li> \
+        <li class="page-range"><a><label for="from">From</label><input name="from" type="text" value="{{from}}" /> &ndash; <label for="to">To</label><input name="to" type="text" value="{{to}}" /> </a></li> \
+        <li class="next action-pagination-update"><a href="" class="btn btn-default">&raquo;</a></li> \
       </ul> \
     </div> \
   ',
@@ -4267,12 +4290,17 @@ this.recline.View = this.recline.View || {};
 my.QueryEditor = Backbone.View.extend({
   className: 'recline-query-editor', 
   template: ' \
-    <form action="" method="GET" class="form-inline"> \
-      <div class="input-prepend text-query"> \
-        <span class="add-on"><i class="icon-search"></i></span> \
-        <label>Search</label><input type="text" name="q" value="{{q}}" class="span2" placeholder="Search data ..." class="search-query" /> \
+    <form action="" method="GET" class="form-inline" role="form"> \
+      <div class="form-group"> \
+        <div class="input-group text-query"> \
+          <div class="input-group-addon"> \
+            <i class="glyphicon glyphicon-search"></i> \
+          </div> \
+          <label>Search</label> \
+          <input class="form-control search-query" type="text" name="q" value="{{q}}" placeholder="Search data ..."> \
+        </div> \
       </div> \
-      <button type="submit" class="btn">Go &raquo;</button> \
+      <button type="submit" class="btn btn-default">Go &raquo;</button> \
     </form> \
   ',
 
@@ -4287,7 +4315,7 @@ my.QueryEditor = Backbone.View.extend({
   },
   onFormSubmit: function(e) {
     e.preventDefault();
-    var query = this.$el.find('.text-query input').val();
+    var query = this.$el.find('.search-query').val();
     this.model.set({q: query});
   },
   render: function() {
@@ -4316,7 +4344,7 @@ my.ValueFilter = Backbone.View.extend({
       <form class="form-stacked js-add" style="display: none;"> \
         <fieldset> \
           <label>Field</label> \
-          <select class="fields"> \
+          <select class="fields form-control"> \
             {{#fields}} \
             <option value="{{id}}">{{label}}</option> \
             {{/fields}} \
diff --git a/dist/recline.min.js b/dist/recline.min.js
new file mode 100644
index 00000000..5c6629f6
--- /dev/null
+++ b/dist/recline.min.js
@@ -0,0 +1,3 @@
+this.recline=this.recline||{};this.recline.Backend=this.recline.Backend||{};this.recline.Backend.DataProxy=this.recline.Backend.DataProxy||{};(function(my){"use strict";my.__type__="dataproxy";my.dataproxy_url="//jsonpdataproxy.appspot.com";my.timeout=5e3;var Deferred=typeof jQuery!=="undefined"&&jQuery.Deferred||_.Deferred;my.fetch=function(dataset){var data={url:dataset.url,"max-results":dataset.size||dataset.rows||1e3,type:dataset.format||""};var jqxhr=jQuery.ajax({url:my.dataproxy_url,data:data,dataType:"jsonp"});var dfd=new Deferred;_wrapInTimeout(jqxhr).done(function(results){if(results.error){dfd.reject(results.error)}dfd.resolve({records:results.data,fields:results.fields,useMemoryStore:true})}).fail(function(args){dfd.reject(args)});return dfd.promise()};var _wrapInTimeout=function(ourFunction){var dfd=new Deferred;var timer=setTimeout(function(){dfd.reject({message:"Request Error: Backend did not respond after "+my.timeout/1e3+" seconds"})},my.timeout);ourFunction.done(function(args){clearTimeout(timer);dfd.resolve(args)}).fail(function(args){clearTimeout(timer);dfd.reject(args)});return dfd.promise()}})(this.recline.Backend.DataProxy);this.recline=this.recline||{};this.recline.Backend=this.recline.Backend||{};this.recline.Backend.Memory=this.recline.Backend.Memory||{};(function(my){"use strict";my.__type__="memory";var Deferred=typeof jQuery!=="undefined"&&jQuery.Deferred||_.Deferred;my.Store=function(records,fields){var self=this;this.records=records;this.data=this.records;if(fields){this.fields=fields}else{if(records){this.fields=_.map(records[0],function(value,key){return{id:key,type:"string"}})}}this.update=function(doc){_.each(self.records,function(internalDoc,idx){if(doc.id===internalDoc.id){self.records[idx]=doc}})};this.remove=function(doc){var newdocs=_.reject(self.records,function(internalDoc){return doc.id===internalDoc.id});this.records=newdocs};this.save=function(changes,dataset){var self=this;var dfd=new Deferred;_.each(changes.updates,function(record){self.update(record)});_.each(changes.deletes,function(record){self.remove(record)});dfd.resolve();return dfd.promise()},this.query=function(queryObj){var dfd=new Deferred;var numRows=queryObj.size||this.records.length;var start=queryObj.from||0;var results=this.records;results=this._applyFilters(results,queryObj);results=this._applyFreeTextQuery(results,queryObj);_.each(queryObj.sort,function(sortObj){var fieldName=sortObj.field;results=_.sortBy(results,function(doc){var _out=doc[fieldName];return _out});if(sortObj.order=="desc"){results.reverse()}});var facets=this.computeFacets(results,queryObj);var out={total:results.length,hits:results.slice(start,start+numRows),facets:facets};dfd.resolve(out);return dfd.promise()};this._applyFilters=function(results,queryObj){var filters=queryObj.filters;var filterFunctions={term:term,terms:terms,range:range,geo_distance:geo_distance};var dataParsers={integer:function(e){return parseFloat(e,10)},"float":function(e){return parseFloat(e,10)},number:function(e){return parseFloat(e,10)},string:function(e){return e.toString()},date:function(e){return moment(e).valueOf()},datetime:function(e){return new Date(e).valueOf()}};var keyedFields={};_.each(self.fields,function(field){keyedFields[field.id]=field});function getDataParser(filter){var fieldType=keyedFields[filter.field].type||"string";return dataParsers[fieldType]}return _.filter(results,function(record){var passes=_.map(filters,function(filter){return filterFunctions[filter.type](record,filter)});return _.all(passes,_.identity)});function term(record,filter){var parse=getDataParser(filter);var value=parse(record[filter.field]);var term=parse(filter.term);return value===term}function terms(record,filter){var parse=getDataParser(filter);var value=parse(record[filter.field]);var terms=parse(filter.terms).split(",");return _.indexOf(terms,value)>=0}function range(record,filter){var fromnull=_.isUndefined(filter.from)||filter.from===null||filter.from==="";var tonull=_.isUndefined(filter.to)||filter.to===null||filter.to==="";var parse=getDataParser(filter);var value=parse(record[filter.field]);var from=parse(fromnull?"":filter.from);var to=parse(tonull?"":filter.to);if((!fromnull||!tonull)&&value===""){return false}return(fromnull||value>=from)&&(tonull||value<=to)}function geo_distance(){}};this._applyFreeTextQuery=function(results,queryObj){if(queryObj.q){var terms=queryObj.q.split(" ");var patterns=_.map(terms,function(term){return new RegExp(term.toLowerCase())});results=_.filter(results,function(rawdoc){var matches=true;_.each(patterns,function(pattern){var foundmatch=false;_.each(self.fields,function(field){var value=rawdoc[field.id];if(value!==null&&value!==undefined){value=value.toString()}else{value=""}foundmatch=foundmatch||pattern.test(value.toLowerCase())});matches=matches&&foundmatch});return matches})}return results};this.computeFacets=function(records,queryObj){var facetResults={};if(!queryObj.facets){return facetResults}_.each(queryObj.facets,function(query,facetId){facetResults[facetId]=new recline.Model.Facet({id:facetId}).toJSON();facetResults[facetId].termsall={}});_.each(records,function(doc){_.each(queryObj.facets,function(query,facetId){var fieldId=query.terms.field;var val=doc[fieldId];var tmp=facetResults[facetId];if(val){tmp.termsall[val]=tmp.termsall[val]?tmp.termsall[val]+1:1}else{tmp.missing=tmp.missing+1}})});_.each(queryObj.facets,function(query,facetId){var tmp=facetResults[facetId];var terms=_.map(tmp.termsall,function(count,term){return{term:term,count:count}});tmp.terms=_.sortBy(terms,function(item){return-item.count});tmp.terms=tmp.terms.slice(0,10)});return facetResults}}})(this.recline.Backend.Memory);if(!("indexOf"in Array.prototype)){Array.prototype.indexOf=function(find,i){if(i===undefined)i=0;if(i<0)i+=this.length;if(i<0)i=0;for(var n=this.length;i<n;i++)if(i in this&&this[i]===find)return i;return-1}}if(!("lastIndexOf"in Array.prototype)){Array.prototype.lastIndexOf=function(find,i){if(i===undefined)i=this.length-1;if(i<0)i+=this.length;if(i>this.length-1)i=this.length-1;for(i++;i-->0;)if(i in this&&this[i]===find)return i;return-1}}if(!("forEach"in Array.prototype)){Array.prototype.forEach=function(action,that){for(var i=0,n=this.length;i<n;i++)if(i in this)action.call(that,this[i],i,this)}}if(!("map"in Array.prototype)){Array.prototype.map=function(mapper,that){var other=new Array(this.length);for(var i=0,n=this.length;i<n;i++)if(i in this)other[i]=mapper.call(that,this[i],i,this);return other}}if(!("filter"in Array.prototype)){Array.prototype.filter=function(filter,that){var other=[],v;for(var i=0,n=this.length;i<n;i++)if(i in this&&filter.call(that,v=this[i],i,this))other.push(v);return other}}if(!("every"in Array.prototype)){Array.prototype.every=function(tester,that){for(var i=0,n=this.length;i<n;i++)if(i in this&&!tester.call(that,this[i],i,this))return false;return true}}if(!("some"in Array.prototype)){Array.prototype.some=function(tester,that){for(var i=0,n=this.length;i<n;i++)if(i in this&&tester.call(that,this[i],i,this))return true;return false}}this.recline=this.recline||{};this.recline.Model=this.recline.Model||{};(function(my){"use strict";var Deferred=typeof jQuery!=="undefined"&&jQuery.Deferred||_.Deferred;my.Dataset=Backbone.Model.extend({constructor:function Dataset(){Backbone.Model.prototype.constructor.apply(this,arguments)},initialize:function(){var self=this;_.bindAll(this,"query");this.backend=null;if(this.get("backend")){this.backend=this._backendFromString(this.get("backend"))}else{if(this.get("records")){this.backend=recline.Backend.Memory}}this.fields=new my.FieldList;this.records=new my.RecordList;this._changes={deletes:[],updates:[],creates:[]};this.facets=new my.FacetList;this.recordCount=null;this.queryState=new my.Query;this.queryState.bind("change facet:add",function(){self.query()});this._store=this.backend;this._handleResult=this.backend!=null&&_.has(this.backend,"handleQueryResult")?this.backend.handleQueryResult:this._handleQueryResult;if(this.backend==recline.Backend.Memory){this.fetch()}},sync:function(method,model,options){return this.backend.sync(method,model,options)},fetch:function(){var self=this;var dfd=new Deferred;if(this.backend!==recline.Backend.Memory){this.backend.fetch(this.toJSON()).done(handleResults).fail(function(args){dfd.reject(args)})}else{handleResults({records:this.get("records"),fields:this.get("fields"),useMemoryStore:true})}function handleResults(results){var fields=self.get("fields")||results.fields;var out=self._normalizeRecordsAndFields(results.records,fields);if(results.useMemoryStore){self._store=new recline.Backend.Memory.Store(out.records,out.fields)}self.set(results.metadata);self.fields.reset(out.fields);self.query().done(function(){dfd.resolve(self)}).fail(function(args){dfd.reject(args)})}return dfd.promise()},_normalizeRecordsAndFields:function(records,fields){if(!fields&&records&&records.length>0){if(records[0]instanceof Array){fields=records[0];records=records.slice(1)}else{fields=_.map(_.keys(records[0]),function(key){return{id:key}})}}if(fields&&fields.length>0&&(fields[0]===null||typeof fields[0]!="object")){var seen={};fields=_.map(fields,function(field,index){if(field===null){field=""}else{field=field.toString()}var fieldId=field.replace(/^\s+|\s+$/g,"");if(fieldId===""){fieldId="_noname_";field=fieldId}while(fieldId in seen){seen[field]+=1;fieldId=field+seen[field]}if(!(field in seen)){seen[field]=0}return{id:fieldId}})}if(records&&records.length>0&&records[0]instanceof Array){records=_.map(records,function(doc){var tmp={};_.each(fields,function(field,idx){tmp[field.id]=doc[idx]});return tmp})}return{fields:fields,records:records}},save:function(){var self=this;return this._store.save(this._changes,this.toJSON())},query:function(queryObj){var self=this;var dfd=new Deferred;this.trigger("query:start");if(queryObj){var attributes=queryObj;if(queryObj instanceof my.Query){attributes=queryObj.toJSON()}this.queryState.set(attributes,{silent:true})}var actualQuery=this.queryState.toJSON();this._store.query(actualQuery,this.toJSON()).done(function(queryResult){self._handleResult(queryResult);self.trigger("query:done");dfd.resolve(self.records)}).fail(function(args){self.trigger("query:fail",args);dfd.reject(args)});return dfd.promise()},_handleQueryResult:function(queryResult){var self=this;self.recordCount=queryResult.total;var docs=_.map(queryResult.hits,function(hit){var _doc=new my.Record(hit);_doc.fields=self.fields;_doc.bind("change",function(doc){self._changes.updates.push(doc.toJSON())});_doc.bind("destroy",function(doc){self._changes.deletes.push(doc.toJSON())});return _doc});self.records.reset(docs);if(queryResult.facets){var facets=_.map(queryResult.facets,function(facetResult,facetId){facetResult.id=facetId;return new my.Facet(facetResult)});self.facets.reset(facets)}},toTemplateJSON:function(){var data=this.toJSON();data.recordCount=this.recordCount;data.fields=this.fields.toJSON();return data},getFieldsSummary:function(){var self=this;var query=new my.Query;query.set({size:0});this.fields.each(function(field){query.addFacet(field.id)});var dfd=new Deferred;this._store.query(query.toJSON(),this.toJSON()).done(function(queryResult){if(queryResult.facets){_.each(queryResult.facets,function(facetResult,facetId){facetResult.id=facetId;var facet=new my.Facet(facetResult);self.fields.get(facetId).facets.reset(facet)})}dfd.resolve(queryResult)});return dfd.promise()},recordSummary:function(record){return record.summary()},_backendFromString:function(backendString){var backend=null;if(recline&&recline.Backend){_.each(_.keys(recline.Backend),function(name){if(name.toLowerCase()===backendString.toLowerCase()){backend=recline.Backend[name]}})}return backend}});my.Record=Backbone.Model.extend({constructor:function Record(){Backbone.Model.prototype.constructor.apply(this,arguments)},initialize:function(){_.bindAll(this,"getFieldValue")},getFieldValue:function(field){var val=this.getFieldValueUnrendered(field);if(field&&!_.isUndefined(field.renderer)){val=field.renderer(val,field,this.toJSON())}return val},getFieldValueUnrendered:function(field){if(!field){return""}var val=this.get(field.id);if(field.deriver){val=field.deriver(val,field,this)}return val},summary:function(record){var self=this;var html='<div class="recline-record-summary">';this.fields.each(function(field){if(field.id!="id"){html+='<div class="'+field.id+'"><strong>'+field.get("label")+"</strong>: "+self.getFieldValue(field)+"</div>"}});html+="</div>";return html},fetch:function(){},save:function(){},destroy:function(){this.trigger("destroy",this)}});my.RecordList=Backbone.Collection.extend({constructor:function RecordList(){Backbone.Collection.prototype.constructor.apply(this,arguments)},model:my.Record});my.Field=Backbone.Model.extend({constructor:function Field(){Backbone.Model.prototype.constructor.apply(this,arguments)},defaults:{label:null,type:"string",format:null,is_derived:false},initialize:function(data,options){if("0"in data){throw new Error("Looks like you did not pass a proper hash with id to Field constructor")}if(this.attributes.label===null){this.set({label:this.id})}if(this.attributes.type.toLowerCase()in this._typeMap){this.attributes.type=this._typeMap[this.attributes.type.toLowerCase()]}if(options){this.renderer=options.renderer;this.deriver=options.deriver}if(!this.renderer){this.renderer=this.defaultRenderers[this.get("type")]}this.facets=new my.FacetList},_typeMap:{text:"string","double":"number","float":"number",numeric:"number","int":"integer",datetime:"date-time",bool:"boolean",timestamp:"date-time",json:"object"},defaultRenderers:{object:function(val,field,doc){return JSON.stringify(val)},geo_point:function(val,field,doc){return JSON.stringify(val)},number:function(val,field,doc){var format=field.get("format");if(format==="percentage"){return val+"%"}return val},string:function(val,field,doc){var format=field.get("format");if(format==="markdown"){if(typeof Showdown!=="undefined"){var showdown=new Showdown.converter;out=showdown.makeHtml(val);return out}else{return val}}else if(format=="plain"){return val}else{if(val&&typeof val==="string"){val=val.replace(/(https?:\/\/[^ ]+)/g,'<a href="$1">$1</a>')}return val}}}});my.FieldList=Backbone.Collection.extend({constructor:function FieldList(){Backbone.Collection.prototype.constructor.apply(this,arguments)},model:my.Field});my.Query=Backbone.Model.extend({constructor:function Query(){Backbone.Model.prototype.constructor.apply(this,arguments)},defaults:function(){return{size:100,from:0,q:"",facets:{},filters:[]}},_filterTemplates:{term:{type:"term",field:"",term:""},range:{type:"range",from:"",to:""},geo_distance:{type:"geo_distance",distance:10,unit:"km",point:{lon:0,lat:0}}},addFilter:function(filter){var ourfilter=JSON.parse(JSON.stringify(filter));if(_.keys(filter).length<=3){ourfilter=_.defaults(ourfilter,this._filterTemplates[filter.type])}var filters=this.get("filters");filters.push(ourfilter);this.trigger("change:filters:new-blank")},replaceFilter:function(filter){var filters=this.get("filters");var idx=-1;_.each(this.get("filters"),function(f,key,list){if(filter.field==f.field){idx=key}});if(idx>=0){filters.splice(idx,1);this.set({filters:filters})}this.addFilter(filter)},updateFilter:function(index,value){},removeFilter:function(filterIndex){var filters=this.get("filters");filters.splice(filterIndex,1);this.set({filters:filters});this.trigger("change")},addFacet:function(fieldId,size,silent){var facets=this.get("facets");if(_.contains(_.keys(facets),fieldId)){return}facets[fieldId]={terms:{field:fieldId}};if(!_.isUndefined(size)){facets[fieldId].terms.size=size}this.set({facets:facets},{silent:true});if(!silent){this.trigger("facet:add",this)}},addHistogramFacet:function(fieldId){var facets=this.get("facets");facets[fieldId]={date_histogram:{field:fieldId,interval:"day"}};this.set({facets:facets},{silent:true});this.trigger("facet:add",this)},removeFacet:function(fieldId){var facets=this.get("facets");if(!_.contains(_.keys(facets),fieldId)){return}delete facets[fieldId];this.set({facets:facets},{silent:true});this.trigger("facet:remove",this)},clearFacets:function(){var facets=this.get("facets");_.each(_.keys(facets),function(fieldId){delete facets[fieldId]});this.trigger("facet:remove",this)},refreshFacets:function(){this.trigger("facet:add",this)}});my.Facet=Backbone.Model.extend({constructor:function Facet(){Backbone.Model.prototype.constructor.apply(this,arguments)},defaults:function(){return{_type:"terms",total:0,other:0,missing:0,terms:[]}}});my.FacetList=Backbone.Collection.extend({constructor:function FacetList(){Backbone.Collection.prototype.constructor.apply(this,arguments)},model:my.Facet});my.ObjectState=Backbone.Model.extend({})})(this.recline.Model);this.recline=this.recline||{};this.recline.View=this.recline.View||{};(function($,my){"use strict";my.Flot=Backbone.View.extend({template:'     <div class="recline-flot">       <div class="panel graph" style="display: block;">         <div class="js-temp-notice alert alert-warning alert-block">           <h3 class="alert-heading">Hey there!</h3>           <p>There\'s no graph here yet because we don\'t know what fields you\'d like to see plotted.</p>           <p>Please tell us by <strong>using the menu on the right</strong> and a graph will automatically appear.</p>         </div>       </div>     </div> ',initialize:function(options){var self=this;this.graphColors=["#edc240","#afd8f8","#cb4b4b","#4da74d","#9440ed"];_.bindAll(this,"render","redraw","_toolTip","_xaxisLabel");this.needToRedraw=false;this.listenTo(this.model,"change",this.render);this.listenTo(this.model.fields,"reset add",this.render);this.listenTo(this.model.records,"reset add",this.redraw);var stateData=_.extend({group:null,series:[],graphType:"lines-and-points"},options.state);this.state=new recline.Model.ObjectState(stateData);this.previousTooltipPoint={x:null,y:null};this.editor=new my.FlotControls({model:this.model,state:this.state.toJSON()});this.listenTo(this.editor.state,"change",function(){self.state.set(self.editor.state.toJSON());self.redraw()});this.elSidebar=this.editor.$el},render:function(){var self=this;var tmplData=this.model.toTemplateJSON();var htmls=Mustache.render(this.template,tmplData);this.$el.html(htmls);this.$graph=this.$el.find(".panel.graph");this.$graph.on("plothover",this._toolTip);return this},remove:function(){this.editor.remove();Backbone.View.prototype.remove.apply(this,arguments)},redraw:function(){var areWeVisible=!jQuery.expr.filters.hidden(this.el);if(!areWeVisible||this.model.records.length===0){this.needToRedraw=true;return}if(this.state.get("group")&&this.state.get("series")){var series=this.createSeries();var options=this.getGraphOptions(this.state.attributes.graphType,series[0].data.length);this.plot=$.plot(this.$graph,series,options)}},show:function(){if(this.needToRedraw){this.redraw()}},_toolTip:function(event,pos,item){if(item){if(this.previousTooltipPoint.x!==item.dataIndex||this.previousTooltipPoint.y!==item.seriesIndex){this.previousTooltipPoint.x=item.dataIndex;this.previousTooltipPoint.y=item.seriesIndex;$("#recline-flot-tooltip").remove();var x=item.datapoint[0].toFixed(2),y=item.datapoint[1].toFixed(2);if(this.state.attributes.graphType==="bars"){x=item.datapoint[1].toFixed(2),y=item.datapoint[0].toFixed(2)}var content=_.template("<%= group %> = <%= x %>, <%= series %> = <%= y %>",{group:this.state.attributes.group,x:this._xaxisLabel(x),series:item.series.label,y:y});var xLocation,yLocation;if(this.state.attributes.graphType==="bars"){xLocation=item.pageX+15;yLocation=item.pageY-10}else if(this.state.attributes.graphType==="columns"){xLocation=item.pageX+15;yLocation=item.pageY}else{xLocation=item.pageX+10;yLocation=item.pageY-20}$('<div id="recline-flot-tooltip">'+content+"</div>").css({top:yLocation,left:xLocation}).appendTo("body").fadeIn(200)}}else{$("#recline-flot-tooltip").remove();this.previousTooltipPoint.x=null;this.previousTooltipPoint.y=null}},_xaxisLabel:function(x){if(this._groupFieldIsDateTime()){x=new Date(parseFloat(x)).toLocaleDateString()}else if(this.xvaluesAreIndex){x=parseInt(x,10);x=this.model.records.models[x].get(this.state.attributes.group)}return x},getGraphOptions:function(typeId,numPoints){var self=this;var groupFieldIsDateTime=self._groupFieldIsDateTime();var xaxis={};if(!groupFieldIsDateTime){xaxis.tickFormatter=function(x){var label=self._xaxisLabel(x)||"";if(typeof label!=="string"){label=label.toString()}if(self.state.attributes.graphType!=="bars"&&label.length>10){label=label.slice(0,10)+"..."}return label}}if(this.xvaluesAreIndex){var numTicks=Math.min(this.model.records.length,15);var increment=this.model.records.length/numTicks;var ticks=[];for(var i=0;i<numTicks;i++){ticks.push(parseInt(i*increment,10))}xaxis.ticks=ticks}else if(groupFieldIsDateTime){xaxis.mode="time"}var yaxis={};yaxis.autoscale=true;yaxis.autoscaleMargin=.02;var legend={};legend.position="ne";var grid={};grid.hoverable=true;grid.clickable=true;grid.borderColor="#aaaaaa";grid.borderWidth=1;var optionsPerGraphType={lines:{legend:legend,colors:this.graphColors,lines:{show:true},xaxis:xaxis,yaxis:yaxis,grid:grid},points:{legend:legend,colors:this.graphColors,points:{show:true,hitRadius:5},xaxis:xaxis,yaxis:yaxis,grid:grid},"lines-and-points":{legend:legend,colors:this.graphColors,points:{show:true,hitRadius:5},lines:{show:true},xaxis:xaxis,yaxis:yaxis,grid:grid},bars:{legend:legend,colors:this.graphColors,lines:{show:false},xaxis:yaxis,yaxis:xaxis,grid:grid,bars:{show:true,horizontal:true,shadowSize:0,align:"center",barWidth:.8}},columns:{legend:legend,colors:this.graphColors,lines:{show:false},xaxis:xaxis,yaxis:yaxis,grid:grid,bars:{show:true,horizontal:false,shadowSize:0,align:"center",barWidth:.8}}};if(self.state.get("graphOptions")){return _.extend(optionsPerGraphType[typeId],self.state.get("graphOptions"))}else{return optionsPerGraphType[typeId]}},_groupFieldIsDateTime:function(){var xfield=this.model.fields.get(this.state.attributes.group);var xtype=xfield.get("type");var isDateTime=xtype==="date"||xtype==="date-time"||xtype==="time";return isDateTime},createSeries:function(){var self=this;self.xvaluesAreIndex=false;var series=[];var xfield=self.model.fields.get(self.state.attributes.group);var isDateTime=self._groupFieldIsDateTime();_.each(this.state.attributes.series,function(field){var points=[];var fieldLabel=self.model.fields.get(field).get("label");if(isDateTime){var cast=function(x){var _date=moment(String(x));if(_date.isValid()){x=_date.toDate().getTime()}return x}}else{var raw=_.map(self.model.records.models,function(doc,index){return doc.getFieldValueUnrendered(xfield)});if(_.all(raw,function(x){return!isNaN(parseFloat(x))})){var cast=function(x){return parseFloat(x)}}else{self.xvaluesAreIndex=true}}_.each(self.model.records.models,function(doc,index){if(self.xvaluesAreIndex){var x=index}else{var x=cast(doc.getFieldValueUnrendered(xfield))}var yfield=self.model.fields.get(field);var y=doc.getFieldValueUnrendered(yfield);if(self.state.attributes.graphType=="bars"){points.push([y,x])}else{points.push([x,y])}});series.push({data:points,label:fieldLabel,hoverable:true})});return series}});my.FlotControls=Backbone.View.extend({className:"editor",template:'   <div class="editor">     <form class="form-stacked">       <div class="clearfix">         <div class="form-group">           <label>Graph Type</label>           <div class="input editor-type">             <select class="form-control">               <option value="lines-and-points">Lines and Points</option>               <option value="lines">Lines</option>               <option value="points">Points</option>               <option value="bars">Bars</option>               <option value="columns">Columns</option>             </select>           </div>         </div>         <div class="form-group">           <label>Group Column (Axis 1)</label>           <div class="input editor-group">             <select class="form-control">               <option value="">Please choose ...</option>                 {{#fields}}               <option value="{{id}}">{{label}}</option>                 {{/fields}}             </select>           </div>         </div>         <div class="editor-series-group">         </div>       </div>       <div class="editor-buttons">         <button class="btn btn-default editor-add">Add Series</button>       </div>       <div class="editor-buttons editor-submit" comment="hidden temporarily" style="display: none;">         <button class="editor-save">Save</button>         <input type="hidden" class="editor-id" value="chart-1" />       </div>     </form>   </div> ',templateSeriesEditor:'     <div class="editor-series js-series-{{seriesIndex}}">       <div class="form-group">         <label>Series <span>{{seriesName}} (Axis 2)</span>           [<a href="#remove" class="action-remove-series">Remove</a>]         </label>         <div class="input">           <select class="form-control">           {{#fields}}           <option value="{{id}}">{{label}}</option>           {{/fields}}           </select>         </div>       </div>     </div>   ',events:{"change form select":"onEditorSubmit","click .editor-add":"_onAddSeries","click .action-remove-series":"removeSeries"},initialize:function(options){var self=this;_.bindAll(this,"render");this.listenTo(this.model.fields,"reset add",this.render);this.state=new recline.Model.ObjectState(options.state);this.render()},render:function(){var self=this;var tmplData=this.model.toTemplateJSON();var htmls=Mustache.render(this.template,tmplData);this.$el.html(htmls);if(this.state.get("graphType")){this._selectOption(".editor-type",this.state.get("graphType"))}if(this.state.get("group")){this._selectOption(".editor-group",this.state.get("group"))}var tmpSeries=[""];if(this.state.get("series").length>0){tmpSeries=this.state.get("series")}_.each(tmpSeries,function(series,idx){self.addSeries(idx);self._selectOption(".editor-series.js-series-"+idx,series)});return this},_selectOption:function(id,value){var options=this.$el.find(id+" select > option");if(options){options.each(function(opt){if(this.value==value){$(this).attr("selected","selected");return false}})}},onEditorSubmit:function(e){var select=this.$el.find(".editor-group select");var $editor=this;var $series=this.$el.find(".editor-series select");var series=$series.map(function(){return $(this).val()});var updatedState={series:$.makeArray(series),group:this.$el.find(".editor-group select").val(),graphType:this.$el.find(".editor-type select").val()};this.state.set(updatedState)},addSeries:function(idx){var data=_.extend({seriesIndex:idx,seriesName:String.fromCharCode(idx+64+1)},this.model.toTemplateJSON());var htmls=Mustache.render(this.templateSeriesEditor,data);this.$el.find(".editor-series-group").append(htmls);return this},_onAddSeries:function(e){e.preventDefault();this.addSeries(this.state.get("series").length)},removeSeries:function(e){e.preventDefault();var $el=$(e.target);$el.parent().parent().remove();this.onEditorSubmit()}})})(jQuery,recline.View);this.recline=this.recline||{};this.recline.View=this.recline.View||{};this.recline.View.Graph=this.recline.View.Flot;this.recline.View.GraphControls=this.recline.View.FlotControls;this.recline=this.recline||{};this.recline.View=this.recline.View||{};(function($,my){"use strict";my.Grid=Backbone.View.extend({tagName:"div",className:"recline-grid-container",initialize:function(modelEtc){var self=this;_.bindAll(this,"render","onHorizontalScroll");this.listenTo(this.model.records,"add reset remove",this.render);this.tempState={};var state=_.extend({hiddenFields:[]},modelEtc.state);this.state=new recline.Model.ObjectState(state)},events:{},setColumnSort:function(order){var sort=[{}];sort[0][this.tempState.currentColumn]={order:order};this.model.query({sort:sort})},hideColumn:function(){var hiddenFields=this.state.get("hiddenFields");hiddenFields.push(this.tempState.currentColumn);this.state.set({hiddenFields:hiddenFields});this.state.trigger("change");this.render()},showColumn:function(e){var hiddenFields=_.without(this.state.get("hiddenFields"),$(e.target).data("column"));this.state.set({hiddenFields:hiddenFields});this.render()},onHorizontalScroll:function(e){var currentScroll=$(e.target).scrollLeft();this.$el.find(".recline-grid thead tr").scrollLeft(currentScroll)},template:'     <div class="table-container">     <table class="recline-grid table-striped table-condensed" cellspacing="0">       <thead class="fixed-header">         <tr>           {{#fields}}             <th class="column-header {{#hidden}}hidden{{/hidden}}" data-field="{{id}}" style="width: {{width}}px; max-width: {{width}}px; min-width: {{width}}px;" title="{{label}}">               <span class="column-header-name">{{label}}</span>             </th>           {{/fields}}           <th class="last-header" style="width: {{lastHeaderWidth}}px; max-width: {{lastHeaderWidth}}px; min-width: {{lastHeaderWidth}}px; padding: 0; margin: 0;"></th>         </tr>       </thead>       <tbody class="scroll-content"></tbody>     </table>     </div>   ',toTemplateJSON:function(){var self=this;var modelData=this.model.toJSON();modelData.notEmpty=this.fields.length>0;modelData.fields=this.fields.map(function(field){return field.toJSON()});modelData.lastHeaderWidth=this.scrollbarDimensions.width-2;return modelData},render:function(){var self=this;this.fields=new recline.Model.FieldList(this.model.fields.filter(function(field){return _.indexOf(self.state.get("hiddenFields"),field.id)==-1}));this.scrollbarDimensions=this.scrollbarDimensions||this._scrollbarSize();var numFields=this.fields.length;var fullWidth=self.$el.width()-20-10*numFields-this.scrollbarDimensions.width;var width=parseInt(Math.max(50,fullWidth/numFields),10);var remainder=Math.max(fullWidth-numFields*width,0);this.fields.each(function(field,idx){if(idx===0){field.set({width:width+remainder})}else{field.set({width:width})}});var htmls=Mustache.render(this.template,this.toTemplateJSON());this.$el.html(htmls);this.model.records.forEach(function(doc){var tr=$("<tr />");self.$el.find("tbody").append(tr);var newView=new my.GridRow({model:doc,el:tr,fields:self.fields});newView.render()});var $tbody=this.$el.find("tbody")[0];if($tbody.scrollHeight<=$tbody.offsetHeight){this.$el.find("th.last-header").hide()}this.$el.find(".recline-grid").toggleClass("no-hidden",self.state.get("hiddenFields").length===0);this.$el.find(".recline-grid tbody").scroll(this.onHorizontalScroll);return this},_scrollbarSize:function(){var $c=$("<div style='position:absolute; top:-10000px; left:-10000px; width:100px; height:100px; overflow:scroll;'></div>").appendTo("body");var dim={width:$c.width()-$c[0].clientWidth+1,height:$c.height()-$c[0].clientHeight};$c.remove();return dim}});my.GridRow=Backbone.View.extend({initialize:function(initData){_.bindAll(this,"render");this._fields=initData.fields;this.listenTo(this.model,"change",this.render)},template:'       {{#cells}}       <td data-field="{{field}}" style="width: {{width}}px; max-width: {{width}}px; min-width: {{width}}px;">         <div class="data-table-cell-content">           <a href="javascript:{}" class="data-table-cell-edit" title="Edit this cell">&nbsp;</a>           <div class="data-table-cell-value">{{{value}}}</div>         </div>       </td>       {{/cells}}     ',events:{"click .data-table-cell-edit":"onEditClick","click .data-table-cell-editor .okButton":"onEditorOK","click .data-table-cell-editor .cancelButton":"onEditorCancel"},toTemplateJSON:function(){var self=this;var doc=this.model;var cellData=this._fields.map(function(field){return{field:field.id,width:field.get("width"),value:doc.getFieldValue(field)}});return{id:this.id,cells:cellData}},render:function(){this.$el.attr("data-id",this.model.id);var html=Mustache.render(this.template,this.toTemplateJSON());this.$el.html(html);return this},cellEditorTemplate:'     <div class="menu-container data-table-cell-editor">       <textarea class="data-table-cell-editor-editor" bind="textarea">{{value}}</textarea>       <div id="data-table-cell-editor-actions">         <div class="data-table-cell-editor-action">           <button class="okButton btn primary">Update</button>           <button class="cancelButton btn danger">Cancel</button>         </div>       </div>     </div>   ',onEditClick:function(e){var editing=this.$el.find(".data-table-cell-editor-editor");
+if(editing.length>0){editing.parents(".data-table-cell-value").html(editing.text()).siblings(".data-table-cell-edit").removeClass("hidden")}$(e.target).addClass("hidden");var cell=$(e.target).siblings(".data-table-cell-value");cell.data("previousContents",cell.text());var templated=Mustache.render(this.cellEditorTemplate,{value:cell.text()});cell.html(templated)},onEditorOK:function(e){var self=this;var cell=$(e.target);var rowId=cell.parents("tr").attr("data-id");var field=cell.parents("td").attr("data-field");var newValue=cell.parents(".data-table-cell-editor").find(".data-table-cell-editor-editor").val();var newData={};newData[field]=newValue;this.model.set(newData);this.trigger("recline:flash",{message:"Updating row...",loader:true});this.model.save().then(function(response){this.trigger("recline:flash",{message:"Row updated successfully",category:"success"})}).fail(function(){this.trigger("recline:flash",{message:"Error saving row",category:"error",persist:true})})},onEditorCancel:function(e){var cell=$(e.target).parents(".data-table-cell-value");cell.html(cell.data("previousContents")).siblings(".data-table-cell-edit").removeClass("hidden")}})})(jQuery,recline.View);this.recline=this.recline||{};this.recline.View=this.recline.View||{};(function($,my){"use strict";my.Map=Backbone.View.extend({template:'     <div class="recline-map">       <div class="panel map"></div>     </div> ',latitudeFieldNames:["lat","latitude"],longitudeFieldNames:["lon","longitude"],geometryFieldNames:["geojson","geom","the_geom","geometry","spatial","location","geo","lonlat"],initialize:function(options){var self=this;this.visible=this.$el.is(":visible");this.mapReady=false;this.map=null;var stateData=_.extend({geomField:null,lonField:null,latField:null,autoZoom:true,cluster:false},options.state);this.state=new recline.Model.ObjectState(stateData);this._clusterOptions={zoomToBoundsOnClick:true,maxClusterRadius:80,singleMarkerMode:false,skipDuplicateAddTesting:true,animateAddingMarkers:false};this.listenTo(this.model.fields,"change",function(){self._setupGeometryField();self.render()});this.listenTo(this.model.records,"add",function(doc){self.redraw("add",doc)});this.listenTo(this.model.records,"change",function(doc){self.redraw("remove",doc);self.redraw("add",doc)});this.listenTo(this.model.records,"remove",function(doc){self.redraw("remove",doc)});this.listenTo(this.model.records,"reset",function(){self.redraw("reset")});this.menu=new my.MapMenu({model:this.model,state:this.state.toJSON()});this.listenTo(this.menu.state,"change",function(){self.state.set(self.menu.state.toJSON());self.redraw()});this.listenTo(this.state,"change",function(){self.redraw()});this.elSidebar=this.menu.$el},infobox:function(record){var html="";for(var key in record.attributes){if(!(this.state.get("geomField")&&key==this.state.get("geomField"))){html+="<div><strong>"+key+"</strong>: "+record.attributes[key]+"</div>"}}return html},geoJsonLayerOptions:{pointToLayer:function(feature,latlng){var marker=new L.Marker(latlng);marker.bindPopup(feature.properties.popupContent);this.markers.addLayer(marker);return marker},onEachFeature:function(feature,layer){if(feature.properties&&feature.properties.popupContent){layer.bindPopup(feature.properties.popupContent)}}},render:function(){var self=this;var htmls=Mustache.render(this.template,this.model.toTemplateJSON());this.$el.html(htmls);this.$map=this.$el.find(".panel.map");this.redraw();return this},redraw:function(action,doc){var self=this;action=action||"refresh";if(!self._geomReady()){self._setupGeometryField()}if(!self.mapReady){self._setupMap()}if(this._geomReady()&&this.mapReady){this.map.removeLayer(this.features);this.map.removeLayer(this.markers);var countBefore=0;this.features.eachLayer(function(){countBefore++});if(action=="refresh"||action=="reset"){this.features.clearLayers();this.map.removeLayer(this.markers);this.markers=new L.MarkerClusterGroup(this._clusterOptions);this._add(this.model.records.models)}else if(action=="add"&&doc){this._add(doc)}else if(action=="remove"&&doc){this._remove(doc)}if(this.state.get("cluster")){this.map.addLayer(this.markers)}else{this.map.addLayer(this.features)}if(this.state.get("autoZoom")){if(this.visible){this._zoomToFeatures()}else{this._zoomPending=true}}}},show:function(){if(this.map){this.map.invalidateSize();if(this._zoomPending&&this.state.get("autoZoom")){this._zoomToFeatures();this._zoomPending=false}}this.visible=true},hide:function(){this.visible=false},_geomReady:function(){return Boolean(this.state.get("geomField")||this.state.get("latField")&&this.state.get("lonField"))},_add:function(docs){var self=this;if(!(docs instanceof Array))docs=[docs];var count=0;var wrongSoFar=0;_.every(docs,function(doc){count+=1;var feature=self._getGeometryFromRecord(doc);if(typeof feature==="undefined"||feature===null){return true}else if(feature instanceof Object){feature.properties={popupContent:self.infobox(doc),cid:doc.cid};try{self.features.addData(feature)}catch(except){wrongSoFar+=1;var msg="Wrong geometry value";if(except.message)msg+=" ("+except.message+")";if(wrongSoFar<=10){self.trigger("recline:flash",{message:msg,category:"error"})}}}else{wrongSoFar+=1;if(wrongSoFar<=10){self.trigger("recline:flash",{message:"Wrong geometry value",category:"error"})}}return true})},_remove:function(docs){var self=this;if(!(docs instanceof Array))docs=[docs];_.each(docs,function(doc){for(var key in self.features._layers){if(self.features._layers[key].feature.geometry.properties.cid==doc.cid){self.features.removeLayer(self.features._layers[key])}}})},_parseCoordinateString:function(coord){if(typeof coord!="string"){return parseFloat(coord)}var dms=coord.split(/[^-?\.\d\w]+/);var deg=0;var m=0;var toDeg=[1,60,3600];var i;for(i=0;i<dms.length;++i){if(isNaN(parseFloat(dms[i]))){continue}deg+=parseFloat(dms[i])/toDeg[m];m+=1}if(coord.match(/[SW]/)){deg=-1*deg}return deg},_getGeometryFromRecord:function(doc){if(this.state.get("geomField")){var value=doc.get(this.state.get("geomField"));if(typeof value==="string"){try{value=$.parseJSON(value)}catch(e){}}if(typeof value==="string"){value=value.replace("(","").replace(")","");var parts=value.split(",");var lat=this._parseCoordinateString(parts[0]);var lon=this._parseCoordinateString(parts[1]);if(!isNaN(lon)&&!isNaN(parseFloat(lat))){return{type:"Point",coordinates:[lon,lat]}}else{return null}}else if(value&&_.isArray(value)){return{type:"Point",coordinates:[value[0],value[1]]}}else if(value&&value.lat){return{type:"Point",coordinates:[value.lon||value.lng,value.lat]}}return value}else if(this.state.get("lonField")&&this.state.get("latField")){var lon=doc.get(this.state.get("lonField"));var lat=doc.get(this.state.get("latField"));lon=this._parseCoordinateString(lon);lat=this._parseCoordinateString(lat);if(!isNaN(parseFloat(lon))&&!isNaN(parseFloat(lat))){return{type:"Point",coordinates:[lon,lat]}}}return null},_setupGeometryField:function(){if(!this._geomReady()){this.state.set({geomField:this._checkField(this.geometryFieldNames),latField:this._checkField(this.latitudeFieldNames),lonField:this._checkField(this.longitudeFieldNames)});this.menu.state.set(this.state.toJSON())}},_checkField:function(fieldNames){var field;var modelFieldNames=this.model.fields.pluck("id");for(var i=0;i<fieldNames.length;i++){for(var j=0;j<modelFieldNames.length;j++){if(modelFieldNames[j].toLowerCase()==fieldNames[i].toLowerCase())return modelFieldNames[j]}}return null},_zoomToFeatures:function(){var bounds=this.features.getBounds();if(bounds&&bounds.getNorthEast()&&bounds.getSouthWest()){this.map.fitBounds(bounds)}else{this.map.setView([0,0],2)}},_setupMap:function(){var self=this;this.map=new L.Map(this.$map.get(0));var mapUrl="http://otile{s}-s.mqcdn.com/tiles/1.0.0/osm/{z}/{x}/{y}.png";var osmAttribution='Map data &copy; 2011 OpenStreetMap contributors, Tiles Courtesy of <a href="http://www.mapquest.com/" target="_blank">MapQuest</a> <img src="http://developer.mapquest.com/content/osm/mq_logo.png">';var bg=new L.TileLayer(mapUrl,{maxZoom:18,attribution:osmAttribution,subdomains:"1234"});this.map.addLayer(bg);this.markers=new L.MarkerClusterGroup(this._clusterOptions);this.geoJsonLayerOptions.pointToLayer=_.bind(this.geoJsonLayerOptions.pointToLayer,this);this.features=new L.GeoJSON(null,this.geoJsonLayerOptions);this.map.setView([0,0],2);this.mapReady=true},_selectOption:function(id,value){var options=$("."+id+" > select > option");if(options){options.each(function(opt){if(this.value==value){$(this).attr("selected","selected");return false}})}}});my.MapMenu=Backbone.View.extend({className:"editor",template:'     <form class="form-stacked">       <div class="clearfix">         <div class="editor-field-type">             <label class="radio">               <input type="radio" id="editor-field-type-latlon" name="editor-field-type" value="latlon" checked="checked"/>               Latitude / Longitude fields</label>             <label class="radio">               <input type="radio" id="editor-field-type-geom" name="editor-field-type" value="geom" />               GeoJSON field</label>         </div>         <div class="editor-field-type-latlon">           <label>Latitude field</label>           <div class="input editor-lat-field">             <select class="form-control">             <option value=""></option>             {{#fields}}             <option value="{{id}}">{{label}}</option>             {{/fields}}             </select>           </div>           <label>Longitude field</label>           <div class="input editor-lon-field">             <select class="form-control">             <option value=""></option>             {{#fields}}             <option value="{{id}}">{{label}}</option>             {{/fields}}             </select>           </div>         </div>         <div class="editor-field-type-geom" style="display:none">           <label>Geometry field (GeoJSON)</label>           <div class="input editor-geom-field">             <select class="form-control">             <option value=""></option>             {{#fields}}             <option value="{{id}}">{{label}}</option>             {{/fields}}             </select>           </div>         </div>       </div>       <div class="editor-buttons">         <button class="btn btn-default editor-update-map">Update</button>       </div>       <div class="editor-options" >         <label class="checkbox">           <input type="checkbox" id="editor-auto-zoom" value="autozoom" checked="checked" />           Auto zoom to features</label>         <label class="checkbox">           <input type="checkbox" id="editor-cluster" value="cluster"/>           Cluster markers</label>       </div>       <input type="hidden" class="editor-id" value="map-1" />     </form>   ',events:{"click .editor-update-map":"onEditorSubmit","change .editor-field-type":"onFieldTypeChange","click #editor-auto-zoom":"onAutoZoomChange","click #editor-cluster":"onClusteringChange"},initialize:function(options){var self=this;_.bindAll(this,"render");this.listenTo(this.model.fields,"change",this.render);this.state=new recline.Model.ObjectState(options.state);this.listenTo(this.state,"change",this.render);this.render()},render:function(){var self=this;var htmls=Mustache.render(this.template,this.model.toTemplateJSON());this.$el.html(htmls);if(this._geomReady()&&this.model.fields.length){if(this.state.get("geomField")){this._selectOption("editor-geom-field",this.state.get("geomField"));this.$el.find("#editor-field-type-geom").attr("checked","checked").change()}else{this._selectOption("editor-lon-field",this.state.get("lonField"));this._selectOption("editor-lat-field",this.state.get("latField"));this.$el.find("#editor-field-type-latlon").attr("checked","checked").change()}}if(this.state.get("autoZoom")){this.$el.find("#editor-auto-zoom").attr("checked","checked")}else{this.$el.find("#editor-auto-zoom").removeAttr("checked")}if(this.state.get("cluster")){this.$el.find("#editor-cluster").attr("checked","checked")}else{this.$el.find("#editor-cluster").removeAttr("checked")}return this},_geomReady:function(){return Boolean(this.state.get("geomField")||this.state.get("latField")&&this.state.get("lonField"))},onEditorSubmit:function(e){e.preventDefault();if(this.$el.find("#editor-field-type-geom").attr("checked")){this.state.set({geomField:this.$el.find(".editor-geom-field > select > option:selected").val(),lonField:null,latField:null})}else{this.state.set({geomField:null,lonField:this.$el.find(".editor-lon-field > select > option:selected").val(),latField:this.$el.find(".editor-lat-field > select > option:selected").val()})}return false},onFieldTypeChange:function(e){if(e.target.value=="geom"){this.$el.find(".editor-field-type-geom").show();this.$el.find(".editor-field-type-latlon").hide()}else{this.$el.find(".editor-field-type-geom").hide();this.$el.find(".editor-field-type-latlon").show()}},onAutoZoomChange:function(e){this.state.set({autoZoom:!this.state.get("autoZoom")})},onClusteringChange:function(e){this.state.set({cluster:!this.state.get("cluster")})},_selectOption:function(id,value){var options=this.$el.find("."+id+" > select > option");if(options){options.each(function(opt){if(this.value==value){$(this).attr("selected","selected");return false}})}}})})(jQuery,recline.View);this.recline=this.recline||{};this.recline.View=this.recline.View||{};(function($,my){"use strict";my.MultiView=Backbone.View.extend({template:'   <div class="recline-data-explorer">     <div class="alert-messages"></div>         <div class="header clearfix">       <div class="navigation">         <div class="btn-group" data-toggle="buttons-radio">         {{#views}}         <button href="#{{id}}" data-view="{{id}}" class="btn btn-default">{{label}}</button>         {{/views}}         </div>       </div>       <div class="recline-results-info">         <span class="doc-count">{{recordCount}}</span> records      </div>       <div class="menu-right">         <div class="btn-group" data-toggle="buttons-checkbox">           {{#sidebarViews}}           <button href="#" data-action="{{id}}" class="btn btn-default">{{label}}</button>           {{/sidebarViews}}         </div>       </div>       <div class="query-editor-here" style="display:inline;"></div>     </div>     <div class="data-view-sidebar"></div>     <div class="data-view-container"></div>   </div>   ',events:{"click .menu-right button":"_onMenuClick","click .navigation button":"_onSwitchView"},initialize:function(options){var self=this;this._setupState(options.state);if(options.views){this.pageViews=options.views}else{this.pageViews=[{id:"grid",label:"Grid",view:new my.SlickGrid({model:this.model,state:this.state.get("view-grid")})},{id:"graph",label:"Graph",view:new my.Graph({model:this.model,state:this.state.get("view-graph")})},{id:"map",label:"Map",view:new my.Map({model:this.model,state:this.state.get("view-map")})},{id:"timeline",label:"Timeline",view:new my.Timeline({model:this.model,state:this.state.get("view-timeline")})}]}if(options.sidebarViews){this.sidebarViews=options.sidebarViews}else{this.sidebarViews=[{id:"filterEditor",label:"Filters",view:new my.FilterEditor({model:this.model})},{id:"fieldsView",label:"Fields",view:new my.Fields({model:this.model})}]}this.render();this._bindStateChanges();this._bindFlashNotifications();if(this.state.get("readOnly")){this.setReadOnly()}if(this.state.get("currentView")){this.updateNav(this.state.get("currentView"))}else{this.updateNav(this.pageViews[0].id)}this._showHideSidebar();this.listenTo(this.model,"query:start",function(){self.notify({loader:true,persist:true})});this.listenTo(this.model,"query:done",function(){self.clearNotifications();self.$el.find(".doc-count").text(self.model.recordCount||"Unknown")});this.listenTo(this.model,"query:fail",function(error){self.clearNotifications();var msg="";if(typeof error=="string"){msg=error}else if(typeof error=="object"){if(error.title){msg=error.title+": "}if(error.message){msg+=error.message}}else{msg="There was an error querying the backend"}self.notify({message:msg,category:"error",persist:true})});this.model.queryState.set(self.state.get("query"),{silent:true})},setReadOnly:function(){this.$el.addClass("recline-read-only")},render:function(){var tmplData=this.model.toTemplateJSON();tmplData.views=this.pageViews;tmplData.sidebarViews=this.sidebarViews;var template=Mustache.render(this.template,tmplData);this.$el.html(template);var $dataViewContainer=this.$el.find(".data-view-container");var $dataSidebar=this.$el.find(".data-view-sidebar");_.each(this.pageViews,function(view,pageName){view.view.render();if(view.view.redraw){view.view.redraw()}$dataViewContainer.append(view.view.el);if(view.view.elSidebar){$dataSidebar.append(view.view.elSidebar)}});_.each(this.sidebarViews,function(view){this["$"+view.id]=view.view.$el;$dataSidebar.append(view.view.el)},this);this.pager=new recline.View.Pager({model:this.model});this.$el.find(".recline-results-info").after(this.pager.el);this.queryEditor=new recline.View.QueryEditor({model:this.model.queryState});this.$el.find(".query-editor-here").append(this.queryEditor.el)},remove:function(){_.each(this.pageViews,function(view){view.view.remove()});_.each(this.sidebarViews,function(view){view.view.remove()});this.pager.remove();this.queryEditor.remove();Backbone.View.prototype.remove.apply(this,arguments)},_showHideSidebar:function(){var $dataSidebar=this.$el.find(".data-view-sidebar");var visibleChildren=$dataSidebar.children().filter(function(){return $(this).css("display")!="none"}).length;if(visibleChildren>0){$dataSidebar.show()}else{$dataSidebar.hide()}},updateNav:function(pageName){this.$el.find(".navigation button").removeClass("active");var $el=this.$el.find('.navigation button[data-view="'+pageName+'"]');$el.addClass("active");_.each(this.pageViews,function(view,idx){if(view.id===pageName){view.view.$el.show();if(view.view.elSidebar){view.view.elSidebar.show()}}else{view.view.$el.hide();if(view.view.elSidebar){view.view.elSidebar.hide()}if(view.view.hide){view.view.hide()}}});this._showHideSidebar();_.each(this.pageViews,function(view,idx){if(view.id===pageName){if(view.view.show){view.view.show()}}})},_onMenuClick:function(e){e.preventDefault();var action=$(e.target).attr("data-action");this["$"+action].toggle();this._showHideSidebar()},_onSwitchView:function(e){e.preventDefault();var viewName=$(e.target).attr("data-view");this.updateNav(viewName);this.state.set({currentView:viewName})},_setupState:function(initialState){var self=this;var qs=my.parseHashQueryString();var query=qs.reclineQuery;query=query?JSON.parse(query):self.model.queryState.toJSON();var graphState=qs["view-graph"]||qs.graph;graphState=graphState?JSON.parse(graphState):{};var stateData=_.extend({query:query,"view-graph":graphState,backend:this.model.backend.__type__,url:this.model.get("url"),dataset:this.model.toJSON(),currentView:null,readOnly:false},initialState);this.state=new recline.Model.ObjectState(stateData)},_bindStateChanges:function(){var self=this;this.listenTo(this.model.queryState,"change",function(){self.state.set({query:self.model.queryState.toJSON()})});_.each(this.pageViews,function(pageView){if(pageView.view.state&&pageView.view.state.bind){var update={};update["view-"+pageView.id]=pageView.view.state.toJSON();self.state.set(update);self.listenTo(pageView.view.state,"change",function(){var update={};update["view-"+pageView.id]=pageView.view.state.toJSON();self.state.set(update,{silent:true});self.state.trigger("change")})}})},_bindFlashNotifications:function(){var self=this;_.each(this.pageViews,function(pageView){self.listenTo(pageView.view,"recline:flash",function(flash){self.notify(flash)})})},notify:function(flash){var tmplData=_.extend({message:"Loading",category:"warning",loader:false},flash);var _template;if(tmplData.loader){_template='         <div class="alert alert-info alert-loader">           {{message}}           <span class="notification-loader">&nbsp;</span>         </div>'}else{_template='         <div class="alert alert-{{category}} fade in" data-alert="alert"><a class="close" data-dismiss="alert" href="#">×</a>           {{message}}         </div>'}var _templated=$(Mustache.render(_template,tmplData));_templated=$(_templated).appendTo($(".recline-data-explorer .alert-messages"));if(!flash.persist){setTimeout(function(){$(_templated).fadeOut(1e3,function(){$(this).remove()})},1e3)}},clearNotifications:function(){var $notifications=$(".recline-data-explorer .alert-messages .alert");$notifications.fadeOut(1500,function(){$(this).remove()})}});my.MultiView.restore=function(state){var datasetInfo;if(state.backend==="memory"){datasetInfo={backend:"memory",records:[{stub:"this is a stub dataset because we do not restore memory datasets"}]}}else{datasetInfo=_.extend({url:state.url,backend:state.backend},state.dataset)}var dataset=new recline.Model.Dataset(datasetInfo);var explorer=new my.MultiView({model:dataset,state:state});return explorer};var urlPathRegex=/^([^?]+)(\?.*)?/;my.parseHashUrl=function(hashUrl){var parsed=urlPathRegex.exec(hashUrl);if(parsed===null){return{}}else{return{path:parsed[1],query:parsed[2]||""}}};my.parseQueryString=function(q){if(!q){return{}}var urlParams={},e,d=function(s){return unescape(s.replace(/\+/g," "))},r=/([^&=]+)=?([^&]*)/g;if(q&&q.length&&q[0]==="?"){q=q.slice(1)}while(e=r.exec(q)){urlParams[d(e[1])]=d(e[2])}return urlParams};my.parseHashQueryString=function(){var q=my.parseHashUrl(window.location.hash).query;return my.parseQueryString(q)};my.composeQueryString=function(queryParams){var queryString="?";var items=[];$.each(queryParams,function(key,value){if(typeof value==="object"){value=JSON.stringify(value)}items.push(key+"="+encodeURIComponent(value))});queryString+=items.join("&");return queryString};my.getNewHashForQueryString=function(queryParams){var queryPart=my.composeQueryString(queryParams);if(window.location.hash){return window.location.hash.split("?")[0].slice(1)+queryPart}else{return queryPart}};my.setHashQueryString=function(queryParams){window.location.hash=my.getNewHashForQueryString(queryParams)}})(jQuery,recline.View);this.recline=this.recline||{};this.recline.View=this.recline.View||{};(function($,my){"use strict";my.SlickGrid=Backbone.View.extend({initialize:function(modelEtc){var self=this;this.$el.addClass("recline-slickgrid");this.templates={deleterow:'<button href="#" class="recline-row-delete btn btn-default" title="Delete row">X</button>'};_.bindAll(this,"render","onRecordChanged");this.listenTo(this.model.records,"add remove reset",this.render);this.listenTo(this.model.records,"change",this.onRecordChanged);var state=_.extend({hiddenColumns:[],columnsOrder:[],columnsSort:{},columnsWidth:[],columnsEditor:[],options:{},fitColumns:false},modelEtc.state);this.state=new recline.Model.ObjectState(state);this._slickHandler=new Slick.EventHandler;if(this.state.get("gridOptions")&&this.state.get("gridOptions").enabledAddRow!=undefined&&this.state.get("gridOptions").enabledAddRow==true){this.editor=new my.GridControl;this.elSidebar=this.editor.$el;this.listenTo(this.editor.state,"change",function(){this.model.records.add(new recline.Model.Record)})}},onRecordChanged:function(record){if(!this.grid){return}var row_index=this.grid.getData().getModelRow(record);this.grid.invalidateRow(row_index);this.grid.getData().updateItem(record,row_index);this.grid.render()},render:function(){var self=this;var options=_.extend({enableCellNavigation:true,enableColumnReorder:true,explicitInitialization:true,syncColumnCellResize:true,forceFitColumns:this.state.get("fitColumns")},self.state.get("gridOptions"));var columns=[];var formatter=function(row,cell,value,columnDef,dataContext){if(columnDef.id=="del"){return self.templates.deleterow}var field=self.model.fields.get(columnDef.id);if(field.renderer){return field.renderer(value,field,dataContext)}else{return value}};var validator=function(field){return function(value){if(field.type=="date"&&isNaN(Date.parse(value))){return{valid:false,msg:"A date is required, check field field-date-format"}}else{return{valid:true,msg:null}}}};if(this.state.get("gridOptions")&&this.state.get("gridOptions").enableReOrderRow==true){columns.push({id:"#",name:"",width:22,behavior:"selectAndMove",selectable:false,resizable:false,cssClass:"recline-cell-reorder"})}if(this.state.get("gridOptions")&&this.state.get("gridOptions").enabledDelRow==true){columns.push({id:"del",name:"",field:"del",sortable:true,width:38,formatter:formatter,validator:validator})}function sanitizeFieldName(name){var sanitized=$(name).text();return name!==sanitized&&sanitized!==""?sanitized:name}_.each(this.model.fields.toJSON(),function(field){var column={id:field.id,name:sanitizeFieldName(field.label),field:field.id,sortable:true,minWidth:80,formatter:formatter,validator:validator(field)};var widthInfo=_.find(self.state.get("columnsWidth"),function(c){return c.column===field.id});if(widthInfo){column.width=widthInfo.width}var editInfo=_.find(self.state.get("columnsEditor"),function(c){return c.column===field.id});if(editInfo){column.editor=editInfo.editor}else{var typeToEditorMap={string:Slick.Editors.LongText,integer:Slick.Editors.IntegerEditor,number:Slick.Editors.Text,date:Slick.Editors.Text,"boolean":Slick.Editors.YesNoSelectEditor};if(field.type in typeToEditorMap){column.editor=typeToEditorMap[field.type]}else{column.editor=Slick.Editors.LongText}}columns.push(column)});var visibleColumns=_.filter(columns,function(column){return _.indexOf(self.state.get("hiddenColumns"),column.id)===-1});if(this.state.get("columnsOrder")&&this.state.get("columnsOrder").length>0){visibleColumns=visibleColumns.sort(function(a,b){return _.indexOf(self.state.get("columnsOrder"),a.id)>_.indexOf(self.state.get("columnsOrder"),b.id)?1:-1});columns=columns.sort(function(a,b){return _.indexOf(self.state.get("columnsOrder"),a.id)>_.indexOf(self.state.get("columnsOrder"),b.id)?1:-1})}var tempHiddenColumns=[];for(var i=columns.length-1;i>=0;i--){if(_.indexOf(_.pluck(visibleColumns,"id"),columns[i].id)===-1){tempHiddenColumns.push(columns.splice(i,1)[0])}}columns=columns.concat(tempHiddenColumns);function toRow(m){var row={};self.model.fields.each(function(field){var render="";if(!_.isUndefined(m.getFieldValueUnrendered(field))){render=m.getFieldValueUnrendered(field)}row[field.id]=render});return row}function RowSet(){var models=[];var rows=[];this.push=function(model,row){models.push(model);rows.push(row)};this.getLength=function(){return rows.length};this.getItem=function(index){return rows[index]};this.getItemMetadata=function(index){return{}};this.getModel=function(index){return models[index]};this.getModelRow=function(m){return _.indexOf(models,m)};this.updateItem=function(m,i){rows[i]=toRow(m);models[i]=m}}var data=new RowSet;this.model.records.each(function(doc){data.push(doc,toRow(doc))});this.grid=new Slick.Grid(this.el,data,visibleColumns,options);var sortInfo=this.model.queryState.get("sort");if(sortInfo){var column=sortInfo[0].field;var sortAsc=sortInfo[0].order!=="desc";this.grid.setSortColumn(column,sortAsc)}if(this.state.get("gridOptions")&&this.state.get("gridOptions").enableReOrderRow){this._setupRowReordering()}this._slickHandler.subscribe(this.grid.onSort,function(e,args){var order=args.sortAsc?"asc":"desc";var sort=[{field:args.sortCol.field,order:order}];self.model.query({sort:sort})});this._slickHandler.subscribe(this.grid.onColumnsReordered,function(e,args){self.state.set({columnsOrder:_.pluck(self.grid.getColumns(),"id")})});this.grid.onColumnsResized.subscribe(function(e,args){var columns=args.grid.getColumns();var defaultColumnWidth=args.grid.getOptions().defaultColumnWidth;var columnsWidth=[];_.each(columns,function(column){if(column.width!=defaultColumnWidth){columnsWidth.push({column:column.id,width:column.width})}});self.state.set({columnsWidth:columnsWidth})});this._slickHandler.subscribe(this.grid.onCellChange,function(e,args){var grid=args.grid;var model=data.getModel(args.row);var field=grid.getColumns()[args.cell].id;var v={};v[field]=args.item[field];model.set(v)});this._slickHandler.subscribe(this.grid.onClick,function(e,args){try{e.preventDefault()}catch(e){}var cell=0;if(self.state.get("gridOptions")&&self.state.get("gridOptions").enableReOrderRow!=undefined&&self.state.get("gridOptions").enableReOrderRow==true){cell=1}if(args.cell==cell&&self.state.get("gridOptions").enabledDelRow==true){var model=data.getModel(args.row);model.destroy()}});var columnpicker=new Slick.Controls.ColumnPicker(columns,this.grid,_.extend(options,{state:this.state}));if(self.visible){self.grid.init();self.rendered=true}else{self.rendered=false}return this},_setupRowReordering:function(){var self=this;self.grid.setSelectionModel(new Slick.RowSelectionModel);var moveRowsPlugin=new Slick.RowMoveManager({cancelEditOnDrag:true});moveRowsPlugin.onBeforeMoveRows.subscribe(function(e,data){for(var i=0;i<data.rows.length;i++){if(data.rows[i]==data.insertBefore||data.rows[i]==data.insertBefore-1){e.stopPropagation();return false}}return true});moveRowsPlugin.onMoveRows.subscribe(function(e,args){var extractedRows=[],left,right;var rows=args.rows;var insertBefore=args.insertBefore;var data=self.model.records.toJSON();left=data.slice(0,insertBefore);right=data.slice(insertBefore,data.length);rows.sort(function(a,b){return a-b});for(var i=0;i<rows.length;i++){extractedRows.push(data[rows[i]])}rows.reverse();for(var i=0;i<rows.length;i++){var row=rows[i];if(row<insertBefore){left.splice(row,1)}else{right.splice(row-insertBefore,1)}}data=left.concat(extractedRows.concat(right));var selectedRows=[];for(var i=0;i<rows.length;i++)selectedRows.push(left.length+i);self.model.records.reset(data)});if(this.state.get("gridOptions")&&this.state.get("gridOptions").enableReOrderRow){self.grid.registerPlugin(moveRowsPlugin)}},remove:function(){this._slickHandler.unsubscribeAll();Backbone.View.prototype.remove.apply(this,arguments)},show:function(){if(!this.rendered){if(!this.grid){this.render()}this.grid.init();this.rendered=true}this.visible=true},hide:function(){this.visible=false}});my.GridControl=Backbone.View.extend({className:"recline-row-add",template:'<h1><button href="#" class="recline-row-add btn btn-default">Add row</button></h1>',initialize:function(options){var self=this;_.bindAll(this,"render");this.state=new recline.Model.ObjectState;this.render()},render:function(){var self=this;this.$el.html(this.template)},events:{"click .recline-row-add":"addNewRow"},addNewRow:function(e){e.preventDefault();this.state.trigger("change")}})})(jQuery,recline.View);(function($){function SlickColumnPicker(columns,grid,options){var $menu;var columnCheckboxes;var defaults={fadeSpeed:250};function init(){grid.onHeaderContextMenu.subscribe(handleHeaderContextMenu);options=$.extend({},defaults,options);$menu=$('<ul class="dropdown-menu slick-contextmenu" style="display:none;position:absolute;z-index:20;" />').appendTo(document.body);$menu.bind("mouseleave",function(e){$(this).fadeOut(options.fadeSpeed)});$menu.bind("click",updateColumn)}function handleHeaderContextMenu(e,args){e.preventDefault();$menu.empty();columnCheckboxes=[];var $li,$input;for(var i=0;i<columns.length;i++){$li=$("<li />").appendTo($menu);$input=$('<input type="checkbox" />').data("column-id",columns[i].id).attr("id","slick-column-vis-"+columns[i].id);columnCheckboxes.push($input);if(grid.getColumnIndex(columns[i].id)!==null){$input.attr("checked","checked")}$input.appendTo($li);$("<label />").text(columns[i].name).attr("for","slick-column-vis-"+columns[i].id).appendTo($li)}$("<li/>").addClass("divider").appendTo($menu);$li=$("<li />").data("option","autoresize").appendTo($menu);$input=$('<input type="checkbox" />').data("option","autoresize").attr("id","slick-option-autoresize");$input.appendTo($li);$("<label />").text("Force fit columns").attr("for","slick-option-autoresize").appendTo($li);if(grid.getOptions().forceFitColumns){$input.attr("checked","checked")}$menu.css("top",e.pageY-10).css("left",e.pageX-10).fadeIn(options.fadeSpeed)
+}function updateColumn(e){var checkbox;if($(e.target).data("option")==="autoresize"){var checked;if($(e.target).is("li")){checkbox=$(e.target).find("input").first();checked=!checkbox.is(":checked");checkbox.attr("checked",checked)}else{checked=e.target.checked}if(checked){grid.setOptions({forceFitColumns:true});grid.autosizeColumns()}else{grid.setOptions({forceFitColumns:false})}options.state.set({fitColumns:checked});return}if($(e.target).is("li")&&!$(e.target).hasClass("divider")||$(e.target).is("input")){if($(e.target).is("li")){checkbox=$(e.target).find("input").first();checkbox.attr("checked",!checkbox.is(":checked"))}var visibleColumns=[];var hiddenColumnsIds=[];$.each(columnCheckboxes,function(i,e){if($(this).is(":checked")){visibleColumns.push(columns[i])}else{hiddenColumnsIds.push(columns[i].id)}});if(!visibleColumns.length){$(e.target).attr("checked","checked");return}grid.setColumns(visibleColumns);options.state.set({hiddenColumns:hiddenColumnsIds})}}init()}$.extend(true,window,{Slick:{Controls:{ColumnPicker:SlickColumnPicker}}})})(jQuery);this.recline=this.recline||{};this.recline.View=this.recline.View||{};(function($,my){"use strict";if(typeof VMM!=="undefined"){VMM.debug=false}my.Timeline=Backbone.View.extend({template:'     <div class="recline-timeline">       <div id="vmm-timeline-id"></div>     </div>   ',startFieldNames:["date","startdate","start","start-date"],endFieldNames:["end","endDate"],elementId:"#vmm-timeline-id",initialize:function(options){var self=this;this.timeline=new VMM.Timeline(this.elementId);this._timelineIsInitialized=false;this.listenTo(this.model.fields,"reset",function(){self._setupTemporalField()});this.listenTo(this.model.records,"all",function(){self.reloadData()});var stateData=_.extend({startField:null,endField:null,nonUSDates:false,timelineJSOptions:{}},options.state);this.state=new recline.Model.ObjectState(stateData);this._setupTemporalField()},render:function(){var tmplData={};var htmls=Mustache.render(this.template,tmplData);this.$el.html(htmls);if($(this.elementId).length>0){this._initTimeline()}},show:function(){if(this._timelineIsInitialized===false){this._initTimeline()}},_initTimeline:function(){var data=this._timelineJSON();var config=this.state.get("timelineJSOptions");config.id=this.elementId;this.timeline.init(config,data);this._timelineIsInitialized=true},reloadData:function(){if(this._timelineIsInitialized){var data=this._timelineJSON();this.timeline.reload(data)}},convertRecord:function(record,fields){return this._convertRecord(record,fields)},_convertRecord:function(record,fields){var start=this._parseDate(record.get(this.state.get("startField")));var end=this._parseDate(record.get(this.state.get("endField")));if(start){var tlEntry={startDate:start,endDate:end,headline:String(record.get("title")||""),text:record.get("description")||record.summary(),tag:record.get("tags")};return tlEntry}else{return null}},_timelineJSON:function(){var self=this;var out={timeline:{type:"default",headline:"",date:[]}};this.model.records.each(function(record){var newEntry=self.convertRecord(record,self.fields);if(newEntry){out.timeline.date.push(newEntry)}});if(out.timeline.date.length===0){var tlEntry={startDate:"2000,1,1",headline:"No data to show!"};out.timeline.date.push(tlEntry)}return out},_parseDate:function(date){if(!date){return null}var out=$.trim(date);out=out.replace(/(\d)th/g,"$1");out=out.replace(/(\d)st/g,"$1");out=$.trim(out);if(out.match(/\d\d\d\d-\d\d-\d\d(T.*)?/)){out=out.replace(/-/g,",").replace("T",",").replace(":",",")}if(out.match(/\d\d-\d\d-\d\d.*/)){out=out.replace(/-/g,"/")}if(this.state.get("nonUSDates")){var parts=out.match(/(\d\d)\/(\d\d)\/(\d\d.*)/);if(parts){out=[parts[2],parts[1],parts[3]].join("/")}}return out},_setupTemporalField:function(){this.state.set({startField:this._checkField(this.startFieldNames),endField:this._checkField(this.endFieldNames)})},_checkField:function(possibleFieldNames){var modelFieldNames=this.model.fields.pluck("id");for(var i=0;i<possibleFieldNames.length;i++){for(var j=0;j<modelFieldNames.length;j++){if(modelFieldNames[j].toLowerCase()==possibleFieldNames[i].toLowerCase())return modelFieldNames[j]}}return null}})})(jQuery,recline.View);this.recline=this.recline||{};this.recline.View=this.recline.View||{};(function($,my){"use strict";my.FacetViewer=Backbone.View.extend({className:"recline-facet-viewer",template:'     <div class="facets">       {{#facets}}       <div class="facet-summary" data-facet="{{id}}">         <h3>           {{id}}         </h3>         <ul class="facet-items">         {{#terms}}           <li><a class="facet-choice js-facet-filter" data-value="{{term}}" href="#{{term}}">{{term}} ({{count}})</a></li>         {{/terms}}         {{#entries}}           <li><a class="facet-choice js-facet-filter" data-value="{{time}}">{{term}} ({{count}})</a></li>         {{/entries}}         </ul>       </div>       {{/facets}}     </div>   ',events:{"click .js-facet-filter":"onFacetFilter"},initialize:function(model){_.bindAll(this,"render");this.listenTo(this.model.facets,"all",this.render);this.listenTo(this.model.fields,"all",this.render);this.render()},render:function(){var tmplData={fields:this.model.fields.toJSON()};tmplData.facets=_.map(this.model.facets.toJSON(),function(facet){if(facet._type==="date_histogram"){facet.entries=_.map(facet.entries,function(entry){entry.term=new Date(entry.time).toDateString();return entry})}return facet});var templated=Mustache.render(this.template,tmplData);this.$el.html(templated);if(this.model.facets.length>0){this.$el.show()}else{this.$el.hide()}},onHide:function(e){e.preventDefault();this.$el.hide()},onFacetFilter:function(e){e.preventDefault();var $target=$(e.target);var fieldId=$target.closest(".facet-summary").attr("data-facet");var value=$target.attr("data-value");this.model.queryState.addFilter({type:"term",field:fieldId,term:value});this.model.query()}})})(jQuery,recline.View);this.recline=this.recline||{};this.recline.View=this.recline.View||{};(function($,my){"use strict";my.Fields=Backbone.View.extend({className:"recline-fields-view",template:'     <div class="panel-group fields-list well">     <h3>Fields <a href="#" class="js-show-hide">+</a></h3>     {{#fields}}       <div class="panel panel-default field">         <div class="panel-heading">           <i class="glyphicon glyphicon-file"></i>           <h4>             {{label}}             <small>               {{type}}               <a class="accordion-toggle" data-toggle="collapse" href="#collapse{{id}}"> &raquo; </a>             </small>           </h4>         </div>         <div id="collapse{{id}}" class="panel-collapse collapse">           <div class="panel-body">             {{#facets}}             <div class="facet-summary" data-facet="{{id}}">               <ul class="facet-items">               {{#terms}}                 <li class="facet-item"><span class="term">{{term}}</span> <span class="count">[{{count}}]</span></li>               {{/terms}}               </ul>             </div>             {{/facets}}             <div class="clear"></div>           </div>         </div>       </div>     {{/fields}}     </div>   ',initialize:function(model){var self=this;_.bindAll(this,"render");this.listenTo(this.model.fields,"reset",function(action){self.model.fields.each(function(field){field.facets.unbind("all",self.render);field.facets.bind("all",self.render)});self.model.getFieldsSummary();self.render()});this.$el.find(".collapse").collapse();this.render()},render:function(){var self=this;var tmplData={fields:[]};this.model.fields.each(function(field){var out=field.toJSON();out.facets=field.facets.toJSON();tmplData.fields.push(out)});var templated=Mustache.render(this.template,tmplData);this.$el.html(templated)}})})(jQuery,recline.View);this.recline=this.recline||{};this.recline.View=this.recline.View||{};(function($,my){"use strict";my.FilterEditor=Backbone.View.extend({className:"recline-filter-editor well",template:'     <div class="filters">       <h3>Filters</h3>       <a href="#" class="js-add-filter">Add filter</a>       <form class="form-stacked js-add" style="display: none;">         <div class="form-group">           <label>Field</label>           <select class="fields form-control">             {{#fields}}             <option value="{{id}}">{{label}}</option>             {{/fields}}           </select>         </div>         <div class="form-group">           <label>Filter type</label>           <select class="filterType form-control">             <option value="term">Value</option>             <option value="range">Range</option>             <option value="geo_distance">Geo distance</option>           </select>         </div>         <button type="submit" class="btn btn-default">Add</button>       </form>       <form class="form-stacked js-edit">         {{#filters}}           {{{filterRender}}}         {{/filters}}         {{#filters.length}}         <button type="submit" class="btn btn-default">Update</button>         {{/filters.length}}       </form>     </div>   ',filterTemplates:{term:'       <div class="filter-{{type}} filter">         <fieldset>           <legend>             {{field}} <small>{{type}}</small>             <a class="js-remove-filter" href="#" title="Remove this filter" data-filter-id="{{id}}">&times;</a>           </legend>           <input class="input-sm" type="text" value="{{term}}" name="term" data-filter-field="{{field}}" data-filter-id="{{id}}" data-filter-type="{{type}}" />         </fieldset>       </div>     ',range:'       <div class="filter-{{type}} filter">         <fieldset>           <legend>             {{field}} <small>{{type}}</small>             <a class="js-remove-filter" href="#" title="Remove this filter" data-filter-id="{{id}}">&times;</a>           </legend>           <div class="form-group">             <label class="control-label" for="">From</label>             <input class="input-sm" type="text" value="{{from}}" name="from" data-filter-field="{{field}}" data-filter-id="{{id}}" data-filter-type="{{type}}" />           </div>           <div class="form-group">             <label class="control-label" for="">To</label>             <input class="input-sm" type="text" value="{{to}}" name="to" data-filter-field="{{field}}" data-filter-id="{{id}}" data-filter-type="{{type}}" />           </div>         </fieldset>       </div>     ',geo_distance:'       <div class="filter-{{type}} filter">         <fieldset>           <legend>             {{field}} <small>{{type}}</small>             <a class="js-remove-filter" href="#" title="Remove this filter" data-filter-id="{{id}}">&times;</a>           </legend>           <div class="form-group">             <label class="control-label" for="">Longitude</label>             <input class="input-sm" type="text" value="{{point.lon}}" name="lon" data-filter-field="{{field}}" data-filter-id="{{id}}" data-filter-type="{{type}}" />           </div>           <div class="form-group">             <label class="control-label" for="">Latitude</label>             <input class="input-sm" type="text" value="{{point.lat}}" name="lat" data-filter-field="{{field}}" data-filter-id="{{id}}" data-filter-type="{{type}}" />           </div>           <div class="form-group">             <label class="control-label" for="">Distance (km)</label>             <input class="input-sm" type="text" value="{{distance}}" name="distance" data-filter-field="{{field}}" data-filter-id="{{id}}" data-filter-type="{{type}}" />           </div>         </fieldset>       </div>     '},events:{"click .js-remove-filter":"onRemoveFilter","click .js-add-filter":"onAddFilterShow","submit form.js-edit":"onTermFiltersUpdate","submit form.js-add":"onAddFilter"},initialize:function(){_.bindAll(this,"render");this.listenTo(this.model.fields,"all",this.render);this.listenTo(this.model.queryState,"change change:filters:new-blank",this.render);this.render()},render:function(){var self=this;var tmplData=$.extend(true,{},this.model.queryState.toJSON());tmplData.filters=_.map(tmplData.filters,function(filter,idx){filter.id=idx;return filter});tmplData.fields=this.model.fields.toJSON();tmplData.filterRender=function(){return Mustache.render(self.filterTemplates[this.type],this)};var out=Mustache.render(this.template,tmplData);this.$el.html(out)},onAddFilterShow:function(e){e.preventDefault();var $target=$(e.target);$target.hide();this.$el.find("form.js-add").show()},onAddFilter:function(e){e.preventDefault();var $target=$(e.target);$target.hide();var filterType=$target.find("select.filterType").val();var field=$target.find("select.fields").val();this.model.queryState.addFilter({type:filterType,field:field})},onRemoveFilter:function(e){e.preventDefault();var $target=$(e.target);var filterId=$target.attr("data-filter-id");this.model.queryState.removeFilter(filterId)},onTermFiltersUpdate:function(e){var self=this;e.preventDefault();var filters=self.model.queryState.get("filters");var $form=$(e.target);_.each($form.find("input"),function(input){var $input=$(input);var filterType=$input.attr("data-filter-type");var fieldId=$input.attr("data-filter-field");var filterIndex=parseInt($input.attr("data-filter-id"),10);var name=$input.attr("name");var value=$input.val();switch(filterType){case"term":filters[filterIndex].term=value;break;case"range":filters[filterIndex][name]=value;break;case"geo_distance":if(name==="distance"){filters[filterIndex].distance=parseFloat(value)}else{filters[filterIndex].point[name]=parseFloat(value)}break}});self.model.queryState.set({filters:filters,from:0});self.model.queryState.trigger("change")}})})(jQuery,recline.View);this.recline=this.recline||{};this.recline.View=this.recline.View||{};(function($,my){"use strict";my.Pager=Backbone.View.extend({className:"recline-pager",template:'     <div class="pagination">       <ul class="pagination">         <li class="prev action-pagination-update"><a href="" class="btn btn-default">&laquo;</a></li>         <li class="page-range"><a><label for="from">From</label><input name="from" type="text" value="{{from}}" /> &ndash; <label for="to">To</label><input name="to" type="text" value="{{to}}" /> </a></li>         <li class="next action-pagination-update"><a href="" class="btn btn-default">&raquo;</a></li>       </ul>     </div>   ',events:{"click .action-pagination-update":"onPaginationUpdate","change input":"onFormSubmit"},initialize:function(){_.bindAll(this,"render");this.listenTo(this.model.queryState,"change",this.render);this.render()},onFormSubmit:function(e){e.preventDefault();var formFrom=parseInt(this.$el.find('input[name="from"]').val())-1;var formTo=parseInt(this.$el.find('input[name="to"]').val())-1;var maxRecord=this.model.recordCount-1;if(this.model.queryState.get("from")!=formFrom){this.model.queryState.set({from:Math.min(maxRecord,Math.max(formFrom,0))})}else if(this.model.queryState.get("to")!=formTo){var to=Math.min(maxRecord,Math.max(formTo,0));this.model.queryState.set({size:Math.min(maxRecord+1,Math.max(to-formFrom+1,1))})}},onPaginationUpdate:function(e){e.preventDefault();var $el=$(e.target);var newFrom=0;var currFrom=this.model.queryState.get("from");var size=this.model.queryState.get("size");var updateQuery=false;if($el.parent().hasClass("prev")){newFrom=Math.max(currFrom-Math.max(0,size),0);updateQuery=newFrom!=currFrom}else{newFrom=Math.max(currFrom+size,0);updateQuery=newFrom<this.model.recordCount}if(updateQuery){this.model.queryState.set({from:newFrom})}},render:function(){var tmplData=this.model.toJSON();var from=parseInt(this.model.queryState.get("from"));tmplData.from=from+1;tmplData.to=Math.min(from+this.model.queryState.get("size"),this.model.recordCount);var templated=Mustache.render(this.template,tmplData);this.$el.html(templated);return this}})})(jQuery,recline.View);this.recline=this.recline||{};this.recline.View=this.recline.View||{};(function($,my){"use strict";my.QueryEditor=Backbone.View.extend({className:"recline-query-editor",template:'     <form action="" method="GET" class="form-inline" role="form">       <div class="form-group">         <div class="input-group text-query">           <div class="input-group-addon">             <i class="glyphicon glyphicon-search"></i>           </div>           <label>Search</label>           <input class="form-control search-query" type="text" name="q" value="{{q}}" placeholder="Search data ...">         </div>       </div>       <button type="submit" class="btn btn-default">Go &raquo;</button>     </form>   ',events:{"submit form":"onFormSubmit"},initialize:function(){_.bindAll(this,"render");this.listenTo(this.model,"change",this.render);this.render()},onFormSubmit:function(e){e.preventDefault();var query=this.$el.find(".search-query").val();this.model.set({q:query})},render:function(){var tmplData=this.model.toJSON();var templated=Mustache.render(this.template,tmplData);this.$el.html(templated)}})})(jQuery,recline.View);this.recline=this.recline||{};this.recline.View=this.recline.View||{};(function($,my){"use strict";my.ValueFilter=Backbone.View.extend({className:"recline-filter-editor well",template:'     <div class="filters">       <h3>Filters</h3>       <button class="btn js-add-filter add-filter">Add filter</button>       <form class="form-stacked js-add" style="display: none;">         <fieldset>           <label>Field</label>           <select class="fields form-control">             {{#fields}}             <option value="{{id}}">{{label}}</option>             {{/fields}}           </select>           <button type="submit" class="btn">Add</button>         </fieldset>       </form>       <form class="form-stacked js-edit">         {{#filters}}           {{{filterRender}}}         {{/filters}}         {{#filters.length}}         <button type="submit" class="btn update-filter">Update</button>         {{/filters.length}}       </form>     </div>   ',filterTemplates:{term:'       <div class="filter-{{type}} filter">         <fieldset>           {{field}}           <a class="js-remove-filter" href="#" title="Remove this filter" data-filter-id="{{id}}">&times;</a>           <input type="text" value="{{term}}" name="term" data-filter-field="{{field}}" data-filter-id="{{id}}" data-filter-type="{{type}}" />         </fieldset>       </div>     '},events:{"click .js-remove-filter":"onRemoveFilter","click .js-add-filter":"onAddFilterShow","submit form.js-edit":"onTermFiltersUpdate","submit form.js-add":"onAddFilter"},initialize:function(){_.bindAll(this,"render");this.listenTo(this.model.fields,"all",this.render);this.listenTo(this.model.queryState,"change change:filters:new-blank",this.render);this.render()},render:function(){var self=this;var tmplData=$.extend(true,{},this.model.queryState.toJSON());tmplData.filters=_.map(tmplData.filters,function(filter,idx){filter.id=idx;return filter});tmplData.fields=this.model.fields.toJSON();tmplData.filterRender=function(){return Mustache.render(self.filterTemplates.term,this)};var out=Mustache.render(this.template,tmplData);this.$el.html(out)},updateFilter:function(input){var self=this;var filters=self.model.queryState.get("filters");var $input=$(input);var filterIndex=parseInt($input.attr("data-filter-id"),10);var value=$input.val();filters[filterIndex].term=value},onAddFilterShow:function(e){e.preventDefault();var $target=$(e.target);$target.hide();this.$el.find("form.js-add").show()},onAddFilter:function(e){e.preventDefault();var $target=$(e.target);$target.hide();var field=$target.find("select.fields").val();this.model.queryState.addFilter({type:"term",field:field})},onRemoveFilter:function(e){e.preventDefault();var $target=$(e.target);var filterId=$target.attr("data-filter-id");this.model.queryState.removeFilter(filterId)},onTermFiltersUpdate:function(e){var self=this;e.preventDefault();var filters=self.model.queryState.get("filters");var $form=$(e.target);_.each($form.find("input"),function(input){self.updateFilter(input)});self.model.queryState.set({filters:filters,from:0});self.model.queryState.trigger("change")}})})(jQuery,recline.View);
\ No newline at end of file
diff --git a/docs/src/backend.dataproxy.html b/docs/src/backend.dataproxy.html
index e3e685ba..f954bf0b 100644
--- a/docs/src/backend.dataproxy.html
+++ b/docs/src/backend.dataproxy.html
@@ -1,66 +1,271 @@
-<!DOCTYPE html>  <html> <head>   <title>backend.dataproxy.js</title>   <meta http-equiv="content-type" content="text/html; charset=UTF-8">   <link rel="stylesheet" media="all" href="docco.css" /> </head> <body>   <div id="container">     <div id="background"></div>            <div id="jump_to">         Jump To &hellip;         <div id="jump_wrapper">           <div id="jump_page">                                           <a class="source" href="backend.csv.html">                 backend.csv.js               </a>                                           <a class="source" href="backend.dataproxy.html">                 backend.dataproxy.js               </a>                                           <a class="source" href="backend.memory.html">                 backend.memory.js               </a>                                           <a class="source" href="ecma-fixes.html">                 ecma-fixes.js               </a>                                           <a class="source" href="model.html">                 model.js               </a>                                           <a class="source" href="view.flot.html">                 view.flot.js               </a>                                           <a class="source" href="view.graph.html">                 view.graph.js               </a>                                           <a class="source" href="view.grid.html">                 view.grid.js               </a>                                           <a class="source" href="view.map.html">                 view.map.js               </a>                                           <a class="source" href="view.multiview.html">                 view.multiview.js               </a>                                           <a class="source" href="view.slickgrid.html">                 view.slickgrid.js               </a>                                           <a class="source" href="view.timeline.html">                 view.timeline.js               </a>                                           <a class="source" href="widget.facetviewer.html">                 widget.facetviewer.js               </a>                                           <a class="source" href="widget.fields.html">                 widget.fields.js               </a>                                           <a class="source" href="widget.filtereditor.html">                 widget.filtereditor.js               </a>                                           <a class="source" href="widget.pager.html">                 widget.pager.js               </a>                                           <a class="source" href="widget.queryeditor.html">                 widget.queryeditor.js               </a>                                           <a class="source" href="widget.valuefilter.html">                 widget.valuefilter.js               </a>                        </div>         </div>       </div>          <table cellpadding="0" cellspacing="0">       <thead>         <tr>           <th class="docs">             <h1>               backend.dataproxy.js             </h1>           </th>           <th class="code">           </th>         </tr>       </thead>       <tbody>                               <tr id="section-1">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-1">&#182;</a>               </div>                            </td>             <td class="code">               <div class="highlight"><pre><span class="k">this</span><span class="p">.</span><span class="nx">recline</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span> <span class="o">||</span> <span class="p">{};</span>
-<span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">Backend</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">Backend</span> <span class="o">||</span> <span class="p">{};</span>
-<span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">Backend</span><span class="p">.</span><span class="nx">DataProxy</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">Backend</span><span class="p">.</span><span class="nx">DataProxy</span> <span class="o">||</span> <span class="p">{};</span>
+<!DOCTYPE html>
 
-<span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">my</span><span class="p">)</span> <span class="p">{</span>
-  <span class="s2">&quot;use strict&quot;</span><span class="p">;</span>
-  <span class="nx">my</span><span class="p">.</span><span class="nx">__type__</span> <span class="o">=</span> <span class="s1">&#39;dataproxy&#39;</span><span class="p">;</span></pre></div>             </td>           </tr>                               <tr id="section-2">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-2">&#182;</a>               </div>               <p>URL for the dataproxy</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">my</span><span class="p">.</span><span class="nx">dataproxy_url</span> <span class="o">=</span> <span class="s1">&#39;//jsonpdataproxy.appspot.com&#39;</span><span class="p">;</span></pre></div>             </td>           </tr>                               <tr id="section-3">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-3">&#182;</a>               </div>               <p>Timeout for dataproxy (after this time if no response we error)
-Needed because use JSONP so do not receive e.g. 500 errors </p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">my</span><span class="p">.</span><span class="nx">timeout</span> <span class="o">=</span> <span class="mi">5000</span><span class="p">;</span>
+<html>
+<head>
+  <title>backend.dataproxy.js</title>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+  <link rel="stylesheet" media="all" href="docco.css" />
+</head>
+<body>
+  <div id="container">
+    <div id="background"></div>
+    
+      <ul id="jump_to">
+        <li>
+          <a class="large" href="javascript:void(0);">Jump To &hellip;</a>
+          <a class="small" href="javascript:void(0);">+</a>
+          <div id="jump_wrapper">
+          <div id="jump_page_wrapper">
+            <div id="jump_page">
+              
+                
+                <a class="source" href="backend.dataproxy.html">
+                  backend.dataproxy.js
+                </a>
+              
+                
+                <a class="source" href="backend.memory.html">
+                  backend.memory.js
+                </a>
+              
+                
+                <a class="source" href="ecma-fixes.html">
+                  ecma-fixes.js
+                </a>
+              
+                
+                <a class="source" href="model.html">
+                  model.js
+                </a>
+              
+                
+                <a class="source" href="view.flot.html">
+                  view.flot.js
+                </a>
+              
+                
+                <a class="source" href="view.graph.html">
+                  view.graph.js
+                </a>
+              
+                
+                <a class="source" href="view.grid.html">
+                  view.grid.js
+                </a>
+              
+                
+                <a class="source" href="view.map.html">
+                  view.map.js
+                </a>
+              
+                
+                <a class="source" href="view.multiview.html">
+                  view.multiview.js
+                </a>
+              
+                
+                <a class="source" href="view.slickgrid.html">
+                  view.slickgrid.js
+                </a>
+              
+                
+                <a class="source" href="view.timeline.html">
+                  view.timeline.js
+                </a>
+              
+                
+                <a class="source" href="widget.facetviewer.html">
+                  widget.facetviewer.js
+                </a>
+              
+                
+                <a class="source" href="widget.fields.html">
+                  widget.fields.js
+                </a>
+              
+                
+                <a class="source" href="widget.filtereditor.html">
+                  widget.filtereditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.pager.html">
+                  widget.pager.js
+                </a>
+              
+                
+                <a class="source" href="widget.queryeditor.html">
+                  widget.queryeditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.valuefilter.html">
+                  widget.valuefilter.js
+                </a>
+              
+            </div>
+          </div>
+        </li>
+      </ul>
+    
+    <ul class="sections">
+        
+          <li id="title">
+              <div class="annotation">
+                  <h1>backend.dataproxy.js</h1>
+              </div>
+          </li>
+        
+        
+        
+        <li id="section-1">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-1">&#182;</a>
+              </div>
+              
+            </div>
+            
+            <div class="content"><div class='highlight'><pre><span class="hljs-keyword">this</span>.recline = <span class="hljs-keyword">this</span>.recline || {};
+<span class="hljs-keyword">this</span>.recline.Backend = <span class="hljs-keyword">this</span>.recline.Backend || {};
+<span class="hljs-keyword">this</span>.recline.Backend.DataProxy = <span class="hljs-keyword">this</span>.recline.Backend.DataProxy || {};
 
-  </pre></div>             </td>           </tr>                               <tr id="section-4">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-4">&#182;</a>               </div>               <p>use either jQuery or Underscore Deferred depending on what is available</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="kd">var</span> <span class="nx">Deferred</span> <span class="o">=</span> <span class="p">(</span><span class="k">typeof</span> <span class="nx">jQuery</span> <span class="o">!==</span> <span class="s2">&quot;undefined&quot;</span> <span class="o">&amp;&amp;</span> <span class="nx">jQuery</span><span class="p">.</span><span class="nx">Deferred</span><span class="p">)</span> <span class="o">||</span> <span class="nx">_</span><span class="p">.</span><span class="nx">Deferred</span><span class="p">;</span></pre></div>             </td>           </tr>                               <tr id="section-5">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-5">&#182;</a>               </div>               <h2>load</h2>
+(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(my)</span> </span>{
+<span class="hljs-pi">  "use strict"</span>;
+  my.__type__ = <span class="hljs-string">'dataproxy'</span>;</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-2">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-2">&#182;</a>
+              </div>
+              <p>URL for the dataproxy</p>
 
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  my.dataproxy_url = <span class="hljs-string">'//jsonpdataproxy.appspot.com'</span>;</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-3">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-3">&#182;</a>
+              </div>
+              <p>Timeout for dataproxy (after this time if no response we error)
+Needed because use JSONP so do not receive e.g. 500 errors </p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  my.timeout = <span class="hljs-number">5000</span>;</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-4">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-4">&#182;</a>
+              </div>
+              <p>use either jQuery or Underscore Deferred depending on what is available</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  <span class="hljs-keyword">var</span> Deferred = (<span class="hljs-keyword">typeof</span> jQuery !== <span class="hljs-string">"undefined"</span> &amp;&amp; jQuery.Deferred) || _.Deferred;</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-5">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-5">&#182;</a>
+              </div>
+              <h2 id="load">load</h2>
 <p>Load data from a URL via the <a href="http://github.com/okfn/dataproxy">DataProxy</a>.</p>
+<p>Returns array of field names and array of arrays for records</p>
 
-<p>Returns array of field names and array of arrays for records</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">my</span><span class="p">.</span><span class="nx">fetch</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">dataset</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">data</span> <span class="o">=</span> <span class="p">{</span>
-      <span class="nx">url</span><span class="o">:</span> <span class="nx">dataset</span><span class="p">.</span><span class="nx">url</span><span class="p">,</span>
-      <span class="s1">&#39;max-results&#39;</span><span class="o">:</span>  <span class="nx">dataset</span><span class="p">.</span><span class="nx">size</span> <span class="o">||</span> <span class="nx">dataset</span><span class="p">.</span><span class="nx">rows</span> <span class="o">||</span> <span class="mi">1000</span><span class="p">,</span>
-      <span class="nx">type</span><span class="o">:</span> <span class="nx">dataset</span><span class="p">.</span><span class="nx">format</span> <span class="o">||</span> <span class="s1">&#39;&#39;</span>
-    <span class="p">};</span>
-    <span class="kd">var</span> <span class="nx">jqxhr</span> <span class="o">=</span> <span class="nx">jQuery</span><span class="p">.</span><span class="nx">ajax</span><span class="p">({</span>
-      <span class="nx">url</span><span class="o">:</span> <span class="nx">my</span><span class="p">.</span><span class="nx">dataproxy_url</span><span class="p">,</span>
-      <span class="nx">data</span><span class="o">:</span> <span class="nx">data</span><span class="p">,</span>
-      <span class="nx">dataType</span><span class="o">:</span> <span class="s1">&#39;jsonp&#39;</span>
-    <span class="p">});</span>
-    <span class="kd">var</span> <span class="nx">dfd</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Deferred</span><span class="p">();</span>
-    <span class="nx">_wrapInTimeout</span><span class="p">(</span><span class="nx">jqxhr</span><span class="p">).</span><span class="nx">done</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">results</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">if</span> <span class="p">(</span><span class="nx">results</span><span class="p">.</span><span class="nx">error</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">dfd</span><span class="p">.</span><span class="nx">reject</span><span class="p">(</span><span class="nx">results</span><span class="p">.</span><span class="nx">error</span><span class="p">);</span>
-      <span class="p">}</span>
-
-      <span class="nx">dfd</span><span class="p">.</span><span class="nx">resolve</span><span class="p">({</span>
-        <span class="nx">records</span><span class="o">:</span> <span class="nx">results</span><span class="p">.</span><span class="nx">data</span><span class="p">,</span>
-        <span class="nx">fields</span><span class="o">:</span> <span class="nx">results</span><span class="p">.</span><span class="nx">fields</span><span class="p">,</span>
-        <span class="nx">useMemoryStore</span><span class="o">:</span> <span class="kc">true</span>
-      <span class="p">});</span>
-    <span class="p">})</span>
-    <span class="p">.</span><span class="nx">fail</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">args</span><span class="p">)</span> <span class="p">{</span>
-      <span class="nx">dfd</span><span class="p">.</span><span class="nx">reject</span><span class="p">(</span><span class="nx">args</span><span class="p">);</span>
-    <span class="p">});</span>
-    <span class="k">return</span> <span class="nx">dfd</span><span class="p">.</span><span class="nx">promise</span><span class="p">();</span>
-  <span class="p">};</span></pre></div>             </td>           </tr>                               <tr id="section-6">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-6">&#182;</a>               </div>               <h2>_wrapInTimeout</h2>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  my.fetch = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(dataset)</span> </span>{
+    <span class="hljs-keyword">var</span> data = {
+      url: dataset.url,
+      <span class="hljs-string">'max-results'</span>:  dataset.size || dataset.rows || <span class="hljs-number">1000</span>,
+      type: dataset.format || <span class="hljs-string">''</span>
+    };
+    <span class="hljs-keyword">var</span> jqxhr = jQuery.ajax({
+      url: my.dataproxy_url,
+      data: data,
+      dataType: <span class="hljs-string">'jsonp'</span>
+    });
+    <span class="hljs-keyword">var</span> dfd = <span class="hljs-keyword">new</span> Deferred();
+    _wrapInTimeout(jqxhr).done(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(results)</span> </span>{
+      <span class="hljs-keyword">if</span> (results.error) {
+        dfd.reject(results.error);
+      }
 
+      dfd.resolve({
+        records: results.data,
+        fields: results.fields,
+        useMemoryStore: <span class="hljs-literal">true</span>
+      });
+    })
+    .fail(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(args)</span> </span>{
+      dfd.reject(args);
+    });
+    <span class="hljs-keyword">return</span> dfd.promise();
+  };</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-6">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-6">&#182;</a>
+              </div>
+              <h2 id="_wrapintimeout">_wrapInTimeout</h2>
 <p>Convenience method providing a crude way to catch backend errors on JSONP calls.
 Many of backends use JSONP and so will not get error messages and this is
-a crude way to catch those errors.</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="kd">var</span> <span class="nx">_wrapInTimeout</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">ourFunction</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">dfd</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Deferred</span><span class="p">();</span>
-    <span class="kd">var</span> <span class="nx">timer</span> <span class="o">=</span> <span class="nx">setTimeout</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-      <span class="nx">dfd</span><span class="p">.</span><span class="nx">reject</span><span class="p">({</span>
-        <span class="nx">message</span><span class="o">:</span> <span class="s1">&#39;Request Error: Backend did not respond after &#39;</span> <span class="o">+</span> <span class="p">(</span><span class="nx">my</span><span class="p">.</span><span class="nx">timeout</span> <span class="o">/</span> <span class="mi">1000</span><span class="p">)</span> <span class="o">+</span> <span class="s1">&#39; seconds&#39;</span>
-      <span class="p">});</span>
-    <span class="p">},</span> <span class="nx">my</span><span class="p">.</span><span class="nx">timeout</span><span class="p">);</span>
-    <span class="nx">ourFunction</span><span class="p">.</span><span class="nx">done</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">args</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">clearTimeout</span><span class="p">(</span><span class="nx">timer</span><span class="p">);</span>
-        <span class="nx">dfd</span><span class="p">.</span><span class="nx">resolve</span><span class="p">(</span><span class="nx">args</span><span class="p">);</span>
-      <span class="p">})</span>
-      <span class="p">.</span><span class="nx">fail</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">args</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">clearTimeout</span><span class="p">(</span><span class="nx">timer</span><span class="p">);</span>
-        <span class="nx">dfd</span><span class="p">.</span><span class="nx">reject</span><span class="p">(</span><span class="nx">args</span><span class="p">);</span>
-      <span class="p">})</span>
-      <span class="p">;</span>
-    <span class="k">return</span> <span class="nx">dfd</span><span class="p">.</span><span class="nx">promise</span><span class="p">();</span>
-  <span class="p">};</span>
+a crude way to catch those errors.</p>
 
-<span class="p">}(</span><span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">Backend</span><span class="p">.</span><span class="nx">DataProxy</span><span class="p">));</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  <span class="hljs-keyword">var</span> _wrapInTimeout = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(ourFunction)</span> </span>{
+    <span class="hljs-keyword">var</span> dfd = <span class="hljs-keyword">new</span> Deferred();
+    <span class="hljs-keyword">var</span> timer = setTimeout(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+      dfd.reject({
+        message: <span class="hljs-string">'Request Error: Backend did not respond after '</span> + (my.timeout / <span class="hljs-number">1000</span>) + <span class="hljs-string">' seconds'</span>
+      });
+    }, my.timeout);
+    ourFunction.done(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(args)</span> </span>{
+        clearTimeout(timer);
+        dfd.resolve(args);
+      })
+      .fail(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(args)</span> </span>{
+        clearTimeout(timer);
+        dfd.reject(args);
+      })
+      ;
+    <span class="hljs-keyword">return</span> dfd.promise();
+  };
 
-</pre></div>             </td>           </tr>                </tbody>     </table>   </div> </body> </html> 
\ No newline at end of file
+}(<span class="hljs-keyword">this</span>.recline.Backend.DataProxy));</pre></div></div>
+            
+        </li>
+        
+    </ul>
+  </div>
+</body>
+</html>
diff --git a/docs/src/backend.memory.html b/docs/src/backend.memory.html
index 10d4b52e..256c00c8 100644
--- a/docs/src/backend.memory.html
+++ b/docs/src/backend.memory.html
@@ -1,198 +1,631 @@
-<!DOCTYPE html>  <html> <head>   <title>backend.memory.js</title>   <meta http-equiv="content-type" content="text/html; charset=UTF-8">   <link rel="stylesheet" media="all" href="docco.css" /> </head> <body>   <div id="container">     <div id="background"></div>            <div id="jump_to">         Jump To &hellip;         <div id="jump_wrapper">           <div id="jump_page">                                           <a class="source" href="backend.csv.html">                 backend.csv.js               </a>                                           <a class="source" href="backend.dataproxy.html">                 backend.dataproxy.js               </a>                                           <a class="source" href="backend.memory.html">                 backend.memory.js               </a>                                           <a class="source" href="ecma-fixes.html">                 ecma-fixes.js               </a>                                           <a class="source" href="model.html">                 model.js               </a>                                           <a class="source" href="view.flot.html">                 view.flot.js               </a>                                           <a class="source" href="view.graph.html">                 view.graph.js               </a>                                           <a class="source" href="view.grid.html">                 view.grid.js               </a>                                           <a class="source" href="view.map.html">                 view.map.js               </a>                                           <a class="source" href="view.multiview.html">                 view.multiview.js               </a>                                           <a class="source" href="view.slickgrid.html">                 view.slickgrid.js               </a>                                           <a class="source" href="view.timeline.html">                 view.timeline.js               </a>                                           <a class="source" href="widget.facetviewer.html">                 widget.facetviewer.js               </a>                                           <a class="source" href="widget.fields.html">                 widget.fields.js               </a>                                           <a class="source" href="widget.filtereditor.html">                 widget.filtereditor.js               </a>                                           <a class="source" href="widget.pager.html">                 widget.pager.js               </a>                                           <a class="source" href="widget.queryeditor.html">                 widget.queryeditor.js               </a>                                           <a class="source" href="widget.valuefilter.html">                 widget.valuefilter.js               </a>                        </div>         </div>       </div>          <table cellpadding="0" cellspacing="0">       <thead>         <tr>           <th class="docs">             <h1>               backend.memory.js             </h1>           </th>           <th class="code">           </th>         </tr>       </thead>       <tbody>                               <tr id="section-1">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-1">&#182;</a>               </div>                            </td>             <td class="code">               <div class="highlight"><pre><span class="k">this</span><span class="p">.</span><span class="nx">recline</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span> <span class="o">||</span> <span class="p">{};</span>
-<span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">Backend</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">Backend</span> <span class="o">||</span> <span class="p">{};</span>
-<span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">Backend</span><span class="p">.</span><span class="nx">Memory</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">Backend</span><span class="p">.</span><span class="nx">Memory</span> <span class="o">||</span> <span class="p">{};</span>
+<!DOCTYPE html>
 
-<span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">my</span><span class="p">)</span> <span class="p">{</span>
-  <span class="s2">&quot;use strict&quot;</span><span class="p">;</span>
-  <span class="nx">my</span><span class="p">.</span><span class="nx">__type__</span> <span class="o">=</span> <span class="s1">&#39;memory&#39;</span><span class="p">;</span></pre></div>             </td>           </tr>                               <tr id="section-2">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-2">&#182;</a>               </div>               <p>private data - use either jQuery or Underscore Deferred depending on what is available</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="kd">var</span> <span class="nx">Deferred</span> <span class="o">=</span> <span class="p">(</span><span class="k">typeof</span> <span class="nx">jQuery</span> <span class="o">!==</span> <span class="s2">&quot;undefined&quot;</span> <span class="o">&amp;&amp;</span> <span class="nx">jQuery</span><span class="p">.</span><span class="nx">Deferred</span><span class="p">)</span> <span class="o">||</span> <span class="nx">_</span><span class="p">.</span><span class="nx">Deferred</span><span class="p">;</span></pre></div>             </td>           </tr>                               <tr id="section-3">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-3">&#182;</a>               </div>               <h2>Data Wrapper</h2>
+<html>
+<head>
+  <title>backend.memory.js</title>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+  <link rel="stylesheet" media="all" href="docco.css" />
+</head>
+<body>
+  <div id="container">
+    <div id="background"></div>
+    
+      <ul id="jump_to">
+        <li>
+          <a class="large" href="javascript:void(0);">Jump To &hellip;</a>
+          <a class="small" href="javascript:void(0);">+</a>
+          <div id="jump_wrapper">
+          <div id="jump_page_wrapper">
+            <div id="jump_page">
+              
+                
+                <a class="source" href="backend.dataproxy.html">
+                  backend.dataproxy.js
+                </a>
+              
+                
+                <a class="source" href="backend.memory.html">
+                  backend.memory.js
+                </a>
+              
+                
+                <a class="source" href="ecma-fixes.html">
+                  ecma-fixes.js
+                </a>
+              
+                
+                <a class="source" href="model.html">
+                  model.js
+                </a>
+              
+                
+                <a class="source" href="view.flot.html">
+                  view.flot.js
+                </a>
+              
+                
+                <a class="source" href="view.graph.html">
+                  view.graph.js
+                </a>
+              
+                
+                <a class="source" href="view.grid.html">
+                  view.grid.js
+                </a>
+              
+                
+                <a class="source" href="view.map.html">
+                  view.map.js
+                </a>
+              
+                
+                <a class="source" href="view.multiview.html">
+                  view.multiview.js
+                </a>
+              
+                
+                <a class="source" href="view.slickgrid.html">
+                  view.slickgrid.js
+                </a>
+              
+                
+                <a class="source" href="view.timeline.html">
+                  view.timeline.js
+                </a>
+              
+                
+                <a class="source" href="widget.facetviewer.html">
+                  widget.facetviewer.js
+                </a>
+              
+                
+                <a class="source" href="widget.fields.html">
+                  widget.fields.js
+                </a>
+              
+                
+                <a class="source" href="widget.filtereditor.html">
+                  widget.filtereditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.pager.html">
+                  widget.pager.js
+                </a>
+              
+                
+                <a class="source" href="widget.queryeditor.html">
+                  widget.queryeditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.valuefilter.html">
+                  widget.valuefilter.js
+                </a>
+              
+            </div>
+          </div>
+        </li>
+      </ul>
+    
+    <ul class="sections">
+        
+          <li id="title">
+              <div class="annotation">
+                  <h1>backend.memory.js</h1>
+              </div>
+          </li>
+        
+        
+        
+        <li id="section-1">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-1">&#182;</a>
+              </div>
+              
+            </div>
+            
+            <div class="content"><div class='highlight'><pre><span class="hljs-keyword">this</span>.recline = <span class="hljs-keyword">this</span>.recline || {};
+<span class="hljs-keyword">this</span>.recline.Backend = <span class="hljs-keyword">this</span>.recline.Backend || {};
+<span class="hljs-keyword">this</span>.recline.Backend.Memory = <span class="hljs-keyword">this</span>.recline.Backend.Memory || {};
 
+(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(my)</span> </span>{
+<span class="hljs-pi">  "use strict"</span>;
+  my.__type__ = <span class="hljs-string">'memory'</span>;</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-2">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-2">&#182;</a>
+              </div>
+              <p>private data - use either jQuery or Underscore Deferred depending on what is available</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  <span class="hljs-keyword">var</span> Deferred = (<span class="hljs-keyword">typeof</span> jQuery !== <span class="hljs-string">"undefined"</span> &amp;&amp; jQuery.Deferred) || _.Deferred;</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-3">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-3">&#182;</a>
+              </div>
+              <h2 id="data-wrapper">Data Wrapper</h2>
 <p>Turn a simple array of JS objects into a mini data-store with
 functionality like querying, faceting, updating (by ID) and deleting (by
 ID).</p>
-
 <p>@param records list of hashes for each record/row in the data ({key:
 value, key: value})
 @param fields (optional) list of field hashes (each hash defining a field
 as per recline.Model.Field). If fields not specified they will be taken
-from the data.</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">my</span><span class="p">.</span><span class="nx">Store</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">records</span><span class="p">,</span> <span class="nx">fields</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">records</span> <span class="o">=</span> <span class="nx">records</span><span class="p">;</span></pre></div>             </td>           </tr>                               <tr id="section-4">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-4">&#182;</a>               </div>               <p>backwards compatability (in v0.5 records was named data)</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">this</span><span class="p">.</span><span class="nx">data</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">records</span><span class="p">;</span>
-    <span class="k">if</span> <span class="p">(</span><span class="nx">fields</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">fields</span> <span class="o">=</span> <span class="nx">fields</span><span class="p">;</span>
-    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-      <span class="k">if</span> <span class="p">(</span><span class="nx">records</span><span class="p">)</span> <span class="p">{</span>
-        <span class="k">this</span><span class="p">.</span><span class="nx">fields</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">map</span><span class="p">(</span><span class="nx">records</span><span class="p">[</span><span class="mi">0</span><span class="p">],</span> <span class="kd">function</span><span class="p">(</span><span class="nx">value</span><span class="p">,</span> <span class="nx">key</span><span class="p">)</span> <span class="p">{</span>
-          <span class="k">return</span> <span class="p">{</span><span class="nx">id</span><span class="o">:</span> <span class="nx">key</span><span class="p">,</span> <span class="nx">type</span><span class="o">:</span> <span class="s1">&#39;string&#39;</span><span class="p">};</span>
-        <span class="p">});</span>
-      <span class="p">}</span>
-    <span class="p">}</span>
+from the data.</p>
 
-    <span class="k">this</span><span class="p">.</span><span class="nx">update</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">doc</span><span class="p">)</span> <span class="p">{</span>
-      <span class="nx">_</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="nx">self</span><span class="p">.</span><span class="nx">records</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">internalDoc</span><span class="p">,</span> <span class="nx">idx</span><span class="p">)</span> <span class="p">{</span>
-        <span class="k">if</span><span class="p">(</span><span class="nx">doc</span><span class="p">.</span><span class="nx">id</span> <span class="o">===</span> <span class="nx">internalDoc</span><span class="p">.</span><span class="nx">id</span><span class="p">)</span> <span class="p">{</span>
-          <span class="nx">self</span><span class="p">.</span><span class="nx">records</span><span class="p">[</span><span class="nx">idx</span><span class="p">]</span> <span class="o">=</span> <span class="nx">doc</span><span class="p">;</span>
-        <span class="p">}</span>
-      <span class="p">});</span>
-    <span class="p">};</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  my.Store = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(records, fields)</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    <span class="hljs-keyword">this</span>.records = records;</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-4">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-4">&#182;</a>
+              </div>
+              <p>backwards compatability (in v0.5 records was named data)</p>
 
-    <span class="k">this</span><span class="p">.</span><span class="nx">remove</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">doc</span><span class="p">)</span> <span class="p">{</span>
-      <span class="kd">var</span> <span class="nx">newdocs</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">reject</span><span class="p">(</span><span class="nx">self</span><span class="p">.</span><span class="nx">records</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">internalDoc</span><span class="p">)</span> <span class="p">{</span>
-        <span class="k">return</span> <span class="p">(</span><span class="nx">doc</span><span class="p">.</span><span class="nx">id</span> <span class="o">===</span> <span class="nx">internalDoc</span><span class="p">.</span><span class="nx">id</span><span class="p">);</span>
-      <span class="p">});</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">records</span> <span class="o">=</span> <span class="nx">newdocs</span><span class="p">;</span>
-    <span class="p">};</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">this</span>.data = <span class="hljs-keyword">this</span>.records;
+    <span class="hljs-keyword">if</span> (fields) {
+      <span class="hljs-keyword">this</span>.fields = fields;
+    } <span class="hljs-keyword">else</span> {
+      <span class="hljs-keyword">if</span> (records) {
+        <span class="hljs-keyword">this</span>.fields = _.map(records[<span class="hljs-number">0</span>], <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(value, key)</span> </span>{
+          <span class="hljs-keyword">return</span> {id: key, type: <span class="hljs-string">'string'</span>};
+        });
+      }
+    }
 
-    <span class="k">this</span><span class="p">.</span><span class="nx">save</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">changes</span><span class="p">,</span> <span class="nx">dataset</span><span class="p">)</span> <span class="p">{</span>
-      <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-      <span class="kd">var</span> <span class="nx">dfd</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Deferred</span><span class="p">();</span></pre></div>             </td>           </tr>                               <tr id="section-5">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-5">&#182;</a>               </div>               <p>TODO _.each(changes.creates) { ... }</p>             </td>             <td class="code">               <div class="highlight"><pre>      <span class="nx">_</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="nx">changes</span><span class="p">.</span><span class="nx">updates</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">record</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">self</span><span class="p">.</span><span class="nx">update</span><span class="p">(</span><span class="nx">record</span><span class="p">);</span>
-      <span class="p">});</span>
-      <span class="nx">_</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="nx">changes</span><span class="p">.</span><span class="nx">deletes</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">record</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">self</span><span class="p">.</span><span class="nx">remove</span><span class="p">(</span><span class="nx">record</span><span class="p">);</span>
-      <span class="p">});</span>
-      <span class="nx">dfd</span><span class="p">.</span><span class="nx">resolve</span><span class="p">();</span>
-      <span class="k">return</span> <span class="nx">dfd</span><span class="p">.</span><span class="nx">promise</span><span class="p">();</span>
-    <span class="p">},</span>
+    <span class="hljs-keyword">this</span>.update = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(doc)</span> </span>{
+      _.each(self.records, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(internalDoc, idx)</span> </span>{
+        <span class="hljs-keyword">if</span>(doc.id === internalDoc.id) {
+          self.records[idx] = doc;
+        }
+      });
+    };
 
-    <span class="k">this</span><span class="p">.</span><span class="nx">query</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">queryObj</span><span class="p">)</span> <span class="p">{</span>
-      <span class="kd">var</span> <span class="nx">dfd</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Deferred</span><span class="p">();</span>
-      <span class="kd">var</span> <span class="nx">numRows</span> <span class="o">=</span> <span class="nx">queryObj</span><span class="p">.</span><span class="nx">size</span> <span class="o">||</span> <span class="k">this</span><span class="p">.</span><span class="nx">records</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span>
-      <span class="kd">var</span> <span class="nx">start</span> <span class="o">=</span> <span class="nx">queryObj</span><span class="p">.</span><span class="nx">from</span> <span class="o">||</span> <span class="mi">0</span><span class="p">;</span>
-      <span class="kd">var</span> <span class="nx">results</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">records</span><span class="p">;</span>
+    <span class="hljs-keyword">this</span>.remove = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(doc)</span> </span>{
+      <span class="hljs-keyword">var</span> newdocs = _.reject(self.records, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(internalDoc)</span> </span>{
+        <span class="hljs-keyword">return</span> (doc.id === internalDoc.id);
+      });
+      <span class="hljs-keyword">this</span>.records = newdocs;
+    };
+
+    <span class="hljs-keyword">this</span>.save = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(changes, dataset)</span> </span>{
+      <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+      <span class="hljs-keyword">var</span> dfd = <span class="hljs-keyword">new</span> Deferred();</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-5">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-5">&#182;</a>
+              </div>
+              <p>TODO _.each(changes.creates) { … }</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>      _.each(changes.updates, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(record)</span> </span>{
+        self.update(record);
+      });
+      _.each(changes.deletes, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(record)</span> </span>{
+        self.remove(record);
+      });
+      dfd.resolve();
+      <span class="hljs-keyword">return</span> dfd.promise();
+    },
+
+    <span class="hljs-keyword">this</span>.query = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(queryObj)</span> </span>{
+      <span class="hljs-keyword">var</span> dfd = <span class="hljs-keyword">new</span> Deferred();
+      <span class="hljs-keyword">var</span> numRows = queryObj.size || <span class="hljs-keyword">this</span>.records.length;
+      <span class="hljs-keyword">var</span> start = queryObj.from || <span class="hljs-number">0</span>;
+      <span class="hljs-keyword">var</span> results = <span class="hljs-keyword">this</span>.records;
       
-      <span class="nx">results</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_applyFilters</span><span class="p">(</span><span class="nx">results</span><span class="p">,</span> <span class="nx">queryObj</span><span class="p">);</span>
-      <span class="nx">results</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_applyFreeTextQuery</span><span class="p">(</span><span class="nx">results</span><span class="p">,</span> <span class="nx">queryObj</span><span class="p">);</span></pre></div>             </td>           </tr>                               <tr id="section-6">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-6">&#182;</a>               </div>               <p>TODO: this is not complete sorting!
-What's wrong is we sort on the <em>last</em> entry in the sort list if there are multiple sort criteria</p>             </td>             <td class="code">               <div class="highlight"><pre>      <span class="nx">_</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="nx">queryObj</span><span class="p">.</span><span class="nx">sort</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">sortObj</span><span class="p">)</span> <span class="p">{</span>
-        <span class="kd">var</span> <span class="nx">fieldName</span> <span class="o">=</span> <span class="nx">sortObj</span><span class="p">.</span><span class="nx">field</span><span class="p">;</span>
-        <span class="nx">results</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">sortBy</span><span class="p">(</span><span class="nx">results</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">doc</span><span class="p">)</span> <span class="p">{</span>
-          <span class="kd">var</span> <span class="nx">_out</span> <span class="o">=</span> <span class="nx">doc</span><span class="p">[</span><span class="nx">fieldName</span><span class="p">];</span>
-          <span class="k">return</span> <span class="nx">_out</span><span class="p">;</span>
-        <span class="p">});</span>
-        <span class="k">if</span> <span class="p">(</span><span class="nx">sortObj</span><span class="p">.</span><span class="nx">order</span> <span class="o">==</span> <span class="s1">&#39;desc&#39;</span><span class="p">)</span> <span class="p">{</span>
-          <span class="nx">results</span><span class="p">.</span><span class="nx">reverse</span><span class="p">();</span>
-        <span class="p">}</span>
-      <span class="p">});</span>
-      <span class="kd">var</span> <span class="nx">facets</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">computeFacets</span><span class="p">(</span><span class="nx">results</span><span class="p">,</span> <span class="nx">queryObj</span><span class="p">);</span>
-      <span class="kd">var</span> <span class="nx">out</span> <span class="o">=</span> <span class="p">{</span>
-        <span class="nx">total</span><span class="o">:</span> <span class="nx">results</span><span class="p">.</span><span class="nx">length</span><span class="p">,</span>
-        <span class="nx">hits</span><span class="o">:</span> <span class="nx">results</span><span class="p">.</span><span class="nx">slice</span><span class="p">(</span><span class="nx">start</span><span class="p">,</span> <span class="nx">start</span><span class="o">+</span><span class="nx">numRows</span><span class="p">),</span>
-        <span class="nx">facets</span><span class="o">:</span> <span class="nx">facets</span>
-      <span class="p">};</span>
-      <span class="nx">dfd</span><span class="p">.</span><span class="nx">resolve</span><span class="p">(</span><span class="nx">out</span><span class="p">);</span>
-      <span class="k">return</span> <span class="nx">dfd</span><span class="p">.</span><span class="nx">promise</span><span class="p">();</span>
-    <span class="p">};</span></pre></div>             </td>           </tr>                               <tr id="section-7">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-7">&#182;</a>               </div>               <p>in place filtering</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">this</span><span class="p">.</span><span class="nx">_applyFilters</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">results</span><span class="p">,</span> <span class="nx">queryObj</span><span class="p">)</span> <span class="p">{</span>
-      <span class="kd">var</span> <span class="nx">filters</span> <span class="o">=</span> <span class="nx">queryObj</span><span class="p">.</span><span class="nx">filters</span><span class="p">;</span></pre></div>             </td>           </tr>                               <tr id="section-8">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-8">&#182;</a>               </div>               <p>register filters</p>             </td>             <td class="code">               <div class="highlight"><pre>      <span class="kd">var</span> <span class="nx">filterFunctions</span> <span class="o">=</span> <span class="p">{</span>
-        <span class="nx">term</span>         <span class="o">:</span> <span class="nx">term</span><span class="p">,</span>
-        <span class="nx">terms</span>        <span class="o">:</span> <span class="nx">terms</span><span class="p">,</span>
-        <span class="nx">range</span>        <span class="o">:</span> <span class="nx">range</span><span class="p">,</span>
-        <span class="nx">geo_distance</span> <span class="o">:</span> <span class="nx">geo_distance</span>
-      <span class="p">};</span>
-      <span class="kd">var</span> <span class="nx">dataParsers</span> <span class="o">=</span> <span class="p">{</span>
-        <span class="nx">integer</span><span class="o">:</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span> <span class="k">return</span> <span class="nb">parseFloat</span><span class="p">(</span><span class="nx">e</span><span class="p">,</span> <span class="mi">10</span><span class="p">);</span> <span class="p">},</span>
-        <span class="s1">&#39;float&#39;</span><span class="o">:</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span> <span class="k">return</span> <span class="nb">parseFloat</span><span class="p">(</span><span class="nx">e</span><span class="p">,</span> <span class="mi">10</span><span class="p">);</span> <span class="p">},</span>
-        <span class="nx">number</span><span class="o">:</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span> <span class="k">return</span> <span class="nb">parseFloat</span><span class="p">(</span><span class="nx">e</span><span class="p">,</span> <span class="mi">10</span><span class="p">);</span> <span class="p">},</span>
-        <span class="nx">string</span> <span class="o">:</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span> <span class="k">return</span> <span class="nx">e</span><span class="p">.</span><span class="nx">toString</span><span class="p">();</span> <span class="p">},</span>
-        <span class="nx">date</span>   <span class="o">:</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span> <span class="k">return</span> <span class="nx">moment</span><span class="p">(</span><span class="nx">e</span><span class="p">).</span><span class="nx">valueOf</span><span class="p">();</span> <span class="p">},</span>
-        <span class="nx">datetime</span>   <span class="o">:</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span> <span class="k">return</span> <span class="k">new</span> <span class="nb">Date</span><span class="p">(</span><span class="nx">e</span><span class="p">).</span><span class="nx">valueOf</span><span class="p">();</span> <span class="p">}</span>
-      <span class="p">};</span>
-      <span class="kd">var</span> <span class="nx">keyedFields</span> <span class="o">=</span> <span class="p">{};</span>
-      <span class="nx">_</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="nx">self</span><span class="p">.</span><span class="nx">fields</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">field</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">keyedFields</span><span class="p">[</span><span class="nx">field</span><span class="p">.</span><span class="nx">id</span><span class="p">]</span> <span class="o">=</span> <span class="nx">field</span><span class="p">;</span>
-      <span class="p">});</span>
-      <span class="kd">function</span> <span class="nx">getDataParser</span><span class="p">(</span><span class="nx">filter</span><span class="p">)</span> <span class="p">{</span>
-        <span class="kd">var</span> <span class="nx">fieldType</span> <span class="o">=</span> <span class="nx">keyedFields</span><span class="p">[</span><span class="nx">filter</span><span class="p">.</span><span class="nx">field</span><span class="p">].</span><span class="nx">type</span> <span class="o">||</span> <span class="s1">&#39;string&#39;</span><span class="p">;</span>
-        <span class="k">return</span> <span class="nx">dataParsers</span><span class="p">[</span><span class="nx">fieldType</span><span class="p">];</span>
-      <span class="p">}</span></pre></div>             </td>           </tr>                               <tr id="section-9">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-9">&#182;</a>               </div>               <p>filter records</p>             </td>             <td class="code">               <div class="highlight"><pre>      <span class="k">return</span> <span class="nx">_</span><span class="p">.</span><span class="nx">filter</span><span class="p">(</span><span class="nx">results</span><span class="p">,</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">record</span><span class="p">)</span> <span class="p">{</span>
-        <span class="kd">var</span> <span class="nx">passes</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">map</span><span class="p">(</span><span class="nx">filters</span><span class="p">,</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">filter</span><span class="p">)</span> <span class="p">{</span>
-          <span class="k">return</span> <span class="nx">filterFunctions</span><span class="p">[</span><span class="nx">filter</span><span class="p">.</span><span class="nx">type</span><span class="p">](</span><span class="nx">record</span><span class="p">,</span> <span class="nx">filter</span><span class="p">);</span>
-        <span class="p">});</span></pre></div>             </td>           </tr>                               <tr id="section-10">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-10">&#182;</a>               </div>               <p>return only these records that pass all filters</p>             </td>             <td class="code">               <div class="highlight"><pre>        <span class="k">return</span> <span class="nx">_</span><span class="p">.</span><span class="nx">all</span><span class="p">(</span><span class="nx">passes</span><span class="p">,</span> <span class="nx">_</span><span class="p">.</span><span class="nx">identity</span><span class="p">);</span>
-      <span class="p">});</span></pre></div>             </td>           </tr>                               <tr id="section-11">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-11">&#182;</a>               </div>               <p>filters definitions</p>             </td>             <td class="code">               <div class="highlight"><pre>      <span class="kd">function</span> <span class="nx">term</span><span class="p">(</span><span class="nx">record</span><span class="p">,</span> <span class="nx">filter</span><span class="p">)</span> <span class="p">{</span>
-        <span class="kd">var</span> <span class="nx">parse</span> <span class="o">=</span> <span class="nx">getDataParser</span><span class="p">(</span><span class="nx">filter</span><span class="p">);</span>
-        <span class="kd">var</span> <span class="nx">value</span> <span class="o">=</span> <span class="nx">parse</span><span class="p">(</span><span class="nx">record</span><span class="p">[</span><span class="nx">filter</span><span class="p">.</span><span class="nx">field</span><span class="p">]);</span>
-        <span class="kd">var</span> <span class="nx">term</span>  <span class="o">=</span> <span class="nx">parse</span><span class="p">(</span><span class="nx">filter</span><span class="p">.</span><span class="nx">term</span><span class="p">);</span>
+      results = <span class="hljs-keyword">this</span>._applyFilters(results, queryObj);
+      results = <span class="hljs-keyword">this</span>._applyFreeTextQuery(results, queryObj);</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-6">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-6">&#182;</a>
+              </div>
+              <p>TODO: this is not complete sorting!
+What’s wrong is we sort on the <em>last</em> entry in the sort list if there are multiple sort criteria</p>
 
-        <span class="k">return</span> <span class="p">(</span><span class="nx">value</span> <span class="o">===</span> <span class="nx">term</span><span class="p">);</span>
-      <span class="p">}</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>      _.each(queryObj.sort, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(sortObj)</span> </span>{
+        <span class="hljs-keyword">var</span> fieldName = sortObj.field;
+        results = _.sortBy(results, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(doc)</span> </span>{
+          <span class="hljs-keyword">var</span> _out = doc[fieldName];
+          <span class="hljs-keyword">return</span> _out;
+        });
+        <span class="hljs-keyword">if</span> (sortObj.order == <span class="hljs-string">'desc'</span>) {
+          results.reverse();
+        }
+      });
+      <span class="hljs-keyword">var</span> facets = <span class="hljs-keyword">this</span>.computeFacets(results, queryObj);
+      <span class="hljs-keyword">var</span> out = {
+        total: results.length,
+        hits: results.slice(start, start+numRows),
+        facets: facets
+      };
+      dfd.resolve(out);
+      <span class="hljs-keyword">return</span> dfd.promise();
+    };</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-7">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-7">&#182;</a>
+              </div>
+              <p>in place filtering</p>
 
-      <span class="kd">function</span> <span class="nx">terms</span><span class="p">(</span><span class="nx">record</span><span class="p">,</span> <span class="nx">filter</span><span class="p">)</span> <span class="p">{</span>
-        <span class="kd">var</span> <span class="nx">parse</span> <span class="o">=</span> <span class="nx">getDataParser</span><span class="p">(</span><span class="nx">filter</span><span class="p">);</span>
-        <span class="kd">var</span> <span class="nx">value</span> <span class="o">=</span> <span class="nx">parse</span><span class="p">(</span><span class="nx">record</span><span class="p">[</span><span class="nx">filter</span><span class="p">.</span><span class="nx">field</span><span class="p">]);</span>
-        <span class="kd">var</span> <span class="nx">terms</span>  <span class="o">=</span> <span class="nx">parse</span><span class="p">(</span><span class="nx">filter</span><span class="p">.</span><span class="nx">terms</span><span class="p">).</span><span class="nx">split</span><span class="p">(</span><span class="s2">&quot;,&quot;</span><span class="p">);</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">this</span>._applyFilters = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(results, queryObj)</span> </span>{
+      <span class="hljs-keyword">var</span> filters = queryObj.filters;</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-8">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-8">&#182;</a>
+              </div>
+              <p>register filters</p>
 
-        <span class="k">return</span> <span class="p">(</span><span class="nx">_</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="nx">terms</span><span class="p">,</span> <span class="nx">value</span><span class="p">)</span> <span class="o">&gt;=</span> <span class="mi">0</span><span class="p">);</span>
-      <span class="p">}</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>      <span class="hljs-keyword">var</span> filterFunctions = {
+        term         : term,
+        terms        : terms,
+        range        : range,
+        geo_distance : geo_distance
+      };
+      <span class="hljs-keyword">var</span> dataParsers = {
+        integer: <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(e)</span> </span>{ <span class="hljs-keyword">return</span> <span class="hljs-built_in">parseFloat</span>(e, <span class="hljs-number">10</span>); },
+        <span class="hljs-string">'float'</span>: <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(e)</span> </span>{ <span class="hljs-keyword">return</span> <span class="hljs-built_in">parseFloat</span>(e, <span class="hljs-number">10</span>); },
+        number: <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(e)</span> </span>{ <span class="hljs-keyword">return</span> <span class="hljs-built_in">parseFloat</span>(e, <span class="hljs-number">10</span>); },
+        string : <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(e)</span> </span>{ <span class="hljs-keyword">return</span> e.toString(); },
+        date   : <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(e)</span> </span>{ <span class="hljs-keyword">return</span> moment(e).valueOf(); },
+        datetime   : <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(e)</span> </span>{ <span class="hljs-keyword">return</span> <span class="hljs-keyword">new</span> <span class="hljs-built_in">Date</span>(e).valueOf(); }
+      };
+      <span class="hljs-keyword">var</span> keyedFields = {};
+      _.each(self.fields, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(field)</span> </span>{
+        keyedFields[field.id] = field;
+      });
+      <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">getDataParser</span><span class="hljs-params">(filter)</span> </span>{
+        <span class="hljs-keyword">var</span> fieldType = keyedFields[filter.field].type || <span class="hljs-string">'string'</span>;
+        <span class="hljs-keyword">return</span> dataParsers[fieldType];
+      }</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-9">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-9">&#182;</a>
+              </div>
+              <p>filter records</p>
 
-      <span class="kd">function</span> <span class="nx">range</span><span class="p">(</span><span class="nx">record</span><span class="p">,</span> <span class="nx">filter</span><span class="p">)</span> <span class="p">{</span>
-        <span class="kd">var</span> <span class="nx">fromnull</span> <span class="o">=</span> <span class="p">(</span><span class="nx">_</span><span class="p">.</span><span class="nx">isUndefined</span><span class="p">(</span><span class="nx">filter</span><span class="p">.</span><span class="nx">from</span><span class="p">)</span> <span class="o">||</span> <span class="nx">filter</span><span class="p">.</span><span class="nx">from</span> <span class="o">===</span> <span class="kc">null</span> <span class="o">||</span> <span class="nx">filter</span><span class="p">.</span><span class="nx">from</span> <span class="o">===</span> <span class="s1">&#39;&#39;</span><span class="p">);</span>
-        <span class="kd">var</span> <span class="nx">tonull</span> <span class="o">=</span> <span class="p">(</span><span class="nx">_</span><span class="p">.</span><span class="nx">isUndefined</span><span class="p">(</span><span class="nx">filter</span><span class="p">.</span><span class="nx">to</span><span class="p">)</span> <span class="o">||</span> <span class="nx">filter</span><span class="p">.</span><span class="nx">to</span> <span class="o">===</span> <span class="kc">null</span> <span class="o">||</span> <span class="nx">filter</span><span class="p">.</span><span class="nx">to</span> <span class="o">===</span> <span class="s1">&#39;&#39;</span><span class="p">);</span>
-        <span class="kd">var</span> <span class="nx">parse</span> <span class="o">=</span> <span class="nx">getDataParser</span><span class="p">(</span><span class="nx">filter</span><span class="p">);</span>
-        <span class="kd">var</span> <span class="nx">value</span> <span class="o">=</span> <span class="nx">parse</span><span class="p">(</span><span class="nx">record</span><span class="p">[</span><span class="nx">filter</span><span class="p">.</span><span class="nx">field</span><span class="p">]);</span>
-        <span class="kd">var</span> <span class="nx">from</span> <span class="o">=</span> <span class="nx">parse</span><span class="p">(</span><span class="nx">fromnull</span> <span class="o">?</span> <span class="s1">&#39;&#39;</span> <span class="o">:</span> <span class="nx">filter</span><span class="p">.</span><span class="nx">from</span><span class="p">);</span>
-        <span class="kd">var</span> <span class="nx">to</span>  <span class="o">=</span> <span class="nx">parse</span><span class="p">(</span><span class="nx">tonull</span> <span class="o">?</span> <span class="s1">&#39;&#39;</span> <span class="o">:</span> <span class="nx">filter</span><span class="p">.</span><span class="nx">to</span><span class="p">);</span></pre></div>             </td>           </tr>                               <tr id="section-12">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-12">&#182;</a>               </div>               <p>if at least one end of range is set do not allow '' to get through
-note that for strings '' &lt;= {any-character} e.g. '' &lt;= 'a'</p>             </td>             <td class="code">               <div class="highlight"><pre>        <span class="k">if</span> <span class="p">((</span><span class="o">!</span><span class="nx">fromnull</span> <span class="o">||</span> <span class="o">!</span><span class="nx">tonull</span><span class="p">)</span> <span class="o">&amp;&amp;</span> <span class="nx">value</span> <span class="o">===</span> <span class="s1">&#39;&#39;</span><span class="p">)</span> <span class="p">{</span>
-          <span class="k">return</span> <span class="kc">false</span><span class="p">;</span>
-        <span class="p">}</span>
-        <span class="k">return</span> <span class="p">((</span><span class="nx">fromnull</span> <span class="o">||</span> <span class="nx">value</span> <span class="o">&gt;=</span> <span class="nx">from</span><span class="p">)</span> <span class="o">&amp;&amp;</span> <span class="p">(</span><span class="nx">tonull</span> <span class="o">||</span> <span class="nx">value</span> <span class="o">&lt;=</span> <span class="nx">to</span><span class="p">));</span>
-      <span class="p">}</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>      <span class="hljs-keyword">return</span> _.filter(results, <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(record)</span> </span>{
+        <span class="hljs-keyword">var</span> passes = _.map(filters, <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(filter)</span> </span>{
+          <span class="hljs-keyword">return</span> filterFunctions[filter.type](record, filter);
+        });</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-10">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-10">&#182;</a>
+              </div>
+              <p>return only these records that pass all filters</p>
 
-      <span class="kd">function</span> <span class="nx">geo_distance</span><span class="p">()</span> <span class="p">{</span></pre></div>             </td>           </tr>                               <tr id="section-13">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-13">&#182;</a>               </div>               <p>TODO code here</p>             </td>             <td class="code">               <div class="highlight"><pre>      <span class="p">}</span>
-    <span class="p">};</span></pre></div>             </td>           </tr>                               <tr id="section-14">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-14">&#182;</a>               </div>               <p>we OR across fields but AND across terms in query string</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">this</span><span class="p">.</span><span class="nx">_applyFreeTextQuery</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">results</span><span class="p">,</span> <span class="nx">queryObj</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">if</span> <span class="p">(</span><span class="nx">queryObj</span><span class="p">.</span><span class="nx">q</span><span class="p">)</span> <span class="p">{</span>
-        <span class="kd">var</span> <span class="nx">terms</span> <span class="o">=</span> <span class="nx">queryObj</span><span class="p">.</span><span class="nx">q</span><span class="p">.</span><span class="nx">split</span><span class="p">(</span><span class="s1">&#39; &#39;</span><span class="p">);</span>
-        <span class="kd">var</span> <span class="nx">patterns</span><span class="o">=</span><span class="nx">_</span><span class="p">.</span><span class="nx">map</span><span class="p">(</span><span class="nx">terms</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">term</span><span class="p">)</span> <span class="p">{</span>
-          <span class="k">return</span> <span class="k">new</span> <span class="nb">RegExp</span><span class="p">(</span><span class="nx">term</span><span class="p">.</span><span class="nx">toLowerCase</span><span class="p">());</span>
-        <span class="p">});</span>
-        <span class="nx">results</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">filter</span><span class="p">(</span><span class="nx">results</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">rawdoc</span><span class="p">)</span> <span class="p">{</span>
-          <span class="kd">var</span> <span class="nx">matches</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
-          <span class="nx">_</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="nx">patterns</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">pattern</span><span class="p">)</span> <span class="p">{</span>
-            <span class="kd">var</span> <span class="nx">foundmatch</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
-            <span class="nx">_</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="nx">self</span><span class="p">.</span><span class="nx">fields</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">field</span><span class="p">)</span> <span class="p">{</span>
-              <span class="kd">var</span> <span class="nx">value</span> <span class="o">=</span> <span class="nx">rawdoc</span><span class="p">[</span><span class="nx">field</span><span class="p">.</span><span class="nx">id</span><span class="p">];</span>
-              <span class="k">if</span> <span class="p">((</span><span class="nx">value</span> <span class="o">!==</span> <span class="kc">null</span><span class="p">)</span> <span class="o">&amp;&amp;</span> <span class="p">(</span><span class="nx">value</span> <span class="o">!==</span> <span class="kc">undefined</span><span class="p">))</span> <span class="p">{</span> 
-                <span class="nx">value</span> <span class="o">=</span> <span class="nx">value</span><span class="p">.</span><span class="nx">toString</span><span class="p">();</span>
-              <span class="p">}</span> <span class="k">else</span> <span class="p">{</span></pre></div>             </td>           </tr>                               <tr id="section-15">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-15">&#182;</a>               </div>               <p>value can be null (apparently in some cases)</p>             </td>             <td class="code">               <div class="highlight"><pre>                <span class="nx">value</span> <span class="o">=</span> <span class="s1">&#39;&#39;</span><span class="p">;</span>
-              <span class="p">}</span></pre></div>             </td>           </tr>                               <tr id="section-16">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-16">&#182;</a>               </div>               <p>TODO regexes?</p>             </td>             <td class="code">               <div class="highlight"><pre>              <span class="nx">foundmatch</span> <span class="o">=</span> <span class="nx">foundmatch</span> <span class="o">||</span> <span class="p">(</span><span class="nx">pattern</span><span class="p">.</span><span class="nx">test</span><span class="p">(</span><span class="nx">value</span><span class="p">.</span><span class="nx">toLowerCase</span><span class="p">()));</span></pre></div>             </td>           </tr>                               <tr id="section-17">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-17">&#182;</a>               </div>               <p>TODO: early out (once we are true should break to spare unnecessary testing)
-if (foundmatch) return true;</p>             </td>             <td class="code">               <div class="highlight"><pre>            <span class="p">});</span>
-            <span class="nx">matches</span> <span class="o">=</span> <span class="nx">matches</span> <span class="o">&amp;&amp;</span> <span class="nx">foundmatch</span><span class="p">;</span></pre></div>             </td>           </tr>                               <tr id="section-18">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-18">&#182;</a>               </div>               <p>TODO: early out (once false should break to spare unnecessary testing)
-if (!matches) return false;</p>             </td>             <td class="code">               <div class="highlight"><pre>          <span class="p">});</span>
-          <span class="k">return</span> <span class="nx">matches</span><span class="p">;</span>
-        <span class="p">});</span>
-      <span class="p">}</span>
-      <span class="k">return</span> <span class="nx">results</span><span class="p">;</span>
-    <span class="p">};</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>        <span class="hljs-keyword">return</span> _.all(passes, _.identity);
+      });</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-11">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-11">&#182;</a>
+              </div>
+              <p>filters definitions</p>
 
-    <span class="k">this</span><span class="p">.</span><span class="nx">computeFacets</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">records</span><span class="p">,</span> <span class="nx">queryObj</span><span class="p">)</span> <span class="p">{</span>
-      <span class="kd">var</span> <span class="nx">facetResults</span> <span class="o">=</span> <span class="p">{};</span>
-      <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">queryObj</span><span class="p">.</span><span class="nx">facets</span><span class="p">)</span> <span class="p">{</span>
-        <span class="k">return</span> <span class="nx">facetResults</span><span class="p">;</span>
-      <span class="p">}</span>
-      <span class="nx">_</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="nx">queryObj</span><span class="p">.</span><span class="nx">facets</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">query</span><span class="p">,</span> <span class="nx">facetId</span><span class="p">)</span> <span class="p">{</span></pre></div>             </td>           </tr>                               <tr id="section-19">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-19">&#182;</a>               </div>               <p>TODO: remove dependency on recline.Model</p>             </td>             <td class="code">               <div class="highlight"><pre>        <span class="nx">facetResults</span><span class="p">[</span><span class="nx">facetId</span><span class="p">]</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">recline</span><span class="p">.</span><span class="nx">Model</span><span class="p">.</span><span class="nx">Facet</span><span class="p">({</span><span class="nx">id</span><span class="o">:</span> <span class="nx">facetId</span><span class="p">}).</span><span class="nx">toJSON</span><span class="p">();</span>
-        <span class="nx">facetResults</span><span class="p">[</span><span class="nx">facetId</span><span class="p">].</span><span class="nx">termsall</span> <span class="o">=</span> <span class="p">{};</span>
-      <span class="p">});</span></pre></div>             </td>           </tr>                               <tr id="section-20">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-20">&#182;</a>               </div>               <p>faceting</p>             </td>             <td class="code">               <div class="highlight"><pre>      <span class="nx">_</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="nx">records</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">doc</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">_</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="nx">queryObj</span><span class="p">.</span><span class="nx">facets</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">query</span><span class="p">,</span> <span class="nx">facetId</span><span class="p">)</span> <span class="p">{</span>
-          <span class="kd">var</span> <span class="nx">fieldId</span> <span class="o">=</span> <span class="nx">query</span><span class="p">.</span><span class="nx">terms</span><span class="p">.</span><span class="nx">field</span><span class="p">;</span>
-          <span class="kd">var</span> <span class="nx">val</span> <span class="o">=</span> <span class="nx">doc</span><span class="p">[</span><span class="nx">fieldId</span><span class="p">];</span>
-          <span class="kd">var</span> <span class="nx">tmp</span> <span class="o">=</span> <span class="nx">facetResults</span><span class="p">[</span><span class="nx">facetId</span><span class="p">];</span>
-          <span class="k">if</span> <span class="p">(</span><span class="nx">val</span><span class="p">)</span> <span class="p">{</span>
-            <span class="nx">tmp</span><span class="p">.</span><span class="nx">termsall</span><span class="p">[</span><span class="nx">val</span><span class="p">]</span> <span class="o">=</span> <span class="nx">tmp</span><span class="p">.</span><span class="nx">termsall</span><span class="p">[</span><span class="nx">val</span><span class="p">]</span> <span class="o">?</span> <span class="nx">tmp</span><span class="p">.</span><span class="nx">termsall</span><span class="p">[</span><span class="nx">val</span><span class="p">]</span> <span class="o">+</span> <span class="mi">1</span> <span class="o">:</span> <span class="mi">1</span><span class="p">;</span>
-          <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-            <span class="nx">tmp</span><span class="p">.</span><span class="nx">missing</span> <span class="o">=</span> <span class="nx">tmp</span><span class="p">.</span><span class="nx">missing</span> <span class="o">+</span> <span class="mi">1</span><span class="p">;</span>
-          <span class="p">}</span>
-        <span class="p">});</span>
-      <span class="p">});</span>
-      <span class="nx">_</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="nx">queryObj</span><span class="p">.</span><span class="nx">facets</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">query</span><span class="p">,</span> <span class="nx">facetId</span><span class="p">)</span> <span class="p">{</span>
-        <span class="kd">var</span> <span class="nx">tmp</span> <span class="o">=</span> <span class="nx">facetResults</span><span class="p">[</span><span class="nx">facetId</span><span class="p">];</span>
-        <span class="kd">var</span> <span class="nx">terms</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">map</span><span class="p">(</span><span class="nx">tmp</span><span class="p">.</span><span class="nx">termsall</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">count</span><span class="p">,</span> <span class="nx">term</span><span class="p">)</span> <span class="p">{</span>
-          <span class="k">return</span> <span class="p">{</span> <span class="nx">term</span><span class="o">:</span> <span class="nx">term</span><span class="p">,</span> <span class="nx">count</span><span class="o">:</span> <span class="nx">count</span> <span class="p">};</span>
-        <span class="p">});</span>
-        <span class="nx">tmp</span><span class="p">.</span><span class="nx">terms</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">sortBy</span><span class="p">(</span><span class="nx">terms</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">item</span><span class="p">)</span> <span class="p">{</span></pre></div>             </td>           </tr>                               <tr id="section-21">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-21">&#182;</a>               </div>               <p>want descending order</p>             </td>             <td class="code">               <div class="highlight"><pre>          <span class="k">return</span> <span class="o">-</span><span class="nx">item</span><span class="p">.</span><span class="nx">count</span><span class="p">;</span>
-        <span class="p">});</span>
-        <span class="nx">tmp</span><span class="p">.</span><span class="nx">terms</span> <span class="o">=</span> <span class="nx">tmp</span><span class="p">.</span><span class="nx">terms</span><span class="p">.</span><span class="nx">slice</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="mi">10</span><span class="p">);</span>
-      <span class="p">});</span>
-      <span class="k">return</span> <span class="nx">facetResults</span><span class="p">;</span>
-    <span class="p">};</span>
-  <span class="p">};</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>      <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">term</span><span class="hljs-params">(record, filter)</span> </span>{
+        <span class="hljs-keyword">var</span> parse = getDataParser(filter);
+        <span class="hljs-keyword">var</span> value = parse(record[filter.field]);
+        <span class="hljs-keyword">var</span> term  = parse(filter.term);
 
-<span class="p">}(</span><span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">Backend</span><span class="p">.</span><span class="nx">Memory</span><span class="p">));</span>
+        <span class="hljs-keyword">return</span> (value === term);
+      }
 
-</pre></div>             </td>           </tr>                </tbody>     </table>   </div> </body> </html> 
\ No newline at end of file
+      <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">terms</span><span class="hljs-params">(record, filter)</span> </span>{
+        <span class="hljs-keyword">var</span> parse = getDataParser(filter);
+        <span class="hljs-keyword">var</span> value = parse(record[filter.field]);
+        <span class="hljs-keyword">var</span> terms  = parse(filter.terms).split(<span class="hljs-string">","</span>);
+
+        <span class="hljs-keyword">return</span> (_.indexOf(terms, value) &gt;= <span class="hljs-number">0</span>);
+      }
+
+      <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">range</span><span class="hljs-params">(record, filter)</span> </span>{
+        <span class="hljs-keyword">var</span> fromnull = (_.isUndefined(filter.from) || filter.from === <span class="hljs-literal">null</span> || filter.from === <span class="hljs-string">''</span>);
+        <span class="hljs-keyword">var</span> tonull = (_.isUndefined(filter.to) || filter.to === <span class="hljs-literal">null</span> || filter.to === <span class="hljs-string">''</span>);
+        <span class="hljs-keyword">var</span> parse = getDataParser(filter);
+        <span class="hljs-keyword">var</span> value = parse(record[filter.field]);
+        <span class="hljs-keyword">var</span> from = parse(fromnull ? <span class="hljs-string">''</span> : filter.from);
+        <span class="hljs-keyword">var</span> to  = parse(tonull ? <span class="hljs-string">''</span> : filter.to);</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-12">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-12">&#182;</a>
+              </div>
+              <p>if at least one end of range is set do not allow ‘’ to get through
+note that for strings ‘’ &lt;= {any-character} e.g. ‘’ &lt;= ‘a’</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>        <span class="hljs-keyword">if</span> ((!fromnull || !tonull) &amp;&amp; value === <span class="hljs-string">''</span>) {
+          <span class="hljs-keyword">return</span> <span class="hljs-literal">false</span>;
+        }
+        <span class="hljs-keyword">return</span> ((fromnull || value &gt;= from) &amp;&amp; (tonull || value &lt;= to));
+      }
+
+      <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">geo_distance</span><span class="hljs-params">()</span> </span>{</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-13">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-13">&#182;</a>
+              </div>
+              <p>TODO code here</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>      }
+    };</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-14">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-14">&#182;</a>
+              </div>
+              <p>we OR across fields but AND across terms in query string</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">this</span>._applyFreeTextQuery = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(results, queryObj)</span> </span>{
+      <span class="hljs-keyword">if</span> (queryObj.q) {
+        <span class="hljs-keyword">var</span> terms = queryObj.q.split(<span class="hljs-string">' '</span>);
+        <span class="hljs-keyword">var</span> patterns=_.map(terms, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(term)</span> </span>{
+          <span class="hljs-keyword">return</span> <span class="hljs-keyword">new</span> <span class="hljs-built_in">RegExp</span>(term.toLowerCase());
+        });
+        results = _.filter(results, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(rawdoc)</span> </span>{
+          <span class="hljs-keyword">var</span> matches = <span class="hljs-literal">true</span>;
+          _.each(patterns, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(pattern)</span> </span>{
+            <span class="hljs-keyword">var</span> foundmatch = <span class="hljs-literal">false</span>;
+            _.each(self.fields, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(field)</span> </span>{
+              <span class="hljs-keyword">var</span> value = rawdoc[field.id];
+              <span class="hljs-keyword">if</span> ((value !== <span class="hljs-literal">null</span>) &amp;&amp; (value !== <span class="hljs-literal">undefined</span>)) { 
+                value = value.toString();
+              } <span class="hljs-keyword">else</span> {</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-15">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-15">&#182;</a>
+              </div>
+              <p>value can be null (apparently in some cases)</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>                value = <span class="hljs-string">''</span>;
+              }</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-16">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-16">&#182;</a>
+              </div>
+              <p>TODO regexes?</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>              foundmatch = foundmatch || (pattern.test(value.toLowerCase()));</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-17">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-17">&#182;</a>
+              </div>
+              <p>TODO: early out (once we are true should break to spare unnecessary testing)
+if (foundmatch) return true;</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>            });
+            matches = matches &amp;&amp; foundmatch;</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-18">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-18">&#182;</a>
+              </div>
+              <p>TODO: early out (once false should break to spare unnecessary testing)
+if (!matches) return false;</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>          });
+          <span class="hljs-keyword">return</span> matches;
+        });
+      }
+      <span class="hljs-keyword">return</span> results;
+    };
+
+    <span class="hljs-keyword">this</span>.computeFacets = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(records, queryObj)</span> </span>{
+      <span class="hljs-keyword">var</span> facetResults = {};
+      <span class="hljs-keyword">if</span> (!queryObj.facets) {
+        <span class="hljs-keyword">return</span> facetResults;
+      }
+      _.each(queryObj.facets, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(query, facetId)</span> </span>{</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-19">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-19">&#182;</a>
+              </div>
+              <p>TODO: remove dependency on recline.Model</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>        facetResults[facetId] = <span class="hljs-keyword">new</span> recline.Model.Facet({id: facetId}).toJSON();
+        facetResults[facetId].termsall = {};
+      });</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-20">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-20">&#182;</a>
+              </div>
+              <p>faceting</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>      _.each(records, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(doc)</span> </span>{
+        _.each(queryObj.facets, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(query, facetId)</span> </span>{
+          <span class="hljs-keyword">var</span> fieldId = query.terms.field;
+          <span class="hljs-keyword">var</span> val = doc[fieldId];
+          <span class="hljs-keyword">var</span> tmp = facetResults[facetId];
+          <span class="hljs-keyword">if</span> (val) {
+            tmp.termsall[val] = tmp.termsall[val] ? tmp.termsall[val] + <span class="hljs-number">1</span> : <span class="hljs-number">1</span>;
+          } <span class="hljs-keyword">else</span> {
+            tmp.missing = tmp.missing + <span class="hljs-number">1</span>;
+          }
+        });
+      });
+      _.each(queryObj.facets, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(query, facetId)</span> </span>{
+        <span class="hljs-keyword">var</span> tmp = facetResults[facetId];
+        <span class="hljs-keyword">var</span> terms = _.map(tmp.termsall, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(count, term)</span> </span>{
+          <span class="hljs-keyword">return</span> { term: term, count: count };
+        });
+        tmp.terms = _.sortBy(terms, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(item)</span> </span>{</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-21">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-21">&#182;</a>
+              </div>
+              <p>want descending order</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>          <span class="hljs-keyword">return</span> -item.count;
+        });
+        tmp.terms = tmp.terms.slice(<span class="hljs-number">0</span>, <span class="hljs-number">10</span>);
+      });
+      <span class="hljs-keyword">return</span> facetResults;
+    };
+  };
+
+}(<span class="hljs-keyword">this</span>.recline.Backend.Memory));</pre></div></div>
+            
+        </li>
+        
+    </ul>
+  </div>
+</body>
+</html>
diff --git a/docs/src/docco.css b/docs/src/docco.css
index 04cc7ecb..b60f6fa3 100644
--- a/docs/src/docco.css
+++ b/docs/src/docco.css
@@ -1,192 +1,518 @@
-/*--------------------- Layout and Typography ----------------------------*/
+/*--------------------- Typography ----------------------------*/
+
+@font-face {
+    font-family: 'aller-light';
+    src: url('public/fonts/aller-light.eot');
+    src: url('public/fonts/aller-light.eot?#iefix') format('embedded-opentype'),
+         url('public/fonts/aller-light.woff') format('woff'),
+         url('public/fonts/aller-light.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'aller-bold';
+    src: url('public/fonts/aller-bold.eot');
+    src: url('public/fonts/aller-bold.eot?#iefix') format('embedded-opentype'),
+         url('public/fonts/aller-bold.woff') format('woff'),
+         url('public/fonts/aller-bold.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'roboto-black';
+    src: url('public/fonts/roboto-black.eot');
+    src: url('public/fonts/roboto-black.eot?#iefix') format('embedded-opentype'),
+         url('public/fonts/roboto-black.woff') format('woff'),
+         url('public/fonts/roboto-black.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+/*--------------------- Layout ----------------------------*/
+html { height: 100%; }
 body {
-  font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
-  font-size: 15px;
-  line-height: 22px;
-  color: #252519;
+  font-family: "aller-light";
+  font-size: 14px;
+  line-height: 18px;
+  color: #30404f;
+  margin: 0; padding: 0;
+  height:100%;
+}
+#container { min-height: 100%; }
+
+a {
+  color: #000;
+}
+
+b, strong {
+  font-weight: normal;
+  font-family: "aller-bold";
+}
+
+p {
+  margin: 15px 0 0px;
+}
+  .annotation ul, .annotation ol {
+    margin: 25px 0;
+  }
+    .annotation ul li, .annotation ol li {
+      font-size: 14px;
+      line-height: 18px;
+      margin: 10px 0;
+    }
+
+h1, h2, h3, h4, h5, h6 {
+  color: #112233;
+  line-height: 1em;
+  font-weight: normal;
+  font-family: "roboto-black";
+  text-transform: uppercase;
+  margin: 30px 0 15px 0;
+}
+
+h1 {
+  margin-top: 40px;
+}
+h2 {
+  font-size: 1.26em;
+}
+
+hr {
+  border: 0;
+  background: 1px #ddd;
+  height: 1px;
+  margin: 20px 0;
+}
+
+pre, tt, code {
+  font-size: 12px; line-height: 16px;
+  font-family: Menlo, Monaco, Consolas, "Lucida Console", monospace;
   margin: 0; padding: 0;
 }
-a {
-  color: #261a3b;
-}
-  a:visited {
-    color: #261a3b;
+  .annotation pre {
+    display: block;
+    margin: 0;
+    padding: 7px 10px;
+    background: #fcfcfc;
+    -moz-box-shadow:    inset 0 0 10px rgba(0,0,0,0.1);
+    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
+    box-shadow:         inset 0 0 10px rgba(0,0,0,0.1);
+    overflow-x: auto;
   }
-p {
-  margin: 0 0 15px 0;
+    .annotation pre code {
+      border: 0;
+      padding: 0;
+      background: transparent;
+    }
+
+
+blockquote {
+  border-left: 5px solid #ccc;
+  margin: 0;
+  padding: 1px 0 1px 1em;
 }
-h1, h2, h3, h4, h5, h6 {
-  margin: 0px 0 15px 0;
-}
-  h1 {
-    margin-top: 40px;
+  .sections blockquote p {
+    font-family: Menlo, Consolas, Monaco, monospace;
+    font-size: 12px; line-height: 16px;
+    color: #999;
+    margin: 10px 0 0;
+    white-space: pre-wrap;
   }
-hr {
-    border: 0 none;
-    border-top: 1px solid #e5e5ee;
-    height: 1px;
-    margin: 20px 0;
+
+ul.sections {
+  list-style: none;
+  padding:0 0 5px 0;;
+  margin:0;
 }
-#container {
-  position: relative;
-}
-#background {
-  position: fixed;
-  top: 0; left: 525px; right: 0; bottom: 0;
-  background: #f5f5ff;
-  border-left: 1px solid #e5e5ee;
-  z-index: -1;
+
+/*
+  Force border-box so that % widths fit the parent
+  container without overlap because of margin/padding.
+
+  More Info : http://www.quirksmode.org/css/box.html
+*/
+ul.sections > li > div {
+  -moz-box-sizing: border-box;    /* firefox */
+  -ms-box-sizing: border-box;     /* ie */
+  -webkit-box-sizing: border-box; /* webkit */
+  -khtml-box-sizing: border-box;  /* konqueror */
+  box-sizing: border-box;         /* css3 */
 }
+
+
+/*---------------------- Jump Page -----------------------------*/
 #jump_to, #jump_page {
+  margin: 0;
   background: white;
   -webkit-box-shadow: 0 0 25px #777; -moz-box-shadow: 0 0 25px #777;
   -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px;
-  font: 10px Arial;
-  text-transform: uppercase;
+  font: 16px Arial;
   cursor: pointer;
   text-align: right;
+  list-style: none;
 }
+
+#jump_to a {
+  text-decoration: none;
+}
+
+#jump_to a.large {
+  display: none;
+}
+#jump_to a.small {
+  font-size: 22px;
+  font-weight: bold;
+  color: #676767;
+}
+
 #jump_to, #jump_wrapper {
   position: fixed;
   right: 0; top: 0;
-  padding: 5px 10px;
+  padding: 10px 15px;
+  margin:0;
 }
+
+#jump_wrapper {
+  display: none;
+  padding:0;
+}
+
+#jump_to:hover #jump_wrapper {
+  display: block;
+}
+
+#jump_page_wrapper{
+  position: fixed;
+  right: 0;
+  top: 0;
+  bottom: 0;
+}
+
+#jump_page {
+  padding: 5px 0 3px;
+  margin: 0 0 25px 25px;
+  max-height: 100%;
+  overflow: auto;
+}
+
+#jump_page .source {
+  display: block;
+  padding: 15px;
+  text-decoration: none;
+  border-top: 1px solid #eee;
+}
+
+#jump_page .source:hover {
+  background: #f5f5ff;
+}
+
+#jump_page .source:first-child {
+}
+
+/*---------------------- Low resolutions (> 320px) ---------------------*/
+@media only screen and (min-width: 320px) {
+  .pilwrap { display: none; }
+
+  ul.sections > li > div {
+    display: block;
+    padding:5px 10px 0 10px;
+  }
+
+  ul.sections > li > div.annotation ul, ul.sections > li > div.annotation ol {
+    padding-left: 30px;
+  }
+
+  ul.sections > li > div.content {
+    overflow-x:auto;
+    -webkit-box-shadow: inset 0 0 5px #e5e5ee;
+    box-shadow: inset 0 0 5px #e5e5ee;
+    border: 1px solid #dedede;
+    margin:5px 10px 5px 10px;
+    padding-bottom: 5px;
+  }
+
+  ul.sections > li > div.annotation pre {
+    margin: 7px 0 7px;
+    padding-left: 15px;
+  }
+
+  ul.sections > li > div.annotation p tt, .annotation code {
+    background: #f8f8ff;
+    border: 1px solid #dedede;
+    font-size: 12px;
+    padding: 0 0.2em;
+  }
+}
+
+/*----------------------  (> 481px) ---------------------*/
+@media only screen and (min-width: 481px) {
+  #container {
+    position: relative;
+  }
+  body {
+    background-color: #F5F5FF;
+    font-size: 15px;
+    line-height: 21px;
+  }
+  pre, tt, code {
+    line-height: 18px;
+  }
+  p, ul, ol {
+    margin: 0 0 15px;
+  }
+
+
+  #jump_to {
+    padding: 5px 10px;
+  }
   #jump_wrapper {
     padding: 0;
+  }
+  #jump_to, #jump_page {
+    font: 10px Arial;
+    text-transform: uppercase;
+  }
+  #jump_page .source {
+    padding: 5px 10px;
+  }
+  #jump_to a.large {
+    display: inline-block;
+  }
+  #jump_to a.small {
     display: none;
   }
-    #jump_to:hover #jump_wrapper {
-      display: block;
-    }
-    #jump_page {
-      padding: 5px 0 3px;
-      margin: 0 0 25px 25px;
-    }
-      #jump_page .source {
-        display: block;
-        padding: 5px 10px;
-        text-decoration: none;
-        border-top: 1px solid #eee;
-      }
-        #jump_page .source:hover {
-          background: #f5f5ff;
-        }
-        #jump_page .source:first-child {
-        }
-table td {
-  border: 0;
-  outline: 0;
-}
-  td.docs, th.docs {
-    max-width: 450px;
-    min-width: 450px;
+
+
+
+  #background {
+    position: absolute;
+    top: 0; bottom: 0;
+    width: 350px;
+    background: #fff;
+    border-right: 1px solid #e5e5ee;
+    z-index: -1;
+  }
+
+  ul.sections > li > div.annotation ul, ul.sections > li > div.annotation ol {
+    padding-left: 40px;
+  }
+
+  ul.sections > li {
+    white-space: nowrap;
+  }
+
+  ul.sections > li > div {
+    display: inline-block;
+  }
+
+  ul.sections > li > div.annotation {
+    max-width: 350px;
+    min-width: 350px;
     min-height: 5px;
-    padding: 10px 25px 1px 50px;
+    padding: 13px;
     overflow-x: hidden;
+    white-space: normal;
     vertical-align: top;
     text-align: left;
   }
-    .docs pre {
-      margin: 15px 0 15px;
-      padding-left: 15px;
-    }
-    .docs p tt, .docs p code {
-      background: #f8f8ff;
-      border: 1px solid #dedede;
-      font-size: 12px;
-      padding: 0 0.2em;
-    }
-    .pilwrap {
-      position: relative;
-    }
-      .pilcrow {
-        font: 12px Arial;
-        text-decoration: none;
-        color: #454545;
-        position: absolute;
-        top: 3px; left: -20px;
-        padding: 1px 2px;
-        opacity: 0;
-        -webkit-transition: opacity 0.2s linear;
-      }
-        td.docs:hover .pilcrow {
-          opacity: 1;
-        }
-  td.code, th.code {
-    padding: 14px 15px 16px 25px;
-    width: 100%;
-    vertical-align: top;
-    background: #f5f5ff;
-    border-left: 1px solid #e5e5ee;
+  ul.sections > li > div.annotation pre {
+    margin: 15px 0 15px;
+    padding-left: 15px;
   }
-    pre, tt, code {
-      font-size: 12px; line-height: 18px;
-      font-family: Menlo, Monaco, Consolas, "Lucida Console", monospace;
-      margin: 0; padding: 0;
+
+  ul.sections > li > div.content {
+    padding: 13px;
+    vertical-align: top;
+    border: none;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+  }
+
+  .pilwrap {
+    position: relative;
+    display: inline;
+  }
+
+  .pilcrow {
+    font: 12px Arial;
+    text-decoration: none;
+    color: #454545;
+    position: absolute;
+    top: 3px; left: -20px;
+    padding: 1px 2px;
+    opacity: 0;
+    -webkit-transition: opacity 0.2s linear;
+  }
+    .for-h1 .pilcrow {
+      top: 47px;
+    }
+    .for-h2 .pilcrow, .for-h3 .pilcrow, .for-h4 .pilcrow {
+      top: 35px;
     }
 
+  ul.sections > li > div.annotation:hover .pilcrow {
+    opacity: 1;
+  }
+}
+
+/*---------------------- (> 1025px) ---------------------*/
+@media only screen and (min-width: 1025px) {
+
+  body {
+    font-size: 16px;
+    line-height: 24px;
+  }
+
+  #background {
+    width: 525px;
+  }
+  ul.sections > li > div.annotation {
+    max-width: 525px;
+    min-width: 525px;
+    padding: 10px 25px 1px 50px;
+  }
+  ul.sections > li > div.content {
+    padding: 9px 15px 16px 25px;
+  }
+}
 
 /*---------------------- Syntax Highlighting -----------------------------*/
+
 td.linenos { background-color: #f0f0f0; padding-right: 10px; }
 span.lineno { background-color: #f0f0f0; padding: 0 5px 0 5px; }
-body .hll { background-color: #ffffcc }
-body .c { color: #408080; font-style: italic }  /* Comment */
-body .err { border: 1px solid #FF0000 }         /* Error */
-body .k { color: #954121 }                      /* Keyword */
-body .o { color: #666666 }                      /* Operator */
-body .cm { color: #408080; font-style: italic } /* Comment.Multiline */
-body .cp { color: #BC7A00 }                     /* Comment.Preproc */
-body .c1 { color: #408080; font-style: italic } /* Comment.Single */
-body .cs { color: #408080; font-style: italic } /* Comment.Special */
-body .gd { color: #A00000 }                     /* Generic.Deleted */
-body .ge { font-style: italic }                 /* Generic.Emph */
-body .gr { color: #FF0000 }                     /* Generic.Error */
-body .gh { color: #000080; font-weight: bold }  /* Generic.Heading */
-body .gi { color: #00A000 }                     /* Generic.Inserted */
-body .go { color: #808080 }                     /* Generic.Output */
-body .gp { color: #000080; font-weight: bold }  /* Generic.Prompt */
-body .gs { font-weight: bold }                  /* Generic.Strong */
-body .gu { color: #800080; font-weight: bold }  /* Generic.Subheading */
-body .gt { color: #0040D0 }                     /* Generic.Traceback */
-body .kc { color: #954121 }                     /* Keyword.Constant */
-body .kd { color: #954121; font-weight: bold }  /* Keyword.Declaration */
-body .kn { color: #954121; font-weight: bold }  /* Keyword.Namespace */
-body .kp { color: #954121 }                     /* Keyword.Pseudo */
-body .kr { color: #954121; font-weight: bold }  /* Keyword.Reserved */
-body .kt { color: #B00040 }                     /* Keyword.Type */
-body .m { color: #666666 }                      /* Literal.Number */
-body .s { color: #219161 }                      /* Literal.String */
-body .na { color: #7D9029 }                     /* Name.Attribute */
-body .nb { color: #954121 }                     /* Name.Builtin */
-body .nc { color: #0000FF; font-weight: bold }  /* Name.Class */
-body .no { color: #880000 }                     /* Name.Constant */
-body .nd { color: #AA22FF }                     /* Name.Decorator */
-body .ni { color: #999999; font-weight: bold }  /* Name.Entity */
-body .ne { color: #D2413A; font-weight: bold }  /* Name.Exception */
-body .nf { color: #0000FF }                     /* Name.Function */
-body .nl { color: #A0A000 }                     /* Name.Label */
-body .nn { color: #0000FF; font-weight: bold }  /* Name.Namespace */
-body .nt { color: #954121; font-weight: bold }  /* Name.Tag */
-body .nv { color: #19469D }                     /* Name.Variable */
-body .ow { color: #AA22FF; font-weight: bold }  /* Operator.Word */
-body .w { color: #bbbbbb }                      /* Text.Whitespace */
-body .mf { color: #666666 }                     /* Literal.Number.Float */
-body .mh { color: #666666 }                     /* Literal.Number.Hex */
-body .mi { color: #666666 }                     /* Literal.Number.Integer */
-body .mo { color: #666666 }                     /* Literal.Number.Oct */
-body .sb { color: #219161 }                     /* Literal.String.Backtick */
-body .sc { color: #219161 }                     /* Literal.String.Char */
-body .sd { color: #219161; font-style: italic } /* Literal.String.Doc */
-body .s2 { color: #219161 }                     /* Literal.String.Double */
-body .se { color: #BB6622; font-weight: bold }  /* Literal.String.Escape */
-body .sh { color: #219161 }                     /* Literal.String.Heredoc */
-body .si { color: #BB6688; font-weight: bold }  /* Literal.String.Interpol */
-body .sx { color: #954121 }                     /* Literal.String.Other */
-body .sr { color: #BB6688 }                     /* Literal.String.Regex */
-body .s1 { color: #219161 }                     /* Literal.String.Single */
-body .ss { color: #19469D }                     /* Literal.String.Symbol */
-body .bp { color: #954121 }                     /* Name.Builtin.Pseudo */
-body .vc { color: #19469D }                     /* Name.Variable.Class */
-body .vg { color: #19469D }                     /* Name.Variable.Global */
-body .vi { color: #19469D }                     /* Name.Variable.Instance */
-body .il { color: #666666 }                     /* Literal.Number.Integer.Long */
\ No newline at end of file
+/*
+
+github.com style (c) Vasily Polovnyov <vast@whiteants.net>
+
+*/
+
+pre code {
+  display: block; padding: 0.5em;
+  color: #000;
+  background: #f8f8ff
+}
+
+pre .hljs-comment,
+pre .hljs-template_comment,
+pre .hljs-diff .hljs-header,
+pre .hljs-javadoc {
+  color: #408080;
+  font-style: italic
+}
+
+pre .hljs-keyword,
+pre .hljs-assignment,
+pre .hljs-literal,
+pre .hljs-css .hljs-rule .hljs-keyword,
+pre .hljs-winutils,
+pre .hljs-javascript .hljs-title,
+pre .hljs-lisp .hljs-title,
+pre .hljs-subst {
+  color: #954121;
+  /*font-weight: bold*/
+}
+
+pre .hljs-number,
+pre .hljs-hexcolor {
+  color: #40a070
+}
+
+pre .hljs-string,
+pre .hljs-tag .hljs-value,
+pre .hljs-phpdoc,
+pre .hljs-tex .hljs-formula {
+  color: #219161;
+}
+
+pre .hljs-title,
+pre .hljs-id {
+  color: #19469D;
+}
+pre .hljs-params {
+  color: #00F;
+}
+
+pre .hljs-javascript .hljs-title,
+pre .hljs-lisp .hljs-title,
+pre .hljs-subst {
+  font-weight: normal
+}
+
+pre .hljs-class .hljs-title,
+pre .hljs-haskell .hljs-label,
+pre .hljs-tex .hljs-command {
+  color: #458;
+  font-weight: bold
+}
+
+pre .hljs-tag,
+pre .hljs-tag .hljs-title,
+pre .hljs-rules .hljs-property,
+pre .hljs-django .hljs-tag .hljs-keyword {
+  color: #000080;
+  font-weight: normal
+}
+
+pre .hljs-attribute,
+pre .hljs-variable,
+pre .hljs-instancevar,
+pre .hljs-lisp .hljs-body {
+  color: #008080
+}
+
+pre .hljs-regexp {
+  color: #B68
+}
+
+pre .hljs-class {
+  color: #458;
+  font-weight: bold
+}
+
+pre .hljs-symbol,
+pre .hljs-ruby .hljs-symbol .hljs-string,
+pre .hljs-ruby .hljs-symbol .hljs-keyword,
+pre .hljs-ruby .hljs-symbol .hljs-keymethods,
+pre .hljs-lisp .hljs-keyword,
+pre .hljs-tex .hljs-special,
+pre .hljs-input_number {
+  color: #990073
+}
+
+pre .hljs-builtin,
+pre .hljs-constructor,
+pre .hljs-built_in,
+pre .hljs-lisp .hljs-title {
+  color: #0086b3
+}
+
+pre .hljs-preprocessor,
+pre .hljs-pi,
+pre .hljs-doctype,
+pre .hljs-shebang,
+pre .hljs-cdata {
+  color: #999;
+  font-weight: bold
+}
+
+pre .hljs-deletion {
+  background: #fdd
+}
+
+pre .hljs-addition {
+  background: #dfd
+}
+
+pre .hljs-diff .hljs-change {
+  background: #0086b3
+}
+
+pre .hljs-chunk {
+  color: #aaa
+}
+
+pre .hljs-tex .hljs-formula {
+  opacity: 0.5;
+}
diff --git a/docs/src/ecma-fixes.html b/docs/src/ecma-fixes.html
index 9f4b09da..7839ba34 100644
--- a/docs/src/ecma-fixes.html
+++ b/docs/src/ecma-fixes.html
@@ -1,66 +1,215 @@
-<!DOCTYPE html>  <html> <head>   <title>ecma-fixes.js</title>   <meta http-equiv="content-type" content="text/html; charset=UTF-8">   <link rel="stylesheet" media="all" href="docco.css" /> </head> <body>   <div id="container">     <div id="background"></div>            <div id="jump_to">         Jump To &hellip;         <div id="jump_wrapper">           <div id="jump_page">                                           <a class="source" href="backend.csv.html">                 backend.csv.js               </a>                                           <a class="source" href="backend.dataproxy.html">                 backend.dataproxy.js               </a>                                           <a class="source" href="backend.memory.html">                 backend.memory.js               </a>                                           <a class="source" href="ecma-fixes.html">                 ecma-fixes.js               </a>                                           <a class="source" href="model.html">                 model.js               </a>                                           <a class="source" href="view.flot.html">                 view.flot.js               </a>                                           <a class="source" href="view.graph.html">                 view.graph.js               </a>                                           <a class="source" href="view.grid.html">                 view.grid.js               </a>                                           <a class="source" href="view.map.html">                 view.map.js               </a>                                           <a class="source" href="view.multiview.html">                 view.multiview.js               </a>                                           <a class="source" href="view.slickgrid.html">                 view.slickgrid.js               </a>                                           <a class="source" href="view.timeline.html">                 view.timeline.js               </a>                                           <a class="source" href="widget.facetviewer.html">                 widget.facetviewer.js               </a>                                           <a class="source" href="widget.fields.html">                 widget.fields.js               </a>                                           <a class="source" href="widget.filtereditor.html">                 widget.filtereditor.js               </a>                                           <a class="source" href="widget.pager.html">                 widget.pager.js               </a>                                           <a class="source" href="widget.queryeditor.html">                 widget.queryeditor.js               </a>                                           <a class="source" href="widget.valuefilter.html">                 widget.valuefilter.js               </a>                        </div>         </div>       </div>          <table cellpadding="0" cellspacing="0">       <thead>         <tr>           <th class="docs">             <h1>               ecma-fixes.js             </h1>           </th>           <th class="code">           </th>         </tr>       </thead>       <tbody>                               <tr id="section-1">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-1">&#182;</a>               </div>               <p>This file adds in full array method support in browsers that don't support it
-see: http://stackoverflow.com/questions/2790001/fixing-javascript-array-functions-in-internet-explorer-indexof-foreach-etc</p>             </td>             <td class="code">               <div class="highlight"><pre></pre></div>             </td>           </tr>                               <tr id="section-2">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-2">&#182;</a>               </div>               <p>Add ECMA262-5 Array methods if not supported natively</p>             </td>             <td class="code">               <div class="highlight"><pre><span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="p">(</span><span class="s1">&#39;indexOf&#39;</span> <span class="k">in</span> <span class="nb">Array</span><span class="p">.</span><span class="nx">prototype</span><span class="p">))</span> <span class="p">{</span>
-    <span class="nb">Array</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">indexOf</span><span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">find</span><span class="p">,</span> <span class="nx">i</span> <span class="cm">/*opt*/</span><span class="p">)</span> <span class="p">{</span>
-        <span class="k">if</span> <span class="p">(</span><span class="nx">i</span><span class="o">===</span><span class="kc">undefined</span><span class="p">)</span> <span class="nx">i</span><span class="o">=</span> <span class="mi">0</span><span class="p">;</span>
-        <span class="k">if</span> <span class="p">(</span><span class="nx">i</span><span class="o">&lt;</span><span class="mi">0</span><span class="p">)</span> <span class="nx">i</span><span class="o">+=</span> <span class="k">this</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span>
-        <span class="k">if</span> <span class="p">(</span><span class="nx">i</span><span class="o">&lt;</span><span class="mi">0</span><span class="p">)</span> <span class="nx">i</span><span class="o">=</span> <span class="mi">0</span><span class="p">;</span>
-        <span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">n</span><span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span> <span class="nx">i</span><span class="o">&lt;</span><span class="nx">n</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span>
-            <span class="k">if</span> <span class="p">(</span><span class="nx">i</span> <span class="k">in</span> <span class="k">this</span> <span class="o">&amp;&amp;</span> <span class="k">this</span><span class="p">[</span><span class="nx">i</span><span class="p">]</span><span class="o">===</span><span class="nx">find</span><span class="p">)</span>
-                <span class="k">return</span> <span class="nx">i</span><span class="p">;</span>
-        <span class="k">return</span> <span class="o">-</span><span class="mi">1</span><span class="p">;</span>
-    <span class="p">};</span>
-<span class="p">}</span>
-<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="p">(</span><span class="s1">&#39;lastIndexOf&#39;</span> <span class="k">in</span> <span class="nb">Array</span><span class="p">.</span><span class="nx">prototype</span><span class="p">))</span> <span class="p">{</span>
-    <span class="nb">Array</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">lastIndexOf</span><span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">find</span><span class="p">,</span> <span class="nx">i</span> <span class="cm">/*opt*/</span><span class="p">)</span> <span class="p">{</span>
-        <span class="k">if</span> <span class="p">(</span><span class="nx">i</span><span class="o">===</span><span class="kc">undefined</span><span class="p">)</span> <span class="nx">i</span><span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">length</span><span class="o">-</span><span class="mi">1</span><span class="p">;</span>
-        <span class="k">if</span> <span class="p">(</span><span class="nx">i</span><span class="o">&lt;</span><span class="mi">0</span><span class="p">)</span> <span class="nx">i</span><span class="o">+=</span> <span class="k">this</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span>
-        <span class="k">if</span> <span class="p">(</span><span class="nx">i</span><span class="o">&gt;</span><span class="k">this</span><span class="p">.</span><span class="nx">length</span><span class="o">-</span><span class="mi">1</span><span class="p">)</span> <span class="nx">i</span><span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">length</span><span class="o">-</span><span class="mi">1</span><span class="p">;</span>
-        <span class="k">for</span> <span class="p">(</span><span class="nx">i</span><span class="o">++</span><span class="p">;</span> <span class="nx">i</span><span class="o">--&gt;</span><span class="mi">0</span><span class="p">;)</span> <span class="cm">/* i++ because from-argument is sadly inclusive */</span>
-            <span class="k">if</span> <span class="p">(</span><span class="nx">i</span> <span class="k">in</span> <span class="k">this</span> <span class="o">&amp;&amp;</span> <span class="k">this</span><span class="p">[</span><span class="nx">i</span><span class="p">]</span><span class="o">===</span><span class="nx">find</span><span class="p">)</span>
-                <span class="k">return</span> <span class="nx">i</span><span class="p">;</span>
-        <span class="k">return</span> <span class="o">-</span><span class="mi">1</span><span class="p">;</span>
-    <span class="p">};</span>
-<span class="p">}</span>
-<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="p">(</span><span class="s1">&#39;forEach&#39;</span> <span class="k">in</span> <span class="nb">Array</span><span class="p">.</span><span class="nx">prototype</span><span class="p">))</span> <span class="p">{</span>
-    <span class="nb">Array</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">forEach</span><span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">action</span><span class="p">,</span> <span class="nx">that</span> <span class="cm">/*opt*/</span><span class="p">)</span> <span class="p">{</span>
-        <span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">i</span><span class="o">=</span> <span class="mi">0</span><span class="p">,</span> <span class="nx">n</span><span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span> <span class="nx">i</span><span class="o">&lt;</span><span class="nx">n</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span>
-            <span class="k">if</span> <span class="p">(</span><span class="nx">i</span> <span class="k">in</span> <span class="k">this</span><span class="p">)</span>
-                <span class="nx">action</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="nx">that</span><span class="p">,</span> <span class="k">this</span><span class="p">[</span><span class="nx">i</span><span class="p">],</span> <span class="nx">i</span><span class="p">,</span> <span class="k">this</span><span class="p">);</span>
-    <span class="p">};</span>
-<span class="p">}</span>
-<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="p">(</span><span class="s1">&#39;map&#39;</span> <span class="k">in</span> <span class="nb">Array</span><span class="p">.</span><span class="nx">prototype</span><span class="p">))</span> <span class="p">{</span>
-    <span class="nb">Array</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">map</span><span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">mapper</span><span class="p">,</span> <span class="nx">that</span> <span class="cm">/*opt*/</span><span class="p">)</span> <span class="p">{</span>
-        <span class="kd">var</span> <span class="nx">other</span><span class="o">=</span> <span class="k">new</span> <span class="nb">Array</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">length</span><span class="p">);</span>
-        <span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">i</span><span class="o">=</span> <span class="mi">0</span><span class="p">,</span> <span class="nx">n</span><span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span> <span class="nx">i</span><span class="o">&lt;</span><span class="nx">n</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span>
-            <span class="k">if</span> <span class="p">(</span><span class="nx">i</span> <span class="k">in</span> <span class="k">this</span><span class="p">)</span>
-                <span class="nx">other</span><span class="p">[</span><span class="nx">i</span><span class="p">]</span><span class="o">=</span> <span class="nx">mapper</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="nx">that</span><span class="p">,</span> <span class="k">this</span><span class="p">[</span><span class="nx">i</span><span class="p">],</span> <span class="nx">i</span><span class="p">,</span> <span class="k">this</span><span class="p">);</span>
-        <span class="k">return</span> <span class="nx">other</span><span class="p">;</span>
-    <span class="p">};</span>
-<span class="p">}</span>
-<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="p">(</span><span class="s1">&#39;filter&#39;</span> <span class="k">in</span> <span class="nb">Array</span><span class="p">.</span><span class="nx">prototype</span><span class="p">))</span> <span class="p">{</span>
-    <span class="nb">Array</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">filter</span><span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">filter</span><span class="p">,</span> <span class="nx">that</span> <span class="cm">/*opt*/</span><span class="p">)</span> <span class="p">{</span>
-        <span class="kd">var</span> <span class="nx">other</span><span class="o">=</span> <span class="p">[],</span> <span class="nx">v</span><span class="p">;</span>
-        <span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">i</span><span class="o">=</span><span class="mi">0</span><span class="p">,</span> <span class="nx">n</span><span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span> <span class="nx">i</span><span class="o">&lt;</span><span class="nx">n</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span>
-            <span class="k">if</span> <span class="p">(</span><span class="nx">i</span> <span class="k">in</span> <span class="k">this</span> <span class="o">&amp;&amp;</span> <span class="nx">filter</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="nx">that</span><span class="p">,</span> <span class="nx">v</span><span class="o">=</span> <span class="k">this</span><span class="p">[</span><span class="nx">i</span><span class="p">],</span> <span class="nx">i</span><span class="p">,</span> <span class="k">this</span><span class="p">))</span>
-                <span class="nx">other</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">v</span><span class="p">);</span>
-        <span class="k">return</span> <span class="nx">other</span><span class="p">;</span>
-    <span class="p">};</span>
-<span class="p">}</span>
-<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="p">(</span><span class="s1">&#39;every&#39;</span> <span class="k">in</span> <span class="nb">Array</span><span class="p">.</span><span class="nx">prototype</span><span class="p">))</span> <span class="p">{</span>
-    <span class="nb">Array</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">every</span><span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">tester</span><span class="p">,</span> <span class="nx">that</span> <span class="cm">/*opt*/</span><span class="p">)</span> <span class="p">{</span>
-        <span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">i</span><span class="o">=</span> <span class="mi">0</span><span class="p">,</span> <span class="nx">n</span><span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span> <span class="nx">i</span><span class="o">&lt;</span><span class="nx">n</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span>
-            <span class="k">if</span> <span class="p">(</span><span class="nx">i</span> <span class="k">in</span> <span class="k">this</span> <span class="o">&amp;&amp;</span> <span class="o">!</span><span class="nx">tester</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="nx">that</span><span class="p">,</span> <span class="k">this</span><span class="p">[</span><span class="nx">i</span><span class="p">],</span> <span class="nx">i</span><span class="p">,</span> <span class="k">this</span><span class="p">))</span>
-                <span class="k">return</span> <span class="kc">false</span><span class="p">;</span>
-        <span class="k">return</span> <span class="kc">true</span><span class="p">;</span>
-    <span class="p">};</span>
-<span class="p">}</span>
-<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="p">(</span><span class="s1">&#39;some&#39;</span> <span class="k">in</span> <span class="nb">Array</span><span class="p">.</span><span class="nx">prototype</span><span class="p">))</span> <span class="p">{</span>
-    <span class="nb">Array</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">some</span><span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">tester</span><span class="p">,</span> <span class="nx">that</span> <span class="cm">/*opt*/</span><span class="p">)</span> <span class="p">{</span>
-        <span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">i</span><span class="o">=</span> <span class="mi">0</span><span class="p">,</span> <span class="nx">n</span><span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span> <span class="nx">i</span><span class="o">&lt;</span><span class="nx">n</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span>
-            <span class="k">if</span> <span class="p">(</span><span class="nx">i</span> <span class="k">in</span> <span class="k">this</span> <span class="o">&amp;&amp;</span> <span class="nx">tester</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="nx">that</span><span class="p">,</span> <span class="k">this</span><span class="p">[</span><span class="nx">i</span><span class="p">],</span> <span class="nx">i</span><span class="p">,</span> <span class="k">this</span><span class="p">))</span>
-                <span class="k">return</span> <span class="kc">true</span><span class="p">;</span>
-        <span class="k">return</span> <span class="kc">false</span><span class="p">;</span>
-    <span class="p">};</span>
-<span class="p">}</span>
+<!DOCTYPE html>
 
-</pre></div>             </td>           </tr>                </tbody>     </table>   </div> </body> </html> 
\ No newline at end of file
+<html>
+<head>
+  <title>ecma-fixes.js</title>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+  <link rel="stylesheet" media="all" href="docco.css" />
+</head>
+<body>
+  <div id="container">
+    <div id="background"></div>
+    
+      <ul id="jump_to">
+        <li>
+          <a class="large" href="javascript:void(0);">Jump To &hellip;</a>
+          <a class="small" href="javascript:void(0);">+</a>
+          <div id="jump_wrapper">
+          <div id="jump_page_wrapper">
+            <div id="jump_page">
+              
+                
+                <a class="source" href="backend.dataproxy.html">
+                  backend.dataproxy.js
+                </a>
+              
+                
+                <a class="source" href="backend.memory.html">
+                  backend.memory.js
+                </a>
+              
+                
+                <a class="source" href="ecma-fixes.html">
+                  ecma-fixes.js
+                </a>
+              
+                
+                <a class="source" href="model.html">
+                  model.js
+                </a>
+              
+                
+                <a class="source" href="view.flot.html">
+                  view.flot.js
+                </a>
+              
+                
+                <a class="source" href="view.graph.html">
+                  view.graph.js
+                </a>
+              
+                
+                <a class="source" href="view.grid.html">
+                  view.grid.js
+                </a>
+              
+                
+                <a class="source" href="view.map.html">
+                  view.map.js
+                </a>
+              
+                
+                <a class="source" href="view.multiview.html">
+                  view.multiview.js
+                </a>
+              
+                
+                <a class="source" href="view.slickgrid.html">
+                  view.slickgrid.js
+                </a>
+              
+                
+                <a class="source" href="view.timeline.html">
+                  view.timeline.js
+                </a>
+              
+                
+                <a class="source" href="widget.facetviewer.html">
+                  widget.facetviewer.js
+                </a>
+              
+                
+                <a class="source" href="widget.fields.html">
+                  widget.fields.js
+                </a>
+              
+                
+                <a class="source" href="widget.filtereditor.html">
+                  widget.filtereditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.pager.html">
+                  widget.pager.js
+                </a>
+              
+                
+                <a class="source" href="widget.queryeditor.html">
+                  widget.queryeditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.valuefilter.html">
+                  widget.valuefilter.js
+                </a>
+              
+            </div>
+          </div>
+        </li>
+      </ul>
+    
+    <ul class="sections">
+        
+          <li id="title">
+              <div class="annotation">
+                  <h1>ecma-fixes.js</h1>
+              </div>
+          </li>
+        
+        
+        
+        <li id="section-1">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-1">&#182;</a>
+              </div>
+              <p>This file adds in full array method support in browsers that don’t support it
+see: <a href="http://stackoverflow.com/questions/2790001/fixing-javascript-array-functions-in-internet-explorer-indexof-foreach-etc">http://stackoverflow.com/questions/2790001/fixing-javascript-array-functions-in-internet-explorer-indexof-foreach-etc</a></p>
+
+            </div>
+            
+        </li>
+        
+        
+        <li id="section-2">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-2">&#182;</a>
+              </div>
+              <p>Add ECMA262-5 Array methods if not supported natively</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre><span class="hljs-keyword">if</span> (!(<span class="hljs-string">'indexOf'</span> <span class="hljs-keyword">in</span> <span class="hljs-built_in">Array</span>.prototype)) {
+    <span class="hljs-built_in">Array</span>.prototype.indexOf= <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(find, i <span class="hljs-comment">/*opt*/</span>)</span> </span>{
+        <span class="hljs-keyword">if</span> (i===<span class="hljs-literal">undefined</span>) i= <span class="hljs-number">0</span>;
+        <span class="hljs-keyword">if</span> (i&lt;<span class="hljs-number">0</span>) i+= <span class="hljs-keyword">this</span>.length;
+        <span class="hljs-keyword">if</span> (i&lt;<span class="hljs-number">0</span>) i= <span class="hljs-number">0</span>;
+        <span class="hljs-keyword">for</span> (<span class="hljs-keyword">var</span> n= <span class="hljs-keyword">this</span>.length; i&lt;n; i++)
+            <span class="hljs-keyword">if</span> (i <span class="hljs-keyword">in</span> <span class="hljs-keyword">this</span> &amp;&amp; <span class="hljs-keyword">this</span>[i]===find)
+                <span class="hljs-keyword">return</span> i;
+        <span class="hljs-keyword">return</span> -<span class="hljs-number">1</span>;
+    };
+}
+<span class="hljs-keyword">if</span> (!(<span class="hljs-string">'lastIndexOf'</span> <span class="hljs-keyword">in</span> <span class="hljs-built_in">Array</span>.prototype)) {
+    <span class="hljs-built_in">Array</span>.prototype.lastIndexOf= <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(find, i <span class="hljs-comment">/*opt*/</span>)</span> </span>{
+        <span class="hljs-keyword">if</span> (i===<span class="hljs-literal">undefined</span>) i= <span class="hljs-keyword">this</span>.length-<span class="hljs-number">1</span>;
+        <span class="hljs-keyword">if</span> (i&lt;<span class="hljs-number">0</span>) i+= <span class="hljs-keyword">this</span>.length;
+        <span class="hljs-keyword">if</span> (i&gt;<span class="hljs-keyword">this</span>.length-<span class="hljs-number">1</span>) i= <span class="hljs-keyword">this</span>.length-<span class="hljs-number">1</span>;
+        <span class="hljs-keyword">for</span> (i++; i--&gt;<span class="hljs-number">0</span>;) <span class="hljs-comment">/* i++ because from-argument is sadly inclusive */</span>
+            <span class="hljs-keyword">if</span> (i <span class="hljs-keyword">in</span> <span class="hljs-keyword">this</span> &amp;&amp; <span class="hljs-keyword">this</span>[i]===find)
+                <span class="hljs-keyword">return</span> i;
+        <span class="hljs-keyword">return</span> -<span class="hljs-number">1</span>;
+    };
+}
+<span class="hljs-keyword">if</span> (!(<span class="hljs-string">'forEach'</span> <span class="hljs-keyword">in</span> <span class="hljs-built_in">Array</span>.prototype)) {
+    <span class="hljs-built_in">Array</span>.prototype.forEach= <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(action, that <span class="hljs-comment">/*opt*/</span>)</span> </span>{
+        <span class="hljs-keyword">for</span> (<span class="hljs-keyword">var</span> i= <span class="hljs-number">0</span>, n= <span class="hljs-keyword">this</span>.length; i&lt;n; i++)
+            <span class="hljs-keyword">if</span> (i <span class="hljs-keyword">in</span> <span class="hljs-keyword">this</span>)
+                action.call(that, <span class="hljs-keyword">this</span>[i], i, <span class="hljs-keyword">this</span>);
+    };
+}
+<span class="hljs-keyword">if</span> (!(<span class="hljs-string">'map'</span> <span class="hljs-keyword">in</span> <span class="hljs-built_in">Array</span>.prototype)) {
+    <span class="hljs-built_in">Array</span>.prototype.map= <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(mapper, that <span class="hljs-comment">/*opt*/</span>)</span> </span>{
+        <span class="hljs-keyword">var</span> other= <span class="hljs-keyword">new</span> <span class="hljs-built_in">Array</span>(<span class="hljs-keyword">this</span>.length);
+        <span class="hljs-keyword">for</span> (<span class="hljs-keyword">var</span> i= <span class="hljs-number">0</span>, n= <span class="hljs-keyword">this</span>.length; i&lt;n; i++)
+            <span class="hljs-keyword">if</span> (i <span class="hljs-keyword">in</span> <span class="hljs-keyword">this</span>)
+                other[i]= mapper.call(that, <span class="hljs-keyword">this</span>[i], i, <span class="hljs-keyword">this</span>);
+        <span class="hljs-keyword">return</span> other;
+    };
+}
+<span class="hljs-keyword">if</span> (!(<span class="hljs-string">'filter'</span> <span class="hljs-keyword">in</span> <span class="hljs-built_in">Array</span>.prototype)) {
+    <span class="hljs-built_in">Array</span>.prototype.filter= <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(filter, that <span class="hljs-comment">/*opt*/</span>)</span> </span>{
+        <span class="hljs-keyword">var</span> other= [], v;
+        <span class="hljs-keyword">for</span> (<span class="hljs-keyword">var</span> i=<span class="hljs-number">0</span>, n= <span class="hljs-keyword">this</span>.length; i&lt;n; i++)
+            <span class="hljs-keyword">if</span> (i <span class="hljs-keyword">in</span> <span class="hljs-keyword">this</span> &amp;&amp; filter.call(that, v= <span class="hljs-keyword">this</span>[i], i, <span class="hljs-keyword">this</span>))
+                other.push(v);
+        <span class="hljs-keyword">return</span> other;
+    };
+}
+<span class="hljs-keyword">if</span> (!(<span class="hljs-string">'every'</span> <span class="hljs-keyword">in</span> <span class="hljs-built_in">Array</span>.prototype)) {
+    <span class="hljs-built_in">Array</span>.prototype.every= <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(tester, that <span class="hljs-comment">/*opt*/</span>)</span> </span>{
+        <span class="hljs-keyword">for</span> (<span class="hljs-keyword">var</span> i= <span class="hljs-number">0</span>, n= <span class="hljs-keyword">this</span>.length; i&lt;n; i++)
+            <span class="hljs-keyword">if</span> (i <span class="hljs-keyword">in</span> <span class="hljs-keyword">this</span> &amp;&amp; !tester.call(that, <span class="hljs-keyword">this</span>[i], i, <span class="hljs-keyword">this</span>))
+                <span class="hljs-keyword">return</span> <span class="hljs-literal">false</span>;
+        <span class="hljs-keyword">return</span> <span class="hljs-literal">true</span>;
+    };
+}
+<span class="hljs-keyword">if</span> (!(<span class="hljs-string">'some'</span> <span class="hljs-keyword">in</span> <span class="hljs-built_in">Array</span>.prototype)) {
+    <span class="hljs-built_in">Array</span>.prototype.some= <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(tester, that <span class="hljs-comment">/*opt*/</span>)</span> </span>{
+        <span class="hljs-keyword">for</span> (<span class="hljs-keyword">var</span> i= <span class="hljs-number">0</span>, n= <span class="hljs-keyword">this</span>.length; i&lt;n; i++)
+            <span class="hljs-keyword">if</span> (i <span class="hljs-keyword">in</span> <span class="hljs-keyword">this</span> &amp;&amp; tester.call(that, <span class="hljs-keyword">this</span>[i], i, <span class="hljs-keyword">this</span>))
+                <span class="hljs-keyword">return</span> <span class="hljs-literal">true</span>;
+        <span class="hljs-keyword">return</span> <span class="hljs-literal">false</span>;
+    };
+}</pre></div></div>
+            
+        </li>
+        
+    </ul>
+  </div>
+</body>
+</html>
diff --git a/docs/src/model.html b/docs/src/model.html
index 3f318fe0..d35b2ceb 100644
--- a/docs/src/model.html
+++ b/docs/src/model.html
@@ -1,517 +1,1375 @@
-<!DOCTYPE html>  <html> <head>   <title>model.js</title>   <meta http-equiv="content-type" content="text/html; charset=UTF-8">   <link rel="stylesheet" media="all" href="docco.css" /> </head> <body>   <div id="container">     <div id="background"></div>            <div id="jump_to">         Jump To &hellip;         <div id="jump_wrapper">           <div id="jump_page">                                           <a class="source" href="backend.csv.html">                 backend.csv.js               </a>                                           <a class="source" href="backend.dataproxy.html">                 backend.dataproxy.js               </a>                                           <a class="source" href="backend.memory.html">                 backend.memory.js               </a>                                           <a class="source" href="ecma-fixes.html">                 ecma-fixes.js               </a>                                           <a class="source" href="model.html">                 model.js               </a>                                           <a class="source" href="view.flot.html">                 view.flot.js               </a>                                           <a class="source" href="view.graph.html">                 view.graph.js               </a>                                           <a class="source" href="view.grid.html">                 view.grid.js               </a>                                           <a class="source" href="view.map.html">                 view.map.js               </a>                                           <a class="source" href="view.multiview.html">                 view.multiview.js               </a>                                           <a class="source" href="view.slickgrid.html">                 view.slickgrid.js               </a>                                           <a class="source" href="view.timeline.html">                 view.timeline.js               </a>                                           <a class="source" href="widget.facetviewer.html">                 widget.facetviewer.js               </a>                                           <a class="source" href="widget.fields.html">                 widget.fields.js               </a>                                           <a class="source" href="widget.filtereditor.html">                 widget.filtereditor.js               </a>                                           <a class="source" href="widget.pager.html">                 widget.pager.js               </a>                                           <a class="source" href="widget.queryeditor.html">                 widget.queryeditor.js               </a>                                           <a class="source" href="widget.valuefilter.html">                 widget.valuefilter.js               </a>                        </div>         </div>       </div>          <table cellpadding="0" cellspacing="0">       <thead>         <tr>           <th class="docs">             <h1>               model.js             </h1>           </th>           <th class="code">           </th>         </tr>       </thead>       <tbody>                               <tr id="section-1">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-1">&#182;</a>               </div>               <h1>Recline Backbone Models</h1>             </td>             <td class="code">               <div class="highlight"><pre><span class="k">this</span><span class="p">.</span><span class="nx">recline</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span> <span class="o">||</span> <span class="p">{};</span>
-<span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">Model</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">Model</span> <span class="o">||</span> <span class="p">{};</span>
+<!DOCTYPE html>
 
-<span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">my</span><span class="p">)</span> <span class="p">{</span>
-  <span class="s2">&quot;use strict&quot;</span><span class="p">;</span></pre></div>             </td>           </tr>                               <tr id="section-2">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-2">&#182;</a>               </div>               <p>use either jQuery or Underscore Deferred depending on what is available</p>             </td>             <td class="code">               <div class="highlight"><pre><span class="kd">var</span> <span class="nx">Deferred</span> <span class="o">=</span> <span class="p">(</span><span class="k">typeof</span> <span class="nx">jQuery</span> <span class="o">!==</span> <span class="s2">&quot;undefined&quot;</span> <span class="o">&amp;&amp;</span> <span class="nx">jQuery</span><span class="p">.</span><span class="nx">Deferred</span><span class="p">)</span> <span class="o">||</span> <span class="nx">_</span><span class="p">.</span><span class="nx">Deferred</span><span class="p">;</span></pre></div>             </td>           </tr>                               <tr id="section-3">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-3">&#182;</a>               </div>               <h2><a id="dataset">Dataset</a></h2>             </td>             <td class="code">               <div class="highlight"><pre><span class="nx">my</span><span class="p">.</span><span class="nx">Dataset</span> <span class="o">=</span> <span class="nx">Backbone</span><span class="p">.</span><span class="nx">Model</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-  <span class="nx">constructor</span><span class="o">:</span> <span class="kd">function</span> <span class="nx">Dataset</span><span class="p">()</span> <span class="p">{</span>
-    <span class="nx">Backbone</span><span class="p">.</span><span class="nx">Model</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">constructor</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="nx">arguments</span><span class="p">);</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-4">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-4">&#182;</a>               </div>               <h3>initialize</h3>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">initialize</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="nx">_</span><span class="p">.</span><span class="nx">bindAll</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="s1">&#39;query&#39;</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">backend</span> <span class="o">=</span> <span class="kc">null</span><span class="p">;</span>
-    <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;backend&#39;</span><span class="p">))</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">backend</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_backendFromString</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;backend&#39;</span><span class="p">));</span>
-    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span> <span class="c1">// try to guess backend ...</span>
-      <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;records&#39;</span><span class="p">))</span> <span class="p">{</span>
-        <span class="k">this</span><span class="p">.</span><span class="nx">backend</span> <span class="o">=</span> <span class="nx">recline</span><span class="p">.</span><span class="nx">Backend</span><span class="p">.</span><span class="nx">Memory</span><span class="p">;</span>
-      <span class="p">}</span>
-    <span class="p">}</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">fields</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">my</span><span class="p">.</span><span class="nx">FieldList</span><span class="p">();</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">records</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">my</span><span class="p">.</span><span class="nx">RecordList</span><span class="p">();</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">_changes</span> <span class="o">=</span> <span class="p">{</span>
-      <span class="nx">deletes</span><span class="o">:</span> <span class="p">[],</span>
-      <span class="nx">updates</span><span class="o">:</span> <span class="p">[],</span>
-      <span class="nx">creates</span><span class="o">:</span> <span class="p">[]</span>
-    <span class="p">};</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">facets</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">my</span><span class="p">.</span><span class="nx">FacetList</span><span class="p">();</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">recordCount</span> <span class="o">=</span> <span class="kc">null</span><span class="p">;</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">queryState</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">my</span><span class="p">.</span><span class="nx">Query</span><span class="p">();</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">queryState</span><span class="p">.</span><span class="nx">bind</span><span class="p">(</span><span class="s1">&#39;change facet:add&#39;</span><span class="p">,</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span>
-      <span class="nx">self</span><span class="p">.</span><span class="nx">query</span><span class="p">();</span> <span class="c1">// We want to call query() without any arguments.</span>
-    <span class="p">});</span></pre></div>             </td>           </tr>                               <tr id="section-5">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-5">&#182;</a>               </div>               <p>store is what we query and save against
+<html>
+<head>
+  <title>Recline Backbone Models</title>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+  <link rel="stylesheet" media="all" href="docco.css" />
+</head>
+<body>
+  <div id="container">
+    <div id="background"></div>
+    
+      <ul id="jump_to">
+        <li>
+          <a class="large" href="javascript:void(0);">Jump To &hellip;</a>
+          <a class="small" href="javascript:void(0);">+</a>
+          <div id="jump_wrapper">
+          <div id="jump_page_wrapper">
+            <div id="jump_page">
+              
+                
+                <a class="source" href="backend.dataproxy.html">
+                  backend.dataproxy.js
+                </a>
+              
+                
+                <a class="source" href="backend.memory.html">
+                  backend.memory.js
+                </a>
+              
+                
+                <a class="source" href="ecma-fixes.html">
+                  ecma-fixes.js
+                </a>
+              
+                
+                <a class="source" href="model.html">
+                  model.js
+                </a>
+              
+                
+                <a class="source" href="view.flot.html">
+                  view.flot.js
+                </a>
+              
+                
+                <a class="source" href="view.graph.html">
+                  view.graph.js
+                </a>
+              
+                
+                <a class="source" href="view.grid.html">
+                  view.grid.js
+                </a>
+              
+                
+                <a class="source" href="view.map.html">
+                  view.map.js
+                </a>
+              
+                
+                <a class="source" href="view.multiview.html">
+                  view.multiview.js
+                </a>
+              
+                
+                <a class="source" href="view.slickgrid.html">
+                  view.slickgrid.js
+                </a>
+              
+                
+                <a class="source" href="view.timeline.html">
+                  view.timeline.js
+                </a>
+              
+                
+                <a class="source" href="widget.facetviewer.html">
+                  widget.facetviewer.js
+                </a>
+              
+                
+                <a class="source" href="widget.fields.html">
+                  widget.fields.js
+                </a>
+              
+                
+                <a class="source" href="widget.filtereditor.html">
+                  widget.filtereditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.pager.html">
+                  widget.pager.js
+                </a>
+              
+                
+                <a class="source" href="widget.queryeditor.html">
+                  widget.queryeditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.valuefilter.html">
+                  widget.valuefilter.js
+                </a>
+              
+            </div>
+          </div>
+        </li>
+      </ul>
+    
+    <ul class="sections">
+        
+        
+        
+        <li id="section-1">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-1">&#182;</a>
+              </div>
+              <h1 id="recline-backbone-models">Recline Backbone Models</h1>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre><span class="hljs-keyword">this</span>.recline = <span class="hljs-keyword">this</span>.recline || {};
+<span class="hljs-keyword">this</span>.recline.Model = <span class="hljs-keyword">this</span>.recline.Model || {};
+
+(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(my)</span> </span>{
+<span class="hljs-pi">  "use strict"</span>;</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-2">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-2">&#182;</a>
+              </div>
+              <p>use either jQuery or Underscore Deferred depending on what is available</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre><span class="hljs-keyword">var</span> Deferred = (<span class="hljs-keyword">typeof</span> jQuery !== <span class="hljs-string">"undefined"</span> &amp;&amp; jQuery.Deferred) || _.Deferred;</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-3">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-3">&#182;</a>
+              </div>
+              <h2 id="-a-id-dataset-dataset-a-"><a id="dataset">Dataset</a></h2>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>my.Dataset = Backbone.Model.extend({
+  constructor: <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">Dataset</span><span class="hljs-params">()</span> </span>{
+    Backbone.Model.prototype.constructor.apply(<span class="hljs-keyword">this</span>, <span class="hljs-built_in">arguments</span>);
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-4">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-4">&#182;</a>
+              </div>
+              <h3 id="initialize">initialize</h3>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  initialize: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    _.bindAll(<span class="hljs-keyword">this</span>, <span class="hljs-string">'query'</span>);
+    <span class="hljs-keyword">this</span>.backend = <span class="hljs-literal">null</span>;
+    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.get(<span class="hljs-string">'backend'</span>)) {
+      <span class="hljs-keyword">this</span>.backend = <span class="hljs-keyword">this</span>._backendFromString(<span class="hljs-keyword">this</span>.get(<span class="hljs-string">'backend'</span>));
+    } <span class="hljs-keyword">else</span> { <span class="hljs-comment">// try to guess backend ...</span>
+      <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.get(<span class="hljs-string">'records'</span>)) {
+        <span class="hljs-keyword">this</span>.backend = recline.Backend.Memory;
+      }
+    }
+    <span class="hljs-keyword">this</span>.fields = <span class="hljs-keyword">new</span> my.FieldList();
+    <span class="hljs-keyword">this</span>.records = <span class="hljs-keyword">new</span> my.RecordList();
+    <span class="hljs-keyword">this</span>._changes = {
+      deletes: [],
+      updates: [],
+      creates: []
+    };
+    <span class="hljs-keyword">this</span>.facets = <span class="hljs-keyword">new</span> my.FacetList();
+    <span class="hljs-keyword">this</span>.recordCount = <span class="hljs-literal">null</span>;
+    <span class="hljs-keyword">this</span>.queryState = <span class="hljs-keyword">new</span> my.Query();
+    <span class="hljs-keyword">this</span>.queryState.bind(<span class="hljs-string">'change facet:add'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">()</span> </span>{
+      self.query(); <span class="hljs-comment">// We want to call query() without any arguments.</span>
+    });</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-5">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-5">&#182;</a>
+              </div>
+              <p>store is what we query and save against
 store will either be the backend or be a memory store if Backend fetch
-tells us to use memory store</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">this</span><span class="p">.</span><span class="nx">_store</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">backend</span><span class="p">;</span></pre></div>             </td>           </tr>                               <tr id="section-6">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-6">&#182;</a>               </div>               <p>if backend has a handleQueryResultFunction, use that</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">this</span><span class="p">.</span><span class="nx">_handleResult</span> <span class="o">=</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">backend</span> <span class="o">!=</span> <span class="kc">null</span> <span class="o">&amp;&amp;</span> <span class="nx">_</span><span class="p">.</span><span class="nx">has</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">backend</span><span class="p">,</span> <span class="s1">&#39;handleQueryResult&#39;</span><span class="p">))</span> <span class="o">?</span> 
-      <span class="k">this</span><span class="p">.</span><span class="nx">backend</span><span class="p">.</span><span class="nx">handleQueryResult</span> <span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">_handleQueryResult</span><span class="p">;</span>
-    <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">backend</span> <span class="o">==</span> <span class="nx">recline</span><span class="p">.</span><span class="nx">Backend</span><span class="p">.</span><span class="nx">Memory</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">fetch</span><span class="p">();</span>
-    <span class="p">}</span>
-  <span class="p">},</span>
+tells us to use memory store</p>
 
-  <span class="nx">sync</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">method</span><span class="p">,</span> <span class="nx">model</span><span class="p">,</span> <span class="nx">options</span><span class="p">)</span> <span class="p">{</span>
-    <span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">backend</span><span class="p">.</span><span class="nx">sync</span><span class="p">(</span><span class="nx">method</span><span class="p">,</span> <span class="nx">model</span><span class="p">,</span> <span class="nx">options</span><span class="p">);</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-7">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-7">&#182;</a>               </div>               <h3>fetch</h3>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">this</span>._store = <span class="hljs-keyword">this</span>.backend;</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-6">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-6">&#182;</a>
+              </div>
+              <p>if backend has a handleQueryResultFunction, use that</p>
 
-<p>Retrieve dataset and (some) records from the backend.</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">fetch</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="kd">var</span> <span class="nx">dfd</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Deferred</span><span class="p">();</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">this</span>._handleResult = (<span class="hljs-keyword">this</span>.backend != <span class="hljs-literal">null</span> &amp;&amp; _.has(<span class="hljs-keyword">this</span>.backend, <span class="hljs-string">'handleQueryResult'</span>)) ? 
+      <span class="hljs-keyword">this</span>.backend.handleQueryResult : <span class="hljs-keyword">this</span>._handleQueryResult;
+    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.backend == recline.Backend.Memory) {
+      <span class="hljs-keyword">this</span>.fetch();
+    }
+  },
 
-    <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">backend</span> <span class="o">!==</span> <span class="nx">recline</span><span class="p">.</span><span class="nx">Backend</span><span class="p">.</span><span class="nx">Memory</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">backend</span><span class="p">.</span><span class="nx">fetch</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">toJSON</span><span class="p">())</span>
-        <span class="p">.</span><span class="nx">done</span><span class="p">(</span><span class="nx">handleResults</span><span class="p">)</span>
-        <span class="p">.</span><span class="nx">fail</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">args</span><span class="p">)</span> <span class="p">{</span>
-          <span class="nx">dfd</span><span class="p">.</span><span class="nx">reject</span><span class="p">(</span><span class="nx">args</span><span class="p">);</span>
-        <span class="p">});</span>
-    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span></pre></div>             </td>           </tr>                               <tr id="section-8">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-8">&#182;</a>               </div>               <p>special case where we have been given data directly</p>             </td>             <td class="code">               <div class="highlight"><pre>      <span class="nx">handleResults</span><span class="p">({</span>
-        <span class="nx">records</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;records&#39;</span><span class="p">),</span>
-        <span class="nx">fields</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;fields&#39;</span><span class="p">),</span>
-        <span class="nx">useMemoryStore</span><span class="o">:</span> <span class="kc">true</span>
-      <span class="p">});</span>
-    <span class="p">}</span>
+  sync: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(method, model, options)</span> </span>{
+    <span class="hljs-keyword">return</span> <span class="hljs-keyword">this</span>.backend.sync(method, model, options);
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-7">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-7">&#182;</a>
+              </div>
+              <h3 id="fetch">fetch</h3>
+<p>Retrieve dataset and (some) records from the backend.</p>
 
-    <span class="kd">function</span> <span class="nx">handleResults</span><span class="p">(</span><span class="nx">results</span><span class="p">)</span> <span class="p">{</span></pre></div>             </td>           </tr>                               <tr id="section-9">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-9">&#182;</a>               </div>               <p>if explicitly given the fields
-(e.g. var dataset = new Dataset({fields: fields, ...})
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  fetch: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    <span class="hljs-keyword">var</span> dfd = <span class="hljs-keyword">new</span> Deferred();
+
+    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.backend !== recline.Backend.Memory) {
+      <span class="hljs-keyword">this</span>.backend.fetch(<span class="hljs-keyword">this</span>.toJSON())
+        .done(handleResults)
+        .fail(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(args)</span> </span>{
+          dfd.reject(args);
+        });
+    } <span class="hljs-keyword">else</span> {</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-8">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-8">&#182;</a>
+              </div>
+              <p>special case where we have been given data directly</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>      handleResults({
+        records: <span class="hljs-keyword">this</span>.get(<span class="hljs-string">'records'</span>),
+        fields: <span class="hljs-keyword">this</span>.get(<span class="hljs-string">'fields'</span>),
+        useMemoryStore: <span class="hljs-literal">true</span>
+      });
+    }
+
+    <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">handleResults</span><span class="hljs-params">(results)</span> </span>{</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-9">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-9">&#182;</a>
+              </div>
+              <p>if explicitly given the fields
+(e.g. var dataset = new Dataset({fields: fields, …})
 use that field info over anything we get back by parsing the data
-(results.fields)</p>             </td>             <td class="code">               <div class="highlight"><pre>      <span class="kd">var</span> <span class="nx">fields</span> <span class="o">=</span> <span class="nx">self</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;fields&#39;</span><span class="p">)</span> <span class="o">||</span> <span class="nx">results</span><span class="p">.</span><span class="nx">fields</span><span class="p">;</span>
+(results.fields)</p>
 
-      <span class="kd">var</span> <span class="nx">out</span> <span class="o">=</span> <span class="nx">self</span><span class="p">.</span><span class="nx">_normalizeRecordsAndFields</span><span class="p">(</span><span class="nx">results</span><span class="p">.</span><span class="nx">records</span><span class="p">,</span> <span class="nx">fields</span><span class="p">);</span>
-      <span class="k">if</span> <span class="p">(</span><span class="nx">results</span><span class="p">.</span><span class="nx">useMemoryStore</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">self</span><span class="p">.</span><span class="nx">_store</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">recline</span><span class="p">.</span><span class="nx">Backend</span><span class="p">.</span><span class="nx">Memory</span><span class="p">.</span><span class="nx">Store</span><span class="p">(</span><span class="nx">out</span><span class="p">.</span><span class="nx">records</span><span class="p">,</span> <span class="nx">out</span><span class="p">.</span><span class="nx">fields</span><span class="p">);</span>
-      <span class="p">}</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>      <span class="hljs-keyword">var</span> fields = self.get(<span class="hljs-string">'fields'</span>) || results.fields;
 
-      <span class="nx">self</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="nx">results</span><span class="p">.</span><span class="nx">metadata</span><span class="p">);</span>
-      <span class="nx">self</span><span class="p">.</span><span class="nx">fields</span><span class="p">.</span><span class="nx">reset</span><span class="p">(</span><span class="nx">out</span><span class="p">.</span><span class="nx">fields</span><span class="p">);</span>
-      <span class="nx">self</span><span class="p">.</span><span class="nx">query</span><span class="p">()</span>
-        <span class="p">.</span><span class="nx">done</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-          <span class="nx">dfd</span><span class="p">.</span><span class="nx">resolve</span><span class="p">(</span><span class="nx">self</span><span class="p">);</span>
-        <span class="p">})</span>
-        <span class="p">.</span><span class="nx">fail</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">args</span><span class="p">)</span> <span class="p">{</span>
-          <span class="nx">dfd</span><span class="p">.</span><span class="nx">reject</span><span class="p">(</span><span class="nx">args</span><span class="p">);</span>
-        <span class="p">});</span>
-    <span class="p">}</span>
+      <span class="hljs-keyword">var</span> out = self._normalizeRecordsAndFields(results.records, fields);
+      <span class="hljs-keyword">if</span> (results.useMemoryStore) {
+        self._store = <span class="hljs-keyword">new</span> recline.Backend.Memory.Store(out.records, out.fields);
+      }
 
-    <span class="k">return</span> <span class="nx">dfd</span><span class="p">.</span><span class="nx">promise</span><span class="p">();</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-10">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-10">&#182;</a>               </div>               <h3>_normalizeRecordsAndFields</h3>
+      self.set(results.metadata);
+      self.fields.reset(out.fields);
+      self.query()
+        .done(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+          dfd.resolve(self);
+        })
+        .fail(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(args)</span> </span>{
+          dfd.reject(args);
+        });
+    }
 
+    <span class="hljs-keyword">return</span> dfd.promise();
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-10">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-10">&#182;</a>
+              </div>
+              <h3 id="_normalizerecordsandfields">_normalizeRecordsAndFields</h3>
 <p>Get a proper set of fields and records from incoming set of fields and records either of which may be null or arrays or objects</p>
+<p>e.g. fields = [‘a’, ‘b’, ‘c’] and records = [ [1,2,3] ] =&gt;
+fields = [ {id: a}, {id: b}, {id: c}], records = [ {a: 1}, {b: 2}, {c: 3}]</p>
 
-<p>e.g. fields = ['a', 'b', 'c'] and records = [ [1,2,3] ] =>
-fields = [ {id: a}, {id: b}, {id: c}], records = [ {a: 1}, {b: 2}, {c: 3}]</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">_normalizeRecordsAndFields</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">records</span><span class="p">,</span> <span class="nx">fields</span><span class="p">)</span> <span class="p">{</span></pre></div>             </td>           </tr>                               <tr id="section-11">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-11">&#182;</a>               </div>               <p>if no fields get them from records</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">fields</span> <span class="o">&amp;&amp;</span> <span class="nx">records</span> <span class="o">&amp;&amp;</span> <span class="nx">records</span><span class="p">.</span><span class="nx">length</span> <span class="o">&gt;</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span></pre></div>             </td>           </tr>                               <tr id="section-12">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-12">&#182;</a>               </div>               <p>records is array then fields is first row of records ...</p>             </td>             <td class="code">               <div class="highlight"><pre>      <span class="k">if</span> <span class="p">(</span><span class="nx">records</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="k">instanceof</span> <span class="nb">Array</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">fields</span> <span class="o">=</span> <span class="nx">records</span><span class="p">[</span><span class="mi">0</span><span class="p">];</span>
-        <span class="nx">records</span> <span class="o">=</span> <span class="nx">records</span><span class="p">.</span><span class="nx">slice</span><span class="p">(</span><span class="mi">1</span><span class="p">);</span>
-      <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-        <span class="nx">fields</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">map</span><span class="p">(</span><span class="nx">_</span><span class="p">.</span><span class="nx">keys</span><span class="p">(</span><span class="nx">records</span><span class="p">[</span><span class="mi">0</span><span class="p">]),</span> <span class="kd">function</span><span class="p">(</span><span class="nx">key</span><span class="p">)</span> <span class="p">{</span>
-          <span class="k">return</span> <span class="p">{</span><span class="nx">id</span><span class="o">:</span> <span class="nx">key</span><span class="p">};</span>
-        <span class="p">});</span>
-      <span class="p">}</span>
-    <span class="p">}</span> </pre></div>             </td>           </tr>                               <tr id="section-13">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-13">&#182;</a>               </div>               <p>fields is an array of strings (i.e. list of field headings/ids)</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">if</span> <span class="p">(</span><span class="nx">fields</span> <span class="o">&amp;&amp;</span> <span class="nx">fields</span><span class="p">.</span><span class="nx">length</span> <span class="o">&gt;</span> <span class="mi">0</span> <span class="o">&amp;&amp;</span> <span class="p">(</span><span class="nx">fields</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">===</span> <span class="kc">null</span> <span class="o">||</span> <span class="k">typeof</span><span class="p">(</span><span class="nx">fields</span><span class="p">[</span><span class="mi">0</span><span class="p">])</span> <span class="o">!=</span> <span class="s1">&#39;object&#39;</span><span class="p">))</span> <span class="p">{</span></pre></div>             </td>           </tr>                               <tr id="section-14">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-14">&#182;</a>               </div>               <p>Rename duplicate fieldIds as each field name needs to be
-unique.</p>             </td>             <td class="code">               <div class="highlight"><pre>      <span class="kd">var</span> <span class="nx">seen</span> <span class="o">=</span> <span class="p">{};</span>
-      <span class="nx">fields</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">map</span><span class="p">(</span><span class="nx">fields</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">field</span><span class="p">,</span> <span class="nx">index</span><span class="p">)</span> <span class="p">{</span>
-        <span class="k">if</span> <span class="p">(</span><span class="nx">field</span> <span class="o">===</span> <span class="kc">null</span><span class="p">)</span> <span class="p">{</span>
-          <span class="nx">field</span> <span class="o">=</span> <span class="s1">&#39;&#39;</span><span class="p">;</span>
-        <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-          <span class="nx">field</span> <span class="o">=</span> <span class="nx">field</span><span class="p">.</span><span class="nx">toString</span><span class="p">();</span>
-        <span class="p">}</span></pre></div>             </td>           </tr>                               <tr id="section-15">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-15">&#182;</a>               </div>               <p>cannot use trim as not supported by IE7</p>             </td>             <td class="code">               <div class="highlight"><pre>        <span class="kd">var</span> <span class="nx">fieldId</span> <span class="o">=</span> <span class="nx">field</span><span class="p">.</span><span class="nx">replace</span><span class="p">(</span><span class="sr">/^\s+|\s+$/g</span><span class="p">,</span> <span class="s1">&#39;&#39;</span><span class="p">);</span>
-        <span class="k">if</span> <span class="p">(</span><span class="nx">fieldId</span> <span class="o">===</span> <span class="s1">&#39;&#39;</span><span class="p">)</span> <span class="p">{</span>
-          <span class="nx">fieldId</span> <span class="o">=</span> <span class="s1">&#39;_noname_&#39;</span><span class="p">;</span>
-          <span class="nx">field</span> <span class="o">=</span> <span class="nx">fieldId</span><span class="p">;</span>
-        <span class="p">}</span>
-        <span class="k">while</span> <span class="p">(</span><span class="nx">fieldId</span> <span class="k">in</span> <span class="nx">seen</span><span class="p">)</span> <span class="p">{</span>
-          <span class="nx">seen</span><span class="p">[</span><span class="nx">field</span><span class="p">]</span> <span class="o">+=</span> <span class="mi">1</span><span class="p">;</span>
-          <span class="nx">fieldId</span> <span class="o">=</span> <span class="nx">field</span> <span class="o">+</span> <span class="nx">seen</span><span class="p">[</span><span class="nx">field</span><span class="p">];</span>
-        <span class="p">}</span>
-        <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="p">(</span><span class="nx">field</span> <span class="k">in</span> <span class="nx">seen</span><span class="p">))</span> <span class="p">{</span>
-          <span class="nx">seen</span><span class="p">[</span><span class="nx">field</span><span class="p">]</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span>
-        <span class="p">}</span></pre></div>             </td>           </tr>                               <tr id="section-16">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-16">&#182;</a>               </div>               <p>TODO: decide whether to keep original name as label ...
-return { id: fieldId, label: field || fieldId }</p>             </td>             <td class="code">               <div class="highlight"><pre>        <span class="k">return</span> <span class="p">{</span> <span class="nx">id</span><span class="o">:</span> <span class="nx">fieldId</span> <span class="p">};</span>
-      <span class="p">});</span>
-    <span class="p">}</span></pre></div>             </td>           </tr>                               <tr id="section-17">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-17">&#182;</a>               </div>               <p>records is provided as arrays so need to zip together with fields
-NB: this requires you to have fields to match arrays</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">if</span> <span class="p">(</span><span class="nx">records</span> <span class="o">&amp;&amp;</span> <span class="nx">records</span><span class="p">.</span><span class="nx">length</span> <span class="o">&gt;</span> <span class="mi">0</span> <span class="o">&amp;&amp;</span> <span class="nx">records</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="k">instanceof</span> <span class="nb">Array</span><span class="p">)</span> <span class="p">{</span>
-      <span class="nx">records</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">map</span><span class="p">(</span><span class="nx">records</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">doc</span><span class="p">)</span> <span class="p">{</span>
-        <span class="kd">var</span> <span class="nx">tmp</span> <span class="o">=</span> <span class="p">{};</span>
-        <span class="nx">_</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="nx">fields</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">field</span><span class="p">,</span> <span class="nx">idx</span><span class="p">)</span> <span class="p">{</span>
-          <span class="nx">tmp</span><span class="p">[</span><span class="nx">field</span><span class="p">.</span><span class="nx">id</span><span class="p">]</span> <span class="o">=</span> <span class="nx">doc</span><span class="p">[</span><span class="nx">idx</span><span class="p">];</span>
-        <span class="p">});</span>
-        <span class="k">return</span> <span class="nx">tmp</span><span class="p">;</span>
-      <span class="p">});</span>
-    <span class="p">}</span>
-    <span class="k">return</span> <span class="p">{</span>
-      <span class="nx">fields</span><span class="o">:</span> <span class="nx">fields</span><span class="p">,</span>
-      <span class="nx">records</span><span class="o">:</span> <span class="nx">records</span>
-    <span class="p">};</span>
-  <span class="p">},</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  _normalizeRecordsAndFields: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(records, fields)</span> </span>{</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-11">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-11">&#182;</a>
+              </div>
+              <p>if no fields get them from records</p>
 
-  <span class="nx">save</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span></pre></div>             </td>           </tr>                               <tr id="section-18">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-18">&#182;</a>               </div>               <p>TODO: need to reset the changes ...</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">_store</span><span class="p">.</span><span class="nx">save</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_changes</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">toJSON</span><span class="p">());</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-19">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-19">&#182;</a>               </div>               <h3>query</h3>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">if</span> (!fields &amp;&amp; records &amp;&amp; records.length &gt; <span class="hljs-number">0</span>) {</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-12">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-12">&#182;</a>
+              </div>
+              <p>records is array then fields is first row of records …</p>
 
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>      <span class="hljs-keyword">if</span> (records[<span class="hljs-number">0</span>] <span class="hljs-keyword">instanceof</span> <span class="hljs-built_in">Array</span>) {
+        fields = records[<span class="hljs-number">0</span>];
+        records = records.slice(<span class="hljs-number">1</span>);
+      } <span class="hljs-keyword">else</span> {
+        fields = _.map(_.keys(records[<span class="hljs-number">0</span>]), <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(key)</span> </span>{
+          <span class="hljs-keyword">return</span> {id: key};
+        });
+      }
+    }</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-13">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-13">&#182;</a>
+              </div>
+              <p>fields is an array of strings (i.e. list of field headings/ids)</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">if</span> (fields &amp;&amp; fields.length &gt; <span class="hljs-number">0</span> &amp;&amp; (fields[<span class="hljs-number">0</span>] === <span class="hljs-literal">null</span> || <span class="hljs-keyword">typeof</span>(fields[<span class="hljs-number">0</span>]) != <span class="hljs-string">'object'</span>)) {</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-14">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-14">&#182;</a>
+              </div>
+              <p>Rename duplicate fieldIds as each field name needs to be
+unique.</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>      <span class="hljs-keyword">var</span> seen = {};
+      fields = _.map(fields, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(field, index)</span> </span>{
+        <span class="hljs-keyword">if</span> (field === <span class="hljs-literal">null</span>) {
+          field = <span class="hljs-string">''</span>;
+        } <span class="hljs-keyword">else</span> {
+          field = field.toString();
+        }</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-15">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-15">&#182;</a>
+              </div>
+              <p>cannot use trim as not supported by IE7</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>        <span class="hljs-keyword">var</span> fieldId = field.replace(<span class="hljs-regexp">/^\s+|\s+$/g</span>, <span class="hljs-string">''</span>);
+        <span class="hljs-keyword">if</span> (fieldId === <span class="hljs-string">''</span>) {
+          fieldId = <span class="hljs-string">'_noname_'</span>;
+          field = fieldId;
+        }
+        <span class="hljs-keyword">while</span> (fieldId <span class="hljs-keyword">in</span> seen) {
+          seen[field] += <span class="hljs-number">1</span>;
+          fieldId = field + seen[field];
+        }
+        <span class="hljs-keyword">if</span> (!(field <span class="hljs-keyword">in</span> seen)) {
+          seen[field] = <span class="hljs-number">0</span>;
+        }</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-16">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-16">&#182;</a>
+              </div>
+              <p>TODO: decide whether to keep original name as label …
+return { id: fieldId, label: field || fieldId }</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>        <span class="hljs-keyword">return</span> { id: fieldId };
+      });
+    }</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-17">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-17">&#182;</a>
+              </div>
+              <p>records is provided as arrays so need to zip together with fields
+NB: this requires you to have fields to match arrays</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">if</span> (records &amp;&amp; records.length &gt; <span class="hljs-number">0</span> &amp;&amp; records[<span class="hljs-number">0</span>] <span class="hljs-keyword">instanceof</span> <span class="hljs-built_in">Array</span>) {
+      records = _.map(records, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(doc)</span> </span>{
+        <span class="hljs-keyword">var</span> tmp = {};
+        _.each(fields, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(field, idx)</span> </span>{
+          tmp[field.id] = doc[idx];
+        });
+        <span class="hljs-keyword">return</span> tmp;
+      });
+    }
+    <span class="hljs-keyword">return</span> {
+      fields: fields,
+      records: records
+    };
+  },
+
+  save: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-18">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-18">&#182;</a>
+              </div>
+              <p>TODO: need to reset the changes …</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">return</span> <span class="hljs-keyword">this</span>._store.save(<span class="hljs-keyword">this</span>._changes, <span class="hljs-keyword">this</span>.toJSON());
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-19">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-19">&#182;</a>
+              </div>
+              <h3 id="query">query</h3>
 <p>AJAX method with promise API to get records from the backend.</p>
-
 <p>It will query based on current query state (given by this.queryState)
 updated by queryObj (if provided).</p>
-
 <p>Resulting RecordList are used to reset this.records and are
-also returned.</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">query</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">queryObj</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="kd">var</span> <span class="nx">dfd</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Deferred</span><span class="p">();</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">trigger</span><span class="p">(</span><span class="s1">&#39;query:start&#39;</span><span class="p">);</span>
+also returned.</p>
 
-    <span class="k">if</span> <span class="p">(</span><span class="nx">queryObj</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">queryState</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="nx">queryObj</span><span class="p">,</span> <span class="p">{</span><span class="nx">silent</span><span class="o">:</span> <span class="kc">true</span><span class="p">});</span>
-    <span class="p">}</span>
-    <span class="kd">var</span> <span class="nx">actualQuery</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">queryState</span><span class="p">.</span><span class="nx">toJSON</span><span class="p">();</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  query: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(queryObj)</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    <span class="hljs-keyword">var</span> dfd = <span class="hljs-keyword">new</span> Deferred();
+    <span class="hljs-keyword">this</span>.trigger(<span class="hljs-string">'query:start'</span>);
 
-    <span class="k">this</span><span class="p">.</span><span class="nx">_store</span><span class="p">.</span><span class="nx">query</span><span class="p">(</span><span class="nx">actualQuery</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">toJSON</span><span class="p">())</span>
-      <span class="p">.</span><span class="nx">done</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">queryResult</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">self</span><span class="p">.</span><span class="nx">_handleResult</span><span class="p">(</span><span class="nx">queryResult</span><span class="p">);</span>
-        <span class="nx">self</span><span class="p">.</span><span class="nx">trigger</span><span class="p">(</span><span class="s1">&#39;query:done&#39;</span><span class="p">);</span>
-        <span class="nx">dfd</span><span class="p">.</span><span class="nx">resolve</span><span class="p">(</span><span class="nx">self</span><span class="p">.</span><span class="nx">records</span><span class="p">);</span>
-      <span class="p">})</span>
-      <span class="p">.</span><span class="nx">fail</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">args</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">self</span><span class="p">.</span><span class="nx">trigger</span><span class="p">(</span><span class="s1">&#39;query:fail&#39;</span><span class="p">,</span> <span class="nx">args</span><span class="p">);</span>
-        <span class="nx">dfd</span><span class="p">.</span><span class="nx">reject</span><span class="p">(</span><span class="nx">args</span><span class="p">);</span>
-      <span class="p">});</span>
-    <span class="k">return</span> <span class="nx">dfd</span><span class="p">.</span><span class="nx">promise</span><span class="p">();</span>
-  <span class="p">},</span>
+    <span class="hljs-keyword">if</span> (queryObj) {
+      <span class="hljs-keyword">var</span> attributes = queryObj;
+      <span class="hljs-keyword">if</span> (queryObj <span class="hljs-keyword">instanceof</span> my.Query) {
+        attributes = queryObj.toJSON();
+      }
+      <span class="hljs-keyword">this</span>.queryState.set(attributes, {silent: <span class="hljs-literal">true</span>});
+    }
+    <span class="hljs-keyword">var</span> actualQuery = <span class="hljs-keyword">this</span>.queryState.toJSON();
 
-  <span class="nx">_handleQueryResult</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">queryResult</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="nx">self</span><span class="p">.</span><span class="nx">recordCount</span> <span class="o">=</span> <span class="nx">queryResult</span><span class="p">.</span><span class="nx">total</span><span class="p">;</span>
-    <span class="kd">var</span> <span class="nx">docs</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">map</span><span class="p">(</span><span class="nx">queryResult</span><span class="p">.</span><span class="nx">hits</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">hit</span><span class="p">)</span> <span class="p">{</span>
-      <span class="kd">var</span> <span class="nx">_doc</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">my</span><span class="p">.</span><span class="nx">Record</span><span class="p">(</span><span class="nx">hit</span><span class="p">);</span>
-      <span class="nx">_doc</span><span class="p">.</span><span class="nx">fields</span> <span class="o">=</span> <span class="nx">self</span><span class="p">.</span><span class="nx">fields</span><span class="p">;</span>
-      <span class="nx">_doc</span><span class="p">.</span><span class="nx">bind</span><span class="p">(</span><span class="s1">&#39;change&#39;</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">doc</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">self</span><span class="p">.</span><span class="nx">_changes</span><span class="p">.</span><span class="nx">updates</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">doc</span><span class="p">.</span><span class="nx">toJSON</span><span class="p">());</span>
-      <span class="p">});</span>
-      <span class="nx">_doc</span><span class="p">.</span><span class="nx">bind</span><span class="p">(</span><span class="s1">&#39;destroy&#39;</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">doc</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">self</span><span class="p">.</span><span class="nx">_changes</span><span class="p">.</span><span class="nx">deletes</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">doc</span><span class="p">.</span><span class="nx">toJSON</span><span class="p">());</span>
-      <span class="p">});</span>
-      <span class="k">return</span> <span class="nx">_doc</span><span class="p">;</span>
-    <span class="p">});</span>
-    <span class="nx">self</span><span class="p">.</span><span class="nx">records</span><span class="p">.</span><span class="nx">reset</span><span class="p">(</span><span class="nx">docs</span><span class="p">);</span>
-    <span class="k">if</span> <span class="p">(</span><span class="nx">queryResult</span><span class="p">.</span><span class="nx">facets</span><span class="p">)</span> <span class="p">{</span>
-      <span class="kd">var</span> <span class="nx">facets</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">map</span><span class="p">(</span><span class="nx">queryResult</span><span class="p">.</span><span class="nx">facets</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">facetResult</span><span class="p">,</span> <span class="nx">facetId</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">facetResult</span><span class="p">.</span><span class="nx">id</span> <span class="o">=</span> <span class="nx">facetId</span><span class="p">;</span>
-        <span class="k">return</span> <span class="k">new</span> <span class="nx">my</span><span class="p">.</span><span class="nx">Facet</span><span class="p">(</span><span class="nx">facetResult</span><span class="p">);</span>
-      <span class="p">});</span>
-      <span class="nx">self</span><span class="p">.</span><span class="nx">facets</span><span class="p">.</span><span class="nx">reset</span><span class="p">(</span><span class="nx">facets</span><span class="p">);</span>
-    <span class="p">}</span>
-  <span class="p">},</span>
+    <span class="hljs-keyword">this</span>._store.query(actualQuery, <span class="hljs-keyword">this</span>.toJSON())
+      .done(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(queryResult)</span> </span>{
+        self._handleResult(queryResult);
+        self.trigger(<span class="hljs-string">'query:done'</span>);
+        dfd.resolve(self.records);
+      })
+      .fail(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(args)</span> </span>{
+        self.trigger(<span class="hljs-string">'query:fail'</span>, args);
+        dfd.reject(args);
+      });
+    <span class="hljs-keyword">return</span> dfd.promise();
+  },
 
-  <span class="nx">toTemplateJSON</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">data</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">toJSON</span><span class="p">();</span>
-    <span class="nx">data</span><span class="p">.</span><span class="nx">recordCount</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recordCount</span><span class="p">;</span>
-    <span class="nx">data</span><span class="p">.</span><span class="nx">fields</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">fields</span><span class="p">.</span><span class="nx">toJSON</span><span class="p">();</span>
-    <span class="k">return</span> <span class="nx">data</span><span class="p">;</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-20">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-20">&#182;</a>               </div>               <h3>getFieldsSummary</h3>
+  _handleQueryResult: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(queryResult)</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    self.recordCount = queryResult.total;
+    <span class="hljs-keyword">var</span> docs = _.map(queryResult.hits, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(hit)</span> </span>{
+      <span class="hljs-keyword">var</span> _doc = <span class="hljs-keyword">new</span> my.Record(hit);
+      _doc.fields = self.fields;
+      _doc.bind(<span class="hljs-string">'change'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(doc)</span> </span>{
+        self._changes.updates.push(doc.toJSON());
+      });
+      _doc.bind(<span class="hljs-string">'destroy'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(doc)</span> </span>{
+        self._changes.deletes.push(doc.toJSON());
+      });
+      <span class="hljs-keyword">return</span> _doc;
+    });
+    self.records.reset(docs);
+    <span class="hljs-keyword">if</span> (queryResult.facets) {
+      <span class="hljs-keyword">var</span> facets = _.map(queryResult.facets, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(facetResult, facetId)</span> </span>{
+        facetResult.id = facetId;
+        <span class="hljs-keyword">return</span> <span class="hljs-keyword">new</span> my.Facet(facetResult);
+      });
+      self.facets.reset(facets);
+    }
+  },
 
+  toTemplateJSON: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> data = <span class="hljs-keyword">this</span>.toJSON();
+    data.recordCount = <span class="hljs-keyword">this</span>.recordCount;
+    data.fields = <span class="hljs-keyword">this</span>.fields.toJSON();
+    <span class="hljs-keyword">return</span> data;
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-20">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-20">&#182;</a>
+              </div>
+              <h3 id="getfieldssummary">getFieldsSummary</h3>
 <p>Get a summary for each field in the form of a <code>Facet</code>.</p>
+<p>@return null as this is async function. Provides deferred/promise interface.</p>
 
-<p>@return null as this is async function. Provides deferred/promise interface.</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">getFieldsSummary</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="kd">var</span> <span class="nx">query</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">my</span><span class="p">.</span><span class="nx">Query</span><span class="p">();</span>
-    <span class="nx">query</span><span class="p">.</span><span class="nx">set</span><span class="p">({</span><span class="nx">size</span><span class="o">:</span> <span class="mi">0</span><span class="p">});</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">fields</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">field</span><span class="p">)</span> <span class="p">{</span>
-      <span class="nx">query</span><span class="p">.</span><span class="nx">addFacet</span><span class="p">(</span><span class="nx">field</span><span class="p">.</span><span class="nx">id</span><span class="p">);</span>
-    <span class="p">});</span>
-    <span class="kd">var</span> <span class="nx">dfd</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Deferred</span><span class="p">();</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">_store</span><span class="p">.</span><span class="nx">query</span><span class="p">(</span><span class="nx">query</span><span class="p">.</span><span class="nx">toJSON</span><span class="p">(),</span> <span class="k">this</span><span class="p">.</span><span class="nx">toJSON</span><span class="p">()).</span><span class="nx">done</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">queryResult</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">if</span> <span class="p">(</span><span class="nx">queryResult</span><span class="p">.</span><span class="nx">facets</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">_</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="nx">queryResult</span><span class="p">.</span><span class="nx">facets</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">facetResult</span><span class="p">,</span> <span class="nx">facetId</span><span class="p">)</span> <span class="p">{</span>
-          <span class="nx">facetResult</span><span class="p">.</span><span class="nx">id</span> <span class="o">=</span> <span class="nx">facetId</span><span class="p">;</span>
-          <span class="kd">var</span> <span class="nx">facet</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">my</span><span class="p">.</span><span class="nx">Facet</span><span class="p">(</span><span class="nx">facetResult</span><span class="p">);</span></pre></div>             </td>           </tr>                               <tr id="section-21">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-21">&#182;</a>               </div>               <p>TODO: probably want replace rather than reset (i.e. just replace the facet with this id)</p>             </td>             <td class="code">               <div class="highlight"><pre>          <span class="nx">self</span><span class="p">.</span><span class="nx">fields</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="nx">facetId</span><span class="p">).</span><span class="nx">facets</span><span class="p">.</span><span class="nx">reset</span><span class="p">(</span><span class="nx">facet</span><span class="p">);</span>
-        <span class="p">});</span>
-      <span class="p">}</span>
-      <span class="nx">dfd</span><span class="p">.</span><span class="nx">resolve</span><span class="p">(</span><span class="nx">queryResult</span><span class="p">);</span>
-    <span class="p">});</span>
-    <span class="k">return</span> <span class="nx">dfd</span><span class="p">.</span><span class="nx">promise</span><span class="p">();</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-22">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-22">&#182;</a>               </div>               <p>Deprecated (as of v0.5) - use record.summary()</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">recordSummary</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">record</span><span class="p">)</span> <span class="p">{</span>
-    <span class="k">return</span> <span class="nx">record</span><span class="p">.</span><span class="nx">summary</span><span class="p">();</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-23">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-23">&#182;</a>               </div>               <h3>_backendFromString(backendString)</h3>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  getFieldsSummary: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    <span class="hljs-keyword">var</span> query = <span class="hljs-keyword">new</span> my.Query();
+    query.set({size: <span class="hljs-number">0</span>});
+    <span class="hljs-keyword">this</span>.fields.each(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(field)</span> </span>{
+      query.addFacet(field.id);
+    });
+    <span class="hljs-keyword">var</span> dfd = <span class="hljs-keyword">new</span> Deferred();
+    <span class="hljs-keyword">this</span>._store.query(query.toJSON(), <span class="hljs-keyword">this</span>.toJSON()).done(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(queryResult)</span> </span>{
+      <span class="hljs-keyword">if</span> (queryResult.facets) {
+        _.each(queryResult.facets, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(facetResult, facetId)</span> </span>{
+          facetResult.id = facetId;
+          <span class="hljs-keyword">var</span> facet = <span class="hljs-keyword">new</span> my.Facet(facetResult);</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-21">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-21">&#182;</a>
+              </div>
+              <p>TODO: probably want replace rather than reset (i.e. just replace the facet with this id)</p>
 
-<p>Look up a backend module from a backend string (look in recline.Backend)</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">_backendFromString</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">backendString</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">backend</span> <span class="o">=</span> <span class="kc">null</span><span class="p">;</span>
-    <span class="k">if</span> <span class="p">(</span><span class="nx">recline</span> <span class="o">&amp;&amp;</span> <span class="nx">recline</span><span class="p">.</span><span class="nx">Backend</span><span class="p">)</span> <span class="p">{</span>
-      <span class="nx">_</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="nx">_</span><span class="p">.</span><span class="nx">keys</span><span class="p">(</span><span class="nx">recline</span><span class="p">.</span><span class="nx">Backend</span><span class="p">),</span> <span class="kd">function</span><span class="p">(</span><span class="nx">name</span><span class="p">)</span> <span class="p">{</span>
-        <span class="k">if</span> <span class="p">(</span><span class="nx">name</span><span class="p">.</span><span class="nx">toLowerCase</span><span class="p">()</span> <span class="o">===</span> <span class="nx">backendString</span><span class="p">.</span><span class="nx">toLowerCase</span><span class="p">())</span> <span class="p">{</span>
-          <span class="nx">backend</span> <span class="o">=</span> <span class="nx">recline</span><span class="p">.</span><span class="nx">Backend</span><span class="p">[</span><span class="nx">name</span><span class="p">];</span>
-        <span class="p">}</span>
-      <span class="p">});</span>
-    <span class="p">}</span>
-    <span class="k">return</span> <span class="nx">backend</span><span class="p">;</span>
-  <span class="p">}</span>
-<span class="p">});</span></pre></div>             </td>           </tr>                               <tr id="section-24">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-24">&#182;</a>               </div>               <h2><a id="record">A Record</a></h2>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>          self.fields.get(facetId).facets.reset(facet);
+        });
+      }
+      dfd.resolve(queryResult);
+    });
+    <span class="hljs-keyword">return</span> dfd.promise();
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-22">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-22">&#182;</a>
+              </div>
+              <p>Deprecated (as of v0.5) - use record.summary()</p>
 
-<p>A single record (or row) in the dataset</p>             </td>             <td class="code">               <div class="highlight"><pre><span class="nx">my</span><span class="p">.</span><span class="nx">Record</span> <span class="o">=</span> <span class="nx">Backbone</span><span class="p">.</span><span class="nx">Model</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-  <span class="nx">constructor</span><span class="o">:</span> <span class="kd">function</span> <span class="nx">Record</span><span class="p">()</span> <span class="p">{</span>
-    <span class="nx">Backbone</span><span class="p">.</span><span class="nx">Model</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">constructor</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="nx">arguments</span><span class="p">);</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-25">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-25">&#182;</a>               </div>               <h3>initialize</h3>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  recordSummary: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(record)</span> </span>{
+    <span class="hljs-keyword">return</span> record.summary();
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-23">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-23">&#182;</a>
+              </div>
+              <h3 id="_backendfromstring-backendstring-">_backendFromString(backendString)</h3>
+<p>Look up a backend module from a backend string (look in recline.Backend)</p>
 
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  _backendFromString: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(backendString)</span> </span>{
+    <span class="hljs-keyword">var</span> backend = <span class="hljs-literal">null</span>;
+    <span class="hljs-keyword">if</span> (recline &amp;&amp; recline.Backend) {
+      _.each(_.keys(recline.Backend), <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(name)</span> </span>{
+        <span class="hljs-keyword">if</span> (name.toLowerCase() === backendString.toLowerCase()) {
+          backend = recline.Backend[name];
+        }
+      });
+    }
+    <span class="hljs-keyword">return</span> backend;
+  }
+});</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-24">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-24">&#182;</a>
+              </div>
+              <h2 id="-a-id-record-a-record-a-"><a id="record">A Record</a></h2>
+<p>A single record (or row) in the dataset</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>my.Record = Backbone.Model.extend({
+  constructor: <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">Record</span><span class="hljs-params">()</span> </span>{
+    Backbone.Model.prototype.constructor.apply(<span class="hljs-keyword">this</span>, <span class="hljs-built_in">arguments</span>);
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-25">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-25">&#182;</a>
+              </div>
+              <h3 id="initialize">initialize</h3>
 <p>Create a Record</p>
-
 <p>You usually will not do this directly but will have records created by
 Dataset e.g. in query method</p>
+<p>Certain methods require presence of a fields attribute (identical to that on Dataset)</p>
 
-<p>Certain methods require presence of a fields attribute (identical to that on Dataset)</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">initialize</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="nx">_</span><span class="p">.</span><span class="nx">bindAll</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="s1">&#39;getFieldValue&#39;</span><span class="p">);</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-26">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-26">&#182;</a>               </div>               <h3>getFieldValue</h3>
-
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  initialize: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    _.bindAll(<span class="hljs-keyword">this</span>, <span class="hljs-string">'getFieldValue'</span>);
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-26">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-26">&#182;</a>
+              </div>
+              <h3 id="getfieldvalue">getFieldValue</h3>
 <p>For the provided Field get the corresponding rendered computed data value
 for this record.</p>
+<p>NB: if field is undefined a default ‘’ value will be returned</p>
 
-<p>NB: if field is undefined a default '' value will be returned</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">getFieldValue</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">field</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">val</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">getFieldValueUnrendered</span><span class="p">(</span><span class="nx">field</span><span class="p">);</span>
-    <span class="k">if</span> <span class="p">(</span><span class="nx">field</span> <span class="o">&amp;&amp;</span> <span class="o">!</span><span class="nx">_</span><span class="p">.</span><span class="nx">isUndefined</span><span class="p">(</span><span class="nx">field</span><span class="p">.</span><span class="nx">renderer</span><span class="p">))</span> <span class="p">{</span>
-      <span class="nx">val</span> <span class="o">=</span> <span class="nx">field</span><span class="p">.</span><span class="nx">renderer</span><span class="p">(</span><span class="nx">val</span><span class="p">,</span> <span class="nx">field</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">toJSON</span><span class="p">());</span>
-    <span class="p">}</span>
-    <span class="k">return</span> <span class="nx">val</span><span class="p">;</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-27">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-27">&#182;</a>               </div>               <h3>getFieldValueUnrendered</h3>
-
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  getFieldValue: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(field)</span> </span>{
+    <span class="hljs-keyword">var</span> val = <span class="hljs-keyword">this</span>.getFieldValueUnrendered(field);
+    <span class="hljs-keyword">if</span> (field &amp;&amp; !_.isUndefined(field.renderer)) {
+      val = field.renderer(val, field, <span class="hljs-keyword">this</span>.toJSON());
+    }
+    <span class="hljs-keyword">return</span> val;
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-27">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-27">&#182;</a>
+              </div>
+              <h3 id="getfieldvalueunrendered">getFieldValueUnrendered</h3>
 <p>For the provided Field get the corresponding computed data value
 for this record.</p>
+<p>NB: if field is undefined a default ‘’ value will be returned</p>
 
-<p>NB: if field is undefined a default '' value will be returned</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">getFieldValueUnrendered</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">field</span><span class="p">)</span> <span class="p">{</span>
-    <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">field</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">return</span> <span class="s1">&#39;&#39;</span><span class="p">;</span>
-    <span class="p">}</span>
-    <span class="kd">var</span> <span class="nx">val</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="nx">field</span><span class="p">.</span><span class="nx">id</span><span class="p">);</span>
-    <span class="k">if</span> <span class="p">(</span><span class="nx">field</span><span class="p">.</span><span class="nx">deriver</span><span class="p">)</span> <span class="p">{</span>
-      <span class="nx">val</span> <span class="o">=</span> <span class="nx">field</span><span class="p">.</span><span class="nx">deriver</span><span class="p">(</span><span class="nx">val</span><span class="p">,</span> <span class="nx">field</span><span class="p">,</span> <span class="k">this</span><span class="p">);</span>
-    <span class="p">}</span>
-    <span class="k">return</span> <span class="nx">val</span><span class="p">;</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-28">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-28">&#182;</a>               </div>               <h3>summary</h3>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  getFieldValueUnrendered: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(field)</span> </span>{
+    <span class="hljs-keyword">if</span> (!field) {
+      <span class="hljs-keyword">return</span> <span class="hljs-string">''</span>;
+    }
+    <span class="hljs-keyword">var</span> val = <span class="hljs-keyword">this</span>.get(field.id);
+    <span class="hljs-keyword">if</span> (field.deriver) {
+      val = field.deriver(val, field, <span class="hljs-keyword">this</span>);
+    }
+    <span class="hljs-keyword">return</span> val;
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-28">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-28">&#182;</a>
+              </div>
+              <h3 id="summary">summary</h3>
+<p>Get a simple html summary of this record in form of key/value list</p>
 
-<p>Get a simple html summary of this record in form of key/value list</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">summary</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">record</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="kd">var</span> <span class="nx">html</span> <span class="o">=</span> <span class="s1">&#39;&lt;div class=&quot;recline-record-summary&quot;&gt;&#39;</span><span class="p">;</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">fields</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">field</span><span class="p">)</span> <span class="p">{</span> 
-      <span class="k">if</span> <span class="p">(</span><span class="nx">field</span><span class="p">.</span><span class="nx">id</span> <span class="o">!=</span> <span class="s1">&#39;id&#39;</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">html</span> <span class="o">+=</span> <span class="s1">&#39;&lt;div class=&quot;&#39;</span> <span class="o">+</span> <span class="nx">field</span><span class="p">.</span><span class="nx">id</span> <span class="o">+</span> <span class="s1">&#39;&quot;&gt;&lt;strong&gt;&#39;</span> <span class="o">+</span> <span class="nx">field</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;label&#39;</span><span class="p">)</span> <span class="o">+</span> <span class="s1">&#39;&lt;/strong&gt;: &#39;</span> <span class="o">+</span> <span class="nx">self</span><span class="p">.</span><span class="nx">getFieldValue</span><span class="p">(</span><span class="nx">field</span><span class="p">)</span> <span class="o">+</span> <span class="s1">&#39;&lt;/div&gt;&#39;</span><span class="p">;</span>
-      <span class="p">}</span>
-    <span class="p">});</span>
-    <span class="nx">html</span> <span class="o">+=</span> <span class="s1">&#39;&lt;/div&gt;&#39;</span><span class="p">;</span>
-    <span class="k">return</span> <span class="nx">html</span><span class="p">;</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-29">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-29">&#182;</a>               </div>               <p>Override Backbone save, fetch and destroy so they do nothing
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  summary: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(record)</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    <span class="hljs-keyword">var</span> html = <span class="hljs-string">'&lt;div class="recline-record-summary"&gt;'</span>;
+    <span class="hljs-keyword">this</span>.fields.each(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(field)</span> </span>{ 
+      <span class="hljs-keyword">if</span> (field.id != <span class="hljs-string">'id'</span>) {
+        html += <span class="hljs-string">'&lt;div class="'</span> + field.id + <span class="hljs-string">'"&gt;&lt;strong&gt;'</span> + field.get(<span class="hljs-string">'label'</span>) + <span class="hljs-string">'&lt;/strong&gt;: '</span> + self.getFieldValue(field) + <span class="hljs-string">'&lt;/div&gt;'</span>;
+      }
+    });
+    html += <span class="hljs-string">'&lt;/div&gt;'</span>;
+    <span class="hljs-keyword">return</span> html;
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-29">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-29">&#182;</a>
+              </div>
+              <p>Override Backbone save, fetch and destroy so they do nothing
 Instead, Dataset object that created this Record should take care of
 handling these changes (discovery will occur via event notifications)
-WARNING: these will not persist <em>unless</em> you call save on Dataset</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">fetch</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{},</span>
-  <span class="nx">save</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{},</span>
-  <span class="nx">destroy</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span> <span class="k">this</span><span class="p">.</span><span class="nx">trigger</span><span class="p">(</span><span class="s1">&#39;destroy&#39;</span><span class="p">,</span> <span class="k">this</span><span class="p">);</span> <span class="p">}</span>
-<span class="p">});</span></pre></div>             </td>           </tr>                               <tr id="section-30">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-30">&#182;</a>               </div>               <h2>A Backbone collection of Records</h2>             </td>             <td class="code">               <div class="highlight"><pre><span class="nx">my</span><span class="p">.</span><span class="nx">RecordList</span> <span class="o">=</span> <span class="nx">Backbone</span><span class="p">.</span><span class="nx">Collection</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-  <span class="nx">constructor</span><span class="o">:</span> <span class="kd">function</span> <span class="nx">RecordList</span><span class="p">()</span> <span class="p">{</span>
-    <span class="nx">Backbone</span><span class="p">.</span><span class="nx">Collection</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">constructor</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="nx">arguments</span><span class="p">);</span>
-  <span class="p">},</span>
-  <span class="nx">model</span><span class="o">:</span> <span class="nx">my</span><span class="p">.</span><span class="nx">Record</span>
-<span class="p">});</span></pre></div>             </td>           </tr>                               <tr id="section-31">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-31">&#182;</a>               </div>               <h2><a id="field">A Field (aka Column) on a Dataset</a></h2>             </td>             <td class="code">               <div class="highlight"><pre><span class="nx">my</span><span class="p">.</span><span class="nx">Field</span> <span class="o">=</span> <span class="nx">Backbone</span><span class="p">.</span><span class="nx">Model</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-  <span class="nx">constructor</span><span class="o">:</span> <span class="kd">function</span> <span class="nx">Field</span><span class="p">()</span> <span class="p">{</span>
-    <span class="nx">Backbone</span><span class="p">.</span><span class="nx">Model</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">constructor</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="nx">arguments</span><span class="p">);</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-32">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-32">&#182;</a>               </div>               <h3>defaults - define default values</h3>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">defaults</span><span class="o">:</span> <span class="p">{</span>
-    <span class="nx">label</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
-    <span class="nx">type</span><span class="o">:</span> <span class="s1">&#39;string&#39;</span><span class="p">,</span>
-    <span class="nx">format</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
-    <span class="nx">is_derived</span><span class="o">:</span> <span class="kc">false</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-33">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-33">&#182;</a>               </div>               <h3>initialize</h3>
+WARNING: these will not persist <em>unless</em> you call save on Dataset</p>
 
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  fetch: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{},
+  save: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{},
+  destroy: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{ <span class="hljs-keyword">this</span>.trigger(<span class="hljs-string">'destroy'</span>, <span class="hljs-keyword">this</span>); }
+});</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-30">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-30">&#182;</a>
+              </div>
+              <h2 id="a-backbone-collection-of-records">A Backbone collection of Records</h2>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>my.RecordList = Backbone.Collection.extend({
+  constructor: <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">RecordList</span><span class="hljs-params">()</span> </span>{
+    Backbone.Collection.prototype.constructor.apply(<span class="hljs-keyword">this</span>, <span class="hljs-built_in">arguments</span>);
+  },
+  model: my.Record
+});</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-31">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-31">&#182;</a>
+              </div>
+              <h2 id="-a-id-field-a-field-aka-column-on-a-dataset-a-"><a id="field">A Field (aka Column) on a Dataset</a></h2>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>my.Field = Backbone.Model.extend({
+  constructor: <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">Field</span><span class="hljs-params">()</span> </span>{
+    Backbone.Model.prototype.constructor.apply(<span class="hljs-keyword">this</span>, <span class="hljs-built_in">arguments</span>);
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-32">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-32">&#182;</a>
+              </div>
+              <h3 id="defaults-define-default-values">defaults - define default values</h3>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  defaults: {
+    label: <span class="hljs-literal">null</span>,
+    type: <span class="hljs-string">'string'</span>,
+    format: <span class="hljs-literal">null</span>,
+    is_derived: <span class="hljs-literal">false</span>
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-33">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-33">&#182;</a>
+              </div>
+              <h3 id="initialize">initialize</h3>
 <p>@param {Object} data: standard Backbone model attributes</p>
+<p>@param {Object} options: renderer and/or deriver functions.</p>
 
-<p>@param {Object} options: renderer and/or deriver functions.</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">initialize</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">data</span><span class="p">,</span> <span class="nx">options</span><span class="p">)</span> <span class="p">{</span></pre></div>             </td>           </tr>                               <tr id="section-34">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-34">&#182;</a>               </div>               <p>if a hash not passed in the first argument throw error</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">if</span> <span class="p">(</span><span class="s1">&#39;0&#39;</span> <span class="k">in</span> <span class="nx">data</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">throw</span> <span class="k">new</span> <span class="nb">Error</span><span class="p">(</span><span class="s1">&#39;Looks like you did not pass a proper hash with id to Field constructor&#39;</span><span class="p">);</span>
-    <span class="p">}</span>
-    <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">attributes</span><span class="p">.</span><span class="nx">label</span> <span class="o">===</span> <span class="kc">null</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">set</span><span class="p">({</span><span class="nx">label</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">id</span><span class="p">});</span>
-    <span class="p">}</span>
-    <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">attributes</span><span class="p">.</span><span class="nx">type</span><span class="p">.</span><span class="nx">toLowerCase</span><span class="p">()</span> <span class="k">in</span> <span class="k">this</span><span class="p">.</span><span class="nx">_typeMap</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">attributes</span><span class="p">.</span><span class="nx">type</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_typeMap</span><span class="p">[</span><span class="k">this</span><span class="p">.</span><span class="nx">attributes</span><span class="p">.</span><span class="nx">type</span><span class="p">.</span><span class="nx">toLowerCase</span><span class="p">()];</span>
-    <span class="p">}</span>
-    <span class="k">if</span> <span class="p">(</span><span class="nx">options</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">renderer</span> <span class="o">=</span> <span class="nx">options</span><span class="p">.</span><span class="nx">renderer</span><span class="p">;</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">deriver</span> <span class="o">=</span> <span class="nx">options</span><span class="p">.</span><span class="nx">deriver</span><span class="p">;</span>
-    <span class="p">}</span>
-    <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">renderer</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">renderer</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">defaultRenderers</span><span class="p">[</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;type&#39;</span><span class="p">)];</span>
-    <span class="p">}</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">facets</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">my</span><span class="p">.</span><span class="nx">FacetList</span><span class="p">();</span>
-  <span class="p">},</span>
-  <span class="nx">_typeMap</span><span class="o">:</span> <span class="p">{</span>
-    <span class="s1">&#39;text&#39;</span><span class="o">:</span> <span class="s1">&#39;string&#39;</span><span class="p">,</span>
-    <span class="s1">&#39;double&#39;</span><span class="o">:</span> <span class="s1">&#39;number&#39;</span><span class="p">,</span>
-    <span class="s1">&#39;float&#39;</span><span class="o">:</span> <span class="s1">&#39;number&#39;</span><span class="p">,</span>
-    <span class="s1">&#39;numeric&#39;</span><span class="o">:</span> <span class="s1">&#39;number&#39;</span><span class="p">,</span>
-    <span class="s1">&#39;int&#39;</span><span class="o">:</span> <span class="s1">&#39;integer&#39;</span><span class="p">,</span>
-    <span class="s1">&#39;datetime&#39;</span><span class="o">:</span> <span class="s1">&#39;date-time&#39;</span><span class="p">,</span>
-    <span class="s1">&#39;bool&#39;</span><span class="o">:</span> <span class="s1">&#39;boolean&#39;</span><span class="p">,</span>
-    <span class="s1">&#39;timestamp&#39;</span><span class="o">:</span> <span class="s1">&#39;date-time&#39;</span><span class="p">,</span>
-    <span class="s1">&#39;json&#39;</span><span class="o">:</span> <span class="s1">&#39;object&#39;</span>
-  <span class="p">},</span>
-  <span class="nx">defaultRenderers</span><span class="o">:</span> <span class="p">{</span>
-    <span class="nx">object</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">val</span><span class="p">,</span> <span class="nx">field</span><span class="p">,</span> <span class="nx">doc</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">return</span> <span class="nx">JSON</span><span class="p">.</span><span class="nx">stringify</span><span class="p">(</span><span class="nx">val</span><span class="p">);</span>
-    <span class="p">},</span>
-    <span class="nx">geo_point</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">val</span><span class="p">,</span> <span class="nx">field</span><span class="p">,</span> <span class="nx">doc</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">return</span> <span class="nx">JSON</span><span class="p">.</span><span class="nx">stringify</span><span class="p">(</span><span class="nx">val</span><span class="p">);</span>
-    <span class="p">},</span>
-    <span class="s1">&#39;number&#39;</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">val</span><span class="p">,</span> <span class="nx">field</span><span class="p">,</span> <span class="nx">doc</span><span class="p">)</span> <span class="p">{</span>
-      <span class="kd">var</span> <span class="nx">format</span> <span class="o">=</span> <span class="nx">field</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;format&#39;</span><span class="p">);</span> 
-      <span class="k">if</span> <span class="p">(</span><span class="nx">format</span> <span class="o">===</span> <span class="s1">&#39;percentage&#39;</span><span class="p">)</span> <span class="p">{</span>
-        <span class="k">return</span> <span class="nx">val</span> <span class="o">+</span> <span class="s1">&#39;%&#39;</span><span class="p">;</span>
-      <span class="p">}</span>
-      <span class="k">return</span> <span class="nx">val</span><span class="p">;</span>
-    <span class="p">},</span>
-    <span class="s1">&#39;string&#39;</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">val</span><span class="p">,</span> <span class="nx">field</span><span class="p">,</span> <span class="nx">doc</span><span class="p">)</span> <span class="p">{</span>
-      <span class="kd">var</span> <span class="nx">format</span> <span class="o">=</span> <span class="nx">field</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;format&#39;</span><span class="p">);</span>
-      <span class="k">if</span> <span class="p">(</span><span class="nx">format</span> <span class="o">===</span> <span class="s1">&#39;markdown&#39;</span><span class="p">)</span> <span class="p">{</span>
-        <span class="k">if</span> <span class="p">(</span><span class="k">typeof</span> <span class="nx">Showdown</span> <span class="o">!==</span> <span class="s1">&#39;undefined&#39;</span><span class="p">)</span> <span class="p">{</span>
-          <span class="kd">var</span> <span class="nx">showdown</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Showdown</span><span class="p">.</span><span class="nx">converter</span><span class="p">();</span>
-          <span class="nx">out</span> <span class="o">=</span> <span class="nx">showdown</span><span class="p">.</span><span class="nx">makeHtml</span><span class="p">(</span><span class="nx">val</span><span class="p">);</span>
-          <span class="k">return</span> <span class="nx">out</span><span class="p">;</span>
-        <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-          <span class="k">return</span> <span class="nx">val</span><span class="p">;</span>
-        <span class="p">}</span>
-      <span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">format</span> <span class="o">==</span> <span class="s1">&#39;plain&#39;</span><span class="p">)</span> <span class="p">{</span>
-        <span class="k">return</span> <span class="nx">val</span><span class="p">;</span>
-      <span class="p">}</span> <span class="k">else</span> <span class="p">{</span></pre></div>             </td>           </tr>                               <tr id="section-35">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-35">&#182;</a>               </div>               <p>as this is the default and default type is string may get things
-here that are not actually strings</p>             </td>             <td class="code">               <div class="highlight"><pre>        <span class="k">if</span> <span class="p">(</span><span class="nx">val</span> <span class="o">&amp;&amp;</span> <span class="k">typeof</span> <span class="nx">val</span> <span class="o">===</span> <span class="s1">&#39;string&#39;</span><span class="p">)</span> <span class="p">{</span>
-          <span class="nx">val</span> <span class="o">=</span> <span class="nx">val</span><span class="p">.</span><span class="nx">replace</span><span class="p">(</span><span class="sr">/(https?:\/\/[^ ]+)/g</span><span class="p">,</span> <span class="s1">&#39;&lt;a href=&quot;$1&quot;&gt;$1&lt;/a&gt;&#39;</span><span class="p">);</span>
-        <span class="p">}</span>
-        <span class="k">return</span> <span class="nx">val</span><span class="p">;</span>
-      <span class="p">}</span>
-    <span class="p">}</span>
-  <span class="p">}</span>
-<span class="p">});</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  initialize: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(data, options)</span> </span>{</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-34">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-34">&#182;</a>
+              </div>
+              <p>if a hash not passed in the first argument throw error</p>
 
-<span class="nx">my</span><span class="p">.</span><span class="nx">FieldList</span> <span class="o">=</span> <span class="nx">Backbone</span><span class="p">.</span><span class="nx">Collection</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-  <span class="nx">constructor</span><span class="o">:</span> <span class="kd">function</span> <span class="nx">FieldList</span><span class="p">()</span> <span class="p">{</span>
-    <span class="nx">Backbone</span><span class="p">.</span><span class="nx">Collection</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">constructor</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="nx">arguments</span><span class="p">);</span>
-  <span class="p">},</span>
-  <span class="nx">model</span><span class="o">:</span> <span class="nx">my</span><span class="p">.</span><span class="nx">Field</span>
-<span class="p">});</span></pre></div>             </td>           </tr>                               <tr id="section-36">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-36">&#182;</a>               </div>               <h2><a id="query">Query</a></h2>             </td>             <td class="code">               <div class="highlight"><pre><span class="nx">my</span><span class="p">.</span><span class="nx">Query</span> <span class="o">=</span> <span class="nx">Backbone</span><span class="p">.</span><span class="nx">Model</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-  <span class="nx">constructor</span><span class="o">:</span> <span class="kd">function</span> <span class="nx">Query</span><span class="p">()</span> <span class="p">{</span>
-    <span class="nx">Backbone</span><span class="p">.</span><span class="nx">Model</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">constructor</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="nx">arguments</span><span class="p">);</span>
-  <span class="p">},</span>
-  <span class="nx">defaults</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="k">return</span> <span class="p">{</span>
-      <span class="nx">size</span><span class="o">:</span> <span class="mi">100</span><span class="p">,</span>
-      <span class="nx">from</span><span class="o">:</span> <span class="mi">0</span><span class="p">,</span>
-      <span class="nx">q</span><span class="o">:</span> <span class="s1">&#39;&#39;</span><span class="p">,</span>
-      <span class="nx">facets</span><span class="o">:</span> <span class="p">{},</span>
-      <span class="nx">filters</span><span class="o">:</span> <span class="p">[]</span>
-    <span class="p">};</span>
-  <span class="p">},</span>
-  <span class="nx">_filterTemplates</span><span class="o">:</span> <span class="p">{</span>
-    <span class="nx">term</span><span class="o">:</span> <span class="p">{</span>
-      <span class="nx">type</span><span class="o">:</span> <span class="s1">&#39;term&#39;</span><span class="p">,</span></pre></div>             </td>           </tr>                               <tr id="section-37">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-37">&#182;</a>               </div>               <p>TODO do we need this attribute here?</p>             </td>             <td class="code">               <div class="highlight"><pre>      <span class="nx">field</span><span class="o">:</span> <span class="s1">&#39;&#39;</span><span class="p">,</span>
-      <span class="nx">term</span><span class="o">:</span> <span class="s1">&#39;&#39;</span>
-    <span class="p">},</span>
-    <span class="nx">range</span><span class="o">:</span> <span class="p">{</span>
-      <span class="nx">type</span><span class="o">:</span> <span class="s1">&#39;range&#39;</span><span class="p">,</span>
-      <span class="nx">from</span><span class="o">:</span> <span class="s1">&#39;&#39;</span><span class="p">,</span>
-      <span class="nx">to</span><span class="o">:</span> <span class="s1">&#39;&#39;</span>
-    <span class="p">},</span>
-    <span class="nx">geo_distance</span><span class="o">:</span> <span class="p">{</span>
-      <span class="nx">type</span><span class="o">:</span> <span class="s1">&#39;geo_distance&#39;</span><span class="p">,</span>
-      <span class="nx">distance</span><span class="o">:</span> <span class="mi">10</span><span class="p">,</span>
-      <span class="nx">unit</span><span class="o">:</span> <span class="s1">&#39;km&#39;</span><span class="p">,</span>
-      <span class="nx">point</span><span class="o">:</span> <span class="p">{</span>
-        <span class="nx">lon</span><span class="o">:</span> <span class="mi">0</span><span class="p">,</span>
-        <span class="nx">lat</span><span class="o">:</span> <span class="mi">0</span>
-      <span class="p">}</span>
-    <span class="p">}</span>
-  <span class="p">},</span>  </pre></div>             </td>           </tr>                               <tr id="section-38">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-38">&#182;</a>               </div>               <h3>addFilter(filter)</h3>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">if</span> (<span class="hljs-string">'0'</span> <span class="hljs-keyword">in</span> data) {
+      <span class="hljs-keyword">throw</span> <span class="hljs-keyword">new</span> <span class="hljs-built_in">Error</span>(<span class="hljs-string">'Looks like you did not pass a proper hash with id to Field constructor'</span>);
+    }
+    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.attributes.label === <span class="hljs-literal">null</span>) {
+      <span class="hljs-keyword">this</span>.set({label: <span class="hljs-keyword">this</span>.id});
+    }
+    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.attributes.type.toLowerCase() <span class="hljs-keyword">in</span> <span class="hljs-keyword">this</span>._typeMap) {
+      <span class="hljs-keyword">this</span>.attributes.type = <span class="hljs-keyword">this</span>._typeMap[<span class="hljs-keyword">this</span>.attributes.type.toLowerCase()];
+    }
+    <span class="hljs-keyword">if</span> (options) {
+      <span class="hljs-keyword">this</span>.renderer = options.renderer;
+      <span class="hljs-keyword">this</span>.deriver = options.deriver;
+    }
+    <span class="hljs-keyword">if</span> (!<span class="hljs-keyword">this</span>.renderer) {
+      <span class="hljs-keyword">this</span>.renderer = <span class="hljs-keyword">this</span>.defaultRenderers[<span class="hljs-keyword">this</span>.get(<span class="hljs-string">'type'</span>)];
+    }
+    <span class="hljs-keyword">this</span>.facets = <span class="hljs-keyword">new</span> my.FacetList();
+  },
+  _typeMap: {
+    <span class="hljs-string">'text'</span>: <span class="hljs-string">'string'</span>,
+    <span class="hljs-string">'double'</span>: <span class="hljs-string">'number'</span>,
+    <span class="hljs-string">'float'</span>: <span class="hljs-string">'number'</span>,
+    <span class="hljs-string">'numeric'</span>: <span class="hljs-string">'number'</span>,
+    <span class="hljs-string">'int'</span>: <span class="hljs-string">'integer'</span>,
+    <span class="hljs-string">'datetime'</span>: <span class="hljs-string">'date-time'</span>,
+    <span class="hljs-string">'bool'</span>: <span class="hljs-string">'boolean'</span>,
+    <span class="hljs-string">'timestamp'</span>: <span class="hljs-string">'date-time'</span>,
+    <span class="hljs-string">'json'</span>: <span class="hljs-string">'object'</span>
+  },
+  defaultRenderers: {
+    object: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(val, field, doc)</span> </span>{
+      <span class="hljs-keyword">return</span> <span class="hljs-built_in">JSON</span>.stringify(val);
+    },
+    geo_point: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(val, field, doc)</span> </span>{
+      <span class="hljs-keyword">return</span> <span class="hljs-built_in">JSON</span>.stringify(val);
+    },
+    <span class="hljs-string">'number'</span>: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(val, field, doc)</span> </span>{
+      <span class="hljs-keyword">var</span> format = field.get(<span class="hljs-string">'format'</span>); 
+      <span class="hljs-keyword">if</span> (format === <span class="hljs-string">'percentage'</span>) {
+        <span class="hljs-keyword">return</span> val + <span class="hljs-string">'%'</span>;
+      }
+      <span class="hljs-keyword">return</span> val;
+    },
+    <span class="hljs-string">'string'</span>: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(val, field, doc)</span> </span>{
+      <span class="hljs-keyword">var</span> format = field.get(<span class="hljs-string">'format'</span>);
+      <span class="hljs-keyword">if</span> (format === <span class="hljs-string">'markdown'</span>) {
+        <span class="hljs-keyword">if</span> (<span class="hljs-keyword">typeof</span> Showdown !== <span class="hljs-string">'undefined'</span>) {
+          <span class="hljs-keyword">var</span> showdown = <span class="hljs-keyword">new</span> Showdown.converter();
+          out = showdown.makeHtml(val);
+          <span class="hljs-keyword">return</span> out;
+        } <span class="hljs-keyword">else</span> {
+          <span class="hljs-keyword">return</span> val;
+        }
+      } <span class="hljs-keyword">else</span> <span class="hljs-keyword">if</span> (format == <span class="hljs-string">'plain'</span>) {
+        <span class="hljs-keyword">return</span> val;
+      } <span class="hljs-keyword">else</span> {</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-35">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-35">&#182;</a>
+              </div>
+              <p>as this is the default and default type is string may get things
+here that are not actually strings</p>
 
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>        <span class="hljs-keyword">if</span> (val &amp;&amp; <span class="hljs-keyword">typeof</span> val === <span class="hljs-string">'string'</span>) {
+          val = val.replace(<span class="hljs-regexp">/(https?:\/\/[^ ]+)/g</span>, <span class="hljs-string">'&lt;a href="$1"&gt;$1&lt;/a&gt;'</span>);
+        }
+        <span class="hljs-keyword">return</span> val;
+      }
+    }
+  }
+});
+
+my.FieldList = Backbone.Collection.extend({
+  constructor: <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">FieldList</span><span class="hljs-params">()</span> </span>{
+    Backbone.Collection.prototype.constructor.apply(<span class="hljs-keyword">this</span>, <span class="hljs-built_in">arguments</span>);
+  },
+  model: my.Field
+});</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-36">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-36">&#182;</a>
+              </div>
+              <h2 id="-a-id-query-query-a-"><a id="query">Query</a></h2>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>my.Query = Backbone.Model.extend({
+  constructor: <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">Query</span><span class="hljs-params">()</span> </span>{
+    Backbone.Model.prototype.constructor.apply(<span class="hljs-keyword">this</span>, <span class="hljs-built_in">arguments</span>);
+  },
+  defaults: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">return</span> {
+      size: <span class="hljs-number">100</span>,
+      from: <span class="hljs-number">0</span>,
+      q: <span class="hljs-string">''</span>,
+      facets: {},
+      filters: []
+    };
+  },
+  _filterTemplates: {
+    term: {
+      type: <span class="hljs-string">'term'</span>,</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-37">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-37">&#182;</a>
+              </div>
+              <p>TODO do we need this attribute here?</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>      field: <span class="hljs-string">''</span>,
+      term: <span class="hljs-string">''</span>
+    },
+    range: {
+      type: <span class="hljs-string">'range'</span>,
+      from: <span class="hljs-string">''</span>,
+      to: <span class="hljs-string">''</span>
+    },
+    geo_distance: {
+      type: <span class="hljs-string">'geo_distance'</span>,
+      distance: <span class="hljs-number">10</span>,
+      unit: <span class="hljs-string">'km'</span>,
+      point: {
+        lon: <span class="hljs-number">0</span>,
+        lat: <span class="hljs-number">0</span>
+      }
+    }
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-38">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-38">&#182;</a>
+              </div>
+              <h3 id="addfilter-filter-">addFilter(filter)</h3>
 <p>Add a new filter specified by the filter hash and append to the list of filters</p>
+<p>@param filter an object specifying the filter - see _filterTemplates for examples. If only type is provided will generate a filter by cloning _filterTemplates</p>
 
-<p>@param filter an object specifying the filter - see _filterTemplates for examples. If only type is provided will generate a filter by cloning _filterTemplates</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">addFilter</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">filter</span><span class="p">)</span> <span class="p">{</span></pre></div>             </td>           </tr>                               <tr id="section-39">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-39">&#182;</a>               </div>               <p>crude deep copy</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="kd">var</span> <span class="nx">ourfilter</span> <span class="o">=</span> <span class="nx">JSON</span><span class="p">.</span><span class="nx">parse</span><span class="p">(</span><span class="nx">JSON</span><span class="p">.</span><span class="nx">stringify</span><span class="p">(</span><span class="nx">filter</span><span class="p">));</span></pre></div>             </td>           </tr>                               <tr id="section-40">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-40">&#182;</a>               </div>               <p>not fully specified so use template and over-write</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">if</span> <span class="p">(</span><span class="nx">_</span><span class="p">.</span><span class="nx">keys</span><span class="p">(</span><span class="nx">filter</span><span class="p">).</span><span class="nx">length</span> <span class="o">&lt;=</span> <span class="mi">3</span><span class="p">)</span> <span class="p">{</span>
-      <span class="nx">ourfilter</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">defaults</span><span class="p">(</span><span class="nx">ourfilter</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">_filterTemplates</span><span class="p">[</span><span class="nx">filter</span><span class="p">.</span><span class="nx">type</span><span class="p">]);</span>
-    <span class="p">}</span>
-    <span class="kd">var</span> <span class="nx">filters</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;filters&#39;</span><span class="p">);</span>
-    <span class="nx">filters</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">ourfilter</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">trigger</span><span class="p">(</span><span class="s1">&#39;change:filters:new-blank&#39;</span><span class="p">);</span>
-  <span class="p">},</span>
-  <span class="nx">replaceFilter</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">filter</span><span class="p">)</span> <span class="p">{</span></pre></div>             </td>           </tr>                               <tr id="section-41">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-41">&#182;</a>               </div>               <p>delete filter on the same field, then add</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="kd">var</span> <span class="nx">filters</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;filters&#39;</span><span class="p">);</span>
-    <span class="kd">var</span> <span class="nx">idx</span> <span class="o">=</span> <span class="o">-</span><span class="mi">1</span><span class="p">;</span>
-    <span class="nx">_</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;filters&#39;</span><span class="p">),</span> <span class="kd">function</span><span class="p">(</span><span class="nx">f</span><span class="p">,</span> <span class="nx">key</span><span class="p">,</span> <span class="nx">list</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">if</span> <span class="p">(</span><span class="nx">filter</span><span class="p">.</span><span class="nx">field</span> <span class="o">==</span> <span class="nx">f</span><span class="p">.</span><span class="nx">field</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">idx</span> <span class="o">=</span> <span class="nx">key</span><span class="p">;</span>
-      <span class="p">}</span>
-    <span class="p">});</span></pre></div>             </td>           </tr>                               <tr id="section-42">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-42">&#182;</a>               </div>               <p>trigger just one event (change:filters:new-blank) instead of one for remove and 
-one for add</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">if</span> <span class="p">(</span><span class="nx">idx</span> <span class="o">&gt;=</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span>
-      <span class="nx">filters</span><span class="p">.</span><span class="nx">splice</span><span class="p">(</span><span class="nx">idx</span><span class="p">,</span> <span class="mi">1</span><span class="p">);</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">set</span><span class="p">({</span><span class="nx">filters</span><span class="o">:</span> <span class="nx">filters</span><span class="p">});</span>
-    <span class="p">}</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">addFilter</span><span class="p">(</span><span class="nx">filter</span><span class="p">);</span>
-  <span class="p">},</span>
-  <span class="nx">updateFilter</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">index</span><span class="p">,</span> <span class="nx">value</span><span class="p">)</span> <span class="p">{</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-43">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-43">&#182;</a>               </div>               <h3>removeFilter</h3>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  addFilter: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(filter)</span> </span>{</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-39">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-39">&#182;</a>
+              </div>
+              <p>crude deep copy</p>
 
-<p>Remove a filter from filters at index filterIndex</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">removeFilter</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">filterIndex</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">filters</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;filters&#39;</span><span class="p">);</span>
-    <span class="nx">filters</span><span class="p">.</span><span class="nx">splice</span><span class="p">(</span><span class="nx">filterIndex</span><span class="p">,</span> <span class="mi">1</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">set</span><span class="p">({</span><span class="nx">filters</span><span class="o">:</span> <span class="nx">filters</span><span class="p">});</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">trigger</span><span class="p">(</span><span class="s1">&#39;change&#39;</span><span class="p">);</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-44">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-44">&#182;</a>               </div>               <h3>addFacet</h3>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">var</span> ourfilter = <span class="hljs-built_in">JSON</span>.parse(<span class="hljs-built_in">JSON</span>.stringify(filter));</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-40">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-40">&#182;</a>
+              </div>
+              <p>not fully specified so use template and over-write</p>
 
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">if</span> (_.keys(filter).length &lt;= <span class="hljs-number">3</span>) {
+      ourfilter = _.defaults(ourfilter, <span class="hljs-keyword">this</span>._filterTemplates[filter.type]);
+    }
+    <span class="hljs-keyword">var</span> filters = <span class="hljs-keyword">this</span>.get(<span class="hljs-string">'filters'</span>);
+    filters.push(ourfilter);
+    <span class="hljs-keyword">this</span>.trigger(<span class="hljs-string">'change:filters:new-blank'</span>);
+  },
+  replaceFilter: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(filter)</span> </span>{</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-41">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-41">&#182;</a>
+              </div>
+              <p>delete filter on the same field, then add</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">var</span> filters = <span class="hljs-keyword">this</span>.get(<span class="hljs-string">'filters'</span>);
+    <span class="hljs-keyword">var</span> idx = -<span class="hljs-number">1</span>;
+    _.each(<span class="hljs-keyword">this</span>.get(<span class="hljs-string">'filters'</span>), <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(f, key, list)</span> </span>{
+      <span class="hljs-keyword">if</span> (filter.field == f.field) {
+        idx = key;
+      }
+    });</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-42">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-42">&#182;</a>
+              </div>
+              <p>trigger just one event (change:filters:new-blank) instead of one for remove and 
+one for add</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">if</span> (idx &gt;= <span class="hljs-number">0</span>) {
+      filters.splice(idx, <span class="hljs-number">1</span>);
+      <span class="hljs-keyword">this</span>.set({filters: filters});
+    }
+    <span class="hljs-keyword">this</span>.addFilter(filter);
+  },
+  updateFilter: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(index, value)</span> </span>{
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-43">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-43">&#182;</a>
+              </div>
+              <h3 id="removefilter">removeFilter</h3>
+<p>Remove a filter from filters at index filterIndex</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  removeFilter: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(filterIndex)</span> </span>{
+    <span class="hljs-keyword">var</span> filters = <span class="hljs-keyword">this</span>.get(<span class="hljs-string">'filters'</span>);
+    filters.splice(filterIndex, <span class="hljs-number">1</span>);
+    <span class="hljs-keyword">this</span>.set({filters: filters});
+    <span class="hljs-keyword">this</span>.trigger(<span class="hljs-string">'change'</span>);
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-44">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-44">&#182;</a>
+              </div>
+              <h3 id="addfacet">addFacet</h3>
 <p>Add a Facet to this query</p>
+<p>See <a href="http://www.elasticsearch.org/guide/reference/api/search/facets/">http://www.elasticsearch.org/guide/reference/api/search/facets/</a></p>
 
-<p>See <a href="http://www.elasticsearch.org/guide/reference/api/search/facets/">http://www.elasticsearch.org/guide/reference/api/search/facets/</a></p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">addFacet</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">fieldId</span><span class="p">,</span> <span class="nx">size</span><span class="p">,</span> <span class="nx">silent</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">facets</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;facets&#39;</span><span class="p">);</span></pre></div>             </td>           </tr>                               <tr id="section-45">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-45">&#182;</a>               </div>               <p>Assume id and fieldId should be the same (TODO: this need not be true if we want to add two different type of facets on same field)</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">if</span> <span class="p">(</span><span class="nx">_</span><span class="p">.</span><span class="nx">contains</span><span class="p">(</span><span class="nx">_</span><span class="p">.</span><span class="nx">keys</span><span class="p">(</span><span class="nx">facets</span><span class="p">),</span> <span class="nx">fieldId</span><span class="p">))</span> <span class="p">{</span>
-      <span class="k">return</span><span class="p">;</span>
-    <span class="p">}</span>
-    <span class="nx">facets</span><span class="p">[</span><span class="nx">fieldId</span><span class="p">]</span> <span class="o">=</span> <span class="p">{</span>
-      <span class="nx">terms</span><span class="o">:</span> <span class="p">{</span> <span class="nx">field</span><span class="o">:</span> <span class="nx">fieldId</span> <span class="p">}</span>
-    <span class="p">};</span>
-    <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">_</span><span class="p">.</span><span class="nx">isUndefined</span><span class="p">(</span><span class="nx">size</span><span class="p">))</span> <span class="p">{</span>
-      <span class="nx">facets</span><span class="p">[</span><span class="nx">fieldId</span><span class="p">].</span><span class="nx">terms</span><span class="p">.</span><span class="nx">size</span> <span class="o">=</span> <span class="nx">size</span><span class="p">;</span>
-    <span class="p">}</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">set</span><span class="p">({</span><span class="nx">facets</span><span class="o">:</span> <span class="nx">facets</span><span class="p">},</span> <span class="p">{</span><span class="nx">silent</span><span class="o">:</span> <span class="kc">true</span><span class="p">});</span>
-    <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">silent</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">trigger</span><span class="p">(</span><span class="s1">&#39;facet:add&#39;</span><span class="p">,</span> <span class="k">this</span><span class="p">);</span>
-    <span class="p">}</span>
-  <span class="p">},</span>
-  <span class="nx">addHistogramFacet</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">fieldId</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">facets</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;facets&#39;</span><span class="p">);</span>
-    <span class="nx">facets</span><span class="p">[</span><span class="nx">fieldId</span><span class="p">]</span> <span class="o">=</span> <span class="p">{</span>
-      <span class="nx">date_histogram</span><span class="o">:</span> <span class="p">{</span>
-        <span class="nx">field</span><span class="o">:</span> <span class="nx">fieldId</span><span class="p">,</span>
-        <span class="nx">interval</span><span class="o">:</span> <span class="s1">&#39;day&#39;</span>
-      <span class="p">}</span>
-    <span class="p">};</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">set</span><span class="p">({</span><span class="nx">facets</span><span class="o">:</span> <span class="nx">facets</span><span class="p">},</span> <span class="p">{</span><span class="nx">silent</span><span class="o">:</span> <span class="kc">true</span><span class="p">});</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">trigger</span><span class="p">(</span><span class="s1">&#39;facet:add&#39;</span><span class="p">,</span> <span class="k">this</span><span class="p">);</span>
-  <span class="p">},</span>
-  <span class="nx">removeFacet</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">fieldId</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">facets</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;facets&#39;</span><span class="p">);</span></pre></div>             </td>           </tr>                               <tr id="section-46">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-46">&#182;</a>               </div>               <p>Assume id and fieldId should be the same (TODO: this need not be true if we want to add two different type of facets on same field)</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">_</span><span class="p">.</span><span class="nx">contains</span><span class="p">(</span><span class="nx">_</span><span class="p">.</span><span class="nx">keys</span><span class="p">(</span><span class="nx">facets</span><span class="p">),</span> <span class="nx">fieldId</span><span class="p">))</span> <span class="p">{</span>
-      <span class="k">return</span><span class="p">;</span>
-    <span class="p">}</span>
-    <span class="k">delete</span> <span class="nx">facets</span><span class="p">[</span><span class="nx">fieldId</span><span class="p">];</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">set</span><span class="p">({</span><span class="nx">facets</span><span class="o">:</span> <span class="nx">facets</span><span class="p">},</span> <span class="p">{</span><span class="nx">silent</span><span class="o">:</span> <span class="kc">true</span><span class="p">});</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">trigger</span><span class="p">(</span><span class="s1">&#39;facet:remove&#39;</span><span class="p">,</span> <span class="k">this</span><span class="p">);</span>
-  <span class="p">},</span>
-  <span class="nx">clearFacets</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">facets</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;facets&#39;</span><span class="p">);</span>
-    <span class="nx">_</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="nx">_</span><span class="p">.</span><span class="nx">keys</span><span class="p">(</span><span class="nx">facets</span><span class="p">),</span> <span class="kd">function</span><span class="p">(</span><span class="nx">fieldId</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">delete</span> <span class="nx">facets</span><span class="p">[</span><span class="nx">fieldId</span><span class="p">];</span>
-    <span class="p">});</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">trigger</span><span class="p">(</span><span class="s1">&#39;facet:remove&#39;</span><span class="p">,</span> <span class="k">this</span><span class="p">);</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-47">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-47">&#182;</a>               </div>               <p>trigger a facet add; use this to trigger a single event after adding
-multiple facets</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">refreshFacets</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">trigger</span><span class="p">(</span><span class="s1">&#39;facet:add&#39;</span><span class="p">,</span> <span class="k">this</span><span class="p">);</span>
-  <span class="p">}</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  addFacet: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(fieldId, size, silent)</span> </span>{
+    <span class="hljs-keyword">var</span> facets = <span class="hljs-keyword">this</span>.get(<span class="hljs-string">'facets'</span>);</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-45">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-45">&#182;</a>
+              </div>
+              <p>Assume id and fieldId should be the same (TODO: this need not be true if we want to add two different type of facets on same field)</p>
 
-<span class="p">});</span></pre></div>             </td>           </tr>                               <tr id="section-48">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-48">&#182;</a>               </div>               <h2><a id="facet">A Facet (Result)</a></h2>             </td>             <td class="code">               <div class="highlight"><pre><span class="nx">my</span><span class="p">.</span><span class="nx">Facet</span> <span class="o">=</span> <span class="nx">Backbone</span><span class="p">.</span><span class="nx">Model</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-  <span class="nx">constructor</span><span class="o">:</span> <span class="kd">function</span> <span class="nx">Facet</span><span class="p">()</span> <span class="p">{</span>
-    <span class="nx">Backbone</span><span class="p">.</span><span class="nx">Model</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">constructor</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="nx">arguments</span><span class="p">);</span>
-  <span class="p">},</span>
-  <span class="nx">defaults</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="k">return</span> <span class="p">{</span>
-      <span class="nx">_type</span><span class="o">:</span> <span class="s1">&#39;terms&#39;</span><span class="p">,</span>
-      <span class="nx">total</span><span class="o">:</span> <span class="mi">0</span><span class="p">,</span>
-      <span class="nx">other</span><span class="o">:</span> <span class="mi">0</span><span class="p">,</span>
-      <span class="nx">missing</span><span class="o">:</span> <span class="mi">0</span><span class="p">,</span>
-      <span class="nx">terms</span><span class="o">:</span> <span class="p">[]</span>
-    <span class="p">};</span>
-  <span class="p">}</span>
-<span class="p">});</span></pre></div>             </td>           </tr>                               <tr id="section-49">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-49">&#182;</a>               </div>               <h2>A Collection/List of Facets</h2>             </td>             <td class="code">               <div class="highlight"><pre><span class="nx">my</span><span class="p">.</span><span class="nx">FacetList</span> <span class="o">=</span> <span class="nx">Backbone</span><span class="p">.</span><span class="nx">Collection</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-  <span class="nx">constructor</span><span class="o">:</span> <span class="kd">function</span> <span class="nx">FacetList</span><span class="p">()</span> <span class="p">{</span>
-    <span class="nx">Backbone</span><span class="p">.</span><span class="nx">Collection</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">constructor</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="nx">arguments</span><span class="p">);</span>
-  <span class="p">},</span>
-  <span class="nx">model</span><span class="o">:</span> <span class="nx">my</span><span class="p">.</span><span class="nx">Facet</span>
-<span class="p">});</span></pre></div>             </td>           </tr>                               <tr id="section-50">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-50">&#182;</a>               </div>               <h2>Object State</h2>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">if</span> (_.contains(_.keys(facets), fieldId)) {
+      <span class="hljs-keyword">return</span>;
+    }
+    facets[fieldId] = {
+      terms: { field: fieldId }
+    };
+    <span class="hljs-keyword">if</span> (!_.isUndefined(size)) {
+      facets[fieldId].terms.size = size;
+    }
+    <span class="hljs-keyword">this</span>.set({facets: facets}, {silent: <span class="hljs-literal">true</span>});
+    <span class="hljs-keyword">if</span> (!silent) {
+      <span class="hljs-keyword">this</span>.trigger(<span class="hljs-string">'facet:add'</span>, <span class="hljs-keyword">this</span>);
+    }
+  },
+  addHistogramFacet: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(fieldId)</span> </span>{
+    <span class="hljs-keyword">var</span> facets = <span class="hljs-keyword">this</span>.get(<span class="hljs-string">'facets'</span>);
+    facets[fieldId] = {
+      date_histogram: {
+        field: fieldId,
+        interval: <span class="hljs-string">'day'</span>
+      }
+    };
+    <span class="hljs-keyword">this</span>.set({facets: facets}, {silent: <span class="hljs-literal">true</span>});
+    <span class="hljs-keyword">this</span>.trigger(<span class="hljs-string">'facet:add'</span>, <span class="hljs-keyword">this</span>);
+  },
+  removeFacet: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(fieldId)</span> </span>{
+    <span class="hljs-keyword">var</span> facets = <span class="hljs-keyword">this</span>.get(<span class="hljs-string">'facets'</span>);</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-46">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-46">&#182;</a>
+              </div>
+              <p>Assume id and fieldId should be the same (TODO: this need not be true if we want to add two different type of facets on same field)</p>
 
-<p>Convenience Backbone model for storing (configuration) state of objects like Views.</p>             </td>             <td class="code">               <div class="highlight"><pre><span class="nx">my</span><span class="p">.</span><span class="nx">ObjectState</span> <span class="o">=</span> <span class="nx">Backbone</span><span class="p">.</span><span class="nx">Model</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-<span class="p">});</span></pre></div>             </td>           </tr>                               <tr id="section-51">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-51">&#182;</a>               </div>               <h2>Backbone.sync</h2>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">if</span> (!_.contains(_.keys(facets), fieldId)) {
+      <span class="hljs-keyword">return</span>;
+    }
+    <span class="hljs-keyword">delete</span> facets[fieldId];
+    <span class="hljs-keyword">this</span>.set({facets: facets}, {silent: <span class="hljs-literal">true</span>});
+    <span class="hljs-keyword">this</span>.trigger(<span class="hljs-string">'facet:remove'</span>, <span class="hljs-keyword">this</span>);
+  },
+  clearFacets: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> facets = <span class="hljs-keyword">this</span>.get(<span class="hljs-string">'facets'</span>);
+    _.each(_.keys(facets), <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(fieldId)</span> </span>{
+      <span class="hljs-keyword">delete</span> facets[fieldId];
+    });
+    <span class="hljs-keyword">this</span>.trigger(<span class="hljs-string">'facet:remove'</span>, <span class="hljs-keyword">this</span>);
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-47">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-47">&#182;</a>
+              </div>
+              <p>trigger a facet add; use this to trigger a single event after adding
+multiple facets</p>
 
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  refreshFacets: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">this</span>.trigger(<span class="hljs-string">'facet:add'</span>, <span class="hljs-keyword">this</span>);
+  }
+
+});</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-48">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-48">&#182;</a>
+              </div>
+              <h2 id="-a-id-facet-a-facet-result-a-"><a id="facet">A Facet (Result)</a></h2>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>my.Facet = Backbone.Model.extend({
+  constructor: <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">Facet</span><span class="hljs-params">()</span> </span>{
+    Backbone.Model.prototype.constructor.apply(<span class="hljs-keyword">this</span>, <span class="hljs-built_in">arguments</span>);
+  },
+  defaults: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">return</span> {
+      _type: <span class="hljs-string">'terms'</span>,
+      total: <span class="hljs-number">0</span>,
+      other: <span class="hljs-number">0</span>,
+      missing: <span class="hljs-number">0</span>,
+      terms: []
+    };
+  }
+});</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-49">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-49">&#182;</a>
+              </div>
+              <h2 id="a-collection-list-of-facets">A Collection/List of Facets</h2>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>my.FacetList = Backbone.Collection.extend({
+  constructor: <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">FacetList</span><span class="hljs-params">()</span> </span>{
+    Backbone.Collection.prototype.constructor.apply(<span class="hljs-keyword">this</span>, <span class="hljs-built_in">arguments</span>);
+  },
+  model: my.Facet
+});</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-50">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-50">&#182;</a>
+              </div>
+              <h2 id="object-state">Object State</h2>
+<p>Convenience Backbone model for storing (configuration) state of objects like Views.</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>my.ObjectState = Backbone.Model.extend({
+});</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-51">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-51">&#182;</a>
+              </div>
+              <h2 id="backbone-sync">Backbone.sync</h2>
 <p>Override Backbone.sync to hand off to sync function in relevant backend
 Backbone.sync = function(method, model, options) {
   return model.backend.sync(method, model, options);
-};</p>             </td>             <td class="code">               <div class="highlight"><pre><span class="p">}(</span><span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">Model</span><span class="p">));</span>
+};</p>
 
-</pre></div>             </td>           </tr>                </tbody>     </table>   </div> </body> </html> 
\ No newline at end of file
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>
+}(<span class="hljs-keyword">this</span>.recline.Model));</pre></div></div>
+            
+        </li>
+        
+    </ul>
+  </div>
+</body>
+</html>
diff --git a/docs/src/public/fonts/aller-bold.eot b/docs/src/public/fonts/aller-bold.eot
new file mode 100644
index 0000000000000000000000000000000000000000..1b32532a8e40e483069482c3650c3ef22ef16bdd
GIT binary patch
literal 29804
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
F>VRGqwvGS*

literal 0
HcmV?d00001

diff --git a/docs/src/public/fonts/aller-bold.ttf b/docs/src/public/fonts/aller-bold.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..dc4cc9c27a59ab14fbb7444c6ab35c5b33a034f6
GIT binary patch
literal 66836
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%0AAIIsziQtyhPht7#*LdNqb{-ye3^(
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

literal 0
HcmV?d00001

diff --git a/docs/src/public/fonts/aller-bold.woff b/docs/src/public/fonts/aller-bold.woff
new file mode 100644
index 0000000000000000000000000000000000000000..fa16fd0aba81582de121d833c7bc50e8f1b1b981
GIT binary patch
literal 33244
zcmY&;V{|4>v~~Q%P9}CHwrx*r+qP|M;)!kBwr$&Xa`WEr{`snVSM}Lz*Qu&iU8}oK
zwX3YCC=f8vPx9XYLis6x!BPL8{U7)LCs9!)=^sJK4~z33bnL^h#e_vff4G4kTjB>Q
z01WV5F*#X9ARrJ#ARy#YARrDK3U}&2F-2uTARyF^AMFef5GXrKKZl5{A{`?T5PH;4
zJ@p^xrMTI58(Qnz{ctBgy09PYWzPsw8oD?U00CkA@IXI$AVySicrz0_Q|lkD;73#Y
z)0VMf16{GHzT=MuOYKJk`F}t(wQ@K4;q-ujbc=w1nsOckA<xW=^^JglJpR)#{D2j>
z01#sKL;i5wKQ_S+NDv$$^3ANB+<rK%AOFHXeJ%k~lP$KgHT=<e<@~fe@q?xGFdJ@b
zeYc->eXRbkE&&Jt1ja_++W3e2Z)}r4x&)kUzH~cVM<*a4-yeU#mp?ua0Z}vwb`Hir
zb^ZVR=zhivRF7QGHt1?>@Y84ig&!N@KU6`;^Zb<mJ4+KhdDB1FKm#)&L;sbNhC0D+
zYq%5A@cjIU!n<s^R4`(W#C_0Yy$l~(!A3R=u~kZUi$xOrhMHY47RZ^Gm|Db%S<*E%
zXOm!Dp}egRlli)JRbTk1<6f|DKmOd-4mG`_v=*KDt|uovZM#gL=G(Ur46FH;E~+N0
zI=3*Y4dqj4!LZs0W9(T+{0HjH2-GFZnc<ZRHc7ydRgnspf)s}9l+p``1vi`y^9n|l
z3jb<Qf-?r8k1gefSfGi>2i=JsE<5@>Pfd8+ZmqO82#7DvuBSCKU3Yp;UAuN&bqb*)
z6`DnvjJyqqUAIPZ^VZvBd2e%`5!`v#y*k2NA7ngT;(u1gDqgYi`8;diaeR^a(tKqJ
zS+mEgW0o(c4<tQnv{%xtRS()k`%>Do+mE^TZtmkf!jteNx3PFTns_!*aiw$<`qs5H
zS8jYAP668Boougp8%?YxT|MC+wwjWc@U-6@bc?RDx>VnNO?&V#Fkg;)7k09GeYITe
zHl<WIYO|K`wS6u6S3-z|n&FZ{b=FtfZ|AXPZ9Z;`Vx-xuJ<R4|GQK?Tb0^8zbT=65
z4tJ7^n?4L)dT!W4w^!PH&%HIbTO3ZtVzpmqlD_HpqM~9qnC|9Em^gVk+1`?7>+|{W
z&av0|T((!r*A>=>nkTJ2_14p@ziWBwKhw(@RWG~FO!u=hN2GE7xtWPA$7HzpSRC(j
zeH%M$A803jGr!(zzq@XBo)=QsT3DRLln$?;<E`(oSJVq+)9g0#yUvlF>UhNah*zI}
zuP)j4M>NlWeze8zS#^S~yZOb^Fi&OwHBasmnRj#T__D#eHu$)DK85->dH)EtCUTv-
z*$`T_&o#YcQ|}bU*BVg!?-~DL+C1$U|GE4Nq?>lJ@QkjW`t@LXH#31Trc4)POb^t$
zh&oaP7ChV9AbeIOnLXC+pIB|+;BM^&QOfW=-jXAmRKjp$sQZ&nGPCx0LawgiC?kw1
z`7m*2A@}BlLXM_d1oxfLL={J}OVeiNg0$}la(?J37+>K)LJpsy#H?<O(aHHkidQz7
zI_C*2&E4iy-NC6R_2q+ivdbH=Q~)Kl`x{p>s<JxgDQPmTM_OUxS5jdlgGY3>Sv_nm
zqIXOePz5hsJNztUcHv6Zbe%Kh7gfzt-UkbHl0O=?T5re~gQ#Wt^$k)on0Nf3KRiR!
z?~vIRjOft+G61i&k&>d@n@^knwCC$78qIi!Qey`)yP^VvC>!JjwVo+xJ4Q|9{pa)j
z2^cW|qqS!QR8&ImZyrKz!6|_hgqyLyD!kjFzbcZOdJh#uhk;WB-Z2-94*boXpDM5$
zslRH%S4h|RGwQ+}KMlfy0Y43tRs_ER%Jyavn_j#(^0*ls^&RuMdrU0Zr|Aj=TK9o3
z0A1sbuat&V>ze|<7|!zH&hhS}E3Cb_c16z(_GQ@oFDWoL?#^kzBA)i7!hVxp21GxT
z6OR-+`|-;8_2D~I;9d`RwfnlB9&qX}fA^p4R2e;zco5m3;$>6SFY%;3i=qCd6_tO>
zNO#|kJ(-&yVNU3Qv?<>@dI#Qh-t?uu`~@Bb2deDLoL7lNZ7H4~*Qz|yc6aj@F{LaF
zR=~Y&irrm$l&gQ}6Nz=JN1@)HYAc*3(FsK=!Y7av?zhPaD7E?xgBZTi=sa*TNQDmb
z#pY6g>*a%WGV@9b@H?ZPy6C!&QR=W8Hg!|XCAoaY2YziPR|%+9o8C#v!WXSo&8nEK
z-lUCDIH+y-#`av64d^4-jm!>*X0MsM%&%eJ$Zj!U-$peAsc|!s>m=qHwK*-_GGCQ%
z?w)rQd44-_AOL{9rKSzwNw#}W@#2NWo9#b+Oys3gk>$6jt;Pf6=~>eZ;G6E5W(vvn
zyt&6|z%`umm~jcg)RV_&e{Xk=E?QkTP3;dH(ds)q8-(#vsqg1@&>qcZYQR$yfzL3w
z-MN=|@q&I?`p}Y_>ciqtBSx@9C309)J!R;Mr6+{@ZItT?-1f`K1lgvbH=2k@5F0~5
zSlBF(rRkF|!kyOemj080N6@#=h5Giy2YRx4_gHPA|2l;3E2vicMt6asSbmzC0Wbin
z6s_3nn+&_TYylAlZl%@}0v^y7Sp@Iogp|qcCW5RJAD~*0>kQE)A1Ollp4KMyak~R0
z;U>5?;;HT?h~6>X2japruFl+R$``c6wXzkU0D6tM=F}0=lxsR|Opoq_!oLjMM(gzC
zXM>!+Y{6PsJWx+P!@@EFyh$=64YJ8SLj&|*hH*l<>B6r#YaOv_mHQ5<!XWP~&61;g
z{$gzLd#$Bs3e-hHF9pQHJSRCkOe-%DW`R2=nQ>1QtE4bGH7VqYwqaVp7OmUmuH^~5
zp7l7!(YbR9e9u0LPxkIzBEd$|3cFwXW#Wx)<51t@?{u}kruO(nGNn&eT8{7wFL0?H
z*gyTWnNZ;o4&E_J^fz29vDa?`UBY45t9iFfwyDF^eXcSuUlk9KDySDl!;N+#x20)&
z)(}{Hz&diz7_bU$&7Gez@><c3zI<n|Gqw9owI5|p7-bIJNn<|r2~bF82}qk9xKqBM
zb|7>k;I{SGtvii(Y9WGr8-A??&{rGqKRl3PWn*4QQFgr`fT-I8OS1FLk(1)GJ$P9-
zYfV1xg_#)5dLa9DEc-S>m)nk1`xD^y5$+~}@J-eOMWtaSi*;S#=4$_23a!{HpJa*c
zA`5aw+e*n$x-vwf#??EC<G%Qxuhlu&l{>yS-gKNN^jqWx5^w$?v#JNtaGZARd43RY
z@x*8DKivKEqnk2^8V{O9$2$h^zm41QW4_Vyu@=c}V%teIB5nyFvU58U5Zt4J?>HC<
z03m2SaU@uCP@%QnIC%O36xdS`p|;*27Ck}y)EQg)T(SVDKHx?7qF#S$_8A!Xk`^5>
zK*SDzv%lwT*sXU@CqBD<tl1{8(^c;D-77nVCSRnEjKrcZbe_YT;#-LwY})*_3^3W|
zWpI1<8=>lS5M}RVO6e4MG}w%tUkD5{cTPMQ7DY}x1XiO3|I7$*H1`ZSP&Cnu87S5z
ze?BOr6No<^alKRT6V%F9@TK+&FVuRm-aD+-Hr)EL{yT_Obs6O^6*`QqB~Z_6lTV$H
z&gZ)ony##m`*_?&byZa-6-Jt7(Ry`iqkcgKHF9_u?W#od==zztkYsx^OxrV+Ie%Jp
z=E(CbHAZU)4pz|5x|wT>qxtEaZDJB8#qNL@!H&*>I=^nxmq#rg(?2_WC~v9zEpmHq
zbPhv&F81oa`PrWuZA0n{I*rSQZ+|kUiI_@T<VB3sT3X1nv0O4NFu_S22YS1}R*rj`
zXsynBn<Q3PgD2u408BNG=q^*eQ|?AFAgO9#DC<1~E-T%je=fkFwe<|xQd=PGa{>0b
zztRk87{%}z#rPP9fmS#nFG3LMSOe<e+1ugG+W48Em=i~ERQ*~p2{ORz+zHz8CaeKn
zxIN9F^7%hCfqu>~GJm&FB!Lh_0ahYM)ETy`-7*o*iEhA?=L#eGxmZ+Af`y`zoWjzz
zw25oi<dqzCYQW_j)d?h%f6UAUNboS@@vGp7EEOkqQkuHdm*dW=xlu;7p-!GwHKr-7
zb=!CBJFdRA$}r{PCS;d-{_too+kG1rD#9eTBMcew5xND3&RO|k&qly%?by9xjV;c`
zpB;1ftfRgEG6M+3Aqnm#zG3dU<J$r04OPvG@H%6O=`U)>7!G7T{wv05v~0T_6k0Dq
z=LcH$atnR5Yy}Ku<a|kicU_S}<g7_X&KAEfca!EDO*hj(SB4u}_$|^NF2GmG8#VSv
zM4&G1OA=7`!i6o!{S76yTg_Nw%h9Gj_9$}f{Y$sNwh=BR&M<D2C7bFe`a8)p0&{OZ
z#Vyq^LuRgpd%5JimZkK(U60TC3%tD#9dXkxz+R0R!Zu7O6wJx4MRV0P+(&h?GrY4t
zEQRAFxwxMioM2`)Z<|JRq5%rtVyhjl$t;v+O%FzyaM)h~!0w0}`zee_9Mi{jUY|Xm
zt1gG#2L7mmHJqc4lTMnG7P!TVF)SR&&TN+>K#5qY6qUeGhIjeq+LL|AalKE)>wgSO
zz}Y@>;mnYg*G2)Ou{Og9@wqo6I~k@iLkIDRbMh<Hr>re(KfHTN)fQ?}h8El;!*<tJ
zjoskEr>$r8B(ru<`g+9CstT*?lQsgOK5AZf*7c+sv$Fm=FZBz!B4rRM_f3y2Pd|{9
zZRxni_GlUp#{I6w*P8&e<1~ZG#Ttpp1vx*DTb=zXU?0yw2^ooEsV`gmM*9(}s;bf`
z3jbgkmvD*i+Lw=Bli0Oc4+VQkP8DxwIX(v$<WGY$tD?I2fe_N_jarQYjFC`%g85Xq
z!tHN8aDa+khC?1;64&gC-*LF)k4-p+G-+H$%2w|z&fc|8(dcmgaDujcX3ZV6z(Idy
zW$!=jN*0pw4sXkW6{_xGAG3M<V3oX-R%A0}9<&B!rAaEo2>n0yQ55W0qdS!MgY-qh
z;|weoB_u;n@nLFOEFPy0!qmwphWWCJU8rItk_5;c9z0r=K~kalcNfb<A9YyiB1!M8
z?}v%kd1|lClN$6HN1z%TVPTjHg1oOHW=kFN-<dEKPq}yl8|z3_kdu#eiTTJP`D%nd
z=Q*}6vuw*pGzGRY{xs$flb8f4BEwqc5Tsjc($thW^N;CE?~We7_Z6IT3Wuv)nygGO
zX}a)<r#twn4_hkiUL(JVH-M+!T_KKe`WaNe*wD-JEVTDE<Ec&^28~W4piRL@$5Y&w
za&KB*C5~UO?{~H^zd<<d8i{H)970r&u&fM83x~q&mNIP^zGftYx_9{GpQp<~pCZ7s
zEQ#om(^Gu3qgQV-c9@E9K6QM`CPWjL?j|C#SkNNKNWaZ#l=JJtnqGXgxcYQV82ZJh
zMZ$6Xr&B)q)z;NoCcHy5Ozv{By0wC;p$6Z}KNBaqe8o1fk{h$pR_{}|hAIgQ22*rw
z&FL29EA*Xc+?O2ykzUXAUF}Ijv*S><rZtSSC9x2nVxS++&V?m6N{@L5O{qgo458@l
zB(hSr^Hnf7;YQ7y$X{i+#7rx)&q|5ff%(kC#a%3s?Y6t`nmE>ro4>HnbH8x*eQg$9
z;oemSH{jebv)RKehuQHYMPw=#Va2prx?7@_?^golp)c6gR$I~yt(2ruSjvc791@=H
z+_^*>wX$*J?K?+QJn`=5lru3Wxj2EHjN#WH<_#g{H607Fuyie}E}%|b2l#UDWjO4-
zK|BK$N`5J2qT<Gmg;aN_E?3AKdUcr}<~?G#h8ldBUsSl$_S7vA!+JKUy$QlhZ($qk
z)_Y{Wl1Z~@mlxy0i;7m|mEqv}B0T=9&`&LK^KUPCCD@IxGz~5gj0se9@irl&tfL9B
z!ffzT^Hpc6Zg{bATVAf4l?J0>!Ncl@YC5$m8DePE)PAzS6D#-XA|8kaH2P+0ABvYz
zRn(TXMY?hJgqDy^uuPJRYjFmvwfZTS9P)>>F#k$dM@*`vq-jtqZAvNIz`7?r9l7u*
zjl%4@wmR^B{;Iyl=GoFDE;~2;n#PPj21(M~N90!gcn0K_Sx>2jR+_#?Mgr418G;u-
zLRYK}lj6oi!Ve3DCJOT@o*ON|+p2euH>gEB&yJErYx7e)&{G()u!2jMoh<gbRN8&1
zKapvyJVJSS{v)m)*cX*$+n0U6|Fu0QZx8J0g${DAaY?lXTIk|BN|_uA&l(QT8ob4_
zY4DtQW-@<bV(FP_<SbR0_7V0K{p~}ml(8_AzTAxuIXz;kT5DLom{l<(zHo7osWrIz
zz+WP&gy|!9Epw{Ml>&0hSnSRe!P8imjMGoPham#O>e!Q&erWVb7mmkfO#i#Ga<OKz
zvn1j<xUA3AxuAkR!1jz~VvYCA0gR3Wuavx@v2@EV#Ig%OTs>+S8!qjOc!psSl`aI{
zu+xoPGho575WygjtTr;An9GrZB_?B8P5WLg<{7+*y>S~JPo>W6LSKUUFJTHr`9h)O
zP3%)KB;=e9h1dw4gi>^bS{%Bbz<eTL;mKo+S{%NXI95Fl#6%z>75u-qFSrmV;Q`b%
zV*7L=DY7GRM*q%SMzJ{)Va&$<{K~9IY>bqLirBtZgM$Mp)Aurld(@Ak*)Yt`1RZZS
zu4AR1lpq!cHyIo+i5^Fsej?hJyeIB*o}1C+){+eaD}YeaNZvP*rUyIy@*%j(VR@Qp
zZv!hz`O{Ik_G>i9(7LKThc-S|{YRHYmJEP1@<<ni#RpUF{V|sN`D>&@-W&-ZYtfc?
ze90%U_5vSjqM0?n9*`NflR$4L-z^?t_{aWJs_BRWA9L1y)wa8D>r1|AtFX@J<$c<|
zK}TDd8~ZI-QAxOi>ww1i+vh2PaS0}P`mkrMv@W$SiQt#mN4YWzrBL`IcfW_k&!e|B
z{0mU7v+@&2{E1ZsCrC*t>0=E0USs0Y7@->rBJUcsZ9C0jwa*$L4pImRYy63vr9dj8
z_zm7Geww#AE*W{%az`xOKEx~DP_y;|6>#dC<&H^0&++fr=aY{Pe&tVsY>Ssm1%D?q
z+syWQA3S+V_#R}K9C7IswLhapDgKmBw{V{sqiZF7-|G0_1-<s`Y&`XGG(7rHHR`Aq
z%@H&##ds;iSTzft3w$Hz<G?dyB^nlnb9zyDCQd=7Vu3glf5^XB%mz-D^iOO)tp!TX
zWu@D;mSfY7&wyjhX;mu47Ctl{GxTc(nJ9GRGxU+|9-iAy(e}<lqvQnjKJ%2aIS1v4
za={3n%LB-Bo7;Dry2-se@PwuijBm1`%5&+GCsDLM4AT)-a)Shhp+Ye;qYQfIF(*OZ
z4T>SURnMTSh=+#Vt$W!4+sKps;)gB^;f9aRgN6zeCyO)f3zOKJ)nOlayRd$o+$2_M
zM<uq49gN|}HBOFR34O10&5a{?*ED?<^6g__1or{Mted~46Sx0<br@xV>)fWZbsXYe
zzxIf=dyMKRM(A9+$3&*P#7|ot!{{zLtLr*seiHk1H>QeEo6Hqt{9&lvNUcgc4*9gC
zeg8#!ph@huW~gT(VY1fWGuG3`8M&D1?=O!h$fRo|ZfKyVr)RLEX96rw4TFKP1fVAu
zX5#mc%&#U61OdIaMQ>{GHHU@07*1P2#lZL-c%b%I9RY*_9Kr<1_ymsSfA1B;9~UNm
zdYBNR5Qr_H2MhtP)UW`*2KYdbxIs{(TgC;34^vo^3O&vtCoz910bv120T}@a0cio<
zUP(e7{ph?o(2#BF@9)6LUGOu_9t<$$$sB?lf?NVnWoszaNl2y1m+$lM;ctXbx|i$w
z=kIM*gcv^d2fgn=Zv+><m0P|3z(a&|{M2o}f}6jO6br$^prWi0E$E`Z33`L7fKHsz
zRajl%WoT{iba;J$1qk(#<QeRtBq+==)j8b3MM#a&lv$kNq-m^iwRyZjg@_GN6qy`h
zq^K;hHMu+iVq~VjRM}h+Wa(`2b@{&idUAH+W@>K2MoLanS6W_zghQI1rmjYrj%aim
zj8^9ksZ^^q>RmqD;IP?jH|wm2pLp7zuMEj0B_=yGYikJJCDhS{hN(jgAVMA-YR(-j
zFjOuq{!D?^I$B<nvNX!@IlY`UYBpDIuZ-H=K=$tg5VCnpOFG;`a|?@Go6CLs2D(b;
zF^VSAxH5K6Y6WwOC<!2d+!Df_fq=k>!Fzu~*_%M;KzBedz=S^s888*FFfbC(BhWig
z7tk)yHZUI09MCXOGmtPi(tqn*TfSXJQvh)j4gu7EV1<BV4YfWkZpbqi9BN=O+Q5h_
z_z=>Z%^^P09vGkBUl?w!8Z#%iKs*D2@RzukATJ>@lVw;QGZ$CA<5U`x)L49(>#60m
z;xS2F-zLN)>!*x(V?EGw!TEV~R6`&@!^-4g%=!Hb1|nnjFP8<-A&)Hu0;V*VzeYpx
z*X##$$omKWJr_m;^ZdgCC)6n+*inYPRNyt{WZO8xTfpM30X=;|YSA7oUy;IBGxM><
zcuiycY)2py((5QQzoMlzSo+rj;o`kLs#M%~Q7vm~YTXwJN^kI}ld@vt#LHT*c3u66
zULfV9KVYR_#T^z89^p6YTr<fSH5}5DLHPhAQX&pC$Kl54R{{U4IPy@3ge2E~NF&5h
z{BlnYt8D!@cZRgJEpFe7I!>=^H>MQl%Sgx?29g1n0firwu%M{&YY5hKCpE-@!uvG;
zU%$iKSl>*@hN~4}?vzGncm@?n51;joyYYy2mDZ_9L08){i;_8t$#<Qpu3^wDJeYm~
z!`_VP_b*BRH*V@GW;1v&ArCf>@4Uvdu=0*yyme&r-L)D&>+NT^0{HtI2*GWwp%cLk
z`!I=)n+Yr0$esE;n{>R6dfZT51=XFJqK;_1$!gFAM+B+r+@sSROTkbO63$$_lUdra
ze$`7oxrn*&FTZ)R@hWr1<e{OdkpM-Z6?q}El)GEYD>ChPU4ztmh3mS_`uHWFSEb8w
z3v;w?Kj^_{x(~&YIid1CtGnBA>mE-YmPK5CqTvbUZ^)cHE~9ifk2~)9i?Z-h!}mtw
zGQFL|C{{=1;JQ1mD&KZu@vYCo1<QMf$u+^emQ^7>?bVFW-kmSLk#6CRtio_rhnVh6
zm*k>?%o#f6^v}mJqcBWGNL`&kc;o>MELuS!gnS;YWKmef@i7Uudurvp;#<ze!nA~p
zyh+q-iB@rTB8LzOQTs`b)-ki@T}QAq3G!bn{YmuE_!HRS<$?A*q|nZ(qWvIr-wd>D
z^P4+0X&0g2!}qQ6(ds%(>DaiH*q9i2oLQ@2&r7ED+}Vp$Hy<6D$NpEB>E7v-Iqe}1
z@)Xb*Ku(%@!B{&8GnY|uT!qC$kTfiN&_+CR<!qy(In(e1ZKni_m`&;LCuRdz^w{RP
zg_F$(t1h|KA}7B_WZ$kL$kO}&@D0~(^r?TS+e;&LUFGGiQCu=mO2f_jib;U(Rbc3@
zZ=Z#YVY%2OKUQN~ISb!`VhPzb`4VWL{q^uW0QM?kPzJwm@^B?Vj%T-5S!ZRA>K^K^
zUR+qsxLIb$+a4j^joz(7?O>R8bPHwc$G7kstol{BFeoS}%hG>_@_Tg2YgUV%Qa0M4
zSH(lXWu`Yk(|sxU`jlk(4iat}J4?FL;gzP0)=aPPuY}AAZ=6*R=O$pfsLS_Nri0Eo
z?LemGGK8<-ogd~p-B?l7(oRLnXK6?F<?m`+5FBmWpZX_SfR<CbNe1WUO$h7VysS^e
z3(7VM*|q<+hLjJ?mx=G`bp_RDrhwP<h1_XozniYmBo=OFIQ&cO6<e)_kxB-BYnP3k
zS&QMSuYzx&6;pu16Uo68t(%p2&hLuT2(f)Z0B%1_c^+i?VC3(%si9La?NdP^rvY2-
z4zv5->+8LhXKOxFXU?Zj2wR045}vAYT0-DoI?LG9!?h`Av~hsuxCajuo#%HuLO0}q
z_k^sk8;4Efp_7>2Nws{gvm(P1jX_n(Sew~P8Ro8Q`1Vc9jX~QT>9?l2e77U-1-|q(
z`(S;=4GN1ekJK>)Kjra%CbWF~3r0D=P>Zo?HtEo@n3d3A(0QpPn<DSd&N$2)C1m_R
zaN`9PWR(L=m_-W;B&t9%!tWjLJlwRbL1WC36~?ITp(xBpmtXqzjun#BBS;EbNVhkT
zNnNJldaz4_4%ntGtY~gk!~`vBMq-Y@+5&hvx4@z<BPvhzgxiDy|HS6<m00HC{;Luq
zZoo+6)I{0O&0rq6=6pb5$Sn+9?RCdRL6F9Ii{MK`a)I08!1DU!>Xnnj@ihAv>;ATE
zdxgH_+RPgA&aFFw`wy1y+ld|(It}1zvyLTwB?SYQsJQ#((yZ=O{QEk~?I>VhI*V@_
z>Z<*E?|c#>kc|SO?K7H1{<<fbxH+o}^@U}+Tiw`RQRA$MD&+zF66SBxog8pk${N3S
z=vXr--96NcJcb?xHui+&>}$)Yvw&9i%u)}i`|riPB#sdl8sizVqzWXfa^Q;D9B!u6
z1Ld0vS@$K=1i<bp)*vTa02mfONPXklk&97jFLfj7L6>rmrL7<q^E9+UAAnBI!Mc6*
zPRVh-jKzD$7P(F{Xq#~bt3>5taEZnH5Az%tH7n!DLd&E~!R+q_I~6Q&0nq-_^Nw>?
z`}Nz)`Qc(=`?Hsar~UPT*W5oQkl)^t_jLW(3a##RFLp<4%U;;yv3zZGiL1{iFE4Dj
zw;B8GUl%u~F8G`eyPa$E+`jG!#oupO*K!{h4@pvMQfq9b<cqSIId?=B9$IWE)xc0A
z&KFv}n`BE1V1-X57beFfbnL^x$WTlC1e%5kX99SVN{ELZJX;B#ex2nzbsP!0i-Avd
zW2$I>=j~jh@z^V*M|d7hq;iKANRWedjFY*0&bnIi&TN=EM9S(99?=ojgrn6NODAIT
z4Fzo0a9OnhZm{r;TxX4<lccc<dvyq{u-!=aO?LCWyQ6YXQ;z@{YbiW@X}GHgY3Y@|
ze2F*3Zn(}Em+!ZO($?xr?&lP?`BTtm*-LB}hQayv*qK;U`0EJ`kYT>|!*NaFNKcb7
z^OZR|l0f)1O|M}T8@u6-6a-$^l5WT2)8c2m%PkMrv(fh%SAMHP*TfY{Id^pB*7N~+
zEQ3%i;nD6jw7lad%V6=3_Cc{UOj@|){UWo{v=5p@eVHc^OX<I>M3&l6gD{#sEabk6
zBYu18J^1ACO@aDN@AD{mq}Z@gt(mQGmdiFH9GiyzdP_ty1)mdHWG6?ueA$OioU}JD
zwvnd3PE{`-w)hBkH@Z(3)#h}K$hd2f4w;f-ndm3<EaXlP49P24MS)LL4a^M5oY;m1
z&SR39t$(<)N<SVLjR%=-cAeffI5>mx;RlSeznyQ%WVz+Nj+agA`C(3~lE>(|n5Qju
zi`aLZc;xnr6O^{1K3vSmfwe)*EZfN!b*R<C$&x|&a~sj^l6rSZz7{Wl99VRmiV+L;
zG-Qgy*Ku<+X$`tn3KrJT09U8XygPYKfm1cnCTj*zo6kKjC$2#YkuKSEh(Im7l2%x_
z-)&r^QGMm`RqWSR2J>IhTMJdUd$wOpshxUfM&xUw_JdN?njhs>H+;Pr^yPpct?{cH
z)VoKpM@1DQ-6EU?GV)Pc$)S>olcRz%@vW&G+*KMxR}3y4MlG}wMV=uX2^5M{RJP*S
z18G*T)d6A%#@)hbkbOtW^rqieEUtsZ@b$lL^Oq-1H9kyi*P*iTPA;V$XU((dcw<!u
zeRtCC?F`9emr-LAxrTQWwpJsZ;B^`1Qcf`Jynm5m4g`n_ohn}z(T#C_ZdB-qfi@KO
zK*<?MEFvL3>U>4(01GRH7M#bCCstIy^3SCiwH<+)B<DGMplQwc&GzCek?maf5=Xur
zkncj~@%2AL3hCHZ9SZ2Ttge4MhAcb&^V#L;Ocud%odZAO70oLvK@9E+pPks{!#WvE
z%{`1adK6eX0diDLaTiXVZ>kSrxcTV2cK`kF>hdzw_r*09Xv;TP253u`+)Ow4Eoqst
zUxfeuPeiTI$gnTia>l6XU-}NA!5gs`D+oDGZ6Q4mQa#n0u=_F3bi|iL$}yS4M+_<!
zl2ZCG%Gp_m8vD8K$rxB$^1HOh{<U8OKm~4t)3REv19(d&5*yNruNn{c@N%@x<d)8k
zq_zg2FL?v<t3P|w(f$fcOL?^|vudzP2EjAO<&YLAr~ThAhn~~8SGX_TI-Sp3__$}q
z`MMjmh9)M%Q*`tQ__}UKPwUwfyl!4!Y3nwgCSNb@-}lkko$o`~Mwzm5sO`!bV4tya
zuNDO}u&5S9?v5-Lb!jTjTMqI|elq?F<5)1{0O@~laPH~IU>(q359!X<Url7GR{x%I
zu`_*B=j%AzK83o+2Y;I#^<P6nHM0>y0ui8q+@Dp>R<Y+A(#;@&>LB^fg*ds*!iucM
zK!d>tx0AP*9nWOQ)ip~)X(}Ie44w4(88?fY1erQzhtLm<oXmh*NPd(RqQR|80Ya}Q
z-kvX^E6+jo&Q1IGQL-hkJdVVF$E97p!)p5(S<eY=*B_otJfw$LdenEa-oENY4qG7F
zy4!I&PG@hkx%k>n>(S-9UyN;9$zd0(D4vrO$RGI`w3D;tSPA7RdCQ~w8RPaa=3*6`
zSdg65Y3FXjH?)HnboLUlfLy|(X*@B6(FhcA@?Ba-`dhP~NY=*I`nX<gO`c9m3k#){
zrpB3<=F<%FW-b3&i`ZU@#Y;zJ<9j;l-IA5H!ISwkUs>H);A6p=47sf675X-{)ooK%
zdr9d!?GFsq<*kchYDM*a*5T;kEz8VFFQEp9rd-V{$&U*@+SE`2YewnFSc*>306hy5
z`-?><SQpJvs)Q1s!N6m!v=LI_oG6mV-{U{OrO*-`@CmFZ*GJnTKv!?`BA3^a_5^i`
zt~>M$B<t7)2m%JK`X#Dsgg*lix-UL`Oif1ZPP}-AZHeR?qz-zD^V+qUNn=MVU{#Dm
z*J~oM|1A-C6DGJP5|E8W<W5Yu5mx&9;8O*4#)2pZU9J>SZVLotZ2jVqgddaTreJL@
zL7W;z3OhbRS)NpS8@cvkM`bY<N2~iVGNa>}``<?5jazDSZzI4>w~xu&!9?%wR%%!)
zU$e<nQTGogHt6~9LELP|mP{;S$%2<@58AHtT3moGJ9iIe<_?!hkLw1^S21RTWyBa;
zu1JH$F{ES)+=f<fQyCONo7Ft!7(~nfOiTeQk-KyqzRE#`iqiBo_+mYae-_82d!>M^
zN=q4<jRIl}X@+_kY1iP~B9@rq5++NVNIOz`sU#Z{lXDDww+X$*lO#YiI+^9X`AM3$
z$@cT0_F7syH=;YgpGi>@;cC6k8-M<tn&)F{8FtG_sv!d$jC(f%0y}{zxc!;WvnCt9
z%j0A#F!U;IRm|ynCJDD@iCtN`mA*+IsEAbOujR}VCg>~$sU*8ujYUm_P{$G5M_=hg
zJgT?;E@77U?@di#_rOvqqvl+51uP5f8{1z8+#sX@Vy`$!&jf%^4K!miwU;owz9yCa
ze+w1~oK*bI#dx;*jKpj`<!Z)pG<sv5cKM3E^9ny35c>#=1gTAG1)O>oeF*L_h0V-C
zd521cQCabs|KJt-jHlLZ3o2Q;%+mUHt$X7o?45>Zx)j%&J}-|$U1LI;V4Xj1Kc}}C
zA1{`Fn}1JCZF+t=Sy=emc{p7x(PVFQr12(j)mV=ZW_5V)ohYd;FU*GH`l7g0th?wr
zJ?m~^L2tgD@T_00yq=bR>Rbc=W?{H=k(G`5BSU#>ex7uBp>xw35hKBpXSI7&Ac}-0
ztpP4zQEEdG0nX7>q3S#iV@IfKSeNtbKEs&C-YywS4>3DV6I<dHRsl}E8>2g&qCR?8
z4fl?8t2i8+Wn5@=X|$S`O+?Y@l7^46>nS~VsZESGj!8X_SkqHrS=0>a;T(pk*@~wm
zO<0>!hg`?4>E*&xciD4ZkiGOogXBbV>Hr}i;1X1%zY!U>H^PsQJMOzmj;UeRZWxb-
znbNg}2>f={t(KqRH;hV+k<g=-|NQzn_D#5}h?0I6?O4n2gP8}qetg(PIJfI(ep|Sm
zPrl+i^nxk$!7+e>D#8LwE@-kj3jaTkxX>x|aB(GxaBS&%>u6Ep79&5@EIu5_Gi)ft
zzh{%~OLKAJT5#Z%<H>8CU|2D9>XxK(M%{L3O9>^*Y6$P-#<}D#<;>woEDZrvC#<7o
zt>MM$n|<~sWPagg?yG&=d<nUZ`TF`Tr)0-G=U~qvKs=nHFHc~d*=TBj9agHvoE*6@
zFm(B&+0qr^RvXL%=9KEJ9TqmBmv76i2k~#-#ZdN+lrPms!Q5wwoMr92W-7cqw2QzX
z&`#Mp9LM3lKtG>{ba@!-%oH~dC5*cc$1SFny(zGWIX4$0AqGCllT5IG>Og#pATO59
z3NUekvjMvCjs$t^UMV)T*M01NTK`~p<>!%T{SExss9+!mIs+UBSuzV^$;sN}1XlsW
zuz;v!EVg|Rl~%O$2uVyrNm%~wU5)VBioug8RY;@iO>|bD^<->vHz2xuM_}Y~X^tuY
zcn+@r-UGOT0Z@1*ZMM7b(VXorfg{HY-bbICz1=nIp4797n@@RaXR}6Wv?_yRHy?NL
zX_SF>1a6hJbv*sC@`g&e3oG1MxKeCE3RA=g0}#R-esM1#tIa{HV)K9V2_!_+Bm@Ub
zgQdfR;)h5>BG>*t3~JC5oc-*|?mQORWRp}+Y&fmhF!<oV%PKVKq*;|Nc+==2I>X0c
z)$G!?w4AHDI>VHUP*Af4XZ!gBD2F0i0~&%14YJ&4OR&*{xMEXKZFNuV{X|bv86|pC
zphu{@8Jsx~RhCHGz5?Fw+|pXnTX!R(5sjG1J*a7}_%s=%;j+<tAEDF!#jWZ&YkkgD
zTDY0p<?CM4#4*&`;OT0X|F(GW)p0Oodxh!shVN?gbpb*O=6c=dIsPGkP*-bZx`QJf
zo+MZzbep$@c)vK?H$5wtD+}K@kDU(J>$~vt&lK_7FoF!;XY;%!_67_lO6P02Y|Qsv
zpeG&L_pmPC4PVRyYm3mjuvGnE&8zy_V>yi>3xr3Op{Fg6;DK@bT~;!Pl|k-V3AxdC
z1f6mjt!Q}~xSD~mWqsm|JdFRmfBe73bOt$tvjTSHKUp7GbXNs4I?>TSJgF$49PvKR
zUd+w<6>5B0>M4cKbDC3Tx;+|@2g=-+bX}uN0w!cbF93p}?R;;P3vT{FLb|DC!zkOm
zBS;E|s7$H~=mlbqa{7&G(t{R)oazX1+C*wSeULq@@DF8vW03xK7(pz}?I1#FdMQyv
z?;NO;riAn~2EsvV1+=Q(4#@8@{mx2|9>D1eQSvfRoX_4&7CvtFO)(!j>UEp3-rEG%
zd$UjR&Xh-h=CFbPMa<V{c9abKOThUMXt>K|B*YfmYtPk#>F_?zGK0I**+`nE*W&kR
zUD4F7bE&Mb^|u9*m}g=}fGGUE%})P*PpC;*$`~6FLIoBY1r~$nT|#gMA#y_wPQ}T3
zCe*0el;Wa`R>>04sT4sRYK@t~so~il9c5+nyfQA^srif2QpNQZ{?C!CXu8Z|S<`DQ
zd#Ja}Z|}3wy~7W(v}W14Dg5io=jShpIrDbG$zQLWrh71*KF3+AW?W}ew^S(&`Z-CV
zEf5^Fz@;qaO5rR7jnYADScre3p*kBY6a`bYR0B)tBQf%O!K7xA27prggxyo@@crLz
z!;hclLQeq^&1ih}LLU7IkXGIwSG&9I-3+@^tQNZT7?FV8Z_q)2#kOffZzmo1LywfF
zNQko62ZLOVZlG?HeBw@G+?YmAf+(ePdTYRz_-u}<2T4l|I}uFmp=c}m$&v`c@^Dao
za%EothL%!4xG`ntXq6J8Bq<>s1pMP}s!81OFWOnt8ffO;mtBE(LECRV+gqzPwoJ;a
zVao!9y&*3C?BFw1>Y4;r$28V*gMjgH1@Z)IsyX1JmcJ1jaw>(pn&SO^{a)tXN67Dr
zamG~6Oi8w)c&mP5O(s!_O(A7^!O(A#l;mln5Lp+j6QkBQC-i}xn2nPqAvX0|m1IyD
zOME3~VBtzsmPLEalNfmuWiD584fhkt2`*h<5s1yEVxp{<AI;%{x30nEi;iEPl*zk#
zrG(v5vvQKVH17~EY=En|wb}MX(WFfc{-}S8Ri%VniUqWJ=ynZA6}zc~D<?!H?G}%8
zWr!!rc;ZpYFOer<Un~&Put6d)9|Lo<efNLTQRCc>diwNra)W(h7IHhr&*WZaalDYf
z%Bwya=C)P8e<$agQF<IA-y@$yW~>PxYLip-h(z=+1kBU~P~DfkV$vdao3Wr-NL0du
z&@u1}(Igk1$qQ<zQuOL7)^Ree21I#IMo>Mt&dB#7S)w|8_CB-6m~s;XrvAV*N5Up<
zcra-yqP0-uGqf+e&yOPbwg4QGu(nQ$B;VgJxC)Z5hb(wi3JV}eyTp^tMui9lZsVM}
zl9leu7fuvJsFXttzoK+kcAjl-UKtz2eU)*n(SHx@(Y~46E8J|M>Nn8o7oIsF`!IGJ
ze5p^Ltp*Q(01)0pbZ@wGO&iZ(>~t041MAv*FputVYH4Et?Pc0TUf?5m<M6Rod66&j
z<VgsCpug)G$T!#c9d~%9e%;qa4iVqUQDt4qNvi8WBSpO=8T_yvI=7*4f9rD1116*Z
zO?`$&c}8$8u4#@2LujO#(8`kPnP8epWXwYwf#J0mW-)mA%>@pv@wpo_H=Me+0qx8C
z5v`HmR}hL~g2yoF6?qBiQZVYtps@FQ9sYEyqZ~QyF<7~GO@~fYv)KfSi4&zx`KOxX
z#$pl2JF`Kk`K^v7f(*Nuon~~*^2bW9w&|x+6;h7{hT*-zzvcr2gPNcwF_W6+?-RMt
z;9p2CU2Y^)%Hpw<EUQ>EvEVXGc5J{Q{HQ=+^;FBNq}4h>GLtPEOSWV*MHUwYiFhh6
z@`38|G22$5*;`kw*5Y|?+if%7Hp8Q_Wk0SKO1HB{7y+j`Z}G#C-#KmRoqV)9obGim
z<El?r-oZ_1vh(+Y2J)%}$~@mZ?PzAsa+gZUW6QbDiR>rylW0*@ZH#fy<P~5U6|n?t
zwM#1CXR+WBCj2jqmcnJ;W`D<fp(q-VO6Q-%jorAL9)n9Szo*kOxn#RpFOknbu)%C&
zO#TVTI#FUn8yDxncgw!lZ6U7Q=MUq(?`{G0qkftZ+19{$&tvja!%0>w$Z<u)TEv!d
z+vaz*fGiiX%3C0rkLr$kvf)zS;y1@2#WbQc&^7{t+1k7Q%QteB8s^ZjLAlW|J7)(}
zGcx<1d;{k4-kI%bgySrwqJ2Wj_oNpezD=xSV&n9F_I{#7d0G$r+1L8=3C5TG06rGP
zNzb`7YG|>fo=%d$8AOYsrGq4Fc`t4X<H^{Xa$YWTp>frXOYwLAhMNNjEX@r%d^oF$
z%sE9WVr_h!*0Y)mroj|2tNFLlSE!Hb1_Sk<)mWb%r-OS=q56IcbNS=G(naI0v{g-Y
z+3}Shr;+^|n%Qac7kY0&@YY+Z2|)@w##0kQXiOZdrg`NcqZQoIL+UKp%)>>Wt!hva
z)<^OtXGP_&458kmm^wk_Tr$w6wisn&jg*uf)F?co(UTQHSsErOR(R6M%@-WasIn=N
zqckP{x6FHcGmr}ida*nA-`&gzI7je3uEO2UIx@^!7&!`}Pq=CA@67sK5sv3^`I3?Z
z3}(YY(ySNtoyHB5w<#pPleus=QC*>2bw#?S!*;Nt!Btp0-ezX`TR(5L?T3H%uW$<N
z9bK<N1=P1CmC0ub_@uIgl|Xitb%r&iR+ou9>lT8qC~At>p(~539a;#r-fW^Du3BW#
zZC$SuK*mjOPFn&Ly~ApGFGTRiyGoX@u7J}zO1;7N^t3AVmrBgk>jD$4X@UhW5bO2i
zfSPxN$Rdp;W%C@WGmNq@N~EUIe75oj#4No$oSZBwN#l^bus?SLf5~KZ*wIhm%s#|j
z+CB06m|U)<eE^$eU7UaHynIu6zs=9RixVFOvW9`OPVh~TMuF%_3=Y+yQ)^i!IP?E9
zAZGT!y;8@vF2Tm~^FuDafJn3}Gzo>Sw(2t>WD_Vp&E;RZ9&h^P-8(C%mssKr{P(4w
zPrq9@z%_yxd!Z%vHj5Un!L8&{X-gW36)81;WKu6e^qxC>W0G{PCOMQP;Mdnxv#$*2
zz!_Im!hMC7;=8}f-n0dI>rglvNLSHTsR|@{nte*xm7sxkkQtzon>gIM(V%K;LS<WY
z`_({iWtmIxe7YC{ltcHHj*0EC>7x!~DntP@%&6k4pKQgRUjiS`@cG6gIj8~VUO<g#
z01AI#Ro7x#UX&j)Poo`-yP&d1s3_7wn?gEZgWT5Ej!LAxq)#SPS)U9Mqq;|w*F*dE
zv!{fQiBr{!igRucTi?T%p{*AIi$nG~l9*SYq)b2cnB96(@EfG~nBC1KS!o~QII_o~
zlhQXJrBbPQ?;Wa|)EgDXrp0k2aE2jqpN8ZP^x0xGxQ_=dXNGjYM*2hE28CuO>q0v1
z)_}UEm(1uB3|E$kjNrsp;|0!KmwDIpm^@+=?nzzBxx~I0`XW$BJ+aa>QJmH9uuNmm
z&nSk0YSgBqqqQj2Bxbes2HNhE=Dv?DP5%XBYv{|{)}m(mbvG#8(V8yHgw>Iu4k0?V
zMN-NI27~4mC%j8d&)w=z|78v3r<On2^j%aFtHM@j6Q!FRS!%vZQ1JSxFKBJ|8|Ae9
z;C$OVcWsgI_F?W;5ZMvo)3rZ0oyJ<|Qj(iyErK<Twa`0HTJA2+=laBqxai=gMOKse
zGpE8KAb_-z99yZaG;(K5$$)e#=)EIBG^iY;a3g=GlV!G~4P-doZGpPsb=0Q1IdDto
zejoq7Ats*=E%V>iak$Q<t7p4D?)CNKz{0fY)&gp{Pbvi(D;>H4+A39^>YpNOE*^IF
zzgzszfDr5;r~Ot_o<Qj;X2<YXvKfC?(DAd=`$0r819VT)u{zZw;0(5&ZP8cNddCBh
z+SZ5xTyabHY%C|Sd#SwvD;%y%wM&;!?E|v8H`e#4AwYvlAb_xe(w$k>!AnMB+Y)tb
zwu+m%7_@I2-pFu%zZ(Mw(nw3K0^~BcTy4Oul`4gKx=x}DliIadBhwrd`n;w|J%5l0
za9W*6bD<@GZBbDUh2CIMu3cRBm`A2b2Ta=R1QG^cu1V)m2`*^U!(CokYDuCzCYO<(
zOwkDf-}nX=j(J<^Y*NU4su&q(GB=%s&FA1i&9NsPRlWKt;<|q%c-7|{^YJnh)6G{C
z!y5dy+|JzzZ`#MeBV<|}69uj1-6FdaSX*f>yC3`Qyo)5(!)8ByrREB1s%K7Ij!n4o
zL_SbyemM=i-lVWz(t);ox%ams{4ZtL`<N;rc86B0px>ocoYZm#BoUhml}JF5hniIq
zT43;a84wg5#gH-uuUaK2^=2GRF7$?C8CN<c-s%oVlks@ICt#@Sb-p^N$adXh71I^p
z-RwN87B}F@e5S&6pBPl^Cz5jTu`E^|^|btW5w3{9U1upeyK5h}&k&c7VEFHss^Rda
z8p(E$%Yx`gGuDw^Y*fOf4naMXV?DR>zJjGyNW^dWjeWWH)4xR=a<U@q`=vs3IIzZ{
zA%RmNTe74Gc$^;1WLPoKQ%ALit;Brne@*@{9pk0zxo4>V3tzR6<#9M86tz79ZD)0>
z+}HIL8O`<AVJ-1aIY7r&{%Yq)+EZ!zr?g<GAixMMfgdmJ!BWZ}VhPp1sgh8rzw0Sq
zdm*K8Weja>G*thbxqjU~dW?+}1lMIvx7~amiXc1J+cTmhC=Tgg@)IiR>91j`=3ySi
zJmC)C!E7!*o+(F&nuc{}2fa53{k84jcM+>)0NUfqb~0OB(vj#?@|S%ZgmvD?X^+<p
zrTirBIL~Tk`j7`ANDnVauY?~0!A5BfNAf#OaW$1Wom5lMqOGkHq62I;limDu@X$TH
z<oA4N7GKMIxOXQ`JAEmiz1_<fuvq<3ts}xezByUXQ?XS|Hrwt%hKY{1nS-KkH<x0*
z^A%syK&BekoD{tGwOAjf#%o%U6tJ69`^#&7Msvz-!5d_oYmU4V%z`4w9LbG6G9rsk
z@>--;%!xicfmyja<$TBiy<`hyi+5Kjrt(7u8CBJ@Nu>xGkPYM3`O(c-t5aNr`eaTq
zQ#~W5_n(=+o@JJCtT@6{#c=2rbE&9gh4=YAgavU8>uzYH+G75t9v0cZg>mE&C=$Xm
z^1Fn@8Rb#pEF0(=_%xVLMI#KiLBTg=FYjMKp^<QF;NU^^js0SwwSS9)Jl^1M7Awjt
zc^6xcKMIK1ApdH1Y%0_sDOK}-Z}iA(=b#GkrG=a~kc;sv@`2Mu->v*nOA;SJ5vV^b
zWpxzePU?N=v&?E_3C|p$F;P&Hjq*ctNi~)x<8D$nqJ@mbXB$_(gjxtt-{Ru*?>^yg
zlrspat8QKag5j*LL&Kk$e2KQxcQuom{-qh+d;6x@^NfXQIe7H6a{$4RB@=z{W+HRF
z@+I8-U8RY5mCcx%;Mwi`eo&(aU3B_pdN@f&d$IjJU^=jOY{T)80^!R10#R&fZ3i>-
z*g6_+<zm42d`{yUy0L${p+x@HLnd~eDO1olTSB#VA`R0N#Qs)T8Z?Mx?*<Ax&g=0#
z;N3j%(Z7yxyk{uX#2OpTa^oY<#A`oJgMu<YUy>*W+&|c>+mI{Mq+ry{p&NMTr2lcB
zA`~Cvl&Xh23`=A-j7<C1hNb5iEj6fOe4S%OpX`@e*IdHOLuoX_fibvS>T_!TCy=o#
z*Pbx(;hmAD4>I37@&LD5V<~KskG;DljlXMj)7L<1i=o!8%gcn+<B;d=c<mXev_bB@
zgj);|Il-D=5!pC}4U0xi+_FqdGn6I(1nLkgi_tH@{Ex*nK#OpL0kMUcLEf$EL4BG3
z3M91@Z^oJGh)%78k%U0bUu>6J8mjS~?TSVdi(B5)HoS^FGBhZbHwhDK<AyY5U4wYz
z0Bs0ND}kQUjqmqOdhxzCepj@~k>uRAZ1u5Ij?p>THKO}Gz500)%3%AbMy66KXUPND
z2usbMP;$o`f(Qiy%638~G@|-|mNg7&=EUH6g&=0G)rS>xHF}D1ume*j3G0?22sOh%
z^6(wM9ZJOb{8R}+Ji=wa@xSXeo|Wz_Z&O$?3piZ;=`7l+zkE36e$6!Y-Ep0mD`wK{
zKK%}yq66j4ll|OjpUvc(JNsmF-!SCm(c|1sU3W~>t)|&Z>CiTMEYhpeMX@8r_G94l
zI{iLsZSDy7%azo{6?fwa&+*@f?G4HU1@OD(`>~Xja8ATNSUehIF7O-EDwA?J%huJI
zR2dN}gGu6JY{g+>jvATKOh(5XvZDHmkqtW%vzc#$X<Z(tv48TCTt5Y;xMv-lTr-I6
z-ecGBCH-9}Zyb+@r)eF_-UzelXw$LZ#{y$a{e{T6zz$t1pq;-~?=5R$<Q6!K@|5<W
z!gap6=lkI9!PTB}%;&|D1e31r!d$K|O<OPUU7(P7h*(Tg!nJ@Uvrj4RJ}Wg|fy?hj
zb|MCoD!@iq3^Rv{yGk+aC|_QioKJR$8>9=zZ;6c8?j$KD%T;I<#F|FRH8d+D2eXw<
zzFf+GfCWhJ5E984Ad*z+{upI&6+|?!nUVu9)uOI1eE-bt3G{?9Wjq&St-$@YGzgB^
z8}iaZkMrEeqtb)Ay@LQ@!Q;JKbX=GHx%(Pi$vyqYPd03uv+X9qBl>Gsu$4CxNT)$Q
zTh7t}J{SdA>Z0IaDM;iuq$IvT=GmH4ivj*B)RDyCSk$=-ii=jG#rxy3+4+{6W8Muj
ztu5l`zw7@2b3ly0>P3N{+p=sGB`lYNbzmQHsiy5<RSe{27dwd!i=D)VicVssN_vBx
z#N(+0|8VHg*@Jz32hScl^bZG8w10Zf-s$PRd!`xV%&QMhOg#AN%*>CDkB=We_qoUZ
z?#y33cIFJwcyH0fZU-6#DoWi+<r_$z16E*C+1;Uo5H8Zv8bWCkHrPc9dL{ffk?cmU
z1GFE5M?IyS2?8~%hV(`~+8{SzBO?V4SMF#djRXL$;SHq%S4j%XtKQafI7Xq|>y8VF
z9?oFUF_u_%Yxm?g_NF#{{lY!MI){G*!p?kr<lsHFaCU8UeW<SJ;tU+i8~mYQt+zki
zRLTx?Y%#!TS>{#K$y2Fan>zf1o1;Wdzyrjp4$!zymoPW-056(LpcR|z_;M{=#os2t
z-_4|IK=jVEh`+4}aH?uy*{w=b?c$!Oio_KUt63?v8y|h>U+&xc^kyHdE#qT^4V^pA
z9-pK||KK)6;-a_V=vV0Zne*S=(olD~mb7ZW&FbR^e)RS6J?lVinNRB3@0IpMHAYs1
zm2Fb+LB3X%YzZIG7YjC$A0tu)q)@0+vSnP4mnJ5obemFgE!OV&x<mz3K<QOPjkcBw
zsBp{^_j;0w6@?B@*}8a$iF!wz6DD#|L=Gbi>*F{*8d9(}bt}u-x*CNsA8YK}e`isz
zVg>BizNA4NjiPTPr>?kCCQj0aHKbUj=G)cEi7KLzUJC|$O)che)#ie+uBlZdr>HFX
zdY4ZraEpp?n#{8ri)$6WT4#~!D+=7Cfml>}#VWBn;K$1H_89A_AKW+K9!&UqVh8sg
z`pMbR6Qiux5x#q1IJY+Xxx}Z^t*L!ad?x(yjTvuzPt4U|a0Oe!t4%)dp+hJBzR?}q
z8?<?XV#sF_OycnNO!n}$wK}5>*6)Tm^*ik(*yyC%Q4E=sWQ*XQd;?ZZXr+7t@gc7v
z?f)9m{@*G}-ix?>CovIHT;{#X2>{vLKvF4LQ(dY%(2K{y%;i=md<xzWL<wNQO&=8B
zM^y8^&7bgldhEs;hS~gSmVNf6BbwdxT=5l8*yWBj7q_KyA+v$?f86V6s<l7)1NtYh
zh6CUWU7&{zrM-E%no}s3Owo!UD{&^Q)5umO-YUQaqgJ(@1hJ(Nx1y1tgE;_>In%Iq
zES`;GEiL`V%#IiCpP=WMZk}IwZG2bCWz_WX{5<Cfdhhr#&}6vsdv+9Ps>3~cOF5sb
zCYzv2?-MyQp)1w6OZDP%k=qa+_XNg-OFt7f`8}i2;+_6axIMWR){Dii`Tx+=aU5&-
z@Ez<agwHcx`8_ucpVvzLnNo|8oKYfAMS=zk1bjVRhCDtIb70a1XaCKgkP5fH!zk&_
z%5KvKTB+&mvoHMmH@A`dHE`c}R&H|ZWw-eQqttkon$;N_-K0hCX`Q|XuA3H5BhysH
zg1SKN%h#nA^!!F~+#SdXXMT{{6dQ8A@V7#r-+fcK_-)^~+p|%4;fMZlw|k?YF88;Z
zTAl&u583A8vYF==(q#GIXFU+t{jmOO@U)Fe50O+C&9gM=)WEikQu~EfL$<z2hnaF}
zpKODBe*2GuAIptCejX48{oRw<k7YBjzBdYJgAo`CgnW77U7iVGV@Q!&c$;868|1yi
z@R>n8pR%efV?z{^bq}i?D9~S&YxLwm0VR8^N|)6tv(yMEZ<+L!Z3657gw$Y7tPG}8
z$gowk-zJWD0u#d9mj~B-hSn56=Ug|jvoEnF#DMnpdYoY~U=kehMn}NJ3I+z4Hmy0q
zGlt9W=C&ss#u|fBAO7P2SIv3S$%9O(rzs8z{41;gIHE(1PFO2NO_3RPu{&0-R%&dr
zo-r#$t2kXc-s7N4b<{ZhcJU50V@=vnY@lBx1=Yu#nxH4q=!&|X^A|h`w=3c%_2(xw
zPA*4vQ|l?IQ<U4m#lUCr_?byjijiX^0?uTJ<b@b^4++7lpk$7aW357rl+q~K)(%la
zA0q%J)~89)5bnEa(t)h(6RMqfO-z!s;&Lr$&A6qwJw6h$G92UI^5{O3*TT~^LUORV
z+7cM(6w?7qb@O0SfSVStY2Tw;{P0F=XgxFC<xFn4W#GFzPky$WNp{7%oBF4R_kU|w
z+U7{@`qqKr>3&Z#7Vl;fdrt2BUV3Un58?6a#S`=#mxf%#L6y67aKwbZ)TLupjst=o
zzCJuOynbZe2p0a~<KN#~uGd%at4qY`3z*}1RDS6%N|uNmCJ-vG4<o<y6d9sG_!ZWx
z>9|7!{A!JmD7z-E1Ry+-pi$Zr+x%<dT@eIK7=9deMold$Bq(3o_8K8E<TY3o{#Xs(
zp~ND8d@SM5T7{>qPvz-5v7`qWbl_XNQVv^s*SGcqgPIa+V?9jwXHV|@E;6WI;pq2v
zp4^jQ66!fS=A`Bs&0Ca<I!j4r2*6QUuO(FmJ7lI{*0KhkvSb(rb_}2!`&H=s7l^y6
zBYo_3CYfbPAG?M9;MrgKzW)ZiSS_)pS->;a;4Ftf;a#)VItx6t;m<t0)cmF9FA1E{
zY)MF5A`dU(l`TQdYB{Toc)V}3T25!N+UhzgeV%MLE2gbC%ak!ejJvvI+>714B$i+;
zu7h?4j%^bsCpSkz8@mEAQ{et>;-@xGhQcE;Us5v_9%=A6U1DHcI6PSIaXH1nX0;Eh
zI6+?^XBM2)1f}>lE?VG~-f%-?*@zQ+<%knAsE2vQ5hvJi$Fue2!bQ2u8&B@J%DqBM
zN1N0QuNz!nH<}yO993>+H}W*iXFqJ#{5zR%g0g($3d35oUdX{ejpyOiF%4kq1-&}3
zLD|u8K%U|t$7>{Qq|l}eY%oN~zDC<BJg%ewezf<NAUULzr_AJFx*lM$v6RBZV`xb@
zcwxn2x;lEHL-R)bj>kWPlNO>kCmWngYwF1zT{vc8*WcU`V@x~0_qA>OJD}-rvvx=7
z_VAM8y2Gx0i|2o0+;abS$+=;QozcEP^;7p!`6&9*pk|KjEX#G=Tmf7YUlWwvQMr#r
zJ0&Ohbr*4aUJ6E}29wl|g_myNL^n7@!(6_-8v$3ls2<zz)?r^rFTnnGz*w@|ha3q;
zLGjikq&~CMosjF$zIC_-#Fq|nb;YBL)k+m$qGz-_N^X1UgJ0<-@e3XF36^_MZ%FR{
z?x8*39A@3##2sU)iKxS%r^$Kv;=2rM6BrZb2=h6;E12|IIQAKiWnOS~dSbW7#vebJ
z^SZ?Y1CHikdd#1k2x9TL(_`|Phd)1}G`qR&zB}&P<@2r+yfM)4QR)nPkj4JdwbbV+
z$s=N)HlT1NG9*MvbFtu4QbeCg7U^K2P8lZA4Gi+Z>Yt*uRR(Vhf^E?(d-w!`?x&2k
z*7`;_Dg3VT;G625l-rAMT4Tn3Io|S=mNOVFR;7DCj@!U~0O<}?eKcL2T?foT{`paZ
zfQxjgcS6l0M~@{_54b+I_Mz?j?!N6oal(E7FfBCQ2hi=<_WyQh`>{lp4mGdc7z}0C
zHp62_aO2u$I(KY(|AE^cOk_O|B@z#LHgz4_bucv(K8nAdOy2Jrr~f9jsYeicHibfC
z_&5f7<^rr!&=w$P`K*H3v3}`{76Qs>4r>H)hdEk^D9@`S`N(Qiq=+6O0uv!gjrXFo
zDnc6HEs?y-i!ZzERXAcO?{(obZyP)lBP7>xd6hl-rF-*UvRUn|Qy<HHEGjIBsTWb#
z#6)frT}vCXqnVEvPty*LVT<?Dcaw*}h)>wyFFwJ-fAqNW_#TeTSa^v^!q3C*m@8~L
zhCj{4e;~tQ28<mpXNUQiF$8|m1Uj=AU#(;kf=!gFE~4|$>hbg=K9qKr%RPindU?bh
zQXlCF_}DR?XWwC-1ha=r^t*>4$FPBI$EhLeUG+3_2O=fX`GdMSOlrt$72VXLC1Y)M
zEg3>na4EN4CdrGhV4x0*m{#H#8jN4RT>oN|au_9MlGdD+la>#pp0m&X>fraEBVlcw
zNlKrU9p(?D`m@xx9rbHs$)5DOQVgQ6x<mTmY+CT^nqUWd$*?(Z*0<r6*OE6@lOnZJ
zHEB;sX7jAp=nbMh=+(dll51NrD<xi{yw|bVsYUYGIKG9PTNDAc9!~d;{O<hLN5|QK
zGkPGkYb?I@fA8C}E-AET4?n%*`M+iZj@Xw|yFVXG{Pf7J^U=O{ZK3G+kKI1z<=(^n
zgLj=c?RLjzf{vzeFc2_hd`EKGKkN67C3E}6g5BhWU_2n0h6DHP4|JK*mcBrs#~yR6
zC2^81Xm)F#1H=^qnMrkGq1MtCSWO03fiLE&8r;pT4zPs|5`Hj|<xO%uVoMN;sJ3XW
zT(<VDSj<1BV?FEL?)6?&Qtxn+YlDZ?(J%6zkw*7OGpp6IUVPcZYvb--57ziRNe^DZ
z+dVx^$-bqx)HADNSANc=Ngt)3+JJF|jN}nmiYGnT1*dW~Bo=xUYwr>Zq2*(Fs+F-k
z?VyMWWfLtys=0U|s#+by)0DvDO-`*4>P!z2N7*w3%8|xXtxp?lO;md{h58Y)NS%w_
z_vC;RAU@J;A7ADX9i<sDm65n>aaVh6_YZ03nKN|#%e!~KT>Q5)XNs48xclVTH~!`5
z(YGHN8++vKqeuVc8)I|PTaIlR-jX!g!s)=~sU72DU)1JE-rlqAfm@=?JCD=Of1KI-
z<Ko=Olf{33WoG6T+J5rTJ14hpJ^9Wdc)a=MlkXfHe`IFJ<OpmJn5t)X&)ivM^G<a+
zjDvf=p<t?m%pOe`Y#aMAK2PQAki)#f%|@}%rd)+Y?7`s6h^63FIH|T_=pzNEa=Ps5
zP7Ge{#As6w*@ST0T;{<zAw)}cX30`2-9hT2o+w}5o)K3ICo#gwgXtZI``vBs$??F}
zPFMZN13jmoi#@S*{7c(nZwcX;)wRlOT5ZWrY7S?2^fj>6Bke|WAQyEwAAPbYnuMnG
zjxnF#0<QKYhKUj$j8QrE9nE_rf2OR&IV#&8mDgi*Dz$O!rs7L<a`a=F{+}&<%6RD?
z;@ObyVuI)Cmn)t?%*s>mvjNQ*{QanMo*R&nflN~|kP#|8<}d}8xXHYp#TPJvDfQKq
z_tLy=d0uk|jsaP?pJ&d)LmobCtoOfe*2q#D%uwIFmJO!G!fJArPm^$)jza_;0T;7z
z1v?y8v}afe52Er+Tw;}3P^8o_fR$ROuv(i`5KTTB?@o}-X#jncoOYTm1%r)h5=+Mp
zKhi2`rMe29tCqH^b>evGsJRZg+;(GzNe?9MNWb{Eal!MHyT8R9bw1-2dlP*|hb<6y
z#%{<mi+WA1!Eo=M;m<TWi)RT2xXtDs42wyIUARxL)+m0?zNv9*PlH@r6uGi<N^t`8
zh@#69tq>-jS!(-v4by}H{9k!(D%uqb$JRs@d(UZhFwbaTBYP(~syyUOm8L_r^5$hy
zYgm-bjqjpV4jIdZ$M&RBd&k4!@w@s{d&a_rOe~hm#bO!uk<{L?aCmHQDz$sOvvYiR
zD!DP!lg#Cm^<!Rv^N5<LEoyzUK{p2(9v)j*oK3{I7Y7n~M9H;$AQ3@zCTkU@Re2Yg
zN#v@>BWPq!$4X;~R6de@+~w1W=qRvu{&BFq=n6xM9wR5C@y*-Rp5<NOV_o258}X!l
zEu+-gC6`#RtHH`mpuI)$p}5m%(Wuo~yK=5b;>>wX6`3ngtL(LbYbtw7|DsYWWbdL)
z`_su-E@o-w2KS9V{GI7>FU{!bs)ak4hw0!wWB#bMKDagJa)0H})Fayje>@ogI`3mP
z1D&VI=?ke<EO3hVw}|CocL79~1&=}~Hb!}>K>YP2J>^;zQY}Dg14&LD=<$`IRu#Qx
zI)7Z<Aa`gM%l!8-UPpYJI5<5KGle|<6Gc{6&4lgGhq7^Z&(5!o`+Jjp%%Sj<$K>el
z6@%bC-*c{Zgv4O+S6r|+7s%Y1^|Sg~YUQ3q!?k)A;{@bs(G|S?i?QvoY@qmxD-%ew
zFU|8DH_uk#-@C79VzZ>y2|DP&T4xJstSuGV%~4<sDR|OKt=$*Fayt$vwJGIK*@)%#
z7P8@kbLLtCxOWGLRIWn%@%R!I1$evCMNqE51MJfH)dYh)+=m@X+dmx}0bn>Zl5qsR
zo`{>R<#{G~;Aa1NkAJvD7%aLtJ-G8XPaYC_$HUBRJpbWaEW#|e&{91zXf_t>I2==j
zb66p#N|X7q4r)N@8IeqCKed_Ek5THJ;te>`7ot=8LO8NhhiNFfhSG#Da06x}7UfEt
zl`XmLlTTcJY;ddHF?s6Hs76R{b2zrKrhRAb5HI^VjyV+E`tbai_Dznou4DfVeVl%Y
zc@1caP#`%ROyOdK>cdA3w^}}n;b;x;X#<#OW@vo|;@e1u=aGl-6XZ+ViWcVgR2Y2B
z2!*JJQ~V)M3>0IUoy=;rn^pG$%y5#RMVyDsH7bhFn`bq(CMO9-^m3iIMs+1C#kO-B
zTVwNeHz$S%V(!7l+S~5$<&6BUebQIlpD6mgqfG{Vqae8S)wQ(!QATrXZpR&3#g`lf
zU*gc_DLd6gN!4P(tk~$X0aXs%xhrTCBI}pVsPdI}q)JJu8GOi5`myMfoL0*%yo{|R
zPn__!X)TW}9CU^3?m(k!mD?Grr+0M=V+1p9)f`mkXI8`zTRDc<mc$U}k{IIrKaL>>
zL)*SOHTAV^q0qLkO-+4uTj)PVvbpu^bJ-ErIHt^(92-;SOOEaSi+k_fd*p}`^HPBC
zUMb<bc-11P^Hp4@=$_&aM#n}5=>Fo_^!hRS^<_6UFM)NHPY@^FbLD;Ae`ucpxinMV
z)ZZv)Q>3mamTe-@GLVks+Y%_Iwp9>)t|2}$Yb9ABLF~#}3pm>!!ReuRW3^J+MyblQ
z16=J|bAOf2P~YJ8cw5>?X~!Zrk{VgU1MhLTvB%FWc@wg^nzV3SQxU4lbKHD5t4b49
zrnzEwzD}saX?-#8Jy$CW{YRC<LSLrWML!)pe>mJ14^Qg#lVWc=P@G;_p*{?%Q$l~h
zoM64~V)Sbq_ceb^^gjpz>p|r0e&FrA%G+M*5tX++(L!7;@?3+D)h5Z06^Bm5OMS~2
z+6w9zRn#%Hgq5udD;quDP-m}lY)gs*BjeaJ>u`IOP49f`Dx8ihoBeQCXAF_qSU14Z
z>qPDSD{wVk!Bx$gYlroZU~TwXL7(K=&jWw|7x1?od@V$NDj!Dv0&*XW7S<|^O-1q>
z*CJy#j#LHnYd7NM+8*HXiZEeQ1x%1UCOHGjn~0Qfe_uq-snB7zzCpyHAyUR%ShYI3
zh8&X{w#XfERNb{3K~<v(nF|AtsQ{jw19VXUbg_mEZT&;=#f_--^EZG&Xk(?Gzp|p9
z-vCZoIHpSG{EAA?P&36T&Fg?Ua1PEcD(^>}5r`H<Wv?R?0r!e?+wxX2UBIeeIt9l>
zhTc%sWcH=0dTv%rZdB`)DLB=Te$QH))hRgEW?-`m6D*}aL)l3n=tHx(fk4Kyw9(7<
zM`kwMzPn|3uwwj8LU8+7bv6ziD9ypa={D@PFK<hjp9KW{nBEf`>sANg?CrI<%-m1d
z4NEpsP%p_`6`ep?AkMUqxvEPht28f8RuRgRRj?<uR_V*5WVV^0t`#S&C|l1Sywira
zRvx#qSD1>$cZJSnHVPSE=<3lcx@N9Que*Q;)_%h5Ttagl(0sjVFiU9usA(|OrCGWJ
zs$OR_jC3yanYFPgp?KbxY00iID29Ie0wI|sm?e6>K<_Flg!pzTy}=T_7|vUxa)WkG
zwmBl@+F`9yFsxvC5H3Oqso5;IwUc3v`Bja|<iM4L5Lcx@aIHw|h>}^aC5^}4^lVPV
zH+$c7-{cpzI=5}%SA{|r|H!wm77VxX0$ZimUcj5T-Nv#E!+rP*9FtRC^JZ9ci0Z^s
z6ie6KQC_nk7F>#R!`-QJx)v@kJ+fr!9cHW#$}R!im9;r|%|$Qni`tiLi(Yfxr-Xf*
z{Mk%4;7f%D>xH}52gh<*UmzLsgkM}?>HjM<>}qnkf+ORhfd-Gu9q_IH@D{RmR$Y5e
zmG?U8{%cFTT`aWtdQxeu8{4_Lg0rzR+C}QdgQ8@;D0}pCv$Y=U;*ee72zq;*gqHy3
z3}L$wGRK^dJ+)>_fi^mQq|V-9mRX3HQo=IJ>uOdLFQh8Y${f2!F&Y@Qa&!60Y<za5
zD)o1Ofs-o~s+aNfLaA=u(^RTkCqJBFb~62H@w$A!w?fAbQ1z6HYNKY9yb-c0Z1ivf
zb0Kc()MAU$_*e(b!<~D8C5`IHeiH)aQr!jH1{+z>EZXKII~iu#g;OpJmVAwsOr(=r
zoo35Ztf7W>c}NlxEjQPZ$#F~l2|D&T379teLNNCAJ9j@23(&7G_a~d9;uO6`6r<Yb
zz1z|=_uMm+y2X1rz35O5)9)nH2YS<Ksx%8rhv&mx;Ik){84glIbm_1lM`HsH<Z<Y5
zHcvx&HV=3h`$fqeDUatNQ>Jk+k2*QXQW`TDrOP9N>M9?UwV4H*rcX16<*$FE&p^1r
zu|fR&lSSsS%=lKuL+|IW9w9`F#n*Wz$`r7c3i&?Hk4od7LwSBwA4M%r@R5RIVU3a|
zCPcLyN=xf1r~1S}cI`?AHi%!lU^ZL6t!-=;f*rkmXawzM*+@EC6Kg=K?cpAE#8z+O
z>WNezHH)fE(3KARk$AR<i2MW)b!e_Ps*2-vO$JL%??l3N`kTVdG1gq~OE+YapLO>J
z9HU3h-7|RYIabUDhVjG({X2G58GX4H-r#AD(^W?I1?Qi=a2fZaaBdXDLmTC#KJ!tN
zqgwvp$x(vpfaSV+0uJ-8Mz4C%d!=bobY;+AVYJlzzg5QjtF=UDD}{S%+1hsg*R2g(
zyJ2Pa#^&p-tP&rru(E~QmH~t1OXE@%xS+H)FRX1f^%vJ)8!oLaDmMZ&usabNkP)d;
zUE~j1ZAVFx_Em}`oo=O*xP^wB?W>ey71v(*G7PbjaA&UpA68_>a`XT`UExWN@FY#i
zAHkJXVxiTa>>I%FSr6gU)g(q@Bz&&>LsdblRrk(GkRW^KvuiEb))aypAyHln;dZdZ
zK$jo#(zPLMldmDHlsVIN6z31y=v{%WZ{G0c@6~)hw?bI;TpdxFD-U0JkNzdt8c*4&
zfI1t<M9vX8M5%@h=puzKYYjNlDxOnJMY9Ctmyb5>sI>AfbvD?dZGZ4WX-*h}v#6N!
zH~P7Hx>{``tF*?&&po)r2D{Y{UbMUqUag#$f8_*xb{=fd0sbYcOq9#Juqa!DEiSSS
z431{e;J^UuFUn0oilCkj&l_12u^v2wDB~C%NoUSG@Z1C*R$Cc%m+73ohM~N%Nbz#>
z_~7Ld>6$A~1Kr2LPLS?6PH|nNob)0P7+LB?X!WlmMzOZEhFQL;ei2jhpz1B;Mo67V
zS&ur-SwP2I@F<82yrLXxf-8Sik@>a2VtIKhW5&!%YW$|U;zzI6<`s4Kg9()l+=Z2J
zAwyADE@`7=KQ&10q4G84>=Jko9eNNico4=?qpJx@tD?BgC;1{|U%`YMT4b<ZYozp@
z8tqlV(l>2jx2sK=qlCk|aKoVy%d0gyQ~?G{TZTpyycuUzR7{BUn}s%d>6A#-Iq+Xz
zGA(lA%RK$k(ut9DBl>`!X_#n?`J;;Akp|{OwCJgvAX)rIEF6n2&ayiPxmO)zUPrE)
zl7>g4o0N=;9DsH%$+(uyPK&6s)ACw7>GI*sv(BbAl3?(byvZvN11JwulY`js(}71)
zWV?_c$Je~q9I<xIByFYHYj<8dKU-le+e-PFGB*rowdt@Qy%~JXP3p-up)@zF9bv>O
z<=`<-&gA%1fd|#L3p~H?Ge1@9&^Ei;NmkV^Tz3@M(jth-t4s#FY982&mHtwqQ_6I(
z=U1Ev#=cc@qw|jzS)2~GY;BDdYqOWu=2~2vjVGt}>MPb(Z^KRit;_B8sb7`VilZ;=
z*Ik>hw45c*_^P$h{pI!i)e`r-;_6N+OQN?gf~C^hyu_y0;Hhh}wvN);q8dEvC;6hX
z3p{pRJ$mdIS?X$@d{bMey3{WGRyI|Po#v-&>s+3Imdpk-;A}8Tj&`Ukmc2MG${zqN
zcA4`*^1T_?knqZ`{+gox-8Ec)<RhfcT@?}LPnN}B=Fw(y)*?=QLFG}n#G@_^Nr@X3
z+YeNJ!J0CrSOivyCUOuPS%rZ>R9O`TRyi75S8KZzR>>YO8h%%}#H_|v{4xvg>T5EI
zzGg+{ntY<I*S2}#BY5@X)%HK{Ei;Q%d6iT3DMRgFNuvUgcDAh>-hh$R0g<%99q;ZX
zk#u88w`Ogt5hLQTj72S*?KgD7%^2K_iE=;qQS7yeHIuKR>xdGsQP#6-u<Ke8w!|%Z
z#Q=LX4~;8@+(k{Jzjk%hU74d_T_F_DM^#(>&DD{Zrq0u0&1H6ya#55u?(d3s#T{{^
z*FpN6vDI0JOFIAacfFxd?A?Ejh8%6yci%Pn9S*VKXFrbx9e(<!KYKSC3JLH2R0ujc
zT<`wOwc6omH~;Jx-jE|))_I8a0?09f-?@SF*OVrfk|?F>sJse&UzFrb%@MhkC*QS!
z(!vSVSgvnH#Nz~|2Cq=CYui_0#Y`fzB`CSWU3zhqdDcw%Blw!uBI}J6;<G#AxY4Pz
zm!#O{SEUjs1J@li`boP3#OEhsn)&YfKA#v1-8;GorM3TTX28~AcZrr`*%7**H`Bk(
z94<b8%jkU|DnXS=qHCO|4d2^d{P`&&nZCpp4%_Uu)27FBhhxl><MVe+(e(Vu8NdN#
zjvvGW0dPQirAdC_l_vQ`O2?sFF|V2R_=9Ai$wv?MTN3E5JK^tWWvu(iaevy@azWt#
z&zf*L;jE{%od~wUECp|5O-oY#>#m7Dv^27P)T-E<mec~2b$MZ3Nj%HGd|kM#SX2%|
zaPzfeaO+uVnZ2s$<W_YX&*KY<Ym_e&l~#iyhgo<rjxPqy`D7@nc<Yan>x$v+y3Ba=
z8WHYBxN=odfKvAUkv}=YpO4{g-Blb)h=piZX45D-Yd<*aRiVCtLE@~(O1zqFCFhhn
z^_5(kUEg4Vn>}!|N0irtv;H`|(1U{}JT-|MQv5$Cy}vHwp1sjL|D!qi=8dKON<Eo<
zL&e0g<<k_s<!Op7>NLe!ZC#^>#IWm*RMaflO<QTcqJ3Gp?CNQYY<ST~O0$b!0dyO}
z=^72C*~Nvr<_6qQsng9B3?Xt!n$eW)GY5WAjXM&-<6j8oP1VYFn$JPLZibRW&G=Q8
zzRH;*b;=<{+}I8(-Q>$txMTi|;N28(1ngv<@tO0tO$0W1g$&L5{Eo_L#xLMXe!>Lq
zJongRKiVC57oO6WSjO3V>!$2&y-p3gICJ&5_IFet^`}(67gt8cSqLl{Y{lZZw-i}U
z67)1_A|9>EFgI(giY%6>jPOuplIpOG)uzWGSmYdDKfE`Tghe)Ci;B_w6x+}&tcnv6
z3cbJucS4Gr^Hp`t%66K0jit2uI$IN4nr%@rG?&HmUMefd(2;w7dU^lJ>0n|oAr6lX
zb^10R-<|z@AM0_7<3egs93CAOy9Q!LArag>o*5X?yiugxgF6rRkKesH7Yc-fV&=~A
z=<Y2&b@lN*T~1SP+`lFmOid1sY@L|Sx?_R*V~@`Vc<=*cwxRkRWl6-iWbYut&gENi
z?9Iv}4iig894fApu*`(Vk4hsB(R+p{#Ap_8D>}`X`6--o*tS|79qh-Agvbp|JFFbk
zsJYR}hXWN89k<`$5JdKWmL@;WKd^Kj;&NVn@xOvsdEga>lbHEwWK~OhP~nx_>QDRu
z+^T31y<u)$sO%-x-ypj*|E%_$&OcVktrD+Z0bZ@4)=~dW<yANE%6DyE4J_f+AmJ4O
z{U&5kiC4Hs8v|YyfLARf)$CQc<?HBFxz!#(ZVhzbAh$|DOQ(cm{O;Nt<=V)Pgsnl>
zc;JWPCShC{A9HQ=jUBsD=KWKV<=CnZd77&_d|0oWe|#k#z5zV!p*B)~rSdSX>YKDW
zD#y{CsYCSw*PKYYVF_Eagsr{6)?O3xvc%R+z}8;XT)UBvL*{Rjp``v;Tw!ZIAVx@i
zYC~EXE)W29%zMS|MB>H_c*TR&H_Ymf3wyHu^}`$dLSN9kx?0$q^=}v%Y4vvp-QlNh
z)VvRc`t2@9T~L?^hLU!d-5&7WH1DkBJFD{jIpF(RYCZKS>M@n`eb?mhPz8taL|12Y
z;*Yl=aB2nM<X=Tl6ac5KWC%-0ot%gb2j~U{$}*6gCh6n&$_QMKi1NolEH|TPz_Cd+
zwcr;<%!N8_W1n*1YpCzW^!r+=?-ItZoc~@&9NSldR%e#T!Fe^#x}I!uE1a{NPgTf9
zb8LlEcdER&eX3txPd#4YnLpYo<EB@td@8S1-4-7yIqF$&2rw>Axy1g4C0<)fW6j5}
z^g3)nkgH5ll+xy>>$I(_A_?Ujnd-IWAsk`p_a<&cV&%5$rBbS#LwOz9T>8@X?O(!w
zfl7JY77qmC`0si`IJJBK{@uI3@P+xcm5jd>OD1Eno@6Nwa>HyAc)f`lr%tK8m+`3F
z4tySn<n7q_*BB*iAB!O8O~`pGa6ab?+W}7Iz;ESD<kW3pqw1H)cfl!XgGs(gnHWkY
zhxT9wX0n3z-(>Eu*4Ee?b?xD}Z!kwjgj({g<iIQii5xgDD%dlK_j6|1JCaDqR+Cxn
zxUA&(;(0wsxd%b#Egg4Mzw>?RFs=?7&&$HEs)J++_fsR@-tjfjeJR5Jou_+xAK$+F
z)MwY~*o8Yz9UT5*+R@C6J~^?ykRE>Wvy+eP9iUCYo&iT{(qXd#W{rbTm<)ZC9iP~~
z3xskw=jEDEC^iR?N^degK&H@U9Q*DfQ)oS&P%t2thBY@-2d5KWmP@=<o=ZDkw2&Fc
z>u{%{JmWY;`ask{#}$1b-D1I~D*Rw+__1VN(g#xRi0VL4+ix&w?cNq&Fx;0Sy4}47
znBE>H?IBlBO#aAO$(08T{8#nFc4)3MNcm{4xqSX0Qa+l{<zClVJ395XDe>APmOXXj
z>iGm?<*|h~ZQH(5K>a53iph8R1gK8xwu*_xUZ%vy4*X&|Wo$9|V!E&>1(mVIK{B>D
zh=(CDsW1eAK{Yl<D`A(>OzOXKhqJOOF11~McJUJQ`_XfZ_gCQFV;?ornC&P5-i7Ch
z7FDjl71qC_V*Tyq^)DaW9A0T`b3`56T!8fxB)iCfmNEm{kpbcj4R5Z*wKp`#nXSaM
z*PZH2zgapwRa*Zmu>LS0fJ*tdl-J({>yIewkEoL_qRRTCWc^WGKhC%?L>2kBEm?k7
zdHF3`a-{$I@?Qy|ezYEZbp>oX`BD0y>0Am*7hY9;3#;<wIp9kS5a}58<nmeG0PhQ3
z3RCdAKBHnG)VVSDF$6+h079+)6dqLvAoOujYPyJ{`J`0@+ADy^BpEPH#PuXcM_$GW
zFXPC|ah&DXgc*{t3p1o%v#bT+DaEl@6L687&Z(V+>WFZa)l!%FqlbfEyIJ!(*ywt!
z-?tJtI<4}aHm^{Bx~4o%u7HXbc7jltjVsO|V6Hqw<|*S@!g@UGWGQ`{OWue=vZJ~>
z$=3jxaK>IlGMVt3BMjvD7@0h3;}^e`teR{{8`Y`Mno3VpIWYP53ZL_h#WBf?U!+j{
z?c#J~W#%(;3TWhk#!c$XXY5fa4}K;z>MzPH(8yNIbtVLodO83t)|@x0;x;j4jN$S*
z&J`Y`VtRA1(l0ET+Z-sLp=7SS1~mRP_yMfrjaJmh2*6R?o|k-qGk)Viy$MHW8py09
zQraWk3>G?pU%))8tEpv`mSMX(k4>|ZO;?g0Ucq{Ui%Vc%TxzFRs0#jSuKXj=eum7`
zXr;QTyOg;z`3BW>D?KgIuEb(bi+@#!m}XLxnlH+Y0DSqz<|REXQlqI*uPm`%ob{1c
zI{~BNsjlWygNx)d<Dj?ew6s*Nab?5mTFH2BUtBu9`38q{6#ue9vfo_6T9moGDeWaH
zL?y6F5g<FfN|8{@k}qU-aC4HYJZ!lG08)oZ+2S%Nqm?_9q!~gy8Bg?-mNzv7^!TLJ
zl6QHO$t`i**=?mtUxz7KEOIr@I&zrv4Naa3sAP9^&^WHh9|un0aV*>j!#%zgzIPs{
z!zO3W?2c^@I5x(<<La#5Gd%hKHFveKZB=LZe)-z<w-bNFaU93FNnFQCZhRfbF{zt0
zA8s0zq;zRl!j^WWbfvV-+OFHs6jh8B78qiq(6O!)1F?b-o9?wuVGwm4An^k+HZfXF
z(|!P&P_#)ygGnITbmu+iUVkLElWy9yKk@Z-bameMyyu+vy!ScJQ)4xrcx~$GK!@Y*
z^ntPF)ZE3BCtsOM(V>~y**#x5GCM<maCqT?$@)NQHvDbRW|UiU$(S(Il!zYj42QRk
zJoD?{-gWBA*{O;7UmZGq?%e6q=YFDMV3N8km|Ong0uysP6e6UUlH#D8Aos!iEuw8#
z2}AR66^7;!m7zJ)8X8o=#F(Wy=V%xE@KH9GLy_Xi0%x<50%f&9Ocxc3C)dQ`T)FzN
z8oP5%m7>FH%+I=Slqoi#`~q`9V=bKk6@jxHHnlXJ@#OQ1uu4aX9M^<GuE|a`FpLB#
zg@+qVd~%y3XY=X;^>}g#YseYJ16f5wnZv22h14pP(O)W>&<|E*kLE)8>~V`mB#rlo
zr8eGH#CR>_ZS)sxTt<7{sUEh?*>p`pNX5^z6(74*1hBAu6(a27>Awmoc4?Yei6NWu
z<ktqxzBe()NQ~O2+806g)#dGrs)WSIzV$}T$lj&e2P9qVaUZr}L5mk`E?-d46~Shr
z5zWv#9o|%x>B_Qo%PL*^Xqgpdx?<O|;bn>7u0jWE_FqBvi&Q@~r`jJ=V^|KvFb`b2
zU2cUbp+RFhPl8KG5xg6@q}z@GMBoz00=uzG;FL`-Ai^42+jSZ|rWu#NV|jQ?E5Ku#
zJCn&uF<zn8Sj9c_RfhVR%5M5yxr*Z31z&NhuNE*iCV{dYO<hyeyb|YBY)pE~)&e%>
zrqm!_ktYZ?#t4WQxk)1`Ls^Cjl97l9$>ckX=2R%2^bv537{?PsT&#Fny>fN1;HvV=
z^a=+)SZ>`ur+JPJmC1Tnc=M;_YJmULM&NvzHJqiMr+&x@Ist1(1gRcMt`&0@a_AJ;
zXY`A5K+JjZ4U9WBUIv~`yBTFP5}=PuD23>v+MA>3`gt?E+ibr2q?xwgKAPUQFP+}2
zeFB>bCQw;=n%vmS-k08Y$0)iej1|nQ-+@|pM8(v2N<sh^5eUK#<rRRY!59m4X_fF8
z0YD9$uaO*Ck8XV@j0==Q7;G>u#9};64HfDkcp8;Zl4KRQ2R#KMI1NkFMXOjEG+UA$
z58;lTdAvVl54&Q4!~K2G!RL<)HQ^d>#JYEA6CE-b>7DVJqx*J7Cywt^yHN~_oK8PK
z{_0Wa%&|_6W4M#!Z+$DeQ=nfMcy4JZ^4t?!H(;%g4>=!N8|qOuF;m0<-pFW_%s>Mk
zDn|njC(3wyU;w36vc-{cH(`#vTENBTiNTdd;Gz+#5rh}7gXPJ>r;8TAO2pyZcZzl5
zitXC{@7V=snk|m3yP+AQMr&)7MhpxrF|4(kVRX@wSAhlHS-jj;GL5}2zuFaSdlT8#
z1zK=<+X5xFiREnT&i7d-?z0@SZhbp34|P((xWKB$m0R-48+k{WwXUM6-z{C~V9XMG
z7m&RYH3l5*%X#YMZZX&1xoKoGOxTTR!Vb2?`}*;Oy`{(tgw4Tc0PZ9uRN@#p20v{?
z9vVkCLO!zRjyV)J+H=briLUnQRQETAmMQP8Lu-Y}RCM8|YvxE~2oF0NC$Jh$s7&l4
zQ-+ScFHgq~*jWpZVoS-gwCq3x(0e1~?8TYk+KJkk627Iiu(lUSnN)oh-3L@78bj0M
zT#gddEoMwO;YZ6<gQyK5cp<9~NRsTutREO;1LFve%PJ-pObIT~h^M?L843r943S9{
z70D}i(W^?SgvJD6b0~cOS62~H(O<;isCSY(s|u*FYTquPz8$7+rG8MBXJ6hV=K42o
z-?0mZj);bi6vv4V8amUW+;JI>h5->P><uRki&?|uh#`W*;5Nu?Ivh1G)HVdxM|hY+
zMjVR1m9R>0*@2v4nZyN_|CGF+y`fRH_6Yj^T1VQNqHC?xqztw9`iJ_k?vGR}n$I3k
z-;cW4Me>RW#U3HXwX!N&yPI9i*<3-W<l6F3U#u+FMkJ=(Cdf=OZp@tMhLe9@30>5z
zi{RQwM;i*xpbqtm+ky8pE||wUlCsT#ImBcuIXIuk`j$H!4ZVX8MYszuK=*Dx|LOVo
ze3T6>KP&yNZ(wAo9{swV9?U&8z9$^sGxpR473XU<uQ<kM)HC>W#C7Vb&CXsl+m_T^
zjei^EYVA}nm7;!3n1kh}7#2bFNH|#o0CW%f+Arl2&NlE-LS^egK8m1}En){&Q4nc^
zgOGMR31|_M_TY_On-23IT`-tDO@b4{E9^CyS|a$2S$-8b9|6>B^-$u@+NlU|&M3Mb
zwGdldkTYCS(k^{{SxDn`q?$c7bkC)GPW*D9KYQ@t&yQ{3xoh_r?mw9Z)^BFp6L-wN
zJUH~s-RNJ2=+L2~#}6Gke)JIY7X5W@dfU$ZB-7h9HMOi%9SD4Ra_7#X&2mJ2mqf6T
z<XpfesIV2IA<3o(?{l<GPgk@DPXt36OfuVK1~_S9%aiTEHxg(%7={$tiFSfqJ!FAO
z2Otl1ptF=PgW69th5cC_R(WFsy&UfHPisF+S_YE&${KN{G<Al%z#dTR(L^5G$O0dD
zLG^<-B1^FpU71AbOqrBuc@-JILw<;RjXi<(_CB;*A*b9>z`IevyX~?Aaux%GJJE7j
zp`=hvL*bz+J8a#-a>X*LlqZ&|PW}4d``_!I&^gYG|JSpet5zj4W%G|Pn>h+~F@+wH
z8XD>!7#yIqXBgK03<G+`r^}x~?Pt$329!Hl;Jqwnv0KLin<^+}t668(!UHN>j|Pa1
zkd?p6e`Ekwa!#hO+6HA;cnenBuvk80vJ|hk<T=Q(I3}A^^gLNd^J}KcJ-c6+2nI)m
z`-K7c&|Ng>`E}PmF<@DrlJ?D#*vT0S?V~S4tFi_?U3jrzC^R$m@!$WpteFPVOd2<n
z)*JH8q$!LxM$bc^95hptEn<oO`1gd-VDM()F(Dlc4zL-<oNp*;=XEP%pyQ~Whk@TX
z$NrC6>8Y*U%D<pS^1J~xQiu1G$d?#zYC$9MaVk>_Baw~eJh-V?JEUP{pBJ%sW_?bp
zft1<(YY2q=ud=lZWLd0s#fg4&*%co$>_vzYtJCG{Dyto(Mh9IbR_KO`p;Od52C_#e
zw*5SnaWMFOLavV3ZX&i<=qa$rM&2)E-7XvY4S?KMQE?YMQMDKIzZN{<CZ4ciPoOTg
z+Fb5so+u5#)+!xMKU_IFi+zE4POa?AI8J@k(-hE}nqoNz@dESz=!Mb%zX2~4NB_E#
zkpScMEWN-|SobPU;Up|)V<EdLzQ#%t)a9HJ=UwWDrX;bf?0Gi2{cD2*vq0`VI{@U)
z%t!fe$8M3NTaJ<U7^kj(!u#nYWupR=2yd#bD1Uje%Us{k*xq48c}tFAsb((nVjExM
zbT_wfID6^VSYF{=j2%t`n>C4cWxaV3vO@}3>q;qKTUYsh$_yv_QQnKG>6mb}uV>ID
zp|B&j%UxqVMQVasz&xXFN~0UrmCy}W=94cWkVnrNK+k#(KP#v`3&m(opMM<DV#SoM
zi7GUvC9I|BxykDva_{JVLv5z+r80xCVM(BUiW3qbKia3HnL(!o;Ly1=LAAxCoYjc$
zg<?4?xz{9NOecR?37Z!)VIH<E;cg&<lrnr6zVX0FV3shDGt2|g>nJ3T=>%%>O-aQM
z5Qut$FNmQX;|4k*fc#brzj7?7wrjFHt_HeDu%{#$3JGmV(~}JIq>(mV@XkE;<|&oq
z=*ZRwAMw-ALdLi>#Lx@)Vmff<^w#5>3GLDR+oyNCUotZOxZsR<oFP{r9v6--+&k_K
zrA}<{y5{Dr9d2LLzReSHlB*MUsjNpMbD7xyo?E@l0p6gK(O61Sf2H75i!~98<(lyz
zlItXxWnpMBKEEVMfNZECNZEDdHMsq9&V<2%8M`UZ<zPaq1={ndWUoC~8Y<U9FogYN
zwz=fJdN-a={9T;fe#xo`&d)fx<&yS;N%q^b5r2DaB!m7Iq`j!D(9#~kx+xjI5Xq~h
zfTT6cC$T0_9VmIiW~s#?H=%B;L3^mI$?gOMu3YE9EQOHdX}Xrs6PQV2nV4g3spz5l
z=`}FZz;^$dKi&|NUN<ngP9foSMul@f@{2xCZ=f?6t#kGS>yOt2e0IS<;|xSyo-W-`
zLi9%Kyiw1!NBDI%=1BP3ovg_5Jh$|1`V@R#{XMT|jr7l!KIYJNp5~VBG_raam+;~!
z#z94eiaLT0xc>YtbYDRGsgt^Yp#AA#RpZ?sBjpuu42$wLNl;}m@+hs0h;rLynUj=e
zz^6!=wq{J@3%%8BR{|gugq8x>%?Fx+am9#_<|}p!)~sboQOW3#Et)RX3RNn-OOtuX
zLplVGe|Bt6KCu56+d08M_RZnYL@LBE^W&o<<4cbMgY~mK$G+r?24Z{99_aH5BgaI)
z(;7-AItf(c>dWvq7$@^SvRAhU*}Fl*u*khJrB<hwVIwiXoXIFiTSd^Eqvez+_hFlR
z09+<PAOdqUTKbfYfGO?){Xr2Q+mg*-W+NWf@=c(JjRmQI^4w5jbW0Ebta)8;y{76N
zcW7S7%cT~3f%ef<VrKgGepUF}Lu2Ld1!2_FIW-Vs-h++ZdnF!u<6Ul@)$sWhA__h+
zX%B)V`0MN=M#dUO9s)V8Xk)=c*gtwd^3N!s-Ul#xr7srCm|$|WA=lW*mJQ8>ih*C0
z8zrJI>gkNdlwodB>FI~luW3=<guMpGLflejQwkzw6GTeN4lqU(KA<x$cSxWy4vYpO
z(Lz#gN`XgBXwMz%1$aBWmk}LG3w~|k7$E1KO%6<3qWZIUc?_)@SEb?g=iJDC$=F`!
z>}m}r!fuA1+dL=Vx&L_-a1A)%Hny?M1LNtDEla0?M1ASrVkd{*_=DLxexQdp+1k>H
zVAUvG5sUgI<m)fOi4X~VJ$?&vV+cyP%l(}s{%(*mO<HAJ@eH8<-hrH+z8RdpOO(HW
zoj!@3E>GHl)&M*WXvmF{JcbV&!01(OMW0(IHBZOK&{e}Q@^mwq?RJDP7(y{YrK7j1
zr<Vn@Yqelr&Gj_O`VzaR_ii9jUgJ@NJninB8f;_Vhai7{^<F5A{HaNMv$102=X>Q}
z^DEUM004N}V_;-pU;yH27ma!2`E9;3$a64&z}e)uRv7(%`adQPA@*9JIt~UVkSG8v
zWeU{*004N}V_;-pU_bu%76SuE+W+bQD>#H0fFda16#$}&2Pb&iZIeG}Q&AMgzubH7
zd!a+<5QO@#mM93~l%eR7rS)GSkr+zo5JbYW1nXeirIH4b5<)0%2v}=_A{|7KQi>Gm
zP(++csfdLRA{oR<L5hMyhxpx>R72_T<6Q1N_q=nz?;Z6617QF{Lhk^Thp+F#GYyQ%
zCPu>^ZaYVj4{gI!pIhh#uJNp{Zs3yogMvz7Mh~Kgd&A@v87FDdXKRp2@_^hVIh(Jh
zaFOffcK(vyMK;`ptT}?H?4TyQD42OXk_3E-z&BZp8V|l2Vt-c=mtTy#@SO@uJoC*K
zzw@#kzv8KQxFQwAO%7#q7Ew2cKGTge@}2b;kyLN_jud)rlspMTsKFOGkEFaoRc|6A
zugNsB`W#|X#(*rNswNOu6V19@Mp4b7?1tIj3Rz_C8Y*08bU%ArLRxp@gw#-!5p+5C
z5RpOj$}pnryI)UJ%QbwoQE#D#@(0>eiyf;ixlWGR9M*Wq-h8J<O~Ln`476Rb+PC+<
zX<^^Ir{^(7W`no9XWZa-Qm6_-QSMiR`^S->uVr$dth1j<tNUTNFQ^y22z=;34K*Lr
zixOj<teOSDjI{JW2>bdJtgROv1YWGN-Zs}(_d{?NkPN(_51r71xwaP{$Obja{PW=;
z_8+s+deI5J2s~qSr*O+X%^dcm_xRrdvw9tHi@<(VCC*5LBwFAnBll3?nVo|+g68iq
zQJkZF<kWxY!xQH@X6#+Hhcrppy6p3U<8hAS)G~sYxr3Pd3^C3{>@R9~+jw}|V_;y=
zfx-@k8%z>RN0@t9%vh3Gma)8I4Psr!`h!h{Esm{$?Gn2fdjb134g-#PoFbfdoENy<
zxaM(-a9eTba8Ke9;d#Srz`KQyi!Y9E9p4B382&~4#{^^qQUs<5d=Rt}oFMo`s7&aF
zaFXyM;V&XqB1=TRh#HAzh%OR6BE}+SBo-ysB=%1{O?;n(l0=WhE6Hn8Mp7%JO{7bt
zcgZ-&ERp#pTOs>Q&O`2myq0{4{2B!vg*1f|iY$s%igT2NlokNt59K@+0hL9nTB<Q>
zCTcU(z0}XB|IyIXh|-kObkdxq`9~{2Ym3$$Z6EDv+Gli>bW(Ko=)BXNqvxY9rawdf
zlYy7P5kn`#Z$?E%SB$HSUzmiMJTRSSddp10ti+tjyvahqqR!%tWu29X)iJ9d)@{}w
zY+`KQ*v_(jXBT7l!M@Ew#$lghl~a&2m-7vmDwkibRc>r<x7>By>)h{n6nL_DuJV%c
z>hb3BUgQ(xv&dJ=cbXrIUyZ+(|FQsyfG2?!K?*^~f_?=%;eZjrdBH8g%YsjYNQC5s
z><hICJrL#+))4j~>_fO%xDyb*ir5ozBGMu9LR4FH002%un@0cv0002$0A2tE00000
z00IC300ICO000310jU50004N}ZH_@o!$25?znE02%TS8Txj;*%f=G517cQEuh3-<C
ziXbV(tX+BtkKze*<0(9d&*@JL7>1eo-al_14>;$Am?$|T5@USASn9|zccjJ%6E?;p
zE~t%9HGef8<9IVpHGen$V9J;ACmG)?dD5zAxZxn$aZ9PYm8vPkB@e8mcg)F^`~Qa%
zRdST!eWBcp>z>bb&ikOBc?{_eugqWfpLaIc!*xwu*JUVwExlzQ{<K|w(aUJU)a%T+
zQeUsWxwg0Fp35Jv7&M{)004N}ZO}JtQ*jW-@$V&$ojASsgx<@0&vpvkCN{nIP9TYG
z2uW}-5L!U=Di9JIQ78)_dKCy50MVN$0tRNf7=RTV-k*)%^3k1ir_&L|-~9Gd!~gOL
zBub)*#zG8MY{U|Wop=&RB#C5FNF|MQGRP#0Y;wpYk9-O!q=;hL(Vh-;q!XR#LRY%c
zogVb07rp62Uo><K95``NLMdgG(~tfPU?77S%n;mo7)k|Rd<<haBN)jjMl*)7jAJ|#
zn8+k1Gli*4V>&aK$t-3whq=sSK9yqO2%Ff<bq?@>E$m?@2RX)3iD3ut*vNjdijCb8
z%QkNDUgBusI6wKpFAj5(``qOe3s}frs(45>_jtfl9`Tqbe2jeW1<!cSY5aU=AFp}I
zD*}AxE8AH_ki{&amO5IgXDJPYXe7)sma`)A<&~_WiPfxS4OcisGwWE-2EOo(tDNC1
z*LcHQu}i!pNTMW3vZP3=q)EDDNTy^-Hs?6cB`$ND3tZ$5TR9;)+~B6<N*=o;Ukap9
zilo@;uWf1w=(ccOP}8&uQ@5s6wZ~98lrCj?n?__%sVfboL+MnylqJeiWtsBdKDVi^
z_UgL5Cg=}`s;ep+17^$cnYw%yZ#Y!nR(RC`qX1n09X^kFM?^#EP&)qr2;`o~0001Z
z+S|eSzjXs+FN606j(~`bjEsGe8{OEnBNR6XM0#%!2?8=2B4szQX~#q`Y+zP!-N3Bv
zvVmQ}brW+7lQx*c2IR2&Ksl^H4x0&-!vf^6sz5l58#thvITc)YF>uuXXJFFa$m~`I
q6yXA@<Gcaqas#<s&2TOckjt$G<3?@}(FOn^V>F-u0Z~1!1poleYR}~W

literal 0
HcmV?d00001

diff --git a/docs/src/public/fonts/aller-light.eot b/docs/src/public/fonts/aller-light.eot
new file mode 100644
index 0000000000000000000000000000000000000000..40bd654b5fe63501ae64d5673b5aa45051a69e65
GIT binary patch
literal 29509
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
E<QSu4@c;k-

literal 0
HcmV?d00001

diff --git a/docs/src/public/fonts/aller-light.ttf b/docs/src/public/fonts/aller-light.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..c2c72902a1b6ecb6e22376256a3ece17dd100a30
GIT binary patch
literal 68620
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

literal 0
HcmV?d00001

diff --git a/docs/src/public/fonts/aller-light.woff b/docs/src/public/fonts/aller-light.woff
new file mode 100644
index 0000000000000000000000000000000000000000..81a09d18ecdfdc5be11d55912268014b4d2d4d9f
GIT binary patch
literal 33124
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

literal 0
HcmV?d00001

diff --git a/docs/src/public/fonts/roboto-black.eot b/docs/src/public/fonts/roboto-black.eot
new file mode 100755
index 0000000000000000000000000000000000000000..571ed49125910cd6b6b5a9259134dd2e8d37766e
GIT binary patch
literal 20702
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

literal 0
HcmV?d00001

diff --git a/docs/src/public/fonts/roboto-black.ttf b/docs/src/public/fonts/roboto-black.ttf
new file mode 100755
index 0000000000000000000000000000000000000000..e0300b3ee3e85d54d01d8fb9c3821a44c448a920
GIT binary patch
literal 44828
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
X3&Ic#E%XNK++i8SYTo{GJ<-1bF1c8o

literal 0
HcmV?d00001

diff --git a/docs/src/public/fonts/roboto-black.woff b/docs/src/public/fonts/roboto-black.woff
new file mode 100755
index 0000000000000000000000000000000000000000..642e5b60f7c662ab5bcf67cfc1089f50bfdd7b00
GIT binary patch
literal 24536
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
E0ADU%yZ`_I

literal 0
HcmV?d00001

diff --git a/docs/src/public/stylesheets/normalize.css b/docs/src/public/stylesheets/normalize.css
new file mode 100644
index 00000000..73abb76f
--- /dev/null
+++ b/docs/src/public/stylesheets/normalize.css
@@ -0,0 +1,375 @@
+/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+   HTML5 display definitions
+   ========================================================================== */
+
+/*
+ * Corrects `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section,
+summary {
+    display: block;
+}
+
+/*
+ * Corrects `inline-block` display not defined in IE 8/9.
+ */
+
+audio,
+canvas,
+video {
+    display: inline-block;
+}
+
+/*
+ * Prevents modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+    display: none;
+    height: 0;
+}
+
+/*
+ * Addresses styling for `hidden` attribute not present in IE 8/9.
+ */
+
+[hidden] {
+    display: none;
+}
+
+/* ==========================================================================
+   Base
+   ========================================================================== */
+
+/*
+ * 1. Sets default font family to sans-serif.
+ * 2. Prevents iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+    font-family: sans-serif; /* 1 */
+    -webkit-text-size-adjust: 100%; /* 2 */
+    -ms-text-size-adjust: 100%; /* 2 */
+}
+
+/*
+ * Removes default margin.
+ */
+
+body {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Links
+   ========================================================================== */
+
+/*
+ * Addresses `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+    outline: thin dotted;
+}
+
+/*
+ * Improves readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+    outline: 0;
+}
+
+/* ==========================================================================
+   Typography
+   ========================================================================== */
+
+/*
+ * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
+ * Safari 5, and Chrome.
+ */
+
+h1 {
+    font-size: 2em;
+}
+
+/*
+ * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+    border-bottom: 1px dotted;
+}
+
+/*
+ * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+    font-weight: bold;
+}
+
+/*
+ * Addresses styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+    font-style: italic;
+}
+
+/*
+ * Addresses styling not present in IE 8/9.
+ */
+
+mark {
+    background: #ff0;
+    color: #000;
+}
+
+
+/*
+ * Corrects font family set oddly in Safari 5 and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+    font-family: monospace, serif;
+    font-size: 1em;
+}
+
+/*
+ * Improves readability of pre-formatted text in all browsers.
+ */
+
+pre {
+    white-space: pre;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+}
+
+/*
+ * Sets consistent quote types.
+ */
+
+q {
+    quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+/*
+ * Addresses inconsistent and variable font size in all browsers.
+ */
+
+small {
+    font-size: 80%;
+}
+
+/*
+ * Prevents `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+}
+
+sup {
+    top: -0.5em;
+}
+
+sub {
+    bottom: -0.25em;
+}
+
+/* ==========================================================================
+   Embedded content
+   ========================================================================== */
+
+/*
+ * Removes border when inside `a` element in IE 8/9.
+ */
+
+img {
+    border: 0;
+}
+
+/*
+ * Corrects overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+    overflow: hidden;
+}
+
+/* ==========================================================================
+   Figures
+   ========================================================================== */
+
+/*
+ * Addresses margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Forms
+   ========================================================================== */
+
+/*
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+    border: 1px solid #c0c0c0;
+    margin: 0 2px;
+    padding: 0.35em 0.625em 0.75em;
+}
+
+/*
+ * 1. Corrects color not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+    border: 0; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/*
+ * 1. Corrects font family not being inherited in all browsers.
+ * 2. Corrects font size not being inherited in all browsers.
+ * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
+ */
+
+button,
+input,
+select,
+textarea {
+    font-family: inherit; /* 1 */
+    font-size: 100%; /* 2 */
+    margin: 0; /* 3 */
+}
+
+/*
+ * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+    line-height: normal;
+}
+
+/*
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Corrects inability to style clickable `input` types in iOS.
+ * 3. Improves usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+    -webkit-appearance: button; /* 2 */
+    cursor: pointer; /* 3 */
+}
+
+/*
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+input[disabled] {
+    cursor: default;
+}
+
+/*
+ * 1. Addresses box sizing set to `content-box` in IE 8/9.
+ * 2. Removes excess padding in IE 8/9.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+    box-sizing: border-box; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/*
+ * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+    -webkit-appearance: textfield; /* 1 */
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box; /* 2 */
+    box-sizing: content-box;
+}
+
+/*
+ * Removes inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+}
+
+/*
+ * Removes inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+
+/*
+ * 1. Removes default vertical scrollbar in IE 8/9.
+ * 2. Improves readability and alignment in all browsers.
+ */
+
+textarea {
+    overflow: auto; /* 1 */
+    vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+   Tables
+   ========================================================================== */
+
+/*
+ * Remove most spacing between table cells.
+ */
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
\ No newline at end of file
diff --git a/docs/src/view.flot.html b/docs/src/view.flot.html
index 08a8a030..30e442fc 100644
--- a/docs/src/view.flot.html
+++ b/docs/src/view.flot.html
@@ -1,476 +1,865 @@
-<!DOCTYPE html>  <html> <head>   <title>view.flot.js</title>   <meta http-equiv="content-type" content="text/html; charset=UTF-8">   <link rel="stylesheet" media="all" href="docco.css" /> </head> <body>   <div id="container">     <div id="background"></div>            <div id="jump_to">         Jump To &hellip;         <div id="jump_wrapper">           <div id="jump_page">                                           <a class="source" href="backend.csv.html">                 backend.csv.js               </a>                                           <a class="source" href="backend.dataproxy.html">                 backend.dataproxy.js               </a>                                           <a class="source" href="backend.memory.html">                 backend.memory.js               </a>                                           <a class="source" href="ecma-fixes.html">                 ecma-fixes.js               </a>                                           <a class="source" href="model.html">                 model.js               </a>                                           <a class="source" href="view.flot.html">                 view.flot.js               </a>                                           <a class="source" href="view.graph.html">                 view.graph.js               </a>                                           <a class="source" href="view.grid.html">                 view.grid.js               </a>                                           <a class="source" href="view.map.html">                 view.map.js               </a>                                           <a class="source" href="view.multiview.html">                 view.multiview.js               </a>                                           <a class="source" href="view.slickgrid.html">                 view.slickgrid.js               </a>                                           <a class="source" href="view.timeline.html">                 view.timeline.js               </a>                                           <a class="source" href="widget.facetviewer.html">                 widget.facetviewer.js               </a>                                           <a class="source" href="widget.fields.html">                 widget.fields.js               </a>                                           <a class="source" href="widget.filtereditor.html">                 widget.filtereditor.js               </a>                                           <a class="source" href="widget.pager.html">                 widget.pager.js               </a>                                           <a class="source" href="widget.queryeditor.html">                 widget.queryeditor.js               </a>                                           <a class="source" href="widget.valuefilter.html">                 widget.valuefilter.js               </a>                        </div>         </div>       </div>          <table cellpadding="0" cellspacing="0">       <thead>         <tr>           <th class="docs">             <h1>               view.flot.js             </h1>           </th>           <th class="code">           </th>         </tr>       </thead>       <tbody>                               <tr id="section-1">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-1">&#182;</a>               </div>                            </td>             <td class="code">               <div class="highlight"><pre><span class="cm">/*jshint multistr:true */</span>
+<!DOCTYPE html>
 
-<span class="k">this</span><span class="p">.</span><span class="nx">recline</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span> <span class="o">||</span> <span class="p">{};</span>
-<span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">View</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">View</span> <span class="o">||</span> <span class="p">{};</span>
+<html>
+<head>
+  <title>view.flot.js</title>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+  <link rel="stylesheet" media="all" href="docco.css" />
+</head>
+<body>
+  <div id="container">
+    <div id="background"></div>
+    
+      <ul id="jump_to">
+        <li>
+          <a class="large" href="javascript:void(0);">Jump To &hellip;</a>
+          <a class="small" href="javascript:void(0);">+</a>
+          <div id="jump_wrapper">
+          <div id="jump_page_wrapper">
+            <div id="jump_page">
+              
+                
+                <a class="source" href="backend.dataproxy.html">
+                  backend.dataproxy.js
+                </a>
+              
+                
+                <a class="source" href="backend.memory.html">
+                  backend.memory.js
+                </a>
+              
+                
+                <a class="source" href="ecma-fixes.html">
+                  ecma-fixes.js
+                </a>
+              
+                
+                <a class="source" href="model.html">
+                  model.js
+                </a>
+              
+                
+                <a class="source" href="view.flot.html">
+                  view.flot.js
+                </a>
+              
+                
+                <a class="source" href="view.graph.html">
+                  view.graph.js
+                </a>
+              
+                
+                <a class="source" href="view.grid.html">
+                  view.grid.js
+                </a>
+              
+                
+                <a class="source" href="view.map.html">
+                  view.map.js
+                </a>
+              
+                
+                <a class="source" href="view.multiview.html">
+                  view.multiview.js
+                </a>
+              
+                
+                <a class="source" href="view.slickgrid.html">
+                  view.slickgrid.js
+                </a>
+              
+                
+                <a class="source" href="view.timeline.html">
+                  view.timeline.js
+                </a>
+              
+                
+                <a class="source" href="widget.facetviewer.html">
+                  widget.facetviewer.js
+                </a>
+              
+                
+                <a class="source" href="widget.fields.html">
+                  widget.fields.js
+                </a>
+              
+                
+                <a class="source" href="widget.filtereditor.html">
+                  widget.filtereditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.pager.html">
+                  widget.pager.js
+                </a>
+              
+                
+                <a class="source" href="widget.queryeditor.html">
+                  widget.queryeditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.valuefilter.html">
+                  widget.valuefilter.js
+                </a>
+              
+            </div>
+          </div>
+        </li>
+      </ul>
+    
+    <ul class="sections">
+        
+          <li id="title">
+              <div class="annotation">
+                  <h1>view.flot.js</h1>
+              </div>
+          </li>
+        
+        
+        
+        <li id="section-1">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-1">&#182;</a>
+              </div>
+              
+            </div>
+            
+            <div class="content"><div class='highlight'><pre><span class="hljs-comment">/*jshint multistr:true */</span>
 
-<span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">$</span><span class="p">,</span> <span class="nx">my</span><span class="p">)</span> <span class="p">{</span>
-  <span class="s2">&quot;use strict&quot;</span><span class="p">;</span></pre></div>             </td>           </tr>                               <tr id="section-2">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-2">&#182;</a>               </div>               <h2>Graph view for a Dataset using Flot graphing library.</h2>
+<span class="hljs-keyword">this</span>.recline = <span class="hljs-keyword">this</span>.recline || {};
+<span class="hljs-keyword">this</span>.recline.View = <span class="hljs-keyword">this</span>.recline.View || {};
 
+(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">($, my)</span> </span>{
+<span class="hljs-pi">  "use strict"</span>;</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-2">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-2">&#182;</a>
+              </div>
+              <h2 id="graph-view-for-a-dataset-using-flot-graphing-library-">Graph view for a Dataset using Flot graphing library.</h2>
 <p>Initialization arguments (in a hash in first parameter):</p>
-
 <ul>
 <li>model: recline.Model.Dataset</li>
 <li><p>state: (optional) configuration hash of form:</p>
+<pre><code> {
+   group: {column name <span class="hljs-keyword">for</span> x-axis},
+   series: [{column name <span class="hljs-keyword">for</span> series A}, {column name series B}, ... ],
+   <span class="hljs-comment">// options are: lines, points, lines-and-points, bars, columns</span>
+   graphType: <span class="hljs-string">'lines'</span>,
+   graphOptions: {custom [flot options]}
+ }
+</code></pre></li>
+</ul>
+<p>NB: should <em>not</em> provide an el argument to the view but must let the view
+generate the element itself (you can then append view.el to the DOM.</p>
 
-<p>{
-     group: {column name for x-axis},
-     series: [{column name for series A}, {column name series B}, ... ],
-     // options are: lines, points, lines-and-points, bars, columns
-     graphType: 'lines',
-     graphOptions: {custom [flot options]}
-   }</p></li>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>my.Flot = Backbone.View.extend({
+  template: <span class="hljs-string">' \
+    &lt;div class="recline-flot"&gt; \
+      &lt;div class="panel graph" style="display: block;"&gt; \
+        &lt;div class="js-temp-notice alert alert-warning alert-block"&gt; \
+          &lt;h3 class="alert-heading"&gt;Hey there!&lt;/h3&gt; \
+          &lt;p&gt;There\'s no graph here yet because we don\'t know what fields you\'d like to see plotted.&lt;/p&gt; \
+          &lt;p&gt;Please tell us by &lt;strong&gt;using the menu on the right&lt;/strong&gt; and a graph will automatically appear.&lt;/p&gt; \
+        &lt;/div&gt; \
+      &lt;/div&gt; \
+    &lt;/div&gt; \
+'</span>,
+
+  initialize: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(options)</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    <span class="hljs-keyword">this</span>.graphColors = [<span class="hljs-string">"#edc240"</span>, <span class="hljs-string">"#afd8f8"</span>, <span class="hljs-string">"#cb4b4b"</span>, <span class="hljs-string">"#4da74d"</span>, <span class="hljs-string">"#9440ed"</span>];
+
+    _.bindAll(<span class="hljs-keyword">this</span>, <span class="hljs-string">'render'</span>, <span class="hljs-string">'redraw'</span>, <span class="hljs-string">'_toolTip'</span>, <span class="hljs-string">'_xaxisLabel'</span>);
+    <span class="hljs-keyword">this</span>.needToRedraw = <span class="hljs-literal">false</span>;
+    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.model, <span class="hljs-string">'change'</span>, <span class="hljs-keyword">this</span>.render);
+    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.model.fields, <span class="hljs-string">'reset add'</span>, <span class="hljs-keyword">this</span>.render);
+    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.model.records, <span class="hljs-string">'reset add'</span>, <span class="hljs-keyword">this</span>.redraw);
+    <span class="hljs-keyword">var</span> stateData = _.extend({
+        group: <span class="hljs-literal">null</span>,</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-3">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-3">&#182;</a>
+              </div>
+              <p>so that at least one series chooser box shows up</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>        series: [],
+        graphType: <span class="hljs-string">'lines-and-points'</span>
+      },
+      options.state
+    );
+    <span class="hljs-keyword">this</span>.state = <span class="hljs-keyword">new</span> recline.Model.ObjectState(stateData);
+    <span class="hljs-keyword">this</span>.previousTooltipPoint = {x: <span class="hljs-literal">null</span>, y: <span class="hljs-literal">null</span>};
+    <span class="hljs-keyword">this</span>.editor = <span class="hljs-keyword">new</span> my.FlotControls({
+      model: <span class="hljs-keyword">this</span>.model,
+      state: <span class="hljs-keyword">this</span>.state.toJSON()
+    });
+    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.editor.state, <span class="hljs-string">'change'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+      self.state.set(self.editor.state.toJSON());
+      self.redraw();
+    });
+    <span class="hljs-keyword">this</span>.elSidebar = <span class="hljs-keyword">this</span>.editor.$el;
+  },
+
+  render: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    <span class="hljs-keyword">var</span> tmplData = <span class="hljs-keyword">this</span>.model.toTemplateJSON();
+    <span class="hljs-keyword">var</span> htmls = Mustache.render(<span class="hljs-keyword">this</span>.template, tmplData);
+    <span class="hljs-keyword">this</span>.$el.html(htmls);
+    <span class="hljs-keyword">this</span>.$graph = <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'.panel.graph'</span>);
+    <span class="hljs-keyword">this</span>.$graph.on(<span class="hljs-string">"plothover"</span>, <span class="hljs-keyword">this</span>._toolTip);
+    <span class="hljs-keyword">return</span> <span class="hljs-keyword">this</span>;
+  },
+
+  remove: <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">this</span>.editor.remove();
+    Backbone.View.prototype.remove.apply(<span class="hljs-keyword">this</span>, <span class="hljs-built_in">arguments</span>);
+  },
+
+  redraw: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-4">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-4">&#182;</a>
+              </div>
+              <p>There are issues generating a Flot graph if either:</p>
+<ul>
+<li>The relevant div that graph attaches to his hidden at the moment of creating the plot — Flot will complain with
+Uncaught Invalid dimensions for plot, width = 0, height = 0</li>
+<li>There is no data for the plot — either same error or may have issues later with errors like ‘non-existent node-value’</li>
 </ul>
 
-<p>NB: should <em>not</em> provide an el argument to the view but must let the view
-generate the element itself (you can then append view.el to the DOM.</p>             </td>             <td class="code">               <div class="highlight"><pre><span class="nx">my</span><span class="p">.</span><span class="nx">Flot</span> <span class="o">=</span> <span class="nx">Backbone</span><span class="p">.</span><span class="nx">View</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-  <span class="nx">template</span><span class="o">:</span> <span class="s1">&#39; \</span>
-<span class="s1">    &lt;div class=&quot;recline-flot&quot;&gt; \</span>
-<span class="s1">      &lt;div class=&quot;panel graph&quot; style=&quot;display: block;&quot;&gt; \</span>
-<span class="s1">        &lt;div class=&quot;js-temp-notice alert alert-block&quot;&gt; \</span>
-<span class="s1">          &lt;h3 class=&quot;alert-heading&quot;&gt;Hey there!&lt;/h3&gt; \</span>
-<span class="s1">          &lt;p&gt;There\&#39;s no graph here yet because we don\&#39;t know what fields you\&#39;d like to see plotted.&lt;/p&gt; \</span>
-<span class="s1">          &lt;p&gt;Please tell us by &lt;strong&gt;using the menu on the right&lt;/strong&gt; and a graph will automatically appear.&lt;/p&gt; \</span>
-<span class="s1">        &lt;/div&gt; \</span>
-<span class="s1">      &lt;/div&gt; \</span>
-<span class="s1">    &lt;/div&gt; \</span>
-<span class="s1">&#39;</span><span class="p">,</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">var</span> areWeVisible = !jQuery.expr.filters.hidden(<span class="hljs-keyword">this</span>.el);
+    <span class="hljs-keyword">if</span> ((!areWeVisible || <span class="hljs-keyword">this</span>.model.records.length === <span class="hljs-number">0</span>)) {
+      <span class="hljs-keyword">this</span>.needToRedraw = <span class="hljs-literal">true</span>;
+      <span class="hljs-keyword">return</span>;
+    }</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-5">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-5">&#182;</a>
+              </div>
+              <p>check we have something to plot</p>
 
-  <span class="nx">initialize</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">options</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">graphColors</span> <span class="o">=</span> <span class="p">[</span><span class="s2">&quot;#edc240&quot;</span><span class="p">,</span> <span class="s2">&quot;#afd8f8&quot;</span><span class="p">,</span> <span class="s2">&quot;#cb4b4b&quot;</span><span class="p">,</span> <span class="s2">&quot;#4da74d&quot;</span><span class="p">,</span> <span class="s2">&quot;#9440ed&quot;</span><span class="p">];</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'group'</span>) &amp;&amp; <span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'series'</span>)) {
+      <span class="hljs-keyword">var</span> series = <span class="hljs-keyword">this</span>.createSeries();
+      <span class="hljs-keyword">var</span> options = <span class="hljs-keyword">this</span>.getGraphOptions(<span class="hljs-keyword">this</span>.state.attributes.graphType, series[<span class="hljs-number">0</span>].data.length);
+      <span class="hljs-keyword">this</span>.plot = $.plot(<span class="hljs-keyword">this</span>.$graph, series, options);
+    }
+  },
 
-    <span class="nx">_</span><span class="p">.</span><span class="nx">bindAll</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="s1">&#39;render&#39;</span><span class="p">,</span> <span class="s1">&#39;redraw&#39;</span><span class="p">,</span> <span class="s1">&#39;_toolTip&#39;</span><span class="p">,</span> <span class="s1">&#39;_xaxisLabel&#39;</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">needToRedraw</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">,</span> <span class="s1">&#39;change&#39;</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">render</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">fields</span><span class="p">,</span> <span class="s1">&#39;reset add&#39;</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">render</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">records</span><span class="p">,</span> <span class="s1">&#39;reset add&#39;</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">redraw</span><span class="p">);</span>
-    <span class="kd">var</span> <span class="nx">stateData</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-        <span class="nx">group</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span></pre></div>             </td>           </tr>                               <tr id="section-3">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-3">&#182;</a>               </div>               <p>so that at least one series chooser box shows up</p>             </td>             <td class="code">               <div class="highlight"><pre>        <span class="nx">series</span><span class="o">:</span> <span class="p">[],</span>
-        <span class="nx">graphType</span><span class="o">:</span> <span class="s1">&#39;lines-and-points&#39;</span>
-      <span class="p">},</span>
-      <span class="nx">options</span><span class="p">.</span><span class="nx">state</span>
-    <span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">state</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">recline</span><span class="p">.</span><span class="nx">Model</span><span class="p">.</span><span class="nx">ObjectState</span><span class="p">(</span><span class="nx">stateData</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">previousTooltipPoint</span> <span class="o">=</span> <span class="p">{</span><span class="nx">x</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span> <span class="nx">y</span><span class="o">:</span> <span class="kc">null</span><span class="p">};</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">editor</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">my</span><span class="p">.</span><span class="nx">FlotControls</span><span class="p">({</span>
-      <span class="nx">model</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">,</span>
-      <span class="nx">state</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">toJSON</span><span class="p">()</span>
-    <span class="p">});</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">editor</span><span class="p">.</span><span class="nx">state</span><span class="p">,</span> <span class="s1">&#39;change&#39;</span><span class="p">,</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-      <span class="nx">self</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="nx">self</span><span class="p">.</span><span class="nx">editor</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">toJSON</span><span class="p">());</span>
-      <span class="nx">self</span><span class="p">.</span><span class="nx">redraw</span><span class="p">();</span>
-    <span class="p">});</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">elSidebar</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">editor</span><span class="p">.</span><span class="nx">$el</span><span class="p">;</span>
-  <span class="p">},</span>
+  show: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-6">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-6">&#182;</a>
+              </div>
+              <p>because we cannot redraw when hidden we may need to when becoming visible</p>
 
-  <span class="nx">render</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="kd">var</span> <span class="nx">tmplData</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">toTemplateJSON</span><span class="p">();</span>
-    <span class="kd">var</span> <span class="nx">htmls</span> <span class="o">=</span> <span class="nx">Mustache</span><span class="p">.</span><span class="nx">render</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">template</span><span class="p">,</span> <span class="nx">tmplData</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">html</span><span class="p">(</span><span class="nx">htmls</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">$graph</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.panel.graph&#39;</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">$graph</span><span class="p">.</span><span class="nx">on</span><span class="p">(</span><span class="s2">&quot;plothover&quot;</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">_toolTip</span><span class="p">);</span>
-    <span class="k">return</span> <span class="k">this</span><span class="p">;</span>
-  <span class="p">},</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.needToRedraw) {
+      <span class="hljs-keyword">this</span>.redraw();
+    }
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-7">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-7">&#182;</a>
+              </div>
+              <p>infoboxes on mouse hover on points/bars etc</p>
 
-  <span class="nx">remove</span><span class="o">:</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">editor</span><span class="p">.</span><span class="nx">remove</span><span class="p">();</span>
-    <span class="nx">Backbone</span><span class="p">.</span><span class="nx">View</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">remove</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="nx">arguments</span><span class="p">);</span>
-  <span class="p">},</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  _toolTip: <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(event, pos, item)</span> </span>{
+    <span class="hljs-keyword">if</span> (item) {
+      <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.previousTooltipPoint.x !== item.dataIndex ||
+          <span class="hljs-keyword">this</span>.previousTooltipPoint.y !== item.seriesIndex) {
+        <span class="hljs-keyword">this</span>.previousTooltipPoint.x = item.dataIndex;
+        <span class="hljs-keyword">this</span>.previousTooltipPoint.y = item.seriesIndex;
+        $(<span class="hljs-string">"#recline-flot-tooltip"</span>).remove();
 
-  <span class="nx">redraw</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span></pre></div>             </td>           </tr>                               <tr id="section-4">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-4">&#182;</a>               </div>               <p>There are issues generating a Flot graph if either:
-* The relevant div that graph attaches to his hidden at the moment of creating the plot -- Flot will complain with
-  Uncaught Invalid dimensions for plot, width = 0, height = 0
-* There is no data for the plot -- either same error or may have issues later with errors like 'non-existent node-value'</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="kd">var</span> <span class="nx">areWeVisible</span> <span class="o">=</span> <span class="o">!</span><span class="nx">jQuery</span><span class="p">.</span><span class="nx">expr</span><span class="p">.</span><span class="nx">filters</span><span class="p">.</span><span class="nx">hidden</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">el</span><span class="p">);</span>
-    <span class="k">if</span> <span class="p">((</span><span class="o">!</span><span class="nx">areWeVisible</span> <span class="o">||</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">records</span><span class="p">.</span><span class="nx">length</span> <span class="o">===</span> <span class="mi">0</span><span class="p">))</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">needToRedraw</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
-      <span class="k">return</span><span class="p">;</span>
-    <span class="p">}</span></pre></div>             </td>           </tr>                               <tr id="section-5">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-5">&#182;</a>               </div>               <p>check we have something to plot</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;group&#39;</span><span class="p">)</span> <span class="o">&amp;&amp;</span> <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;series&#39;</span><span class="p">))</span> <span class="p">{</span>
-      <span class="kd">var</span> <span class="nx">series</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">createSeries</span><span class="p">();</span>
-      <span class="kd">var</span> <span class="nx">options</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">getGraphOptions</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">attributes</span><span class="p">.</span><span class="nx">graphType</span><span class="p">,</span> <span class="nx">series</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="nx">data</span><span class="p">.</span><span class="nx">length</span><span class="p">);</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">plot</span> <span class="o">=</span> <span class="nx">$</span><span class="p">.</span><span class="nx">plot</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">$graph</span><span class="p">,</span> <span class="nx">series</span><span class="p">,</span> <span class="nx">options</span><span class="p">);</span>
-    <span class="p">}</span>
-  <span class="p">},</span>
+        <span class="hljs-keyword">var</span> x = item.datapoint[<span class="hljs-number">0</span>].toFixed(<span class="hljs-number">2</span>),
+            y = item.datapoint[<span class="hljs-number">1</span>].toFixed(<span class="hljs-number">2</span>);
 
-  <span class="nx">show</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span></pre></div>             </td>           </tr>                               <tr id="section-6">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-6">&#182;</a>               </div>               <p>because we cannot redraw when hidden we may need to when becoming visible</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">needToRedraw</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">redraw</span><span class="p">();</span>
-    <span class="p">}</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-7">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-7">&#182;</a>               </div>               <p>infoboxes on mouse hover on points/bars etc</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">_toolTip</span><span class="o">:</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">event</span><span class="p">,</span> <span class="nx">pos</span><span class="p">,</span> <span class="nx">item</span><span class="p">)</span> <span class="p">{</span>
-    <span class="k">if</span> <span class="p">(</span><span class="nx">item</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">previousTooltipPoint</span><span class="p">.</span><span class="nx">x</span> <span class="o">!==</span> <span class="nx">item</span><span class="p">.</span><span class="nx">dataIndex</span> <span class="o">||</span>
-          <span class="k">this</span><span class="p">.</span><span class="nx">previousTooltipPoint</span><span class="p">.</span><span class="nx">y</span> <span class="o">!==</span> <span class="nx">item</span><span class="p">.</span><span class="nx">seriesIndex</span><span class="p">)</span> <span class="p">{</span>
-        <span class="k">this</span><span class="p">.</span><span class="nx">previousTooltipPoint</span><span class="p">.</span><span class="nx">x</span> <span class="o">=</span> <span class="nx">item</span><span class="p">.</span><span class="nx">dataIndex</span><span class="p">;</span>
-        <span class="k">this</span><span class="p">.</span><span class="nx">previousTooltipPoint</span><span class="p">.</span><span class="nx">y</span> <span class="o">=</span> <span class="nx">item</span><span class="p">.</span><span class="nx">seriesIndex</span><span class="p">;</span>
-        <span class="nx">$</span><span class="p">(</span><span class="s2">&quot;#recline-flot-tooltip&quot;</span><span class="p">).</span><span class="nx">remove</span><span class="p">();</span>
+        <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.state.attributes.graphType === <span class="hljs-string">'bars'</span>) {
+          x = item.datapoint[<span class="hljs-number">1</span>].toFixed(<span class="hljs-number">2</span>),
+          y = item.datapoint[<span class="hljs-number">0</span>].toFixed(<span class="hljs-number">2</span>);
+        }
 
-        <span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="nx">item</span><span class="p">.</span><span class="nx">datapoint</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="nx">toFixed</span><span class="p">(</span><span class="mi">2</span><span class="p">),</span>
-            <span class="nx">y</span> <span class="o">=</span> <span class="nx">item</span><span class="p">.</span><span class="nx">datapoint</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="nx">toFixed</span><span class="p">(</span><span class="mi">2</span><span class="p">);</span>
+        <span class="hljs-keyword">var</span> content = _.template(<span class="hljs-string">'&lt;%= group %&gt; = &lt;%= x %&gt;, &lt;%= series %&gt; = &lt;%= y %&gt;'</span>, {
+          group: <span class="hljs-keyword">this</span>.state.attributes.group,
+          x: <span class="hljs-keyword">this</span>._xaxisLabel(x),
+          series: item.series.label,
+          y: y
+        });</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-8">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-8">&#182;</a>
+              </div>
+              <p>use a different tooltip location offset for bar charts</p>
 
-        <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">attributes</span><span class="p">.</span><span class="nx">graphType</span> <span class="o">===</span> <span class="s1">&#39;bars&#39;</span><span class="p">)</span> <span class="p">{</span>
-          <span class="nx">x</span> <span class="o">=</span> <span class="nx">item</span><span class="p">.</span><span class="nx">datapoint</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="nx">toFixed</span><span class="p">(</span><span class="mi">2</span><span class="p">),</span>
-          <span class="nx">y</span> <span class="o">=</span> <span class="nx">item</span><span class="p">.</span><span class="nx">datapoint</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="nx">toFixed</span><span class="p">(</span><span class="mi">2</span><span class="p">);</span>
-        <span class="p">}</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>        <span class="hljs-keyword">var</span> xLocation, yLocation;
+        <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.state.attributes.graphType === <span class="hljs-string">'bars'</span>) {
+          xLocation = item.pageX + <span class="hljs-number">15</span>;
+          yLocation = item.pageY - <span class="hljs-number">10</span>;
+        } <span class="hljs-keyword">else</span> <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.state.attributes.graphType === <span class="hljs-string">'columns'</span>) {
+          xLocation = item.pageX + <span class="hljs-number">15</span>;
+          yLocation = item.pageY;
+        } <span class="hljs-keyword">else</span> {
+          xLocation = item.pageX + <span class="hljs-number">10</span>;
+          yLocation = item.pageY - <span class="hljs-number">20</span>;
+        }
 
-        <span class="kd">var</span> <span class="nx">content</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">template</span><span class="p">(</span><span class="s1">&#39;&lt;%= group %&gt; = &lt;%= x %&gt;, &lt;%= series %&gt; = &lt;%= y %&gt;&#39;</span><span class="p">,</span> <span class="p">{</span>
-          <span class="nx">group</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">attributes</span><span class="p">.</span><span class="nx">group</span><span class="p">,</span>
-          <span class="nx">x</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">_xaxisLabel</span><span class="p">(</span><span class="nx">x</span><span class="p">),</span>
-          <span class="nx">series</span><span class="o">:</span> <span class="nx">item</span><span class="p">.</span><span class="nx">series</span><span class="p">.</span><span class="nx">label</span><span class="p">,</span>
-          <span class="nx">y</span><span class="o">:</span> <span class="nx">y</span>
-        <span class="p">});</span></pre></div>             </td>           </tr>                               <tr id="section-8">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-8">&#182;</a>               </div>               <p>use a different tooltip location offset for bar charts</p>             </td>             <td class="code">               <div class="highlight"><pre>        <span class="kd">var</span> <span class="nx">xLocation</span><span class="p">,</span> <span class="nx">yLocation</span><span class="p">;</span>
-        <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">attributes</span><span class="p">.</span><span class="nx">graphType</span> <span class="o">===</span> <span class="s1">&#39;bars&#39;</span><span class="p">)</span> <span class="p">{</span>
-          <span class="nx">xLocation</span> <span class="o">=</span> <span class="nx">item</span><span class="p">.</span><span class="nx">pageX</span> <span class="o">+</span> <span class="mi">15</span><span class="p">;</span>
-          <span class="nx">yLocation</span> <span class="o">=</span> <span class="nx">item</span><span class="p">.</span><span class="nx">pageY</span> <span class="o">-</span> <span class="mi">10</span><span class="p">;</span>
-        <span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">attributes</span><span class="p">.</span><span class="nx">graphType</span> <span class="o">===</span> <span class="s1">&#39;columns&#39;</span><span class="p">)</span> <span class="p">{</span>
-          <span class="nx">xLocation</span> <span class="o">=</span> <span class="nx">item</span><span class="p">.</span><span class="nx">pageX</span> <span class="o">+</span> <span class="mi">15</span><span class="p">;</span>
-          <span class="nx">yLocation</span> <span class="o">=</span> <span class="nx">item</span><span class="p">.</span><span class="nx">pageY</span><span class="p">;</span>
-        <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-          <span class="nx">xLocation</span> <span class="o">=</span> <span class="nx">item</span><span class="p">.</span><span class="nx">pageX</span> <span class="o">+</span> <span class="mi">10</span><span class="p">;</span>
-          <span class="nx">yLocation</span> <span class="o">=</span> <span class="nx">item</span><span class="p">.</span><span class="nx">pageY</span> <span class="o">-</span> <span class="mi">20</span><span class="p">;</span>
-        <span class="p">}</span>
+        $(<span class="hljs-string">'&lt;div id="recline-flot-tooltip"&gt;'</span> + content + <span class="hljs-string">'&lt;/div&gt;'</span>).css({
+            top: yLocation,
+            left: xLocation
+        }).appendTo(<span class="hljs-string">"body"</span>).fadeIn(<span class="hljs-number">200</span>);
+      }
+    } <span class="hljs-keyword">else</span> {
+      $(<span class="hljs-string">"#recline-flot-tooltip"</span>).remove();
+      <span class="hljs-keyword">this</span>.previousTooltipPoint.x = <span class="hljs-literal">null</span>;
+      <span class="hljs-keyword">this</span>.previousTooltipPoint.y = <span class="hljs-literal">null</span>;
+    }
+  },
 
-        <span class="nx">$</span><span class="p">(</span><span class="s1">&#39;&lt;div id=&quot;recline-flot-tooltip&quot;&gt;&#39;</span> <span class="o">+</span> <span class="nx">content</span> <span class="o">+</span> <span class="s1">&#39;&lt;/div&gt;&#39;</span><span class="p">).</span><span class="nx">css</span><span class="p">({</span>
-            <span class="nx">top</span><span class="o">:</span> <span class="nx">yLocation</span><span class="p">,</span>
-            <span class="nx">left</span><span class="o">:</span> <span class="nx">xLocation</span>
-        <span class="p">}).</span><span class="nx">appendTo</span><span class="p">(</span><span class="s2">&quot;body&quot;</span><span class="p">).</span><span class="nx">fadeIn</span><span class="p">(</span><span class="mi">200</span><span class="p">);</span>
-      <span class="p">}</span>
-    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-      <span class="nx">$</span><span class="p">(</span><span class="s2">&quot;#recline-flot-tooltip&quot;</span><span class="p">).</span><span class="nx">remove</span><span class="p">();</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">previousTooltipPoint</span><span class="p">.</span><span class="nx">x</span> <span class="o">=</span> <span class="kc">null</span><span class="p">;</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">previousTooltipPoint</span><span class="p">.</span><span class="nx">y</span> <span class="o">=</span> <span class="kc">null</span><span class="p">;</span>
-    <span class="p">}</span>
-  <span class="p">},</span>
+  _xaxisLabel: <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(x)</span> </span>{
+    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>._groupFieldIsDateTime()) {</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-9">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-9">&#182;</a>
+              </div>
+              <p>oddly x comes through as milliseconds <em>string</em> (rather than int
+or float) so we have to reparse</p>
 
-  <span class="nx">_xaxisLabel</span><span class="o">:</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">x</span><span class="p">)</span> <span class="p">{</span>
-    <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_groupFieldIsDateTime</span><span class="p">())</span> <span class="p">{</span></pre></div>             </td>           </tr>                               <tr id="section-9">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-9">&#182;</a>               </div>               <p>oddly x comes through as milliseconds <em>string</em> (rather than int
-or float) so we have to reparse</p>             </td>             <td class="code">               <div class="highlight"><pre>      <span class="nx">x</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Date</span><span class="p">(</span><span class="nb">parseFloat</span><span class="p">(</span><span class="nx">x</span><span class="p">)).</span><span class="nx">toLocaleDateString</span><span class="p">();</span>
-    <span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">xvaluesAreIndex</span><span class="p">)</span> <span class="p">{</span>
-      <span class="nx">x</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="nx">x</span><span class="p">,</span> <span class="mi">10</span><span class="p">);</span></pre></div>             </td>           </tr>                               <tr id="section-10">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-10">&#182;</a>               </div>               <p>HACK: deal with bar graph style cases where x-axis items were strings
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>      x = <span class="hljs-keyword">new</span> <span class="hljs-built_in">Date</span>(<span class="hljs-built_in">parseFloat</span>(x)).toLocaleDateString();
+    } <span class="hljs-keyword">else</span> <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.xvaluesAreIndex) {
+      x = <span class="hljs-built_in">parseInt</span>(x, <span class="hljs-number">10</span>);</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-10">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-10">&#182;</a>
+              </div>
+              <p>HACK: deal with bar graph style cases where x-axis items were strings
 In this case x at this point is the index of the item in the list of
-records not its actual x-axis value</p>             </td>             <td class="code">               <div class="highlight"><pre>      <span class="nx">x</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">records</span><span class="p">.</span><span class="nx">models</span><span class="p">[</span><span class="nx">x</span><span class="p">].</span><span class="nx">get</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">attributes</span><span class="p">.</span><span class="nx">group</span><span class="p">);</span>
-    <span class="p">}</span>
+records not its actual x-axis value</p>
 
-    <span class="k">return</span> <span class="nx">x</span><span class="p">;</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-11">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-11">&#182;</a>               </div>               <h3>getGraphOptions</h3>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>      x = <span class="hljs-keyword">this</span>.model.records.models[x].get(<span class="hljs-keyword">this</span>.state.attributes.group);
+    }
 
+    <span class="hljs-keyword">return</span> x;
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-11">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-11">&#182;</a>
+              </div>
+              <h3 id="getgraphoptions">getGraphOptions</h3>
 <p>Get options for Flot Graph</p>
-
 <p>needs to be function as can depend on state</p>
-
 <p>@param typeId graphType id (lines, lines-and-points etc)
-@param numPoints the number of points that will be plotted</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">getGraphOptions</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">typeId</span><span class="p">,</span> <span class="nx">numPoints</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="kd">var</span> <span class="nx">groupFieldIsDateTime</span> <span class="o">=</span> <span class="nx">self</span><span class="p">.</span><span class="nx">_groupFieldIsDateTime</span><span class="p">();</span>
-    <span class="kd">var</span> <span class="nx">xaxis</span> <span class="o">=</span> <span class="p">{};</span>
+@param numPoints the number of points that will be plotted</p>
 
-    <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">groupFieldIsDateTime</span><span class="p">)</span> <span class="p">{</span>
-      <span class="nx">xaxis</span><span class="p">.</span><span class="nx">tickFormatter</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">x</span><span class="p">)</span> <span class="p">{</span></pre></div>             </td>           </tr>                               <tr id="section-12">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-12">&#182;</a>               </div>               <p>convert x to a string and make sure that it is not too long or the
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  getGraphOptions: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(typeId, numPoints)</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    <span class="hljs-keyword">var</span> groupFieldIsDateTime = self._groupFieldIsDateTime();
+    <span class="hljs-keyword">var</span> xaxis = {};
+
+    <span class="hljs-keyword">if</span> (!groupFieldIsDateTime) {
+      xaxis.tickFormatter = <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(x)</span> </span>{</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-12">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-12">&#182;</a>
+              </div>
+              <p>convert x to a string and make sure that it is not too long or the
 tick labels will overlap
-TODO: find a more accurate way of calculating the size of tick labels</p>             </td>             <td class="code">               <div class="highlight"><pre>        <span class="kd">var</span> <span class="nx">label</span> <span class="o">=</span> <span class="nx">self</span><span class="p">.</span><span class="nx">_xaxisLabel</span><span class="p">(</span><span class="nx">x</span><span class="p">)</span> <span class="o">||</span> <span class="s2">&quot;&quot;</span><span class="p">;</span>
+TODO: find a more accurate way of calculating the size of tick labels</p>
 
-        <span class="k">if</span> <span class="p">(</span><span class="k">typeof</span> <span class="nx">label</span> <span class="o">!==</span> <span class="s1">&#39;string&#39;</span><span class="p">)</span> <span class="p">{</span>
-          <span class="nx">label</span> <span class="o">=</span> <span class="nx">label</span><span class="p">.</span><span class="nx">toString</span><span class="p">();</span>
-        <span class="p">}</span>
-        <span class="k">if</span> <span class="p">(</span><span class="nx">self</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">attributes</span><span class="p">.</span><span class="nx">graphType</span> <span class="o">!==</span> <span class="s1">&#39;bars&#39;</span> <span class="o">&amp;&amp;</span> <span class="nx">label</span><span class="p">.</span><span class="nx">length</span> <span class="o">&gt;</span> <span class="mi">10</span><span class="p">)</span> <span class="p">{</span>
-          <span class="nx">label</span> <span class="o">=</span> <span class="nx">label</span><span class="p">.</span><span class="nx">slice</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="mi">10</span><span class="p">)</span> <span class="o">+</span> <span class="s2">&quot;...&quot;</span><span class="p">;</span>
-        <span class="p">}</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>        <span class="hljs-keyword">var</span> label = self._xaxisLabel(x) || <span class="hljs-string">""</span>;
 
-        <span class="k">return</span> <span class="nx">label</span><span class="p">;</span>
-      <span class="p">};</span>
-    <span class="p">}</span></pre></div>             </td>           </tr>                               <tr id="section-13">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-13">&#182;</a>               </div>               <p>for labels case we only want ticks at the label intervals
+        <span class="hljs-keyword">if</span> (<span class="hljs-keyword">typeof</span> label !== <span class="hljs-string">'string'</span>) {
+          label = label.toString();
+        }
+        <span class="hljs-keyword">if</span> (self.state.attributes.graphType !== <span class="hljs-string">'bars'</span> &amp;&amp; label.length &gt; <span class="hljs-number">10</span>) {
+          label = label.slice(<span class="hljs-number">0</span>, <span class="hljs-number">10</span>) + <span class="hljs-string">"..."</span>;
+        }
+
+        <span class="hljs-keyword">return</span> label;
+      };
+    }</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-13">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-13">&#182;</a>
+              </div>
+              <p>for labels case we only want ticks at the label intervals
 HACK: however we also get this case with Date fields. In that case we
-could have a lot of values and so we limit to max 15 (we assume)</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">xvaluesAreIndex</span><span class="p">)</span> <span class="p">{</span>
-      <span class="kd">var</span> <span class="nx">numTicks</span> <span class="o">=</span> <span class="nb">Math</span><span class="p">.</span><span class="nx">min</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">records</span><span class="p">.</span><span class="nx">length</span><span class="p">,</span> <span class="mi">15</span><span class="p">);</span>
-      <span class="kd">var</span> <span class="nx">increment</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">records</span><span class="p">.</span><span class="nx">length</span> <span class="o">/</span> <span class="nx">numTicks</span><span class="p">;</span>
-      <span class="kd">var</span> <span class="nx">ticks</span> <span class="o">=</span> <span class="p">[];</span>
-      <span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">i</span><span class="o">=</span><span class="mi">0</span><span class="p">;</span> <span class="nx">i</span><span class="o">&lt;</span><span class="nx">numTicks</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">ticks</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nb">parseInt</span><span class="p">(</span><span class="nx">i</span><span class="o">*</span><span class="nx">increment</span><span class="p">,</span> <span class="mi">10</span><span class="p">));</span>
-      <span class="p">}</span>
-      <span class="nx">xaxis</span><span class="p">.</span><span class="nx">ticks</span> <span class="o">=</span> <span class="nx">ticks</span><span class="p">;</span>
-    <span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">groupFieldIsDateTime</span><span class="p">)</span> <span class="p">{</span>
-      <span class="nx">xaxis</span><span class="p">.</span><span class="nx">mode</span> <span class="o">=</span> <span class="s1">&#39;time&#39;</span><span class="p">;</span>
-    <span class="p">}</span>
+could have a lot of values and so we limit to max 15 (we assume)</p>
 
-    <span class="kd">var</span> <span class="nx">yaxis</span> <span class="o">=</span> <span class="p">{};</span>
-    <span class="nx">yaxis</span><span class="p">.</span><span class="nx">autoscale</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
-    <span class="nx">yaxis</span><span class="p">.</span><span class="nx">autoscaleMargin</span> <span class="o">=</span> <span class="mf">0.02</span><span class="p">;</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.xvaluesAreIndex) {
+      <span class="hljs-keyword">var</span> numTicks = <span class="hljs-built_in">Math</span>.min(<span class="hljs-keyword">this</span>.model.records.length, <span class="hljs-number">15</span>);
+      <span class="hljs-keyword">var</span> increment = <span class="hljs-keyword">this</span>.model.records.length / numTicks;
+      <span class="hljs-keyword">var</span> ticks = [];
+      <span class="hljs-keyword">for</span> (<span class="hljs-keyword">var</span> i=<span class="hljs-number">0</span>; i&lt;numTicks; i++) {
+        ticks.push(<span class="hljs-built_in">parseInt</span>(i*increment, <span class="hljs-number">10</span>));
+      }
+      xaxis.ticks = ticks;
+    } <span class="hljs-keyword">else</span> <span class="hljs-keyword">if</span> (groupFieldIsDateTime) {
+      xaxis.mode = <span class="hljs-string">'time'</span>;
+    }
 
-    <span class="kd">var</span> <span class="nx">legend</span> <span class="o">=</span> <span class="p">{};</span>
-    <span class="nx">legend</span><span class="p">.</span><span class="nx">position</span> <span class="o">=</span> <span class="s1">&#39;ne&#39;</span><span class="p">;</span>
+    <span class="hljs-keyword">var</span> yaxis = {};
+    yaxis.autoscale = <span class="hljs-literal">true</span>;
+    yaxis.autoscaleMargin = <span class="hljs-number">0.02</span>;
 
-    <span class="kd">var</span> <span class="nx">grid</span> <span class="o">=</span> <span class="p">{};</span>
-    <span class="nx">grid</span><span class="p">.</span><span class="nx">hoverable</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
-    <span class="nx">grid</span><span class="p">.</span><span class="nx">clickable</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
-    <span class="nx">grid</span><span class="p">.</span><span class="nx">borderColor</span> <span class="o">=</span> <span class="s2">&quot;#aaaaaa&quot;</span><span class="p">;</span>
-    <span class="nx">grid</span><span class="p">.</span><span class="nx">borderWidth</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span>
+    <span class="hljs-keyword">var</span> legend = {};
+    legend.position = <span class="hljs-string">'ne'</span>;
 
-    <span class="kd">var</span> <span class="nx">optionsPerGraphType</span> <span class="o">=</span> <span class="p">{</span>
-      <span class="nx">lines</span><span class="o">:</span> <span class="p">{</span>
-        <span class="nx">legend</span><span class="o">:</span> <span class="nx">legend</span><span class="p">,</span>
-        <span class="nx">colors</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">graphColors</span><span class="p">,</span>
-        <span class="nx">lines</span><span class="o">:</span> <span class="p">{</span> <span class="nx">show</span><span class="o">:</span> <span class="kc">true</span> <span class="p">},</span>
-        <span class="nx">xaxis</span><span class="o">:</span> <span class="nx">xaxis</span><span class="p">,</span>
-        <span class="nx">yaxis</span><span class="o">:</span> <span class="nx">yaxis</span><span class="p">,</span>
-        <span class="nx">grid</span><span class="o">:</span> <span class="nx">grid</span>
-      <span class="p">},</span>
-      <span class="nx">points</span><span class="o">:</span> <span class="p">{</span>
-        <span class="nx">legend</span><span class="o">:</span> <span class="nx">legend</span><span class="p">,</span>
-        <span class="nx">colors</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">graphColors</span><span class="p">,</span>
-        <span class="nx">points</span><span class="o">:</span> <span class="p">{</span> <span class="nx">show</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span> <span class="nx">hitRadius</span><span class="o">:</span> <span class="mi">5</span> <span class="p">},</span>
-        <span class="nx">xaxis</span><span class="o">:</span> <span class="nx">xaxis</span><span class="p">,</span>
-        <span class="nx">yaxis</span><span class="o">:</span> <span class="nx">yaxis</span><span class="p">,</span>
-        <span class="nx">grid</span><span class="o">:</span> <span class="nx">grid</span>
-      <span class="p">},</span>
-      <span class="s1">&#39;lines-and-points&#39;</span><span class="o">:</span> <span class="p">{</span>
-        <span class="nx">legend</span><span class="o">:</span> <span class="nx">legend</span><span class="p">,</span>
-        <span class="nx">colors</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">graphColors</span><span class="p">,</span>
-        <span class="nx">points</span><span class="o">:</span> <span class="p">{</span> <span class="nx">show</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span> <span class="nx">hitRadius</span><span class="o">:</span> <span class="mi">5</span> <span class="p">},</span>
-        <span class="nx">lines</span><span class="o">:</span> <span class="p">{</span> <span class="nx">show</span><span class="o">:</span> <span class="kc">true</span> <span class="p">},</span>
-        <span class="nx">xaxis</span><span class="o">:</span> <span class="nx">xaxis</span><span class="p">,</span>
-        <span class="nx">yaxis</span><span class="o">:</span> <span class="nx">yaxis</span><span class="p">,</span>
-        <span class="nx">grid</span><span class="o">:</span> <span class="nx">grid</span>
-      <span class="p">},</span>
-      <span class="nx">bars</span><span class="o">:</span> <span class="p">{</span>
-        <span class="nx">legend</span><span class="o">:</span> <span class="nx">legend</span><span class="p">,</span>
-        <span class="nx">colors</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">graphColors</span><span class="p">,</span>
-        <span class="nx">lines</span><span class="o">:</span> <span class="p">{</span> <span class="nx">show</span><span class="o">:</span> <span class="kc">false</span> <span class="p">},</span>
-        <span class="nx">xaxis</span><span class="o">:</span> <span class="nx">yaxis</span><span class="p">,</span>
-        <span class="nx">yaxis</span><span class="o">:</span> <span class="nx">xaxis</span><span class="p">,</span>
-        <span class="nx">grid</span><span class="o">:</span> <span class="nx">grid</span><span class="p">,</span>
-        <span class="nx">bars</span><span class="o">:</span> <span class="p">{</span>
-          <span class="nx">show</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span>
-          <span class="nx">horizontal</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span>
-          <span class="nx">shadowSize</span><span class="o">:</span> <span class="mi">0</span><span class="p">,</span>
-          <span class="nx">align</span><span class="o">:</span> <span class="s1">&#39;center&#39;</span><span class="p">,</span>
-          <span class="nx">barWidth</span><span class="o">:</span> <span class="mf">0.8</span>
-        <span class="p">}</span>
-      <span class="p">},</span>
-      <span class="nx">columns</span><span class="o">:</span> <span class="p">{</span>
-        <span class="nx">legend</span><span class="o">:</span> <span class="nx">legend</span><span class="p">,</span>
-        <span class="nx">colors</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">graphColors</span><span class="p">,</span>
-        <span class="nx">lines</span><span class="o">:</span> <span class="p">{</span> <span class="nx">show</span><span class="o">:</span> <span class="kc">false</span> <span class="p">},</span>
-        <span class="nx">xaxis</span><span class="o">:</span> <span class="nx">xaxis</span><span class="p">,</span>
-        <span class="nx">yaxis</span><span class="o">:</span> <span class="nx">yaxis</span><span class="p">,</span>
-        <span class="nx">grid</span><span class="o">:</span> <span class="nx">grid</span><span class="p">,</span>
-        <span class="nx">bars</span><span class="o">:</span> <span class="p">{</span>
-          <span class="nx">show</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span>
-          <span class="nx">horizontal</span><span class="o">:</span> <span class="kc">false</span><span class="p">,</span>
-          <span class="nx">shadowSize</span><span class="o">:</span> <span class="mi">0</span><span class="p">,</span>
-          <span class="nx">align</span><span class="o">:</span> <span class="s1">&#39;center&#39;</span><span class="p">,</span>
-          <span class="nx">barWidth</span><span class="o">:</span> <span class="mf">0.8</span>
-        <span class="p">}</span>
-      <span class="p">}</span>
-    <span class="p">};</span>
+    <span class="hljs-keyword">var</span> grid = {};
+    grid.hoverable = <span class="hljs-literal">true</span>;
+    grid.clickable = <span class="hljs-literal">true</span>;
+    grid.borderColor = <span class="hljs-string">"#aaaaaa"</span>;
+    grid.borderWidth = <span class="hljs-number">1</span>;
 
-    <span class="k">if</span> <span class="p">(</span><span class="nx">self</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;graphOptions&#39;</span><span class="p">))</span> <span class="p">{</span>
-      <span class="k">return</span> <span class="nx">_</span><span class="p">.</span><span class="nx">extend</span><span class="p">(</span><span class="nx">optionsPerGraphType</span><span class="p">[</span><span class="nx">typeId</span><span class="p">],</span>
-                      <span class="nx">self</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;graphOptions&#39;</span><span class="p">));</span>
-    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-      <span class="k">return</span> <span class="nx">optionsPerGraphType</span><span class="p">[</span><span class="nx">typeId</span><span class="p">];</span>
-    <span class="p">}</span>
-  <span class="p">},</span>
+    <span class="hljs-keyword">var</span> optionsPerGraphType = {
+      lines: {
+        legend: legend,
+        colors: <span class="hljs-keyword">this</span>.graphColors,
+        lines: { show: <span class="hljs-literal">true</span> },
+        xaxis: xaxis,
+        yaxis: yaxis,
+        grid: grid
+      },
+      points: {
+        legend: legend,
+        colors: <span class="hljs-keyword">this</span>.graphColors,
+        points: { show: <span class="hljs-literal">true</span>, hitRadius: <span class="hljs-number">5</span> },
+        xaxis: xaxis,
+        yaxis: yaxis,
+        grid: grid
+      },
+      <span class="hljs-string">'lines-and-points'</span>: {
+        legend: legend,
+        colors: <span class="hljs-keyword">this</span>.graphColors,
+        points: { show: <span class="hljs-literal">true</span>, hitRadius: <span class="hljs-number">5</span> },
+        lines: { show: <span class="hljs-literal">true</span> },
+        xaxis: xaxis,
+        yaxis: yaxis,
+        grid: grid
+      },
+      bars: {
+        legend: legend,
+        colors: <span class="hljs-keyword">this</span>.graphColors,
+        lines: { show: <span class="hljs-literal">false</span> },
+        xaxis: yaxis,
+        yaxis: xaxis,
+        grid: grid,
+        bars: {
+          show: <span class="hljs-literal">true</span>,
+          horizontal: <span class="hljs-literal">true</span>,
+          shadowSize: <span class="hljs-number">0</span>,
+          align: <span class="hljs-string">'center'</span>,
+          barWidth: <span class="hljs-number">0.8</span>
+        }
+      },
+      columns: {
+        legend: legend,
+        colors: <span class="hljs-keyword">this</span>.graphColors,
+        lines: { show: <span class="hljs-literal">false</span> },
+        xaxis: xaxis,
+        yaxis: yaxis,
+        grid: grid,
+        bars: {
+          show: <span class="hljs-literal">true</span>,
+          horizontal: <span class="hljs-literal">false</span>,
+          shadowSize: <span class="hljs-number">0</span>,
+          align: <span class="hljs-string">'center'</span>,
+          barWidth: <span class="hljs-number">0.8</span>
+        }
+      }
+    };
 
-  <span class="nx">_groupFieldIsDateTime</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">xfield</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">fields</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">attributes</span><span class="p">.</span><span class="nx">group</span><span class="p">);</span>
-    <span class="kd">var</span> <span class="nx">xtype</span> <span class="o">=</span> <span class="nx">xfield</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;type&#39;</span><span class="p">);</span>
-    <span class="kd">var</span> <span class="nx">isDateTime</span> <span class="o">=</span> <span class="p">(</span><span class="nx">xtype</span> <span class="o">===</span> <span class="s1">&#39;date&#39;</span> <span class="o">||</span> <span class="nx">xtype</span> <span class="o">===</span> <span class="s1">&#39;date-time&#39;</span> <span class="o">||</span> <span class="nx">xtype</span>  <span class="o">===</span> <span class="s1">&#39;time&#39;</span><span class="p">);</span>
-    <span class="k">return</span> <span class="nx">isDateTime</span><span class="p">;</span>
-  <span class="p">},</span>
+    <span class="hljs-keyword">if</span> (self.state.get(<span class="hljs-string">'graphOptions'</span>)) {
+      <span class="hljs-keyword">return</span> _.extend(optionsPerGraphType[typeId],
+                      self.state.get(<span class="hljs-string">'graphOptions'</span>));
+    } <span class="hljs-keyword">else</span> {
+      <span class="hljs-keyword">return</span> optionsPerGraphType[typeId];
+    }
+  },
 
-  <span class="nx">createSeries</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="nx">self</span><span class="p">.</span><span class="nx">xvaluesAreIndex</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
-    <span class="kd">var</span> <span class="nx">series</span> <span class="o">=</span> <span class="p">[];</span>
-    <span class="kd">var</span> <span class="nx">xfield</span> <span class="o">=</span> <span class="nx">self</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">fields</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="nx">self</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">attributes</span><span class="p">.</span><span class="nx">group</span><span class="p">);</span>
-    <span class="kd">var</span> <span class="nx">isDateTime</span> <span class="o">=</span> <span class="nx">self</span><span class="p">.</span><span class="nx">_groupFieldIsDateTime</span><span class="p">();</span>
+  _groupFieldIsDateTime: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> xfield = <span class="hljs-keyword">this</span>.model.fields.get(<span class="hljs-keyword">this</span>.state.attributes.group);
+    <span class="hljs-keyword">var</span> xtype = xfield.get(<span class="hljs-string">'type'</span>);
+    <span class="hljs-keyword">var</span> isDateTime = (xtype === <span class="hljs-string">'date'</span> || xtype === <span class="hljs-string">'date-time'</span> || xtype  === <span class="hljs-string">'time'</span>);
+    <span class="hljs-keyword">return</span> isDateTime;
+  },
 
-    <span class="nx">_</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">attributes</span><span class="p">.</span><span class="nx">series</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">field</span><span class="p">)</span> <span class="p">{</span>
-      <span class="kd">var</span> <span class="nx">points</span> <span class="o">=</span> <span class="p">[];</span>
-      <span class="kd">var</span> <span class="nx">fieldLabel</span> <span class="o">=</span> <span class="nx">self</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">fields</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="nx">field</span><span class="p">).</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;label&#39;</span><span class="p">);</span>
+  createSeries: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    self.xvaluesAreIndex = <span class="hljs-literal">false</span>;
+    <span class="hljs-keyword">var</span> series = [];
+    <span class="hljs-keyword">var</span> xfield = self.model.fields.get(self.state.attributes.group);
+    <span class="hljs-keyword">var</span> isDateTime = self._groupFieldIsDateTime();
 
-        <span class="k">if</span> <span class="p">(</span><span class="nx">isDateTime</span><span class="p">){</span>
-            <span class="kd">var</span> <span class="nx">cast</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">x</span><span class="p">){</span>
-                <span class="kd">var</span> <span class="nx">_date</span> <span class="o">=</span> <span class="nx">moment</span><span class="p">(</span><span class="nb">String</span><span class="p">(</span><span class="nx">x</span><span class="p">));</span>
-                <span class="k">if</span> <span class="p">(</span><span class="nx">_date</span><span class="p">.</span><span class="nx">isValid</span><span class="p">())</span> <span class="p">{</span>
-                    <span class="nx">x</span> <span class="o">=</span> <span class="nx">_date</span><span class="p">.</span><span class="nx">toDate</span><span class="p">().</span><span class="nx">getTime</span><span class="p">();</span>
-                <span class="p">}</span>
-                <span class="k">return</span> <span class="nx">x</span>
-            <span class="p">}</span>
-        <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-            <span class="kd">var</span> <span class="nx">raw</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">map</span><span class="p">(</span><span class="nx">self</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">records</span><span class="p">.</span><span class="nx">models</span><span class="p">,</span>
-                            <span class="kd">function</span><span class="p">(</span><span class="nx">doc</span><span class="p">,</span> <span class="nx">index</span><span class="p">){</span>
-                                <span class="k">return</span> <span class="nx">doc</span><span class="p">.</span><span class="nx">getFieldValueUnrendered</span><span class="p">(</span><span class="nx">xfield</span><span class="p">)</span>
-                            <span class="p">});</span>
+    _.each(<span class="hljs-keyword">this</span>.state.attributes.series, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(field)</span> </span>{
+      <span class="hljs-keyword">var</span> points = [];
+      <span class="hljs-keyword">var</span> fieldLabel = self.model.fields.get(field).get(<span class="hljs-string">'label'</span>);
 
-            <span class="k">if</span> <span class="p">(</span><span class="nx">_</span><span class="p">.</span><span class="nx">all</span><span class="p">(</span><span class="nx">raw</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">x</span><span class="p">){</span> <span class="k">return</span> <span class="o">!</span><span class="nb">isNaN</span><span class="p">(</span><span class="nb">parseFloat</span><span class="p">(</span><span class="nx">x</span><span class="p">))</span> <span class="p">})){</span>
-                <span class="kd">var</span> <span class="nx">cast</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">x</span><span class="p">){</span> <span class="k">return</span> <span class="nb">parseFloat</span><span class="p">(</span><span class="nx">x</span><span class="p">)</span> <span class="p">}</span>
-            <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-                <span class="nx">self</span><span class="p">.</span><span class="nx">xvaluesAreIndex</span> <span class="o">=</span> <span class="kc">true</span>
-            <span class="p">}</span>
-        <span class="p">}</span>
+        <span class="hljs-keyword">if</span> (isDateTime){
+            <span class="hljs-keyword">var</span> cast = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(x)</span></span>{
+                <span class="hljs-keyword">var</span> _date = moment(<span class="hljs-built_in">String</span>(x));
+                <span class="hljs-keyword">if</span> (_date.isValid()) {
+                    x = _date.toDate().getTime();
+                }
+                <span class="hljs-keyword">return</span> x
+            }
+        } <span class="hljs-keyword">else</span> {
+            <span class="hljs-keyword">var</span> raw = _.map(self.model.records.models,
+                            <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(doc, index)</span></span>{
+                                <span class="hljs-keyword">return</span> doc.getFieldValueUnrendered(xfield)
+                            });
 
-      <span class="nx">_</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="nx">self</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">records</span><span class="p">.</span><span class="nx">models</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">doc</span><span class="p">,</span> <span class="nx">index</span><span class="p">)</span> <span class="p">{</span>
-        <span class="k">if</span><span class="p">(</span><span class="nx">self</span><span class="p">.</span><span class="nx">xvaluesAreIndex</span><span class="p">){</span>
-            <span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="nx">index</span><span class="p">;</span>
-        <span class="p">}</span><span class="k">else</span><span class="p">{</span>
-            <span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="nx">cast</span><span class="p">(</span><span class="nx">doc</span><span class="p">.</span><span class="nx">getFieldValueUnrendered</span><span class="p">(</span><span class="nx">xfield</span><span class="p">));</span>
-        <span class="p">}</span>
+            <span class="hljs-keyword">if</span> (_.all(raw, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(x)</span></span>{ <span class="hljs-keyword">return</span> !<span class="hljs-built_in">isNaN</span>(<span class="hljs-built_in">parseFloat</span>(x)) })){
+                <span class="hljs-keyword">var</span> cast = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(x)</span></span>{ <span class="hljs-keyword">return</span> <span class="hljs-built_in">parseFloat</span>(x) }
+            } <span class="hljs-keyword">else</span> {
+                self.xvaluesAreIndex = <span class="hljs-literal">true</span>
+            }
+        }
 
-        <span class="kd">var</span> <span class="nx">yfield</span> <span class="o">=</span> <span class="nx">self</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">fields</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="nx">field</span><span class="p">);</span>
-        <span class="kd">var</span> <span class="nx">y</span> <span class="o">=</span> <span class="nx">doc</span><span class="p">.</span><span class="nx">getFieldValueUnrendered</span><span class="p">(</span><span class="nx">yfield</span><span class="p">);</span>
+      _.each(self.model.records.models, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(doc, index)</span> </span>{
+        <span class="hljs-keyword">if</span>(self.xvaluesAreIndex){
+            <span class="hljs-keyword">var</span> x = index;
+        }<span class="hljs-keyword">else</span>{
+            <span class="hljs-keyword">var</span> x = cast(doc.getFieldValueUnrendered(xfield));
+        }
 
-        <span class="k">if</span> <span class="p">(</span><span class="nx">self</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">attributes</span><span class="p">.</span><span class="nx">graphType</span> <span class="o">==</span> <span class="s1">&#39;bars&#39;</span><span class="p">)</span> <span class="p">{</span>
-          <span class="nx">points</span><span class="p">.</span><span class="nx">push</span><span class="p">([</span><span class="nx">y</span><span class="p">,</span> <span class="nx">x</span><span class="p">]);</span>
-        <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-          <span class="nx">points</span><span class="p">.</span><span class="nx">push</span><span class="p">([</span><span class="nx">x</span><span class="p">,</span> <span class="nx">y</span><span class="p">]);</span>
-        <span class="p">}</span>
-      <span class="p">});</span>
-      <span class="nx">series</span><span class="p">.</span><span class="nx">push</span><span class="p">({</span>
-        <span class="nx">data</span><span class="o">:</span> <span class="nx">points</span><span class="p">,</span>
-        <span class="nx">label</span><span class="o">:</span> <span class="nx">fieldLabel</span><span class="p">,</span>
-        <span class="nx">hoverable</span><span class="o">:</span> <span class="kc">true</span>
-      <span class="p">});</span>
-    <span class="p">});</span>
-    <span class="k">return</span> <span class="nx">series</span><span class="p">;</span>
-  <span class="p">}</span>
-<span class="p">});</span>
+        <span class="hljs-keyword">var</span> yfield = self.model.fields.get(field);
+        <span class="hljs-keyword">var</span> y = doc.getFieldValueUnrendered(yfield);
 
-<span class="nx">my</span><span class="p">.</span><span class="nx">FlotControls</span> <span class="o">=</span> <span class="nx">Backbone</span><span class="p">.</span><span class="nx">View</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-  <span class="nx">className</span><span class="o">:</span> <span class="s2">&quot;editor&quot;</span><span class="p">,</span>
-  <span class="nx">template</span><span class="o">:</span> <span class="s1">&#39; \</span>
-<span class="s1">  &lt;div class=&quot;editor&quot;&gt; \</span>
-<span class="s1">    &lt;form class=&quot;form-stacked&quot;&gt; \</span>
-<span class="s1">      &lt;div class=&quot;clearfix&quot;&gt; \</span>
-<span class="s1">        &lt;label&gt;Graph Type&lt;/label&gt; \</span>
-<span class="s1">        &lt;div class=&quot;input editor-type&quot;&gt; \</span>
-<span class="s1">          &lt;select&gt; \</span>
-<span class="s1">          &lt;option value=&quot;lines-and-points&quot;&gt;Lines and Points&lt;/option&gt; \</span>
-<span class="s1">          &lt;option value=&quot;lines&quot;&gt;Lines&lt;/option&gt; \</span>
-<span class="s1">          &lt;option value=&quot;points&quot;&gt;Points&lt;/option&gt; \</span>
-<span class="s1">          &lt;option value=&quot;bars&quot;&gt;Bars&lt;/option&gt; \</span>
-<span class="s1">          &lt;option value=&quot;columns&quot;&gt;Columns&lt;/option&gt; \</span>
-<span class="s1">          &lt;/select&gt; \</span>
-<span class="s1">        &lt;/div&gt; \</span>
-<span class="s1">        &lt;label&gt;Group Column (Axis 1)&lt;/label&gt; \</span>
-<span class="s1">        &lt;div class=&quot;input editor-group&quot;&gt; \</span>
-<span class="s1">          &lt;select&gt; \</span>
-<span class="s1">          &lt;option value=&quot;&quot;&gt;Please choose ...&lt;/option&gt; \</span>
-<span class="s1">          {{#fields}} \</span>
-<span class="s1">          &lt;option value=&quot;{{id}}&quot;&gt;{{label}}&lt;/option&gt; \</span>
-<span class="s1">          {{/fields}} \</span>
-<span class="s1">          &lt;/select&gt; \</span>
-<span class="s1">        &lt;/div&gt; \</span>
-<span class="s1">        &lt;div class=&quot;editor-series-group&quot;&gt; \</span>
-<span class="s1">        &lt;/div&gt; \</span>
-<span class="s1">      &lt;/div&gt; \</span>
-<span class="s1">      &lt;div class=&quot;editor-buttons&quot;&gt; \</span>
-<span class="s1">        &lt;button class=&quot;btn editor-add&quot;&gt;Add Series&lt;/button&gt; \</span>
-<span class="s1">      &lt;/div&gt; \</span>
-<span class="s1">      &lt;div class=&quot;editor-buttons editor-submit&quot; comment=&quot;hidden temporarily&quot; style=&quot;display: none;&quot;&gt; \</span>
-<span class="s1">        &lt;button class=&quot;editor-save&quot;&gt;Save&lt;/button&gt; \</span>
-<span class="s1">        &lt;input type=&quot;hidden&quot; class=&quot;editor-id&quot; value=&quot;chart-1&quot; /&gt; \</span>
-<span class="s1">      &lt;/div&gt; \</span>
-<span class="s1">    &lt;/form&gt; \</span>
-<span class="s1">  &lt;/div&gt; \</span>
-<span class="s1">&#39;</span><span class="p">,</span>
-  <span class="nx">templateSeriesEditor</span><span class="o">:</span> <span class="s1">&#39; \</span>
-<span class="s1">    &lt;div class=&quot;editor-series js-series-{{seriesIndex}}&quot;&gt; \</span>
-<span class="s1">      &lt;label&gt;Series &lt;span&gt;{{seriesName}} (Axis 2)&lt;/span&gt; \</span>
-<span class="s1">        [&lt;a href=&quot;#remove&quot; class=&quot;action-remove-series&quot;&gt;Remove&lt;/a&gt;] \</span>
-<span class="s1">      &lt;/label&gt; \</span>
-<span class="s1">      &lt;div class=&quot;input&quot;&gt; \</span>
-<span class="s1">        &lt;select&gt; \</span>
-<span class="s1">        {{#fields}} \</span>
-<span class="s1">        &lt;option value=&quot;{{id}}&quot;&gt;{{label}}&lt;/option&gt; \</span>
-<span class="s1">        {{/fields}} \</span>
-<span class="s1">        &lt;/select&gt; \</span>
-<span class="s1">      &lt;/div&gt; \</span>
-<span class="s1">    &lt;/div&gt; \</span>
-<span class="s1">  &#39;</span><span class="p">,</span>
-  <span class="nx">events</span><span class="o">:</span> <span class="p">{</span>
-    <span class="s1">&#39;change form select&#39;</span><span class="o">:</span> <span class="s1">&#39;onEditorSubmit&#39;</span><span class="p">,</span>
-    <span class="s1">&#39;click .editor-add&#39;</span><span class="o">:</span> <span class="s1">&#39;_onAddSeries&#39;</span><span class="p">,</span>
-    <span class="s1">&#39;click .action-remove-series&#39;</span><span class="o">:</span> <span class="s1">&#39;removeSeries&#39;</span>
-  <span class="p">},</span>
+        <span class="hljs-keyword">if</span> (self.state.attributes.graphType == <span class="hljs-string">'bars'</span>) {
+          points.push([y, x]);
+        } <span class="hljs-keyword">else</span> {
+          points.push([x, y]);
+        }
+      });
+      series.push({
+        data: points,
+        label: fieldLabel,
+        hoverable: <span class="hljs-literal">true</span>
+      });
+    });
+    <span class="hljs-keyword">return</span> series;
+  }
+});
 
-  <span class="nx">initialize</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">options</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="nx">_</span><span class="p">.</span><span class="nx">bindAll</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="s1">&#39;render&#39;</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">fields</span><span class="p">,</span> <span class="s1">&#39;reset add&#39;</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">render</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">state</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">recline</span><span class="p">.</span><span class="nx">Model</span><span class="p">.</span><span class="nx">ObjectState</span><span class="p">(</span><span class="nx">options</span><span class="p">.</span><span class="nx">state</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">render</span><span class="p">();</span>
-  <span class="p">},</span>
+my.FlotControls = Backbone.View.extend({
+  className: <span class="hljs-string">"editor"</span>,
+  template: <span class="hljs-string">' \
+  &lt;div class="editor"&gt; \
+    &lt;form class="form-stacked"&gt; \
+      &lt;div class="clearfix"&gt; \
+        &lt;div class="form-group"&gt; \
+          &lt;label&gt;Graph Type&lt;/label&gt; \
+          &lt;div class="input editor-type"&gt; \
+            &lt;select class="form-control"&gt; \
+              &lt;option value="lines-and-points"&gt;Lines and Points&lt;/option&gt; \
+              &lt;option value="lines"&gt;Lines&lt;/option&gt; \
+              &lt;option value="points"&gt;Points&lt;/option&gt; \
+              &lt;option value="bars"&gt;Bars&lt;/option&gt; \
+              &lt;option value="columns"&gt;Columns&lt;/option&gt; \
+            &lt;/select&gt; \
+          &lt;/div&gt; \
+        &lt;/div&gt; \
+        &lt;div class="form-group"&gt; \
+          &lt;label&gt;Group Column (Axis 1)&lt;/label&gt; \
+          &lt;div class="input editor-group"&gt; \
+            &lt;select class="form-control"&gt; \
+              &lt;option value=""&gt;Please choose ...&lt;/option&gt; \
+                {{#fields}} \
+              &lt;option value="{{id}}"&gt;{{label}}&lt;/option&gt; \
+                {{/fields}} \
+            &lt;/select&gt; \
+          &lt;/div&gt; \
+        &lt;/div&gt; \
+        &lt;div class="editor-series-group"&gt; \
+        &lt;/div&gt; \
+      &lt;/div&gt; \
+      &lt;div class="editor-buttons"&gt; \
+        &lt;button class="btn btn-default editor-add"&gt;Add Series&lt;/button&gt; \
+      &lt;/div&gt; \
+      &lt;div class="editor-buttons editor-submit" comment="hidden temporarily" style="display: none;"&gt; \
+        &lt;button class="editor-save"&gt;Save&lt;/button&gt; \
+        &lt;input type="hidden" class="editor-id" value="chart-1" /&gt; \
+      &lt;/div&gt; \
+    &lt;/form&gt; \
+  &lt;/div&gt; \
+'</span>,
+  templateSeriesEditor: <span class="hljs-string">' \
+    &lt;div class="editor-series js-series-{{seriesIndex}}"&gt; \
+      &lt;div class="form-group"&gt; \
+        &lt;label&gt;Series &lt;span&gt;{{seriesName}} (Axis 2)&lt;/span&gt; \
+          [&lt;a href="#remove" class="action-remove-series"&gt;Remove&lt;/a&gt;] \
+        &lt;/label&gt; \
+        &lt;div class="input"&gt; \
+          &lt;select class="form-control"&gt; \
+          {{#fields}} \
+          &lt;option value="{{id}}"&gt;{{label}}&lt;/option&gt; \
+          {{/fields}} \
+          &lt;/select&gt; \
+        &lt;/div&gt; \
+      &lt;/div&gt; \
+    &lt;/div&gt; \
+  '</span>,
+  events: {
+    <span class="hljs-string">'change form select'</span>: <span class="hljs-string">'onEditorSubmit'</span>,
+    <span class="hljs-string">'click .editor-add'</span>: <span class="hljs-string">'_onAddSeries'</span>,
+    <span class="hljs-string">'click .action-remove-series'</span>: <span class="hljs-string">'removeSeries'</span>
+  },
 
-  <span class="nx">render</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="kd">var</span> <span class="nx">tmplData</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">toTemplateJSON</span><span class="p">();</span>
-    <span class="kd">var</span> <span class="nx">htmls</span> <span class="o">=</span> <span class="nx">Mustache</span><span class="p">.</span><span class="nx">render</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">template</span><span class="p">,</span> <span class="nx">tmplData</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">html</span><span class="p">(</span><span class="nx">htmls</span><span class="p">);</span></pre></div>             </td>           </tr>                               <tr id="section-14">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-14">&#182;</a>               </div>               <p>set up editor from state</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;graphType&#39;</span><span class="p">))</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">_selectOption</span><span class="p">(</span><span class="s1">&#39;.editor-type&#39;</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;graphType&#39;</span><span class="p">));</span>
-    <span class="p">}</span>
-    <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;group&#39;</span><span class="p">))</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">_selectOption</span><span class="p">(</span><span class="s1">&#39;.editor-group&#39;</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;group&#39;</span><span class="p">));</span>
-    <span class="p">}</span></pre></div>             </td>           </tr>                               <tr id="section-15">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-15">&#182;</a>               </div>               <p>ensure at least one series box shows up</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="kd">var</span> <span class="nx">tmpSeries</span> <span class="o">=</span> <span class="p">[</span><span class="s2">&quot;&quot;</span><span class="p">];</span>
-    <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;series&#39;</span><span class="p">).</span><span class="nx">length</span> <span class="o">&gt;</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span>
-      <span class="nx">tmpSeries</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;series&#39;</span><span class="p">);</span>
-    <span class="p">}</span>
-    <span class="nx">_</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="nx">tmpSeries</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">series</span><span class="p">,</span> <span class="nx">idx</span><span class="p">)</span> <span class="p">{</span>
-      <span class="nx">self</span><span class="p">.</span><span class="nx">addSeries</span><span class="p">(</span><span class="nx">idx</span><span class="p">);</span>
-      <span class="nx">self</span><span class="p">.</span><span class="nx">_selectOption</span><span class="p">(</span><span class="s1">&#39;.editor-series.js-series-&#39;</span> <span class="o">+</span> <span class="nx">idx</span><span class="p">,</span> <span class="nx">series</span><span class="p">);</span>
-    <span class="p">});</span>
-    <span class="k">return</span> <span class="k">this</span><span class="p">;</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-16">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-16">&#182;</a>               </div>               <p>Private: Helper function to select an option from a select list</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">_selectOption</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">id</span><span class="p">,</span><span class="nx">value</span><span class="p">){</span>
-    <span class="kd">var</span> <span class="nx">options</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="nx">id</span> <span class="o">+</span> <span class="s1">&#39; select &gt; option&#39;</span><span class="p">);</span>
-    <span class="k">if</span> <span class="p">(</span><span class="nx">options</span><span class="p">)</span> <span class="p">{</span>
-      <span class="nx">options</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">opt</span><span class="p">){</span>
-        <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">value</span> <span class="o">==</span> <span class="nx">value</span><span class="p">)</span> <span class="p">{</span>
-          <span class="nx">$</span><span class="p">(</span><span class="k">this</span><span class="p">).</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;selected&#39;</span><span class="p">,</span><span class="s1">&#39;selected&#39;</span><span class="p">);</span>
-          <span class="k">return</span> <span class="kc">false</span><span class="p">;</span>
-        <span class="p">}</span>
-      <span class="p">});</span>
-    <span class="p">}</span>
-  <span class="p">},</span>
+  initialize: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(options)</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    _.bindAll(<span class="hljs-keyword">this</span>, <span class="hljs-string">'render'</span>);
+    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.model.fields, <span class="hljs-string">'reset add'</span>, <span class="hljs-keyword">this</span>.render);
+    <span class="hljs-keyword">this</span>.state = <span class="hljs-keyword">new</span> recline.Model.ObjectState(options.state);
+    <span class="hljs-keyword">this</span>.render();
+  },
 
-  <span class="nx">onEditorSubmit</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">select</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.editor-group select&#39;</span><span class="p">);</span>
-    <span class="kd">var</span> <span class="nx">$editor</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="kd">var</span> <span class="nx">$series</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.editor-series select&#39;</span><span class="p">);</span>
-    <span class="kd">var</span> <span class="nx">series</span> <span class="o">=</span> <span class="nx">$series</span><span class="p">.</span><span class="nx">map</span><span class="p">(</span><span class="kd">function</span> <span class="p">()</span> <span class="p">{</span>
-      <span class="k">return</span> <span class="nx">$</span><span class="p">(</span><span class="k">this</span><span class="p">).</span><span class="nx">val</span><span class="p">();</span>
-    <span class="p">});</span>
-    <span class="kd">var</span> <span class="nx">updatedState</span> <span class="o">=</span> <span class="p">{</span>
-      <span class="nx">series</span><span class="o">:</span> <span class="nx">$</span><span class="p">.</span><span class="nx">makeArray</span><span class="p">(</span><span class="nx">series</span><span class="p">),</span>
-      <span class="nx">group</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.editor-group select&#39;</span><span class="p">).</span><span class="nx">val</span><span class="p">(),</span>
-      <span class="nx">graphType</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.editor-type select&#39;</span><span class="p">).</span><span class="nx">val</span><span class="p">()</span>
-    <span class="p">};</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="nx">updatedState</span><span class="p">);</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-17">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-17">&#182;</a>               </div>               <p>Public: Adds a new empty series select box to the editor.</p>
+  render: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    <span class="hljs-keyword">var</span> tmplData = <span class="hljs-keyword">this</span>.model.toTemplateJSON();
+    <span class="hljs-keyword">var</span> htmls = Mustache.render(<span class="hljs-keyword">this</span>.template, tmplData);
+    <span class="hljs-keyword">this</span>.$el.html(htmls);</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-14">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-14">&#182;</a>
+              </div>
+              <p>set up editor from state</p>
 
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'graphType'</span>)) {
+      <span class="hljs-keyword">this</span>._selectOption(<span class="hljs-string">'.editor-type'</span>, <span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'graphType'</span>));
+    }
+    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'group'</span>)) {
+      <span class="hljs-keyword">this</span>._selectOption(<span class="hljs-string">'.editor-group'</span>, <span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'group'</span>));
+    }</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-15">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-15">&#182;</a>
+              </div>
+              <p>ensure at least one series box shows up</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">var</span> tmpSeries = [<span class="hljs-string">""</span>];
+    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'series'</span>).length &gt; <span class="hljs-number">0</span>) {
+      tmpSeries = <span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'series'</span>);
+    }
+    _.each(tmpSeries, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(series, idx)</span> </span>{
+      self.addSeries(idx);
+      self._selectOption(<span class="hljs-string">'.editor-series.js-series-'</span> + idx, series);
+    });
+    <span class="hljs-keyword">return</span> <span class="hljs-keyword">this</span>;
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-16">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-16">&#182;</a>
+              </div>
+              <p>Private: Helper function to select an option from a select list</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  _selectOption: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(id,value)</span></span>{
+    <span class="hljs-keyword">var</span> options = <span class="hljs-keyword">this</span>.$el.find(id + <span class="hljs-string">' select &gt; option'</span>);
+    <span class="hljs-keyword">if</span> (options) {
+      options.each(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(opt)</span></span>{
+        <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.value == value) {
+          $(<span class="hljs-keyword">this</span>).attr(<span class="hljs-string">'selected'</span>,<span class="hljs-string">'selected'</span>);
+          <span class="hljs-keyword">return</span> <span class="hljs-literal">false</span>;
+        }
+      });
+    }
+  },
+
+  onEditorSubmit: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span> </span>{
+    <span class="hljs-keyword">var</span> select = <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'.editor-group select'</span>);
+    <span class="hljs-keyword">var</span> $editor = <span class="hljs-keyword">this</span>;
+    <span class="hljs-keyword">var</span> $series = <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'.editor-series select'</span>);
+    <span class="hljs-keyword">var</span> series = $series.map(<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">()</span> </span>{
+      <span class="hljs-keyword">return</span> $(<span class="hljs-keyword">this</span>).val();
+    });
+    <span class="hljs-keyword">var</span> updatedState = {
+      series: $.makeArray(series),
+      group: <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'.editor-group select'</span>).val(),
+      graphType: <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'.editor-type select'</span>).val()
+    };
+    <span class="hljs-keyword">this</span>.state.set(updatedState);
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-17">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-17">&#182;</a>
+              </div>
+              <p>Public: Adds a new empty series select box to the editor.</p>
 <p>@param [int] idx index of this series in the list of series</p>
+<p>Returns itself.</p>
 
-<p>Returns itself.</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">addSeries</span><span class="o">:</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">idx</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">data</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-      <span class="nx">seriesIndex</span><span class="o">:</span> <span class="nx">idx</span><span class="p">,</span>
-      <span class="nx">seriesName</span><span class="o">:</span> <span class="nb">String</span><span class="p">.</span><span class="nx">fromCharCode</span><span class="p">(</span><span class="nx">idx</span> <span class="o">+</span> <span class="mi">64</span> <span class="o">+</span> <span class="mi">1</span><span class="p">)</span>
-    <span class="p">},</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">toTemplateJSON</span><span class="p">());</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  addSeries: <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(idx)</span> </span>{
+    <span class="hljs-keyword">var</span> data = _.extend({
+      seriesIndex: idx,
+      seriesName: <span class="hljs-built_in">String</span>.fromCharCode(idx + <span class="hljs-number">64</span> + <span class="hljs-number">1</span>)
+    }, <span class="hljs-keyword">this</span>.model.toTemplateJSON());
 
-    <span class="kd">var</span> <span class="nx">htmls</span> <span class="o">=</span> <span class="nx">Mustache</span><span class="p">.</span><span class="nx">render</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">templateSeriesEditor</span><span class="p">,</span> <span class="nx">data</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.editor-series-group&#39;</span><span class="p">).</span><span class="nx">append</span><span class="p">(</span><span class="nx">htmls</span><span class="p">);</span>
-    <span class="k">return</span> <span class="k">this</span><span class="p">;</span>
-  <span class="p">},</span>
+    <span class="hljs-keyword">var</span> htmls = Mustache.render(<span class="hljs-keyword">this</span>.templateSeriesEditor, data);
+    <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'.editor-series-group'</span>).append(htmls);
+    <span class="hljs-keyword">return</span> <span class="hljs-keyword">this</span>;
+  },
 
-  <span class="nx">_onAddSeries</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span>
-    <span class="nx">e</span><span class="p">.</span><span class="nx">preventDefault</span><span class="p">();</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">addSeries</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;series&#39;</span><span class="p">).</span><span class="nx">length</span><span class="p">);</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-18">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-18">&#182;</a>               </div>               <p>Public: Removes a series list item from the editor.</p>
+  _onAddSeries: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span> </span>{
+    e.preventDefault();
+    <span class="hljs-keyword">this</span>.addSeries(<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'series'</span>).length);
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-18">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-18">&#182;</a>
+              </div>
+              <p>Public: Removes a series list item from the editor.</p>
+<p>Also updates the labels of the remaining series elements.</p>
 
-<p>Also updates the labels of the remaining series elements.</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">removeSeries</span><span class="o">:</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span>
-    <span class="nx">e</span><span class="p">.</span><span class="nx">preventDefault</span><span class="p">();</span>
-    <span class="kd">var</span> <span class="nx">$el</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="nx">e</span><span class="p">.</span><span class="nx">target</span><span class="p">);</span>
-    <span class="nx">$el</span><span class="p">.</span><span class="nx">parent</span><span class="p">().</span><span class="nx">parent</span><span class="p">().</span><span class="nx">remove</span><span class="p">();</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">onEditorSubmit</span><span class="p">();</span>
-  <span class="p">}</span>
-<span class="p">});</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  removeSeries: <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(e)</span> </span>{
+    e.preventDefault();
+    <span class="hljs-keyword">var</span> $el = $(e.target);
+    $el.parent().parent().remove();
+    <span class="hljs-keyword">this</span>.onEditorSubmit();
+  }
+});
 
-<span class="p">})(</span><span class="nx">jQuery</span><span class="p">,</span> <span class="nx">recline</span><span class="p">.</span><span class="nx">View</span><span class="p">);</span>
-
-</pre></div>             </td>           </tr>                </tbody>     </table>   </div> </body> </html> 
\ No newline at end of file
+})(jQuery, recline.View);</pre></div></div>
+            
+        </li>
+        
+    </ul>
+  </div>
+</body>
+</html>
diff --git a/docs/src/view.graph.html b/docs/src/view.graph.html
index bf5b23a5..a6cbb03d 100644
--- a/docs/src/view.graph.html
+++ b/docs/src/view.graph.html
@@ -1,6 +1,141 @@
-<!DOCTYPE html>  <html> <head>   <title>view.graph.js</title>   <meta http-equiv="content-type" content="text/html; charset=UTF-8">   <link rel="stylesheet" media="all" href="docco.css" /> </head> <body>   <div id="container">     <div id="background"></div>            <div id="jump_to">         Jump To &hellip;         <div id="jump_wrapper">           <div id="jump_page">                                           <a class="source" href="backend.csv.html">                 backend.csv.js               </a>                                           <a class="source" href="backend.dataproxy.html">                 backend.dataproxy.js               </a>                                           <a class="source" href="backend.memory.html">                 backend.memory.js               </a>                                           <a class="source" href="ecma-fixes.html">                 ecma-fixes.js               </a>                                           <a class="source" href="model.html">                 model.js               </a>                                           <a class="source" href="view.flot.html">                 view.flot.js               </a>                                           <a class="source" href="view.graph.html">                 view.graph.js               </a>                                           <a class="source" href="view.grid.html">                 view.grid.js               </a>                                           <a class="source" href="view.map.html">                 view.map.js               </a>                                           <a class="source" href="view.multiview.html">                 view.multiview.js               </a>                                           <a class="source" href="view.slickgrid.html">                 view.slickgrid.js               </a>                                           <a class="source" href="view.timeline.html">                 view.timeline.js               </a>                                           <a class="source" href="widget.facetviewer.html">                 widget.facetviewer.js               </a>                                           <a class="source" href="widget.fields.html">                 widget.fields.js               </a>                                           <a class="source" href="widget.filtereditor.html">                 widget.filtereditor.js               </a>                                           <a class="source" href="widget.pager.html">                 widget.pager.js               </a>                                           <a class="source" href="widget.queryeditor.html">                 widget.queryeditor.js               </a>                                           <a class="source" href="widget.valuefilter.html">                 widget.valuefilter.js               </a>                        </div>         </div>       </div>          <table cellpadding="0" cellspacing="0">       <thead>         <tr>           <th class="docs">             <h1>               view.graph.js             </h1>           </th>           <th class="code">           </th>         </tr>       </thead>       <tbody>                               <tr id="section-1">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-1">&#182;</a>               </div>                            </td>             <td class="code">               <div class="highlight"><pre><span class="k">this</span><span class="p">.</span><span class="nx">recline</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span> <span class="o">||</span> <span class="p">{};</span>
-<span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">View</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">View</span> <span class="o">||</span> <span class="p">{};</span>
-<span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">View</span><span class="p">.</span><span class="nx">Graph</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">View</span><span class="p">.</span><span class="nx">Flot</span><span class="p">;</span>
-<span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">View</span><span class="p">.</span><span class="nx">GraphControls</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">View</span><span class="p">.</span><span class="nx">FlotControls</span><span class="p">;</span>
+<!DOCTYPE html>
 
-</pre></div>             </td>           </tr>                </tbody>     </table>   </div> </body> </html> 
\ No newline at end of file
+<html>
+<head>
+  <title>view.graph.js</title>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+  <link rel="stylesheet" media="all" href="docco.css" />
+</head>
+<body>
+  <div id="container">
+    <div id="background"></div>
+    
+      <ul id="jump_to">
+        <li>
+          <a class="large" href="javascript:void(0);">Jump To &hellip;</a>
+          <a class="small" href="javascript:void(0);">+</a>
+          <div id="jump_wrapper">
+          <div id="jump_page_wrapper">
+            <div id="jump_page">
+              
+                
+                <a class="source" href="backend.dataproxy.html">
+                  backend.dataproxy.js
+                </a>
+              
+                
+                <a class="source" href="backend.memory.html">
+                  backend.memory.js
+                </a>
+              
+                
+                <a class="source" href="ecma-fixes.html">
+                  ecma-fixes.js
+                </a>
+              
+                
+                <a class="source" href="model.html">
+                  model.js
+                </a>
+              
+                
+                <a class="source" href="view.flot.html">
+                  view.flot.js
+                </a>
+              
+                
+                <a class="source" href="view.graph.html">
+                  view.graph.js
+                </a>
+              
+                
+                <a class="source" href="view.grid.html">
+                  view.grid.js
+                </a>
+              
+                
+                <a class="source" href="view.map.html">
+                  view.map.js
+                </a>
+              
+                
+                <a class="source" href="view.multiview.html">
+                  view.multiview.js
+                </a>
+              
+                
+                <a class="source" href="view.slickgrid.html">
+                  view.slickgrid.js
+                </a>
+              
+                
+                <a class="source" href="view.timeline.html">
+                  view.timeline.js
+                </a>
+              
+                
+                <a class="source" href="widget.facetviewer.html">
+                  widget.facetviewer.js
+                </a>
+              
+                
+                <a class="source" href="widget.fields.html">
+                  widget.fields.js
+                </a>
+              
+                
+                <a class="source" href="widget.filtereditor.html">
+                  widget.filtereditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.pager.html">
+                  widget.pager.js
+                </a>
+              
+                
+                <a class="source" href="widget.queryeditor.html">
+                  widget.queryeditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.valuefilter.html">
+                  widget.valuefilter.js
+                </a>
+              
+            </div>
+          </div>
+        </li>
+      </ul>
+    
+    <ul class="sections">
+        
+          <li id="title">
+              <div class="annotation">
+                  <h1>view.graph.js</h1>
+              </div>
+          </li>
+        
+        
+        
+        <li id="section-1">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-1">&#182;</a>
+              </div>
+              
+            </div>
+            
+            <div class="content"><div class='highlight'><pre><span class="hljs-keyword">this</span>.recline = <span class="hljs-keyword">this</span>.recline || {};
+<span class="hljs-keyword">this</span>.recline.View = <span class="hljs-keyword">this</span>.recline.View || {};
+<span class="hljs-keyword">this</span>.recline.View.Graph = <span class="hljs-keyword">this</span>.recline.View.Flot;
+<span class="hljs-keyword">this</span>.recline.View.GraphControls = <span class="hljs-keyword">this</span>.recline.View.FlotControls;</pre></div></div>
+            
+        </li>
+        
+    </ul>
+  </div>
+</body>
+</html>
diff --git a/docs/src/view.grid.html b/docs/src/view.grid.html
index 7f1fc32d..09a91eca 100644
--- a/docs/src/view.grid.html
+++ b/docs/src/view.grid.html
@@ -1,232 +1,606 @@
-<!DOCTYPE html>  <html> <head>   <title>view.grid.js</title>   <meta http-equiv="content-type" content="text/html; charset=UTF-8">   <link rel="stylesheet" media="all" href="docco.css" /> </head> <body>   <div id="container">     <div id="background"></div>            <div id="jump_to">         Jump To &hellip;         <div id="jump_wrapper">           <div id="jump_page">                                           <a class="source" href="backend.csv.html">                 backend.csv.js               </a>                                           <a class="source" href="backend.dataproxy.html">                 backend.dataproxy.js               </a>                                           <a class="source" href="backend.memory.html">                 backend.memory.js               </a>                                           <a class="source" href="ecma-fixes.html">                 ecma-fixes.js               </a>                                           <a class="source" href="model.html">                 model.js               </a>                                           <a class="source" href="view.flot.html">                 view.flot.js               </a>                                           <a class="source" href="view.graph.html">                 view.graph.js               </a>                                           <a class="source" href="view.grid.html">                 view.grid.js               </a>                                           <a class="source" href="view.map.html">                 view.map.js               </a>                                           <a class="source" href="view.multiview.html">                 view.multiview.js               </a>                                           <a class="source" href="view.slickgrid.html">                 view.slickgrid.js               </a>                                           <a class="source" href="view.timeline.html">                 view.timeline.js               </a>                                           <a class="source" href="widget.facetviewer.html">                 widget.facetviewer.js               </a>                                           <a class="source" href="widget.fields.html">                 widget.fields.js               </a>                                           <a class="source" href="widget.filtereditor.html">                 widget.filtereditor.js               </a>                                           <a class="source" href="widget.pager.html">                 widget.pager.js               </a>                                           <a class="source" href="widget.queryeditor.html">                 widget.queryeditor.js               </a>                                           <a class="source" href="widget.valuefilter.html">                 widget.valuefilter.js               </a>                        </div>         </div>       </div>          <table cellpadding="0" cellspacing="0">       <thead>         <tr>           <th class="docs">             <h1>               view.grid.js             </h1>           </th>           <th class="code">           </th>         </tr>       </thead>       <tbody>                               <tr id="section-1">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-1">&#182;</a>               </div>                            </td>             <td class="code">               <div class="highlight"><pre><span class="cm">/*jshint multistr:true */</span>
+<!DOCTYPE html>
 
-<span class="k">this</span><span class="p">.</span><span class="nx">recline</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span> <span class="o">||</span> <span class="p">{};</span>
-<span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">View</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">View</span> <span class="o">||</span> <span class="p">{};</span>
+<html>
+<head>
+  <title>view.grid.js</title>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+  <link rel="stylesheet" media="all" href="docco.css" />
+</head>
+<body>
+  <div id="container">
+    <div id="background"></div>
+    
+      <ul id="jump_to">
+        <li>
+          <a class="large" href="javascript:void(0);">Jump To &hellip;</a>
+          <a class="small" href="javascript:void(0);">+</a>
+          <div id="jump_wrapper">
+          <div id="jump_page_wrapper">
+            <div id="jump_page">
+              
+                
+                <a class="source" href="backend.dataproxy.html">
+                  backend.dataproxy.js
+                </a>
+              
+                
+                <a class="source" href="backend.memory.html">
+                  backend.memory.js
+                </a>
+              
+                
+                <a class="source" href="ecma-fixes.html">
+                  ecma-fixes.js
+                </a>
+              
+                
+                <a class="source" href="model.html">
+                  model.js
+                </a>
+              
+                
+                <a class="source" href="view.flot.html">
+                  view.flot.js
+                </a>
+              
+                
+                <a class="source" href="view.graph.html">
+                  view.graph.js
+                </a>
+              
+                
+                <a class="source" href="view.grid.html">
+                  view.grid.js
+                </a>
+              
+                
+                <a class="source" href="view.map.html">
+                  view.map.js
+                </a>
+              
+                
+                <a class="source" href="view.multiview.html">
+                  view.multiview.js
+                </a>
+              
+                
+                <a class="source" href="view.slickgrid.html">
+                  view.slickgrid.js
+                </a>
+              
+                
+                <a class="source" href="view.timeline.html">
+                  view.timeline.js
+                </a>
+              
+                
+                <a class="source" href="widget.facetviewer.html">
+                  widget.facetviewer.js
+                </a>
+              
+                
+                <a class="source" href="widget.fields.html">
+                  widget.fields.js
+                </a>
+              
+                
+                <a class="source" href="widget.filtereditor.html">
+                  widget.filtereditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.pager.html">
+                  widget.pager.js
+                </a>
+              
+                
+                <a class="source" href="widget.queryeditor.html">
+                  widget.queryeditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.valuefilter.html">
+                  widget.valuefilter.js
+                </a>
+              
+            </div>
+          </div>
+        </li>
+      </ul>
+    
+    <ul class="sections">
+        
+          <li id="title">
+              <div class="annotation">
+                  <h1>view.grid.js</h1>
+              </div>
+          </li>
+        
+        
+        
+        <li id="section-1">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-1">&#182;</a>
+              </div>
+              
+            </div>
+            
+            <div class="content"><div class='highlight'><pre><span class="hljs-comment">/*jshint multistr:true */</span>
 
-<span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">$</span><span class="p">,</span> <span class="nx">my</span><span class="p">)</span> <span class="p">{</span>
-  <span class="s2">&quot;use strict&quot;</span><span class="p">;</span></pre></div>             </td>           </tr>                               <tr id="section-2">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-2">&#182;</a>               </div>               <h2>(Data) Grid Dataset View</h2>
+<span class="hljs-keyword">this</span>.recline = <span class="hljs-keyword">this</span>.recline || {};
+<span class="hljs-keyword">this</span>.recline.View = <span class="hljs-keyword">this</span>.recline.View || {};
 
+(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">($, my)</span> </span>{
+<span class="hljs-pi">  "use strict"</span>;</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-2">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-2">&#182;</a>
+              </div>
+              <h2 id="-data-grid-dataset-view">(Data) Grid Dataset View</h2>
 <p>Provides a tabular view on a Dataset.</p>
+<p>Initialize it with a <code>recline.Model.Dataset</code>.</p>
 
-<p>Initialize it with a <code>recline.Model.Dataset</code>.</p>             </td>             <td class="code">               <div class="highlight"><pre><span class="nx">my</span><span class="p">.</span><span class="nx">Grid</span> <span class="o">=</span> <span class="nx">Backbone</span><span class="p">.</span><span class="nx">View</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-  <span class="nx">tagName</span><span class="o">:</span>  <span class="s2">&quot;div&quot;</span><span class="p">,</span>
-  <span class="nx">className</span><span class="o">:</span> <span class="s2">&quot;recline-grid-container&quot;</span><span class="p">,</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>my.Grid = Backbone.View.extend({
+  tagName:  <span class="hljs-string">"div"</span>,
+  className: <span class="hljs-string">"recline-grid-container"</span>,
 
-  <span class="nx">initialize</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">modelEtc</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="nx">_</span><span class="p">.</span><span class="nx">bindAll</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="s1">&#39;render&#39;</span><span class="p">,</span> <span class="s1">&#39;onHorizontalScroll&#39;</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">records</span><span class="p">,</span> <span class="s1">&#39;add reset remove&#39;</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">render</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">tempState</span> <span class="o">=</span> <span class="p">{};</span>
-    <span class="kd">var</span> <span class="nx">state</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-        <span class="nx">hiddenFields</span><span class="o">:</span> <span class="p">[]</span>
-      <span class="p">},</span> <span class="nx">modelEtc</span><span class="p">.</span><span class="nx">state</span>
-    <span class="p">);</span> 
-    <span class="k">this</span><span class="p">.</span><span class="nx">state</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">recline</span><span class="p">.</span><span class="nx">Model</span><span class="p">.</span><span class="nx">ObjectState</span><span class="p">(</span><span class="nx">state</span><span class="p">);</span>
-  <span class="p">},</span>
+  initialize: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(modelEtc)</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    _.bindAll(<span class="hljs-keyword">this</span>, <span class="hljs-string">'render'</span>, <span class="hljs-string">'onHorizontalScroll'</span>);
+    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.model.records, <span class="hljs-string">'add reset remove'</span>, <span class="hljs-keyword">this</span>.render);
+    <span class="hljs-keyword">this</span>.tempState = {};
+    <span class="hljs-keyword">var</span> state = _.extend({
+        hiddenFields: []
+      }, modelEtc.state
+    ); 
+    <span class="hljs-keyword">this</span>.state = <span class="hljs-keyword">new</span> recline.Model.ObjectState(state);
+  },
 
-  <span class="nx">events</span><span class="o">:</span> <span class="p">{</span></pre></div>             </td>           </tr>                               <tr id="section-3">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-3">&#182;</a>               </div>               <p>does not work here so done at end of render function
-'scroll .recline-grid tbody': 'onHorizontalScroll'</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-4">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-4">&#182;</a>               </div>               <p>======================================================
-Column and row menus</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">setColumnSort</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">order</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">sort</span> <span class="o">=</span> <span class="p">[{}];</span>
-    <span class="nx">sort</span><span class="p">[</span><span class="mi">0</span><span class="p">][</span><span class="k">this</span><span class="p">.</span><span class="nx">tempState</span><span class="p">.</span><span class="nx">currentColumn</span><span class="p">]</span> <span class="o">=</span> <span class="p">{</span><span class="nx">order</span><span class="o">:</span> <span class="nx">order</span><span class="p">};</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">query</span><span class="p">({</span><span class="nx">sort</span><span class="o">:</span> <span class="nx">sort</span><span class="p">});</span>
-  <span class="p">},</span>
+  events: {</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-3">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-3">&#182;</a>
+              </div>
+              <p>does not work here so done at end of render function
+‘scroll .recline-grid tbody’: ‘onHorizontalScroll’</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-4">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-4">&#182;</a>
+              </div>
+              <p>======================================================</p>
+
+            </div>
+            
+        </li>
+        
+        
+        <li id="section-5">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-5">&#182;</a>
+              </div>
+              <p>Column and row menus</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>
+  setColumnSort: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(order)</span> </span>{
+    <span class="hljs-keyword">var</span> sort = [{}];
+    sort[<span class="hljs-number">0</span>][<span class="hljs-keyword">this</span>.tempState.currentColumn] = {order: order};
+    <span class="hljs-keyword">this</span>.model.query({sort: sort});
+  },
   
-  <span class="nx">hideColumn</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">hiddenFields</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;hiddenFields&#39;</span><span class="p">);</span>
-    <span class="nx">hiddenFields</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">tempState</span><span class="p">.</span><span class="nx">currentColumn</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">set</span><span class="p">({</span><span class="nx">hiddenFields</span><span class="o">:</span> <span class="nx">hiddenFields</span><span class="p">});</span></pre></div>             </td>           </tr>                               <tr id="section-5">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-5">&#182;</a>               </div>               <p>change event not being triggered (because it is an array?) so trigger manually</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">trigger</span><span class="p">(</span><span class="s1">&#39;change&#39;</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">render</span><span class="p">();</span>
-  <span class="p">},</span>
+  hideColumn: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> hiddenFields = <span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'hiddenFields'</span>);
+    hiddenFields.push(<span class="hljs-keyword">this</span>.tempState.currentColumn);
+    <span class="hljs-keyword">this</span>.state.set({hiddenFields: hiddenFields});</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-6">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-6">&#182;</a>
+              </div>
+              <p>change event not being triggered (because it is an array?) so trigger manually</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">this</span>.state.trigger(<span class="hljs-string">'change'</span>);
+    <span class="hljs-keyword">this</span>.render();
+  },
   
-  <span class="nx">showColumn</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">hiddenFields</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">without</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;hiddenFields&#39;</span><span class="p">),</span> <span class="nx">$</span><span class="p">(</span><span class="nx">e</span><span class="p">.</span><span class="nx">target</span><span class="p">).</span><span class="nx">data</span><span class="p">(</span><span class="s1">&#39;column&#39;</span><span class="p">));</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">set</span><span class="p">({</span><span class="nx">hiddenFields</span><span class="o">:</span> <span class="nx">hiddenFields</span><span class="p">});</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">render</span><span class="p">();</span>
-  <span class="p">},</span>
+  showColumn: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span> </span>{
+    <span class="hljs-keyword">var</span> hiddenFields = _.without(<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'hiddenFields'</span>), $(e.target).data(<span class="hljs-string">'column'</span>));
+    <span class="hljs-keyword">this</span>.state.set({hiddenFields: hiddenFields});
+    <span class="hljs-keyword">this</span>.render();
+  },
 
-  <span class="nx">onHorizontalScroll</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">currentScroll</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="nx">e</span><span class="p">.</span><span class="nx">target</span><span class="p">).</span><span class="nx">scrollLeft</span><span class="p">();</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.recline-grid thead tr&#39;</span><span class="p">).</span><span class="nx">scrollLeft</span><span class="p">(</span><span class="nx">currentScroll</span><span class="p">);</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-6">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-6">&#182;</a>               </div>               <p>======================================================</p>
+  onHorizontalScroll: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span> </span>{
+    <span class="hljs-keyword">var</span> currentScroll = $(e.target).scrollLeft();
+    <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'.recline-grid thead tr'</span>).scrollLeft(currentScroll);
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-7">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-7">&#182;</a>
+              </div>
+              <p>======================================================</p>
 
-<h4>Templating</h4>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">template</span><span class="o">:</span> <span class="s1">&#39; \</span>
-<span class="s1">    &lt;div class=&quot;table-container&quot;&gt; \</span>
-<span class="s1">    &lt;table class=&quot;recline-grid table-striped table-condensed&quot; cellspacing=&quot;0&quot;&gt; \</span>
-<span class="s1">      &lt;thead class=&quot;fixed-header&quot;&gt; \</span>
-<span class="s1">        &lt;tr&gt; \</span>
-<span class="s1">          {{#fields}} \</span>
-<span class="s1">            &lt;th class=&quot;column-header {{#hidden}}hidden{{/hidden}}&quot; data-field=&quot;{{id}}&quot; style=&quot;width: {{width}}px; max-width: {{width}}px; min-width: {{width}}px;&quot; title=&quot;{{label}}&quot;&gt; \</span>
-<span class="s1">              &lt;span class=&quot;column-header-name&quot;&gt;{{label}}&lt;/span&gt; \</span>
-<span class="s1">            &lt;/th&gt; \</span>
-<span class="s1">          {{/fields}} \</span>
-<span class="s1">          &lt;th class=&quot;last-header&quot; style=&quot;width: {{lastHeaderWidth}}px; max-width: {{lastHeaderWidth}}px; min-width: {{lastHeaderWidth}}px; padding: 0; margin: 0;&quot;&gt;&lt;/th&gt; \</span>
-<span class="s1">        &lt;/tr&gt; \</span>
-<span class="s1">      &lt;/thead&gt; \</span>
-<span class="s1">      &lt;tbody class=&quot;scroll-content&quot;&gt;&lt;/tbody&gt; \</span>
-<span class="s1">    &lt;/table&gt; \</span>
-<span class="s1">    &lt;/div&gt; \</span>
-<span class="s1">  &#39;</span><span class="p">,</span>
+            </div>
+            
+        </li>
+        
+        
+        <li id="section-8">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-8">&#182;</a>
+              </div>
+              <h4 id="templating">Templating</h4>
 
-  <span class="nx">toTemplateJSON</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span> 
-    <span class="kd">var</span> <span class="nx">modelData</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">toJSON</span><span class="p">();</span>
-    <span class="nx">modelData</span><span class="p">.</span><span class="nx">notEmpty</span> <span class="o">=</span> <span class="p">(</span> <span class="k">this</span><span class="p">.</span><span class="nx">fields</span><span class="p">.</span><span class="nx">length</span> <span class="o">&gt;</span> <span class="mi">0</span> <span class="p">);</span></pre></div>             </td>           </tr>                               <tr id="section-7">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-7">&#182;</a>               </div>               <p>TODO: move this sort of thing into a toTemplateJSON method on Dataset?</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="nx">modelData</span><span class="p">.</span><span class="nx">fields</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">fields</span><span class="p">.</span><span class="nx">map</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">field</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">return</span> <span class="nx">field</span><span class="p">.</span><span class="nx">toJSON</span><span class="p">();</span>
-    <span class="p">});</span></pre></div>             </td>           </tr>                               <tr id="section-8">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-8">&#182;</a>               </div>               <p>last header width = scroll bar - border (2px) */</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="nx">modelData</span><span class="p">.</span><span class="nx">lastHeaderWidth</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">scrollbarDimensions</span><span class="p">.</span><span class="nx">width</span> <span class="o">-</span> <span class="mi">2</span><span class="p">;</span>
-    <span class="k">return</span> <span class="nx">modelData</span><span class="p">;</span>
-  <span class="p">},</span>
-  <span class="nx">render</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">fields</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">recline</span><span class="p">.</span><span class="nx">Model</span><span class="p">.</span><span class="nx">FieldList</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">fields</span><span class="p">.</span><span class="nx">filter</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">field</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">return</span> <span class="nx">_</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="nx">self</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;hiddenFields&#39;</span><span class="p">),</span> <span class="nx">field</span><span class="p">.</span><span class="nx">id</span><span class="p">)</span> <span class="o">==</span> <span class="o">-</span><span class="mi">1</span><span class="p">;</span>
-    <span class="p">}));</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  template: <span class="hljs-string">' \
+    &lt;div class="table-container"&gt; \
+    &lt;table class="recline-grid table-striped table-condensed" cellspacing="0"&gt; \
+      &lt;thead class="fixed-header"&gt; \
+        &lt;tr&gt; \
+          {{#fields}} \
+            &lt;th class="column-header {{#hidden}}hidden{{/hidden}}" data-field="{{id}}" style="width: {{width}}px; max-width: {{width}}px; min-width: {{width}}px;" title="{{label}}"&gt; \
+              &lt;span class="column-header-name"&gt;{{label}}&lt;/span&gt; \
+            &lt;/th&gt; \
+          {{/fields}} \
+          &lt;th class="last-header" style="width: {{lastHeaderWidth}}px; max-width: {{lastHeaderWidth}}px; min-width: {{lastHeaderWidth}}px; padding: 0; margin: 0;"&gt;&lt;/th&gt; \
+        &lt;/tr&gt; \
+      &lt;/thead&gt; \
+      &lt;tbody class="scroll-content"&gt;&lt;/tbody&gt; \
+    &lt;/table&gt; \
+    &lt;/div&gt; \
+  '</span>,
 
-    <span class="k">this</span><span class="p">.</span><span class="nx">scrollbarDimensions</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">scrollbarDimensions</span> <span class="o">||</span> <span class="k">this</span><span class="p">.</span><span class="nx">_scrollbarSize</span><span class="p">();</span> <span class="c1">// skip measurement if already have dimensions</span>
-    <span class="kd">var</span> <span class="nx">numFields</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">fields</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span></pre></div>             </td>           </tr>                               <tr id="section-9">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-9">&#182;</a>               </div>               <p>compute field widths (-20 for first menu col + 10px for padding on each col and finally 16px for the scrollbar)</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="kd">var</span> <span class="nx">fullWidth</span> <span class="o">=</span> <span class="nx">self</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">width</span><span class="p">()</span> <span class="o">-</span> <span class="mi">20</span> <span class="o">-</span> <span class="mi">10</span> <span class="o">*</span> <span class="nx">numFields</span> <span class="o">-</span> <span class="k">this</span><span class="p">.</span><span class="nx">scrollbarDimensions</span><span class="p">.</span><span class="nx">width</span><span class="p">;</span>
-    <span class="kd">var</span> <span class="nx">width</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="nb">Math</span><span class="p">.</span><span class="nx">max</span><span class="p">(</span><span class="mi">50</span><span class="p">,</span> <span class="nx">fullWidth</span> <span class="o">/</span> <span class="nx">numFields</span><span class="p">),</span> <span class="mi">10</span><span class="p">);</span></pre></div>             </td>           </tr>                               <tr id="section-10">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-10">&#182;</a>               </div>               <p>if columns extend outside viewport then remainder is 0 </p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="kd">var</span> <span class="nx">remainder</span> <span class="o">=</span> <span class="nb">Math</span><span class="p">.</span><span class="nx">max</span><span class="p">(</span><span class="nx">fullWidth</span> <span class="o">-</span> <span class="nx">numFields</span> <span class="o">*</span> <span class="nx">width</span><span class="p">,</span><span class="mi">0</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">fields</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">field</span><span class="p">,</span> <span class="nx">idx</span><span class="p">)</span> <span class="p">{</span></pre></div>             </td>           </tr>                               <tr id="section-11">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-11">&#182;</a>               </div>               <p>add the remainder to the first field width so we make up full col</p>             </td>             <td class="code">               <div class="highlight"><pre>      <span class="k">if</span> <span class="p">(</span><span class="nx">idx</span> <span class="o">===</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">field</span><span class="p">.</span><span class="nx">set</span><span class="p">({</span><span class="nx">width</span><span class="o">:</span> <span class="nx">width</span><span class="o">+</span><span class="nx">remainder</span><span class="p">});</span>
-      <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-        <span class="nx">field</span><span class="p">.</span><span class="nx">set</span><span class="p">({</span><span class="nx">width</span><span class="o">:</span> <span class="nx">width</span><span class="p">});</span>
-      <span class="p">}</span>
-    <span class="p">});</span>
-    <span class="kd">var</span> <span class="nx">htmls</span> <span class="o">=</span> <span class="nx">Mustache</span><span class="p">.</span><span class="nx">render</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">template</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">toTemplateJSON</span><span class="p">());</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">html</span><span class="p">(</span><span class="nx">htmls</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">records</span><span class="p">.</span><span class="nx">forEach</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">doc</span><span class="p">)</span> <span class="p">{</span>
-      <span class="kd">var</span> <span class="nx">tr</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="s1">&#39;&lt;tr /&gt;&#39;</span><span class="p">);</span>
-      <span class="nx">self</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;tbody&#39;</span><span class="p">).</span><span class="nx">append</span><span class="p">(</span><span class="nx">tr</span><span class="p">);</span>
-      <span class="kd">var</span> <span class="nx">newView</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">my</span><span class="p">.</span><span class="nx">GridRow</span><span class="p">({</span>
-          <span class="nx">model</span><span class="o">:</span> <span class="nx">doc</span><span class="p">,</span>
-          <span class="nx">el</span><span class="o">:</span> <span class="nx">tr</span><span class="p">,</span>
-          <span class="nx">fields</span><span class="o">:</span> <span class="nx">self</span><span class="p">.</span><span class="nx">fields</span>
-        <span class="p">});</span>
-      <span class="nx">newView</span><span class="p">.</span><span class="nx">render</span><span class="p">();</span>
-    <span class="p">});</span></pre></div>             </td>           </tr>                               <tr id="section-12">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-12">&#182;</a>               </div>               <p>hide extra header col if no scrollbar to avoid unsightly overhang</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="kd">var</span> <span class="nx">$tbody</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;tbody&#39;</span><span class="p">)[</span><span class="mi">0</span><span class="p">];</span>
-    <span class="k">if</span> <span class="p">(</span><span class="nx">$tbody</span><span class="p">.</span><span class="nx">scrollHeight</span> <span class="o">&lt;=</span> <span class="nx">$tbody</span><span class="p">.</span><span class="nx">offsetHeight</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;th.last-header&#39;</span><span class="p">).</span><span class="nx">hide</span><span class="p">();</span>
-    <span class="p">}</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.recline-grid&#39;</span><span class="p">).</span><span class="nx">toggleClass</span><span class="p">(</span><span class="s1">&#39;no-hidden&#39;</span><span class="p">,</span> <span class="p">(</span><span class="nx">self</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;hiddenFields&#39;</span><span class="p">).</span><span class="nx">length</span> <span class="o">===</span> <span class="mi">0</span><span class="p">));</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.recline-grid tbody&#39;</span><span class="p">).</span><span class="nx">scroll</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">onHorizontalScroll</span><span class="p">);</span>
-    <span class="k">return</span> <span class="k">this</span><span class="p">;</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-13">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-13">&#182;</a>               </div>               <h3>_scrollbarSize</h3>
+  toTemplateJSON: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>; 
+    <span class="hljs-keyword">var</span> modelData = <span class="hljs-keyword">this</span>.model.toJSON();
+    modelData.notEmpty = ( <span class="hljs-keyword">this</span>.fields.length &gt; <span class="hljs-number">0</span> );</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-9">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-9">&#182;</a>
+              </div>
+              <p>TODO: move this sort of thing into a toTemplateJSON method on Dataset?</p>
 
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    modelData.fields = <span class="hljs-keyword">this</span>.fields.map(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(field)</span> </span>{
+      <span class="hljs-keyword">return</span> field.toJSON();
+    });</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-10">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-10">&#182;</a>
+              </div>
+              <p>last header width = scroll bar - border (2px) */</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    modelData.lastHeaderWidth = <span class="hljs-keyword">this</span>.scrollbarDimensions.width - <span class="hljs-number">2</span>;
+    <span class="hljs-keyword">return</span> modelData;
+  },
+  render: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    <span class="hljs-keyword">this</span>.fields = <span class="hljs-keyword">new</span> recline.Model.FieldList(<span class="hljs-keyword">this</span>.model.fields.filter(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(field)</span> </span>{
+      <span class="hljs-keyword">return</span> _.indexOf(self.state.get(<span class="hljs-string">'hiddenFields'</span>), field.id) == -<span class="hljs-number">1</span>;
+    }));
+
+    <span class="hljs-keyword">this</span>.scrollbarDimensions = <span class="hljs-keyword">this</span>.scrollbarDimensions || <span class="hljs-keyword">this</span>._scrollbarSize(); <span class="hljs-comment">// skip measurement if already have dimensions</span>
+    <span class="hljs-keyword">var</span> numFields = <span class="hljs-keyword">this</span>.fields.length;</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-11">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-11">&#182;</a>
+              </div>
+              <p>compute field widths (-20 for first menu col + 10px for padding on each col and finally 16px for the scrollbar)</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">var</span> fullWidth = self.$el.width() - <span class="hljs-number">20</span> - <span class="hljs-number">10</span> * numFields - <span class="hljs-keyword">this</span>.scrollbarDimensions.width;
+    <span class="hljs-keyword">var</span> width = <span class="hljs-built_in">parseInt</span>(<span class="hljs-built_in">Math</span>.max(<span class="hljs-number">50</span>, fullWidth / numFields), <span class="hljs-number">10</span>);</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-12">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-12">&#182;</a>
+              </div>
+              <p>if columns extend outside viewport then remainder is 0 </p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">var</span> remainder = <span class="hljs-built_in">Math</span>.max(fullWidth - numFields * width,<span class="hljs-number">0</span>);
+    <span class="hljs-keyword">this</span>.fields.each(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(field, idx)</span> </span>{</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-13">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-13">&#182;</a>
+              </div>
+              <p>add the remainder to the first field width so we make up full col</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>      <span class="hljs-keyword">if</span> (idx === <span class="hljs-number">0</span>) {
+        field.set({width: width+remainder});
+      } <span class="hljs-keyword">else</span> {
+        field.set({width: width});
+      }
+    });
+    <span class="hljs-keyword">var</span> htmls = Mustache.render(<span class="hljs-keyword">this</span>.template, <span class="hljs-keyword">this</span>.toTemplateJSON());
+    <span class="hljs-keyword">this</span>.$el.html(htmls);
+    <span class="hljs-keyword">this</span>.model.records.forEach(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(doc)</span> </span>{
+      <span class="hljs-keyword">var</span> tr = $(<span class="hljs-string">'&lt;tr /&gt;'</span>);
+      self.$el.find(<span class="hljs-string">'tbody'</span>).append(tr);
+      <span class="hljs-keyword">var</span> newView = <span class="hljs-keyword">new</span> my.GridRow({
+          model: doc,
+          el: tr,
+          fields: self.fields
+        });
+      newView.render();
+    });</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-14">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-14">&#182;</a>
+              </div>
+              <p>hide extra header col if no scrollbar to avoid unsightly overhang</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">var</span> $tbody = <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'tbody'</span>)[<span class="hljs-number">0</span>];
+    <span class="hljs-keyword">if</span> ($tbody.scrollHeight &lt;= $tbody.offsetHeight) {
+      <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'th.last-header'</span>).hide();
+    }
+    <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'.recline-grid'</span>).toggleClass(<span class="hljs-string">'no-hidden'</span>, (self.state.get(<span class="hljs-string">'hiddenFields'</span>).length === <span class="hljs-number">0</span>));
+    <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'.recline-grid tbody'</span>).scroll(<span class="hljs-keyword">this</span>.onHorizontalScroll);
+    <span class="hljs-keyword">return</span> <span class="hljs-keyword">this</span>;
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-15">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-15">&#182;</a>
+              </div>
+              <h3 id="_scrollbarsize">_scrollbarSize</h3>
 <p>Measure width of a vertical scrollbar and height of a horizontal scrollbar.</p>
+<p>@return: { width: pixelWidth, height: pixelHeight }</p>
 
-<p>@return: { width: pixelWidth, height: pixelHeight }</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">_scrollbarSize</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">$c</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="s2">&quot;&lt;div style=&#39;position:absolute; top:-10000px; left:-10000px; width:100px; height:100px; overflow:scroll;&#39;&gt;&lt;/div&gt;&quot;</span><span class="p">).</span><span class="nx">appendTo</span><span class="p">(</span><span class="s2">&quot;body&quot;</span><span class="p">);</span>
-    <span class="kd">var</span> <span class="nx">dim</span> <span class="o">=</span> <span class="p">{</span> <span class="nx">width</span><span class="o">:</span> <span class="nx">$c</span><span class="p">.</span><span class="nx">width</span><span class="p">()</span> <span class="o">-</span> <span class="nx">$c</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="nx">clientWidth</span> <span class="o">+</span> <span class="mi">1</span><span class="p">,</span> <span class="nx">height</span><span class="o">:</span> <span class="nx">$c</span><span class="p">.</span><span class="nx">height</span><span class="p">()</span> <span class="o">-</span> <span class="nx">$c</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="nx">clientHeight</span> <span class="p">};</span>
-    <span class="nx">$c</span><span class="p">.</span><span class="nx">remove</span><span class="p">();</span>
-    <span class="k">return</span> <span class="nx">dim</span><span class="p">;</span>
-  <span class="p">}</span>
-<span class="p">});</span></pre></div>             </td>           </tr>                               <tr id="section-14">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-14">&#182;</a>               </div>               <h2>GridRow View for rendering an individual record.</h2>
-
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  _scrollbarSize: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> $c = $(<span class="hljs-string">"&lt;div style='position:absolute; top:-10000px; left:-10000px; width:100px; height:100px; overflow:scroll;'&gt;&lt;/div&gt;"</span>).appendTo(<span class="hljs-string">"body"</span>);
+    <span class="hljs-keyword">var</span> dim = { width: $c.width() - $c[<span class="hljs-number">0</span>].clientWidth + <span class="hljs-number">1</span>, height: $c.height() - $c[<span class="hljs-number">0</span>].clientHeight };
+    $c.remove();
+    <span class="hljs-keyword">return</span> dim;
+  }
+});</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-16">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-16">&#182;</a>
+              </div>
+              <h2 id="gridrow-view-for-rendering-an-individual-record-">GridRow View for rendering an individual record.</h2>
 <p>Since we want this to update in place it is up to creator to provider the element to attach to.</p>
-
 <p>In addition you <em>must</em> pass in a FieldList in the constructor options. This should be list of fields for the Grid.</p>
-
 <p>Example:</p>
-
 <pre>
 var row = new GridRow({
   model: dataset-record,
     el: dom-element,
     fields: mydatasets.fields // a FieldList object
   });
-</pre>             </td>             <td class="code">               <div class="highlight"><pre><span class="nx">my</span><span class="p">.</span><span class="nx">GridRow</span> <span class="o">=</span> <span class="nx">Backbone</span><span class="p">.</span><span class="nx">View</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-  <span class="nx">initialize</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">initData</span><span class="p">)</span> <span class="p">{</span>
-    <span class="nx">_</span><span class="p">.</span><span class="nx">bindAll</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="s1">&#39;render&#39;</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">_fields</span> <span class="o">=</span> <span class="nx">initData</span><span class="p">.</span><span class="nx">fields</span><span class="p">;</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">,</span> <span class="s1">&#39;change&#39;</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">render</span><span class="p">);</span>
-  <span class="p">},</span>
+</pre>
 
-  <span class="nx">template</span><span class="o">:</span> <span class="s1">&#39; \</span>
-<span class="s1">      {{#cells}} \</span>
-<span class="s1">      &lt;td data-field=&quot;{{field}}&quot; style=&quot;width: {{width}}px; max-width: {{width}}px; min-width: {{width}}px;&quot;&gt; \</span>
-<span class="s1">        &lt;div class=&quot;data-table-cell-content&quot;&gt; \</span>
-<span class="s1">          &lt;a href=&quot;javascript:{}&quot; class=&quot;data-table-cell-edit&quot; title=&quot;Edit this cell&quot;&gt;&amp;nbsp;&lt;/a&gt; \</span>
-<span class="s1">          &lt;div class=&quot;data-table-cell-value&quot;&gt;{{{value}}}&lt;/div&gt; \</span>
-<span class="s1">        &lt;/div&gt; \</span>
-<span class="s1">      &lt;/td&gt; \</span>
-<span class="s1">      {{/cells}} \</span>
-<span class="s1">    &#39;</span><span class="p">,</span>
-  <span class="nx">events</span><span class="o">:</span> <span class="p">{</span>
-    <span class="s1">&#39;click .data-table-cell-edit&#39;</span><span class="o">:</span> <span class="s1">&#39;onEditClick&#39;</span><span class="p">,</span>
-    <span class="s1">&#39;click .data-table-cell-editor .okButton&#39;</span><span class="o">:</span> <span class="s1">&#39;onEditorOK&#39;</span><span class="p">,</span>
-    <span class="s1">&#39;click .data-table-cell-editor .cancelButton&#39;</span><span class="o">:</span> <span class="s1">&#39;onEditorCancel&#39;</span>
-  <span class="p">},</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>my.GridRow = Backbone.View.extend({
+  initialize: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(initData)</span> </span>{
+    _.bindAll(<span class="hljs-keyword">this</span>, <span class="hljs-string">'render'</span>);
+    <span class="hljs-keyword">this</span>._fields = initData.fields;
+    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.model, <span class="hljs-string">'change'</span>, <span class="hljs-keyword">this</span>.render);
+  },
+
+  template: <span class="hljs-string">' \
+      {{#cells}} \
+      &lt;td data-field="{{field}}" style="width: {{width}}px; max-width: {{width}}px; min-width: {{width}}px;"&gt; \
+        &lt;div class="data-table-cell-content"&gt; \
+          &lt;a href="javascript:{}" class="data-table-cell-edit" title="Edit this cell"&gt;&amp;nbsp;&lt;/a&gt; \
+          &lt;div class="data-table-cell-value"&gt;{{{value}}}&lt;/div&gt; \
+        &lt;/div&gt; \
+      &lt;/td&gt; \
+      {{/cells}} \
+    '</span>,
+  events: {
+    <span class="hljs-string">'click .data-table-cell-edit'</span>: <span class="hljs-string">'onEditClick'</span>,
+    <span class="hljs-string">'click .data-table-cell-editor .okButton'</span>: <span class="hljs-string">'onEditorOK'</span>,
+    <span class="hljs-string">'click .data-table-cell-editor .cancelButton'</span>: <span class="hljs-string">'onEditorCancel'</span>
+  },
   
-  <span class="nx">toTemplateJSON</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="kd">var</span> <span class="nx">doc</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">;</span>
-    <span class="kd">var</span> <span class="nx">cellData</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_fields</span><span class="p">.</span><span class="nx">map</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">field</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">return</span> <span class="p">{</span>
-        <span class="nx">field</span><span class="o">:</span> <span class="nx">field</span><span class="p">.</span><span class="nx">id</span><span class="p">,</span>
-        <span class="nx">width</span><span class="o">:</span> <span class="nx">field</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;width&#39;</span><span class="p">),</span>
-        <span class="nx">value</span><span class="o">:</span> <span class="nx">doc</span><span class="p">.</span><span class="nx">getFieldValue</span><span class="p">(</span><span class="nx">field</span><span class="p">)</span>
-      <span class="p">};</span>
-    <span class="p">});</span>
-    <span class="k">return</span> <span class="p">{</span> <span class="nx">id</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">id</span><span class="p">,</span> <span class="nx">cells</span><span class="o">:</span> <span class="nx">cellData</span> <span class="p">};</span>
-  <span class="p">},</span>
+  toTemplateJSON: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    <span class="hljs-keyword">var</span> doc = <span class="hljs-keyword">this</span>.model;
+    <span class="hljs-keyword">var</span> cellData = <span class="hljs-keyword">this</span>._fields.map(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(field)</span> </span>{
+      <span class="hljs-keyword">return</span> {
+        field: field.id,
+        width: field.get(<span class="hljs-string">'width'</span>),
+        value: doc.getFieldValue(field)
+      };
+    });
+    <span class="hljs-keyword">return</span> { id: <span class="hljs-keyword">this</span>.id, cells: cellData };
+  },
 
-  <span class="nx">render</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;data-id&#39;</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">id</span><span class="p">);</span>
-    <span class="kd">var</span> <span class="nx">html</span> <span class="o">=</span> <span class="nx">Mustache</span><span class="p">.</span><span class="nx">render</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">template</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">toTemplateJSON</span><span class="p">());</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">html</span><span class="p">(</span><span class="nx">html</span><span class="p">);</span>
-    <span class="k">return</span> <span class="k">this</span><span class="p">;</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-15">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-15">&#182;</a>               </div>               <p>===================
-Cell Editor methods</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">cellEditorTemplate</span><span class="o">:</span> <span class="s1">&#39; \</span>
-<span class="s1">    &lt;div class=&quot;menu-container data-table-cell-editor&quot;&gt; \</span>
-<span class="s1">      &lt;textarea class=&quot;data-table-cell-editor-editor&quot; bind=&quot;textarea&quot;&gt;{{value}}&lt;/textarea&gt; \</span>
-<span class="s1">      &lt;div id=&quot;data-table-cell-editor-actions&quot;&gt; \</span>
-<span class="s1">        &lt;div class=&quot;data-table-cell-editor-action&quot;&gt; \</span>
-<span class="s1">          &lt;button class=&quot;okButton btn primary&quot;&gt;Update&lt;/button&gt; \</span>
-<span class="s1">          &lt;button class=&quot;cancelButton btn danger&quot;&gt;Cancel&lt;/button&gt; \</span>
-<span class="s1">        &lt;/div&gt; \</span>
-<span class="s1">      &lt;/div&gt; \</span>
-<span class="s1">    &lt;/div&gt; \</span>
-<span class="s1">  &#39;</span><span class="p">,</span>
+  render: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">this</span>.$el.attr(<span class="hljs-string">'data-id'</span>, <span class="hljs-keyword">this</span>.model.id);
+    <span class="hljs-keyword">var</span> html = Mustache.render(<span class="hljs-keyword">this</span>.template, <span class="hljs-keyword">this</span>.toTemplateJSON());
+    <span class="hljs-keyword">this</span>.$el.html(html);
+    <span class="hljs-keyword">return</span> <span class="hljs-keyword">this</span>;
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-17">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-17">&#182;</a>
+              </div>
+              <p>===================</p>
 
-  <span class="nx">onEditClick</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">editing</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.data-table-cell-editor-editor&#39;</span><span class="p">);</span>
-    <span class="k">if</span> <span class="p">(</span><span class="nx">editing</span><span class="p">.</span><span class="nx">length</span> <span class="o">&gt;</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span>
-      <span class="nx">editing</span><span class="p">.</span><span class="nx">parents</span><span class="p">(</span><span class="s1">&#39;.data-table-cell-value&#39;</span><span class="p">).</span><span class="nx">html</span><span class="p">(</span><span class="nx">editing</span><span class="p">.</span><span class="nx">text</span><span class="p">()).</span><span class="nx">siblings</span><span class="p">(</span><span class="s1">&#39;.data-table-cell-edit&#39;</span><span class="p">).</span><span class="nx">removeClass</span><span class="p">(</span><span class="s2">&quot;hidden&quot;</span><span class="p">);</span>
-    <span class="p">}</span>
-    <span class="nx">$</span><span class="p">(</span><span class="nx">e</span><span class="p">.</span><span class="nx">target</span><span class="p">).</span><span class="nx">addClass</span><span class="p">(</span><span class="s2">&quot;hidden&quot;</span><span class="p">);</span>
-    <span class="kd">var</span> <span class="nx">cell</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="nx">e</span><span class="p">.</span><span class="nx">target</span><span class="p">).</span><span class="nx">siblings</span><span class="p">(</span><span class="s1">&#39;.data-table-cell-value&#39;</span><span class="p">);</span>
-    <span class="nx">cell</span><span class="p">.</span><span class="nx">data</span><span class="p">(</span><span class="s2">&quot;previousContents&quot;</span><span class="p">,</span> <span class="nx">cell</span><span class="p">.</span><span class="nx">text</span><span class="p">());</span>
-    <span class="kd">var</span> <span class="nx">templated</span> <span class="o">=</span> <span class="nx">Mustache</span><span class="p">.</span><span class="nx">render</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">cellEditorTemplate</span><span class="p">,</span> <span class="p">{</span><span class="nx">value</span><span class="o">:</span> <span class="nx">cell</span><span class="p">.</span><span class="nx">text</span><span class="p">()});</span>
-    <span class="nx">cell</span><span class="p">.</span><span class="nx">html</span><span class="p">(</span><span class="nx">templated</span><span class="p">);</span>
-  <span class="p">},</span>
+            </div>
+            
+        </li>
+        
+        
+        <li id="section-18">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-18">&#182;</a>
+              </div>
+              <p>Cell Editor methods</p>
 
-  <span class="nx">onEditorOK</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="kd">var</span> <span class="nx">cell</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="nx">e</span><span class="p">.</span><span class="nx">target</span><span class="p">);</span>
-    <span class="kd">var</span> <span class="nx">rowId</span> <span class="o">=</span> <span class="nx">cell</span><span class="p">.</span><span class="nx">parents</span><span class="p">(</span><span class="s1">&#39;tr&#39;</span><span class="p">).</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;data-id&#39;</span><span class="p">);</span>
-    <span class="kd">var</span> <span class="nx">field</span> <span class="o">=</span> <span class="nx">cell</span><span class="p">.</span><span class="nx">parents</span><span class="p">(</span><span class="s1">&#39;td&#39;</span><span class="p">).</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;data-field&#39;</span><span class="p">);</span>
-    <span class="kd">var</span> <span class="nx">newValue</span> <span class="o">=</span> <span class="nx">cell</span><span class="p">.</span><span class="nx">parents</span><span class="p">(</span><span class="s1">&#39;.data-table-cell-editor&#39;</span><span class="p">).</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.data-table-cell-editor-editor&#39;</span><span class="p">).</span><span class="nx">val</span><span class="p">();</span>
-    <span class="kd">var</span> <span class="nx">newData</span> <span class="o">=</span> <span class="p">{};</span>
-    <span class="nx">newData</span><span class="p">[</span><span class="nx">field</span><span class="p">]</span> <span class="o">=</span> <span class="nx">newValue</span><span class="p">;</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="nx">newData</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">trigger</span><span class="p">(</span><span class="s1">&#39;recline:flash&#39;</span><span class="p">,</span> <span class="p">{</span><span class="nx">message</span><span class="o">:</span> <span class="s2">&quot;Updating row...&quot;</span><span class="p">,</span> <span class="nx">loader</span><span class="o">:</span> <span class="kc">true</span><span class="p">});</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">save</span><span class="p">().</span><span class="nx">then</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">response</span><span class="p">)</span> <span class="p">{</span>
-        <span class="k">this</span><span class="p">.</span><span class="nx">trigger</span><span class="p">(</span><span class="s1">&#39;recline:flash&#39;</span><span class="p">,</span> <span class="p">{</span><span class="nx">message</span><span class="o">:</span> <span class="s2">&quot;Row updated successfully&quot;</span><span class="p">,</span> <span class="nx">category</span><span class="o">:</span> <span class="s1">&#39;success&#39;</span><span class="p">});</span>
-      <span class="p">})</span>
-      <span class="p">.</span><span class="nx">fail</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-        <span class="k">this</span><span class="p">.</span><span class="nx">trigger</span><span class="p">(</span><span class="s1">&#39;recline:flash&#39;</span><span class="p">,</span> <span class="p">{</span>
-          <span class="nx">message</span><span class="o">:</span> <span class="s1">&#39;Error saving row&#39;</span><span class="p">,</span>
-          <span class="nx">category</span><span class="o">:</span> <span class="s1">&#39;error&#39;</span><span class="p">,</span>
-          <span class="nx">persist</span><span class="o">:</span> <span class="kc">true</span>
-        <span class="p">});</span>
-      <span class="p">});</span>
-  <span class="p">},</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>
+  cellEditorTemplate: <span class="hljs-string">' \
+    &lt;div class="menu-container data-table-cell-editor"&gt; \
+      &lt;textarea class="data-table-cell-editor-editor" bind="textarea"&gt;{{value}}&lt;/textarea&gt; \
+      &lt;div id="data-table-cell-editor-actions"&gt; \
+        &lt;div class="data-table-cell-editor-action"&gt; \
+          &lt;button class="okButton btn primary"&gt;Update&lt;/button&gt; \
+          &lt;button class="cancelButton btn danger"&gt;Cancel&lt;/button&gt; \
+        &lt;/div&gt; \
+      &lt;/div&gt; \
+    &lt;/div&gt; \
+  '</span>,
 
-  <span class="nx">onEditorCancel</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">cell</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="nx">e</span><span class="p">.</span><span class="nx">target</span><span class="p">).</span><span class="nx">parents</span><span class="p">(</span><span class="s1">&#39;.data-table-cell-value&#39;</span><span class="p">);</span>
-    <span class="nx">cell</span><span class="p">.</span><span class="nx">html</span><span class="p">(</span><span class="nx">cell</span><span class="p">.</span><span class="nx">data</span><span class="p">(</span><span class="s1">&#39;previousContents&#39;</span><span class="p">)).</span><span class="nx">siblings</span><span class="p">(</span><span class="s1">&#39;.data-table-cell-edit&#39;</span><span class="p">).</span><span class="nx">removeClass</span><span class="p">(</span><span class="s2">&quot;hidden&quot;</span><span class="p">);</span>
-  <span class="p">}</span>
-<span class="p">});</span>
+  onEditClick: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span> </span>{
+    <span class="hljs-keyword">var</span> editing = <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'.data-table-cell-editor-editor'</span>);
+    <span class="hljs-keyword">if</span> (editing.length &gt; <span class="hljs-number">0</span>) {
+      editing.parents(<span class="hljs-string">'.data-table-cell-value'</span>).html(editing.text()).siblings(<span class="hljs-string">'.data-table-cell-edit'</span>).removeClass(<span class="hljs-string">"hidden"</span>);
+    }
+    $(e.target).addClass(<span class="hljs-string">"hidden"</span>);
+    <span class="hljs-keyword">var</span> cell = $(e.target).siblings(<span class="hljs-string">'.data-table-cell-value'</span>);
+    cell.data(<span class="hljs-string">"previousContents"</span>, cell.text());
+    <span class="hljs-keyword">var</span> templated = Mustache.render(<span class="hljs-keyword">this</span>.cellEditorTemplate, {value: cell.text()});
+    cell.html(templated);
+  },
 
-<span class="p">})(</span><span class="nx">jQuery</span><span class="p">,</span> <span class="nx">recline</span><span class="p">.</span><span class="nx">View</span><span class="p">);</span>
+  onEditorOK: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    <span class="hljs-keyword">var</span> cell = $(e.target);
+    <span class="hljs-keyword">var</span> rowId = cell.parents(<span class="hljs-string">'tr'</span>).attr(<span class="hljs-string">'data-id'</span>);
+    <span class="hljs-keyword">var</span> field = cell.parents(<span class="hljs-string">'td'</span>).attr(<span class="hljs-string">'data-field'</span>);
+    <span class="hljs-keyword">var</span> newValue = cell.parents(<span class="hljs-string">'.data-table-cell-editor'</span>).find(<span class="hljs-string">'.data-table-cell-editor-editor'</span>).val();
+    <span class="hljs-keyword">var</span> newData = {};
+    newData[field] = newValue;
+    <span class="hljs-keyword">this</span>.model.set(newData);
+    <span class="hljs-keyword">this</span>.trigger(<span class="hljs-string">'recline:flash'</span>, {message: <span class="hljs-string">"Updating row..."</span>, loader: <span class="hljs-literal">true</span>});
+    <span class="hljs-keyword">this</span>.model.save().then(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(response)</span> </span>{
+        <span class="hljs-keyword">this</span>.trigger(<span class="hljs-string">'recline:flash'</span>, {message: <span class="hljs-string">"Row updated successfully"</span>, category: <span class="hljs-string">'success'</span>});
+      })
+      .fail(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+        <span class="hljs-keyword">this</span>.trigger(<span class="hljs-string">'recline:flash'</span>, {
+          message: <span class="hljs-string">'Error saving row'</span>,
+          category: <span class="hljs-string">'error'</span>,
+          persist: <span class="hljs-literal">true</span>
+        });
+      });
+  },
 
-</pre></div>             </td>           </tr>                </tbody>     </table>   </div> </body> </html> 
\ No newline at end of file
+  onEditorCancel: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span> </span>{
+    <span class="hljs-keyword">var</span> cell = $(e.target).parents(<span class="hljs-string">'.data-table-cell-value'</span>);
+    cell.html(cell.data(<span class="hljs-string">'previousContents'</span>)).siblings(<span class="hljs-string">'.data-table-cell-edit'</span>).removeClass(<span class="hljs-string">"hidden"</span>);
+  }
+});
+
+})(jQuery, recline.View);</pre></div></div>
+            
+        </li>
+        
+    </ul>
+  </div>
+</body>
+</html>
diff --git a/docs/src/view.map.html b/docs/src/view.map.html
index d5115b00..85c72ff3 100644
--- a/docs/src/view.map.html
+++ b/docs/src/view.map.html
@@ -1,26 +1,162 @@
-<!DOCTYPE html>  <html> <head>   <title>view.map.js</title>   <meta http-equiv="content-type" content="text/html; charset=UTF-8">   <link rel="stylesheet" media="all" href="docco.css" /> </head> <body>   <div id="container">     <div id="background"></div>            <div id="jump_to">         Jump To &hellip;         <div id="jump_wrapper">           <div id="jump_page">                                           <a class="source" href="backend.csv.html">                 backend.csv.js               </a>                                           <a class="source" href="backend.dataproxy.html">                 backend.dataproxy.js               </a>                                           <a class="source" href="backend.memory.html">                 backend.memory.js               </a>                                           <a class="source" href="ecma-fixes.html">                 ecma-fixes.js               </a>                                           <a class="source" href="model.html">                 model.js               </a>                                           <a class="source" href="view.flot.html">                 view.flot.js               </a>                                           <a class="source" href="view.graph.html">                 view.graph.js               </a>                                           <a class="source" href="view.grid.html">                 view.grid.js               </a>                                           <a class="source" href="view.map.html">                 view.map.js               </a>                                           <a class="source" href="view.multiview.html">                 view.multiview.js               </a>                                           <a class="source" href="view.slickgrid.html">                 view.slickgrid.js               </a>                                           <a class="source" href="view.timeline.html">                 view.timeline.js               </a>                                           <a class="source" href="widget.facetviewer.html">                 widget.facetviewer.js               </a>                                           <a class="source" href="widget.fields.html">                 widget.fields.js               </a>                                           <a class="source" href="widget.filtereditor.html">                 widget.filtereditor.js               </a>                                           <a class="source" href="widget.pager.html">                 widget.pager.js               </a>                                           <a class="source" href="widget.queryeditor.html">                 widget.queryeditor.js               </a>                                           <a class="source" href="widget.valuefilter.html">                 widget.valuefilter.js               </a>                        </div>         </div>       </div>          <table cellpadding="0" cellspacing="0">       <thead>         <tr>           <th class="docs">             <h1>               view.map.js             </h1>           </th>           <th class="code">           </th>         </tr>       </thead>       <tbody>                               <tr id="section-1">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-1">&#182;</a>               </div>                            </td>             <td class="code">               <div class="highlight"><pre><span class="cm">/*jshint multistr:true */</span>
+<!DOCTYPE html>
 
-<span class="k">this</span><span class="p">.</span><span class="nx">recline</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span> <span class="o">||</span> <span class="p">{};</span>
-<span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">View</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">View</span> <span class="o">||</span> <span class="p">{};</span>
+<html>
+<head>
+  <title>view.map.js</title>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+  <link rel="stylesheet" media="all" href="docco.css" />
+</head>
+<body>
+  <div id="container">
+    <div id="background"></div>
+    
+      <ul id="jump_to">
+        <li>
+          <a class="large" href="javascript:void(0);">Jump To &hellip;</a>
+          <a class="small" href="javascript:void(0);">+</a>
+          <div id="jump_wrapper">
+          <div id="jump_page_wrapper">
+            <div id="jump_page">
+              
+                
+                <a class="source" href="backend.dataproxy.html">
+                  backend.dataproxy.js
+                </a>
+              
+                
+                <a class="source" href="backend.memory.html">
+                  backend.memory.js
+                </a>
+              
+                
+                <a class="source" href="ecma-fixes.html">
+                  ecma-fixes.js
+                </a>
+              
+                
+                <a class="source" href="model.html">
+                  model.js
+                </a>
+              
+                
+                <a class="source" href="view.flot.html">
+                  view.flot.js
+                </a>
+              
+                
+                <a class="source" href="view.graph.html">
+                  view.graph.js
+                </a>
+              
+                
+                <a class="source" href="view.grid.html">
+                  view.grid.js
+                </a>
+              
+                
+                <a class="source" href="view.map.html">
+                  view.map.js
+                </a>
+              
+                
+                <a class="source" href="view.multiview.html">
+                  view.multiview.js
+                </a>
+              
+                
+                <a class="source" href="view.slickgrid.html">
+                  view.slickgrid.js
+                </a>
+              
+                
+                <a class="source" href="view.timeline.html">
+                  view.timeline.js
+                </a>
+              
+                
+                <a class="source" href="widget.facetviewer.html">
+                  widget.facetviewer.js
+                </a>
+              
+                
+                <a class="source" href="widget.fields.html">
+                  widget.fields.js
+                </a>
+              
+                
+                <a class="source" href="widget.filtereditor.html">
+                  widget.filtereditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.pager.html">
+                  widget.pager.js
+                </a>
+              
+                
+                <a class="source" href="widget.queryeditor.html">
+                  widget.queryeditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.valuefilter.html">
+                  widget.valuefilter.js
+                </a>
+              
+            </div>
+          </div>
+        </li>
+      </ul>
+    
+    <ul class="sections">
+        
+          <li id="title">
+              <div class="annotation">
+                  <h1>view.map.js</h1>
+              </div>
+          </li>
+        
+        
+        
+        <li id="section-1">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-1">&#182;</a>
+              </div>
+              
+            </div>
+            
+            <div class="content"><div class='highlight'><pre><span class="hljs-comment">/*jshint multistr:true */</span>
 
-<span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">$</span><span class="p">,</span> <span class="nx">my</span><span class="p">)</span> <span class="p">{</span>
-  <span class="s2">&quot;use strict&quot;</span><span class="p">;</span></pre></div>             </td>           </tr>                               <tr id="section-2">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-2">&#182;</a>               </div>               <h2>Map view for a Dataset using Leaflet mapping library.</h2>
+<span class="hljs-keyword">this</span>.recline = <span class="hljs-keyword">this</span>.recline || {};
+<span class="hljs-keyword">this</span>.recline.View = <span class="hljs-keyword">this</span>.recline.View || {};
 
+(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">($, my)</span> </span>{
+<span class="hljs-pi">  "use strict"</span>;</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-2">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-2">&#182;</a>
+              </div>
+              <h2 id="map-view-for-a-dataset-using-leaflet-mapping-library-">Map view for a Dataset using Leaflet mapping library.</h2>
 <p>This view allows to plot gereferenced records on a map. The location
 information can be provided in 2 ways:</p>
-
 <ol>
 <li>Via a single field. This field must be either a geo_point or
 <a href="http://geojson.org">GeoJSON</a> object</li>
 <li>Via two fields with latitude and longitude coordinates.</li>
 </ol>
-
 <p>Which fields in the data these correspond to can be configured via the state
 (and are guessed if no info is provided).</p>
-
 <p>Initialization arguments are as standard for Dataset Views. State object may
 have the following (optional) configuration options:</p>
-
 <pre>
   {
     // geomField if specified will be used in preference to lat/lon
@@ -36,522 +172,1160 @@ have the following (optional) configuration options:</p>
 </pre>
 
 <p>Useful attributes to know about (if e.g. customizing)</p>
-
 <ul>
 <li>map: the Leaflet map (L.Map)</li>
 <li>features: Leaflet GeoJSON layer containing all the features (L.GeoJSON)</li>
-</ul>             </td>             <td class="code">               <div class="highlight"><pre><span class="nx">my</span><span class="p">.</span><span class="nx">Map</span> <span class="o">=</span> <span class="nx">Backbone</span><span class="p">.</span><span class="nx">View</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-  <span class="nx">template</span><span class="o">:</span> <span class="s1">&#39; \</span>
-<span class="s1">    &lt;div class=&quot;recline-map&quot;&gt; \</span>
-<span class="s1">      &lt;div class=&quot;panel map&quot;&gt;&lt;/div&gt; \</span>
-<span class="s1">    &lt;/div&gt; \</span>
-<span class="s1">&#39;</span><span class="p">,</span></pre></div>             </td>           </tr>                               <tr id="section-3">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-3">&#182;</a>               </div>               <p>These are the default (case-insensitive) names of field that are used if found.
-If not found, the user will need to define the fields via the editor.</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">latitudeFieldNames</span><span class="o">:</span> <span class="p">[</span><span class="s1">&#39;lat&#39;</span><span class="p">,</span><span class="s1">&#39;latitude&#39;</span><span class="p">],</span>
-  <span class="nx">longitudeFieldNames</span><span class="o">:</span> <span class="p">[</span><span class="s1">&#39;lon&#39;</span><span class="p">,</span><span class="s1">&#39;longitude&#39;</span><span class="p">],</span>
-  <span class="nx">geometryFieldNames</span><span class="o">:</span> <span class="p">[</span><span class="s1">&#39;geojson&#39;</span><span class="p">,</span> <span class="s1">&#39;geom&#39;</span><span class="p">,</span><span class="s1">&#39;the_geom&#39;</span><span class="p">,</span><span class="s1">&#39;geometry&#39;</span><span class="p">,</span><span class="s1">&#39;spatial&#39;</span><span class="p">,</span><span class="s1">&#39;location&#39;</span><span class="p">,</span> <span class="s1">&#39;geo&#39;</span><span class="p">,</span> <span class="s1">&#39;lonlat&#39;</span><span class="p">],</span>
+</ul>
 
-  <span class="nx">initialize</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">options</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">visible</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">mapReady</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span></pre></div>             </td>           </tr>                               <tr id="section-4">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-4">&#182;</a>               </div>               <p>this will be the Leaflet L.Map object (setup below)</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">this</span><span class="p">.</span><span class="nx">map</span> <span class="o">=</span> <span class="kc">null</span><span class="p">;</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>my.Map = Backbone.View.extend({
+  template: <span class="hljs-string">' \
+    &lt;div class="recline-map"&gt; \
+      &lt;div class="panel map"&gt;&lt;/div&gt; \
+    &lt;/div&gt; \
+'</span>,</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-3">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-3">&#182;</a>
+              </div>
+              <p>These are the default (case-insensitive) names of field that are used if found.
+If not found, the user will need to define the fields via the editor.</p>
 
-    <span class="kd">var</span> <span class="nx">stateData</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-        <span class="nx">geomField</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
-        <span class="nx">lonField</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
-        <span class="nx">latField</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
-        <span class="nx">autoZoom</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span>
-        <span class="nx">cluster</span><span class="o">:</span> <span class="kc">false</span>
-      <span class="p">},</span>
-      <span class="nx">options</span><span class="p">.</span><span class="nx">state</span>
-    <span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">state</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">recline</span><span class="p">.</span><span class="nx">Model</span><span class="p">.</span><span class="nx">ObjectState</span><span class="p">(</span><span class="nx">stateData</span><span class="p">);</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  latitudeFieldNames: [<span class="hljs-string">'lat'</span>,<span class="hljs-string">'latitude'</span>],
+  longitudeFieldNames: [<span class="hljs-string">'lon'</span>,<span class="hljs-string">'longitude'</span>],
+  geometryFieldNames: [<span class="hljs-string">'geojson'</span>, <span class="hljs-string">'geom'</span>,<span class="hljs-string">'the_geom'</span>,<span class="hljs-string">'geometry'</span>,<span class="hljs-string">'spatial'</span>,<span class="hljs-string">'location'</span>, <span class="hljs-string">'geo'</span>, <span class="hljs-string">'lonlat'</span>],
 
-    <span class="k">this</span><span class="p">.</span><span class="nx">_clusterOptions</span> <span class="o">=</span> <span class="p">{</span>
-      <span class="nx">zoomToBoundsOnClick</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span></pre></div>             </td>           </tr>                               <tr id="section-5">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-5">&#182;</a>               </div>               <p>disableClusteringAtZoom: 10,</p>             </td>             <td class="code">               <div class="highlight"><pre>      <span class="nx">maxClusterRadius</span><span class="o">:</span> <span class="mi">80</span><span class="p">,</span>
-      <span class="nx">singleMarkerMode</span><span class="o">:</span> <span class="kc">false</span><span class="p">,</span>
-      <span class="nx">skipDuplicateAddTesting</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span>
-      <span class="nx">animateAddingMarkers</span><span class="o">:</span> <span class="kc">false</span>
-    <span class="p">};</span></pre></div>             </td>           </tr>                               <tr id="section-6">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-6">&#182;</a>               </div>               <p>Listen to changes in the fields</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">this</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">fields</span><span class="p">,</span> <span class="s1">&#39;change&#39;</span><span class="p">,</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-      <span class="nx">self</span><span class="p">.</span><span class="nx">_setupGeometryField</span><span class="p">();</span>
-      <span class="nx">self</span><span class="p">.</span><span class="nx">render</span><span class="p">();</span>
-    <span class="p">});</span></pre></div>             </td>           </tr>                               <tr id="section-7">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-7">&#182;</a>               </div>               <p>Listen to changes in the records</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">this</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">records</span><span class="p">,</span> <span class="s1">&#39;add&#39;</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">doc</span><span class="p">){</span><span class="nx">self</span><span class="p">.</span><span class="nx">redraw</span><span class="p">(</span><span class="s1">&#39;add&#39;</span><span class="p">,</span><span class="nx">doc</span><span class="p">);});</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">records</span><span class="p">,</span> <span class="s1">&#39;change&#39;</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">doc</span><span class="p">){</span>
-        <span class="nx">self</span><span class="p">.</span><span class="nx">redraw</span><span class="p">(</span><span class="s1">&#39;remove&#39;</span><span class="p">,</span><span class="nx">doc</span><span class="p">);</span>
-        <span class="nx">self</span><span class="p">.</span><span class="nx">redraw</span><span class="p">(</span><span class="s1">&#39;add&#39;</span><span class="p">,</span><span class="nx">doc</span><span class="p">);</span>
-    <span class="p">});</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">records</span><span class="p">,</span> <span class="s1">&#39;remove&#39;</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">doc</span><span class="p">){</span><span class="nx">self</span><span class="p">.</span><span class="nx">redraw</span><span class="p">(</span><span class="s1">&#39;remove&#39;</span><span class="p">,</span><span class="nx">doc</span><span class="p">);});</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">records</span><span class="p">,</span> <span class="s1">&#39;reset&#39;</span><span class="p">,</span> <span class="kd">function</span><span class="p">(){</span><span class="nx">self</span><span class="p">.</span><span class="nx">redraw</span><span class="p">(</span><span class="s1">&#39;reset&#39;</span><span class="p">);});</span>
+  initialize: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(options)</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    <span class="hljs-keyword">this</span>.visible = <span class="hljs-keyword">this</span>.$el.is(<span class="hljs-string">':visible'</span>);
+    <span class="hljs-keyword">this</span>.mapReady = <span class="hljs-literal">false</span>;</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-4">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-4">&#182;</a>
+              </div>
+              <p>this will be the Leaflet L.Map object (setup below)</p>
 
-    <span class="k">this</span><span class="p">.</span><span class="nx">menu</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">my</span><span class="p">.</span><span class="nx">MapMenu</span><span class="p">({</span>
-      <span class="nx">model</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">,</span>
-      <span class="nx">state</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">toJSON</span><span class="p">()</span>
-    <span class="p">});</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">menu</span><span class="p">.</span><span class="nx">state</span><span class="p">,</span> <span class="s1">&#39;change&#39;</span><span class="p">,</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-      <span class="nx">self</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="nx">self</span><span class="p">.</span><span class="nx">menu</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">toJSON</span><span class="p">());</span>
-      <span class="nx">self</span><span class="p">.</span><span class="nx">redraw</span><span class="p">();</span>
-    <span class="p">});</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">,</span> <span class="s1">&#39;change&#39;</span><span class="p">,</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-      <span class="nx">self</span><span class="p">.</span><span class="nx">redraw</span><span class="p">();</span>
-    <span class="p">});</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">elSidebar</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">menu</span><span class="p">.</span><span class="nx">$el</span><span class="p">;</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-8">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-8">&#182;</a>               </div>               <h2>Customization Functions</h2>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">this</span>.map = <span class="hljs-literal">null</span>;
 
+    <span class="hljs-keyword">var</span> stateData = _.extend({
+        geomField: <span class="hljs-literal">null</span>,
+        lonField: <span class="hljs-literal">null</span>,
+        latField: <span class="hljs-literal">null</span>,
+        autoZoom: <span class="hljs-literal">true</span>,
+        cluster: <span class="hljs-literal">false</span>
+      },
+      options.state
+    );
+    <span class="hljs-keyword">this</span>.state = <span class="hljs-keyword">new</span> recline.Model.ObjectState(stateData);
+
+    <span class="hljs-keyword">this</span>._clusterOptions = {
+      zoomToBoundsOnClick: <span class="hljs-literal">true</span>,</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-5">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-5">&#182;</a>
+              </div>
+              <p>disableClusteringAtZoom: 10,</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>      maxClusterRadius: <span class="hljs-number">80</span>,
+      singleMarkerMode: <span class="hljs-literal">false</span>,
+      skipDuplicateAddTesting: <span class="hljs-literal">true</span>,
+      animateAddingMarkers: <span class="hljs-literal">false</span>
+    };</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-6">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-6">&#182;</a>
+              </div>
+              <p>Listen to changes in the fields</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.model.fields, <span class="hljs-string">'change'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+      self._setupGeometryField();
+      self.render();
+    });</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-7">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-7">&#182;</a>
+              </div>
+              <p>Listen to changes in the records</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.model.records, <span class="hljs-string">'add'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(doc)</span></span>{self.redraw(<span class="hljs-string">'add'</span>,doc);});
+    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.model.records, <span class="hljs-string">'change'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(doc)</span></span>{
+        self.redraw(<span class="hljs-string">'remove'</span>,doc);
+        self.redraw(<span class="hljs-string">'add'</span>,doc);
+    });
+    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.model.records, <span class="hljs-string">'remove'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(doc)</span></span>{self.redraw(<span class="hljs-string">'remove'</span>,doc);});
+    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.model.records, <span class="hljs-string">'reset'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span></span>{self.redraw(<span class="hljs-string">'reset'</span>);});
+
+    <span class="hljs-keyword">this</span>.menu = <span class="hljs-keyword">new</span> my.MapMenu({
+      model: <span class="hljs-keyword">this</span>.model,
+      state: <span class="hljs-keyword">this</span>.state.toJSON()
+    });
+    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.menu.state, <span class="hljs-string">'change'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+      self.state.set(self.menu.state.toJSON());
+      self.redraw();
+    });
+    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.state, <span class="hljs-string">'change'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+      self.redraw();
+    });
+    <span class="hljs-keyword">this</span>.elSidebar = <span class="hljs-keyword">this</span>.menu.$el;
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-8">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-8">&#182;</a>
+              </div>
+              <h2 id="customization-functions">Customization Functions</h2>
 <p>The following methods are designed for overriding in order to customize
-behaviour</p>             </td>             <td class="code">               <div class="highlight"><pre></pre></div>             </td>           </tr>                               <tr id="section-9">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-9">&#182;</a>               </div>               <h3>infobox</h3>
+behaviour</p>
 
+            </div>
+            
+        </li>
+        
+        
+        <li id="section-9">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-9">&#182;</a>
+              </div>
+              <h3 id="infobox">infobox</h3>
 <p>Function to create infoboxes used in popups. The default behaviour is very simple and just lists all attributes.</p>
-
 <p>Users should override this function to customize behaviour i.e.</p>
-
-<pre><code>view = new View({...});
-view.infobox = function(record) {
+<pre><code>view = <span class="hljs-keyword">new</span> View({...});
+view.infobox = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(record)</span> </span>{
   ...
 }
-</code></pre>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">infobox</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">record</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">html</span> <span class="o">=</span> <span class="s1">&#39;&#39;</span><span class="p">;</span>
-    <span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">key</span> <span class="k">in</span> <span class="nx">record</span><span class="p">.</span><span class="nx">attributes</span><span class="p">){</span>
-      <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;geomField&#39;</span><span class="p">)</span> <span class="o">&amp;&amp;</span> <span class="nx">key</span> <span class="o">==</span> <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;geomField&#39;</span><span class="p">))){</span>
-        <span class="nx">html</span> <span class="o">+=</span> <span class="s1">&#39;&lt;div&gt;&lt;strong&gt;&#39;</span> <span class="o">+</span> <span class="nx">key</span> <span class="o">+</span> <span class="s1">&#39;&lt;/strong&gt;: &#39;</span><span class="o">+</span> <span class="nx">record</span><span class="p">.</span><span class="nx">attributes</span><span class="p">[</span><span class="nx">key</span><span class="p">]</span> <span class="o">+</span> <span class="s1">&#39;&lt;/div&gt;&#39;</span><span class="p">;</span>
-      <span class="p">}</span>
-    <span class="p">}</span>
-    <span class="k">return</span> <span class="nx">html</span><span class="p">;</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-10">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-10">&#182;</a>               </div>               <p>Options to use for the <a href="http://leaflet.cloudmade.com/reference.html#geojson">Leaflet GeoJSON layer</a>
-See also <a href="http://leaflet.cloudmade.com/examples/geojson.html">http://leaflet.cloudmade.com/examples/geojson.html</a></p>
-
-<p>e.g.</p>
-
-<pre><code>pointToLayer: function(feature, latLng)
-onEachFeature: function(feature, layer)
 </code></pre>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  infobox: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(record)</span> </span>{
+    <span class="hljs-keyword">var</span> html = <span class="hljs-string">''</span>;
+    <span class="hljs-keyword">for</span> (<span class="hljs-keyword">var</span> key <span class="hljs-keyword">in</span> record.attributes){
+      <span class="hljs-keyword">if</span> (!(<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'geomField'</span>) &amp;&amp; key == <span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'geomField'</span>))){
+        html += <span class="hljs-string">'&lt;div&gt;&lt;strong&gt;'</span> + key + <span class="hljs-string">'&lt;/strong&gt;: '</span>+ record.attributes[key] + <span class="hljs-string">'&lt;/div&gt;'</span>;
+      }
+    }
+    <span class="hljs-keyword">return</span> html;
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-10">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-10">&#182;</a>
+              </div>
+              <p>Options to use for the <a href="http://leaflet.cloudmade.com/reference.html#geojson">Leaflet GeoJSON layer</a>
+See also <a href="http://leaflet.cloudmade.com/examples/geojson.html">http://leaflet.cloudmade.com/examples/geojson.html</a></p>
+<p>e.g.</p>
+<pre><code>pointToLayer: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(feature, latLng)</span>
+<span class="hljs-title">onEachFeature</span>: <span class="hljs-title">function</span><span class="hljs-params">(feature, layer)</span></span>
+</code></pre><p>See defaults for examples</p>
 
-<p>See defaults for examples</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">geoJsonLayerOptions</span><span class="o">:</span> <span class="p">{</span></pre></div>             </td>           </tr>                               <tr id="section-11">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-11">&#182;</a>               </div>               <p>pointToLayer function to use when creating points</p>
-
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  geoJsonLayerOptions: {</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-11">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-11">&#182;</a>
+              </div>
+              <p>pointToLayer function to use when creating points</p>
 <p>Default behaviour shown here is to create a marker using the
 popupContent set on the feature properties (created via infobox function
 during feature generation)</p>
-
 <p>NB: inside pointToLayer <code>this</code> will be set to point to this map view
-instance (which allows e.g. this.markers to work in this default case)</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="nx">pointToLayer</span><span class="o">:</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">feature</span><span class="p">,</span> <span class="nx">latlng</span><span class="p">)</span> <span class="p">{</span>
-      <span class="kd">var</span> <span class="nx">marker</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">L</span><span class="p">.</span><span class="nx">Marker</span><span class="p">(</span><span class="nx">latlng</span><span class="p">);</span>
-      <span class="nx">marker</span><span class="p">.</span><span class="nx">bindPopup</span><span class="p">(</span><span class="nx">feature</span><span class="p">.</span><span class="nx">properties</span><span class="p">.</span><span class="nx">popupContent</span><span class="p">);</span></pre></div>             </td>           </tr>                               <tr id="section-12">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-12">&#182;</a>               </div>               <p>this is for cluster case</p>             </td>             <td class="code">               <div class="highlight"><pre>      <span class="k">this</span><span class="p">.</span><span class="nx">markers</span><span class="p">.</span><span class="nx">addLayer</span><span class="p">(</span><span class="nx">marker</span><span class="p">);</span>
-      <span class="k">return</span> <span class="nx">marker</span><span class="p">;</span>
-    <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-13">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-13">&#182;</a>               </div>               <p>onEachFeature default which adds popup in</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="nx">onEachFeature</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">feature</span><span class="p">,</span> <span class="nx">layer</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">if</span> <span class="p">(</span><span class="nx">feature</span><span class="p">.</span><span class="nx">properties</span> <span class="o">&amp;&amp;</span> <span class="nx">feature</span><span class="p">.</span><span class="nx">properties</span><span class="p">.</span><span class="nx">popupContent</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">layer</span><span class="p">.</span><span class="nx">bindPopup</span><span class="p">(</span><span class="nx">feature</span><span class="p">.</span><span class="nx">properties</span><span class="p">.</span><span class="nx">popupContent</span><span class="p">);</span>
-      <span class="p">}</span>
-    <span class="p">}</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-14">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-14">&#182;</a>               </div>               <h2>END: Customization section</h2>             </td>             <td class="code">               <div class="highlight"><pre></pre></div>             </td>           </tr>                               <tr id="section-15">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-15">&#182;</a>               </div>               <h3>Public: Adds the necessary elements to the page.</h3>
+instance (which allows e.g. this.markers to work in this default case)</p>
 
-<p>Also sets up the editor fields and the map if necessary.</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">render</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="kd">var</span> <span class="nx">htmls</span> <span class="o">=</span> <span class="nx">Mustache</span><span class="p">.</span><span class="nx">render</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">template</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">toTemplateJSON</span><span class="p">());</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">html</span><span class="p">(</span><span class="nx">htmls</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">$map</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.panel.map&#39;</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">redraw</span><span class="p">();</span>
-    <span class="k">return</span> <span class="k">this</span><span class="p">;</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-16">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-16">&#182;</a>               </div>               <h3>Public: Redraws the features on the map according to the action provided</h3>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    pointToLayer: <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(feature, latlng)</span> </span>{
+      <span class="hljs-keyword">var</span> marker = <span class="hljs-keyword">new</span> L.Marker(latlng);
+      marker.bindPopup(feature.properties.popupContent);</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-12">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-12">&#182;</a>
+              </div>
+              <p>this is for cluster case</p>
 
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>      <span class="hljs-keyword">this</span>.markers.addLayer(marker);
+      <span class="hljs-keyword">return</span> marker;
+    },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-13">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-13">&#182;</a>
+              </div>
+              <p>onEachFeature default which adds popup in</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    onEachFeature: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(feature, layer)</span> </span>{
+      <span class="hljs-keyword">if</span> (feature.properties &amp;&amp; feature.properties.popupContent) {
+        layer.bindPopup(feature.properties.popupContent);
+      }
+    }
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-14">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-14">&#182;</a>
+              </div>
+              <h2 id="end-customization-section">END: Customization section</h2>
+
+            </div>
+            
+        </li>
+        
+        
+        <li id="section-15">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-15">&#182;</a>
+              </div>
+              
+            </div>
+            
+        </li>
+        
+        
+        <li id="section-16">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-16">&#182;</a>
+              </div>
+              <h3 id="public-adds-the-necessary-elements-to-the-page-">Public: Adds the necessary elements to the page.</h3>
+<p>Also sets up the editor fields and the map if necessary.</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  render: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    <span class="hljs-keyword">var</span> htmls = Mustache.render(<span class="hljs-keyword">this</span>.template, <span class="hljs-keyword">this</span>.model.toTemplateJSON());
+    <span class="hljs-keyword">this</span>.$el.html(htmls);
+    <span class="hljs-keyword">this</span>.$map = <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'.panel.map'</span>);
+    <span class="hljs-keyword">this</span>.redraw();
+    <span class="hljs-keyword">return</span> <span class="hljs-keyword">this</span>;
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-17">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-17">&#182;</a>
+              </div>
+              <h3 id="public-redraws-the-features-on-the-map-according-to-the-action-provided">Public: Redraws the features on the map according to the action provided</h3>
 <p>Actions can be:</p>
-
 <ul>
 <li>reset: Clear all features</li>
 <li>add: Add one or n features (records)</li>
 <li>remove: Remove one or n features (records)</li>
 <li>refresh: Clear existing features and add all current records</li>
-</ul>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">redraw</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">action</span><span class="p">,</span> <span class="nx">doc</span><span class="p">){</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="nx">action</span> <span class="o">=</span> <span class="nx">action</span> <span class="o">||</span> <span class="s1">&#39;refresh&#39;</span><span class="p">;</span></pre></div>             </td>           </tr>                               <tr id="section-17">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-17">&#182;</a>               </div>               <p>try to set things up if not already</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">self</span><span class="p">.</span><span class="nx">_geomReady</span><span class="p">()){</span>
-      <span class="nx">self</span><span class="p">.</span><span class="nx">_setupGeometryField</span><span class="p">();</span>
-    <span class="p">}</span>
-    <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">self</span><span class="p">.</span><span class="nx">mapReady</span><span class="p">){</span>
-      <span class="nx">self</span><span class="p">.</span><span class="nx">_setupMap</span><span class="p">();</span>
-    <span class="p">}</span>
+</ul>
 
-    <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_geomReady</span><span class="p">()</span> <span class="o">&amp;&amp;</span> <span class="k">this</span><span class="p">.</span><span class="nx">mapReady</span><span class="p">){</span></pre></div>             </td>           </tr>                               <tr id="section-18">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-18">&#182;</a>               </div>               <p>removing ad re-adding the layer enables faster bulk loading</p>             </td>             <td class="code">               <div class="highlight"><pre>      <span class="k">this</span><span class="p">.</span><span class="nx">map</span><span class="p">.</span><span class="nx">removeLayer</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">features</span><span class="p">);</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">map</span><span class="p">.</span><span class="nx">removeLayer</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">markers</span><span class="p">);</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  redraw: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(action, doc)</span></span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    action = action || <span class="hljs-string">'refresh'</span>;</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-18">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-18">&#182;</a>
+              </div>
+              <p>try to set things up if not already</p>
 
-      <span class="kd">var</span> <span class="nx">countBefore</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">features</span><span class="p">.</span><span class="nx">eachLayer</span><span class="p">(</span><span class="kd">function</span><span class="p">(){</span><span class="nx">countBefore</span><span class="o">++</span><span class="p">;});</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">if</span> (!self._geomReady()){
+      self._setupGeometryField();
+    }
+    <span class="hljs-keyword">if</span> (!self.mapReady){
+      self._setupMap();
+    }
 
-      <span class="k">if</span> <span class="p">(</span><span class="nx">action</span> <span class="o">==</span> <span class="s1">&#39;refresh&#39;</span> <span class="o">||</span> <span class="nx">action</span> <span class="o">==</span> <span class="s1">&#39;reset&#39;</span><span class="p">)</span> <span class="p">{</span>
-        <span class="k">this</span><span class="p">.</span><span class="nx">features</span><span class="p">.</span><span class="nx">clearLayers</span><span class="p">();</span></pre></div>             </td>           </tr>                               <tr id="section-19">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-19">&#182;</a>               </div>               <p>recreate cluster group because of issues with clearLayer</p>             </td>             <td class="code">               <div class="highlight"><pre>        <span class="k">this</span><span class="p">.</span><span class="nx">map</span><span class="p">.</span><span class="nx">removeLayer</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">markers</span><span class="p">);</span>
-        <span class="k">this</span><span class="p">.</span><span class="nx">markers</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">L</span><span class="p">.</span><span class="nx">MarkerClusterGroup</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_clusterOptions</span><span class="p">);</span>
-        <span class="k">this</span><span class="p">.</span><span class="nx">_add</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">records</span><span class="p">.</span><span class="nx">models</span><span class="p">);</span>
-      <span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">action</span> <span class="o">==</span> <span class="s1">&#39;add&#39;</span> <span class="o">&amp;&amp;</span> <span class="nx">doc</span><span class="p">){</span>
-        <span class="k">this</span><span class="p">.</span><span class="nx">_add</span><span class="p">(</span><span class="nx">doc</span><span class="p">);</span>
-      <span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">action</span> <span class="o">==</span> <span class="s1">&#39;remove&#39;</span> <span class="o">&amp;&amp;</span> <span class="nx">doc</span><span class="p">){</span>
-        <span class="k">this</span><span class="p">.</span><span class="nx">_remove</span><span class="p">(</span><span class="nx">doc</span><span class="p">);</span>
-      <span class="p">}</span></pre></div>             </td>           </tr>                               <tr id="section-20">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-20">&#182;</a>               </div>               <p>this must come before zooming!
+    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>._geomReady() &amp;&amp; <span class="hljs-keyword">this</span>.mapReady){</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-19">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-19">&#182;</a>
+              </div>
+              <p>removing ad re-adding the layer enables faster bulk loading</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>      <span class="hljs-keyword">this</span>.map.removeLayer(<span class="hljs-keyword">this</span>.features);
+      <span class="hljs-keyword">this</span>.map.removeLayer(<span class="hljs-keyword">this</span>.markers);
+
+      <span class="hljs-keyword">var</span> countBefore = <span class="hljs-number">0</span>;
+      <span class="hljs-keyword">this</span>.features.eachLayer(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span></span>{countBefore++;});
+
+      <span class="hljs-keyword">if</span> (action == <span class="hljs-string">'refresh'</span> || action == <span class="hljs-string">'reset'</span>) {
+        <span class="hljs-keyword">this</span>.features.clearLayers();</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-20">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-20">&#182;</a>
+              </div>
+              <p>recreate cluster group because of issues with clearLayer</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>        <span class="hljs-keyword">this</span>.map.removeLayer(<span class="hljs-keyword">this</span>.markers);
+        <span class="hljs-keyword">this</span>.markers = <span class="hljs-keyword">new</span> L.MarkerClusterGroup(<span class="hljs-keyword">this</span>._clusterOptions);
+        <span class="hljs-keyword">this</span>._add(<span class="hljs-keyword">this</span>.model.records.models);
+      } <span class="hljs-keyword">else</span> <span class="hljs-keyword">if</span> (action == <span class="hljs-string">'add'</span> &amp;&amp; doc){
+        <span class="hljs-keyword">this</span>._add(doc);
+      } <span class="hljs-keyword">else</span> <span class="hljs-keyword">if</span> (action == <span class="hljs-string">'remove'</span> &amp;&amp; doc){
+        <span class="hljs-keyword">this</span>._remove(doc);
+      }</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-21">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-21">&#182;</a>
+              </div>
+              <p>this must come before zooming!
 if not: errors when using e.g. circle markers like
-"Cannot call method 'project' of undefined"</p>             </td>             <td class="code">               <div class="highlight"><pre>      <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;cluster&#39;</span><span class="p">))</span> <span class="p">{</span>
-        <span class="k">this</span><span class="p">.</span><span class="nx">map</span><span class="p">.</span><span class="nx">addLayer</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">markers</span><span class="p">);</span>
-      <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-        <span class="k">this</span><span class="p">.</span><span class="nx">map</span><span class="p">.</span><span class="nx">addLayer</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">features</span><span class="p">);</span>
-      <span class="p">}</span>
+“Cannot call method ‘project’ of undefined”</p>
 
-      <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;autoZoom&#39;</span><span class="p">)){</span>
-        <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">visible</span><span class="p">){</span>
-          <span class="k">this</span><span class="p">.</span><span class="nx">_zoomToFeatures</span><span class="p">();</span>
-        <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-          <span class="k">this</span><span class="p">.</span><span class="nx">_zoomPending</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
-        <span class="p">}</span>
-      <span class="p">}</span>
-    <span class="p">}</span>
-  <span class="p">},</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>      <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'cluster'</span>)) {
+        <span class="hljs-keyword">this</span>.map.addLayer(<span class="hljs-keyword">this</span>.markers);
+      } <span class="hljs-keyword">else</span> {
+        <span class="hljs-keyword">this</span>.map.addLayer(<span class="hljs-keyword">this</span>.features);
+      }
 
-  <span class="nx">show</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span></pre></div>             </td>           </tr>                               <tr id="section-21">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-21">&#182;</a>               </div>               <p>If the div was hidden, Leaflet needs to recalculate some sizes
-to display properly</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">map</span><span class="p">){</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">map</span><span class="p">.</span><span class="nx">invalidateSize</span><span class="p">();</span>
-      <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_zoomPending</span> <span class="o">&amp;&amp;</span> <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;autoZoom&#39;</span><span class="p">))</span> <span class="p">{</span>
-        <span class="k">this</span><span class="p">.</span><span class="nx">_zoomToFeatures</span><span class="p">();</span>
-        <span class="k">this</span><span class="p">.</span><span class="nx">_zoomPending</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
-      <span class="p">}</span>
-    <span class="p">}</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">visible</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
-  <span class="p">},</span>
+      <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'autoZoom'</span>)){
+        <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.visible){
+          <span class="hljs-keyword">this</span>._zoomToFeatures();
+        } <span class="hljs-keyword">else</span> {
+          <span class="hljs-keyword">this</span>._zoomPending = <span class="hljs-literal">true</span>;
+        }
+      }
+    }
+  },
 
-  <span class="nx">hide</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">visible</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
-  <span class="p">},</span>
+  show: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-22">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-22">&#182;</a>
+              </div>
+              <p>If the div was hidden, Leaflet needs to recalculate some sizes
+to display properly</p>
 
-  <span class="nx">_geomReady</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="k">return</span> <span class="nb">Boolean</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;geomField&#39;</span><span class="p">)</span> <span class="o">||</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;latField&#39;</span><span class="p">)</span> <span class="o">&amp;&amp;</span> <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;lonField&#39;</span><span class="p">)));</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-22">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-22">&#182;</a>               </div>               <p>Private: Add one or n features to the map</p>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.map){
+      <span class="hljs-keyword">this</span>.map.invalidateSize();
+      <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>._zoomPending &amp;&amp; <span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'autoZoom'</span>)) {
+        <span class="hljs-keyword">this</span>._zoomToFeatures();
+        <span class="hljs-keyword">this</span>._zoomPending = <span class="hljs-literal">false</span>;
+      }
+    }
+    <span class="hljs-keyword">this</span>.visible = <span class="hljs-literal">true</span>;
+  },
 
+  hide: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">this</span>.visible = <span class="hljs-literal">false</span>;
+  },
+
+  _geomReady: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">return</span> <span class="hljs-built_in">Boolean</span>(<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'geomField'</span>) || (<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'latField'</span>) &amp;&amp; <span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'lonField'</span>)));
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-23">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-23">&#182;</a>
+              </div>
+              <p>Private: Add one or n features to the map</p>
 <p>For each record passed, a GeoJSON geometry will be extracted and added
 to the features layer. If an exception is thrown, the process will be
 stopped and an error notification shown.</p>
+<p>Each feature will have a popup associated with all the record fields.</p>
 
-<p>Each feature will have a popup associated with all the record fields.</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">_add</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">docs</span><span class="p">){</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  _add: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(docs)</span></span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
 
-    <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="p">(</span><span class="nx">docs</span> <span class="k">instanceof</span> <span class="nb">Array</span><span class="p">))</span> <span class="nx">docs</span> <span class="o">=</span> <span class="p">[</span><span class="nx">docs</span><span class="p">];</span>
+    <span class="hljs-keyword">if</span> (!(docs <span class="hljs-keyword">instanceof</span> <span class="hljs-built_in">Array</span>)) docs = [docs];
 
-    <span class="kd">var</span> <span class="nx">count</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span>
-    <span class="kd">var</span> <span class="nx">wrongSoFar</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span>
-    <span class="nx">_</span><span class="p">.</span><span class="nx">every</span><span class="p">(</span><span class="nx">docs</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">doc</span><span class="p">){</span>
-      <span class="nx">count</span> <span class="o">+=</span> <span class="mi">1</span><span class="p">;</span>
-      <span class="kd">var</span> <span class="nx">feature</span> <span class="o">=</span> <span class="nx">self</span><span class="p">.</span><span class="nx">_getGeometryFromRecord</span><span class="p">(</span><span class="nx">doc</span><span class="p">);</span>
-      <span class="k">if</span> <span class="p">(</span><span class="k">typeof</span> <span class="nx">feature</span> <span class="o">===</span> <span class="s1">&#39;undefined&#39;</span> <span class="o">||</span> <span class="nx">feature</span> <span class="o">===</span> <span class="kc">null</span><span class="p">){</span></pre></div>             </td>           </tr>                               <tr id="section-23">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-23">&#182;</a>               </div>               <p>Empty field</p>             </td>             <td class="code">               <div class="highlight"><pre>        <span class="k">return</span> <span class="kc">true</span><span class="p">;</span>
-      <span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">feature</span> <span class="k">instanceof</span> <span class="nb">Object</span><span class="p">){</span>
-        <span class="nx">feature</span><span class="p">.</span><span class="nx">properties</span> <span class="o">=</span> <span class="p">{</span>
-          <span class="nx">popupContent</span><span class="o">:</span> <span class="nx">self</span><span class="p">.</span><span class="nx">infobox</span><span class="p">(</span><span class="nx">doc</span><span class="p">),</span></pre></div>             </td>           </tr>                               <tr id="section-24">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-24">&#182;</a>               </div>               <p>Add a reference to the model id, which will allow us to
-link this Leaflet layer to a Recline doc</p>             </td>             <td class="code">               <div class="highlight"><pre>          <span class="nx">cid</span><span class="o">:</span> <span class="nx">doc</span><span class="p">.</span><span class="nx">cid</span>
-        <span class="p">};</span>
+    <span class="hljs-keyword">var</span> count = <span class="hljs-number">0</span>;
+    <span class="hljs-keyword">var</span> wrongSoFar = <span class="hljs-number">0</span>;
+    _.every(docs, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(doc)</span></span>{
+      count += <span class="hljs-number">1</span>;
+      <span class="hljs-keyword">var</span> feature = self._getGeometryFromRecord(doc);
+      <span class="hljs-keyword">if</span> (<span class="hljs-keyword">typeof</span> feature === <span class="hljs-string">'undefined'</span> || feature === <span class="hljs-literal">null</span>){</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-24">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-24">&#182;</a>
+              </div>
+              <p>Empty field</p>
 
-        <span class="k">try</span> <span class="p">{</span>
-          <span class="nx">self</span><span class="p">.</span><span class="nx">features</span><span class="p">.</span><span class="nx">addData</span><span class="p">(</span><span class="nx">feature</span><span class="p">);</span>
-        <span class="p">}</span> <span class="k">catch</span> <span class="p">(</span><span class="nx">except</span><span class="p">)</span> <span class="p">{</span>
-          <span class="nx">wrongSoFar</span> <span class="o">+=</span> <span class="mi">1</span><span class="p">;</span>
-          <span class="kd">var</span> <span class="nx">msg</span> <span class="o">=</span> <span class="s1">&#39;Wrong geometry value&#39;</span><span class="p">;</span>
-          <span class="k">if</span> <span class="p">(</span><span class="nx">except</span><span class="p">.</span><span class="nx">message</span><span class="p">)</span> <span class="nx">msg</span> <span class="o">+=</span> <span class="s1">&#39; (&#39;</span> <span class="o">+</span> <span class="nx">except</span><span class="p">.</span><span class="nx">message</span> <span class="o">+</span> <span class="s1">&#39;)&#39;</span><span class="p">;</span>
-          <span class="k">if</span> <span class="p">(</span><span class="nx">wrongSoFar</span> <span class="o">&lt;=</span> <span class="mi">10</span><span class="p">)</span> <span class="p">{</span>
-            <span class="nx">self</span><span class="p">.</span><span class="nx">trigger</span><span class="p">(</span><span class="s1">&#39;recline:flash&#39;</span><span class="p">,</span> <span class="p">{</span><span class="nx">message</span><span class="o">:</span> <span class="nx">msg</span><span class="p">,</span> <span class="nx">category</span><span class="o">:</span><span class="s1">&#39;error&#39;</span><span class="p">});</span>
-          <span class="p">}</span>
-        <span class="p">}</span>
-      <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-        <span class="nx">wrongSoFar</span> <span class="o">+=</span> <span class="mi">1</span><span class="p">;</span>
-        <span class="k">if</span> <span class="p">(</span><span class="nx">wrongSoFar</span> <span class="o">&lt;=</span> <span class="mi">10</span><span class="p">)</span> <span class="p">{</span>
-          <span class="nx">self</span><span class="p">.</span><span class="nx">trigger</span><span class="p">(</span><span class="s1">&#39;recline:flash&#39;</span><span class="p">,</span> <span class="p">{</span><span class="nx">message</span><span class="o">:</span> <span class="s1">&#39;Wrong geometry value&#39;</span><span class="p">,</span> <span class="nx">category</span><span class="o">:</span><span class="s1">&#39;error&#39;</span><span class="p">});</span>
-        <span class="p">}</span>
-      <span class="p">}</span>
-      <span class="k">return</span> <span class="kc">true</span><span class="p">;</span>
-    <span class="p">});</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-25">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-25">&#182;</a>               </div>               <p>Private: Remove one or n features from the map</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">_remove</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">docs</span><span class="p">){</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>        <span class="hljs-keyword">return</span> <span class="hljs-literal">true</span>;
+      } <span class="hljs-keyword">else</span> <span class="hljs-keyword">if</span> (feature <span class="hljs-keyword">instanceof</span> <span class="hljs-built_in">Object</span>){
+        feature.properties = {
+          popupContent: self.infobox(doc),</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-25">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-25">&#182;</a>
+              </div>
+              <p>Add a reference to the model id, which will allow us to
+link this Leaflet layer to a Recline doc</p>
 
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>          cid: doc.cid
+        };
 
-    <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="p">(</span><span class="nx">docs</span> <span class="k">instanceof</span> <span class="nb">Array</span><span class="p">))</span> <span class="nx">docs</span> <span class="o">=</span> <span class="p">[</span><span class="nx">docs</span><span class="p">];</span>
+        <span class="hljs-keyword">try</span> {
+          self.features.addData(feature);
+        } <span class="hljs-keyword">catch</span> (except) {
+          wrongSoFar += <span class="hljs-number">1</span>;
+          <span class="hljs-keyword">var</span> msg = <span class="hljs-string">'Wrong geometry value'</span>;
+          <span class="hljs-keyword">if</span> (except.message) msg += <span class="hljs-string">' ('</span> + except.message + <span class="hljs-string">')'</span>;
+          <span class="hljs-keyword">if</span> (wrongSoFar &lt;= <span class="hljs-number">10</span>) {
+            self.trigger(<span class="hljs-string">'recline:flash'</span>, {message: msg, category:<span class="hljs-string">'error'</span>});
+          }
+        }
+      } <span class="hljs-keyword">else</span> {
+        wrongSoFar += <span class="hljs-number">1</span>;
+        <span class="hljs-keyword">if</span> (wrongSoFar &lt;= <span class="hljs-number">10</span>) {
+          self.trigger(<span class="hljs-string">'recline:flash'</span>, {message: <span class="hljs-string">'Wrong geometry value'</span>, category:<span class="hljs-string">'error'</span>});
+        }
+      }
+      <span class="hljs-keyword">return</span> <span class="hljs-literal">true</span>;
+    });
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-26">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-26">&#182;</a>
+              </div>
+              <p>Private: Remove one or n features from the map</p>
 
-    <span class="nx">_</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="nx">docs</span><span class="p">,</span><span class="kd">function</span><span class="p">(</span><span class="nx">doc</span><span class="p">){</span>
-      <span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">key</span> <span class="k">in</span> <span class="nx">self</span><span class="p">.</span><span class="nx">features</span><span class="p">.</span><span class="nx">_layers</span><span class="p">){</span>
-        <span class="k">if</span> <span class="p">(</span><span class="nx">self</span><span class="p">.</span><span class="nx">features</span><span class="p">.</span><span class="nx">_layers</span><span class="p">[</span><span class="nx">key</span><span class="p">].</span><span class="nx">feature</span><span class="p">.</span><span class="nx">properties</span><span class="p">.</span><span class="nx">cid</span> <span class="o">==</span> <span class="nx">doc</span><span class="p">.</span><span class="nx">cid</span><span class="p">){</span>
-          <span class="nx">self</span><span class="p">.</span><span class="nx">features</span><span class="p">.</span><span class="nx">removeLayer</span><span class="p">(</span><span class="nx">self</span><span class="p">.</span><span class="nx">features</span><span class="p">.</span><span class="nx">_layers</span><span class="p">[</span><span class="nx">key</span><span class="p">]);</span>
-        <span class="p">}</span>
-      <span class="p">}</span>
-    <span class="p">});</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  _remove: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(docs)</span></span>{
 
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-26">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-26">&#182;</a>               </div>               <p>Private: convert DMS coordinates to decimal</p>
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
 
-<p>north and east are positive, south and west are negative</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">_parseCoordinateString</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">coord</span><span class="p">){</span>
-    <span class="k">if</span> <span class="p">(</span><span class="k">typeof</span><span class="p">(</span><span class="nx">coord</span><span class="p">)</span> <span class="o">!=</span> <span class="s1">&#39;string&#39;</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">return</span><span class="p">(</span><span class="nb">parseFloat</span><span class="p">(</span><span class="nx">coord</span><span class="p">));</span>
-    <span class="p">}</span>
-    <span class="kd">var</span> <span class="nx">dms</span> <span class="o">=</span> <span class="nx">coord</span><span class="p">.</span><span class="nx">split</span><span class="p">(</span><span class="sr">/[^\.\d\w]+/</span><span class="p">);</span>
-    <span class="kd">var</span> <span class="nx">deg</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="kd">var</span> <span class="nx">m</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span>
-    <span class="kd">var</span> <span class="nx">toDeg</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">60</span><span class="p">,</span> <span class="mi">3600</span><span class="p">];</span> <span class="c1">// conversion factors for Deg, min, sec</span>
-    <span class="kd">var</span> <span class="nx">i</span><span class="p">;</span> 
-    <span class="k">for</span> <span class="p">(</span><span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="nx">dms</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span> <span class="o">++</span><span class="nx">i</span><span class="p">)</span> <span class="p">{</span>
-        <span class="k">if</span> <span class="p">(</span><span class="nb">isNaN</span><span class="p">(</span><span class="nb">parseFloat</span><span class="p">(</span><span class="nx">dms</span><span class="p">[</span><span class="nx">i</span><span class="p">])))</span> <span class="p">{</span>
-          <span class="k">continue</span><span class="p">;</span>
-        <span class="p">}</span>
-        <span class="nx">deg</span> <span class="o">+=</span> <span class="nb">parseFloat</span><span class="p">(</span><span class="nx">dms</span><span class="p">[</span><span class="nx">i</span><span class="p">])</span> <span class="o">/</span> <span class="nx">toDeg</span><span class="p">[</span><span class="nx">m</span><span class="p">];</span>
-        <span class="nx">m</span> <span class="o">+=</span> <span class="mi">1</span><span class="p">;</span>
-    <span class="p">}</span>
-    <span class="k">if</span> <span class="p">(</span><span class="nx">coord</span><span class="p">.</span><span class="nx">match</span><span class="p">(</span><span class="sr">/[SW]/</span><span class="p">))</span> <span class="p">{</span>
-          <span class="nx">deg</span> <span class="o">=</span> <span class="o">-</span><span class="mi">1</span><span class="o">*</span><span class="nx">deg</span><span class="p">;</span>
-    <span class="p">}</span>
-    <span class="k">return</span><span class="p">(</span><span class="nx">deg</span><span class="p">);</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-27">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-27">&#182;</a>               </div>               <p>Private: Return a GeoJSON geomtry extracted from the record fields</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">_getGeometryFromRecord</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">doc</span><span class="p">){</span>
-    <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;geomField&#39;</span><span class="p">)){</span>
-      <span class="kd">var</span> <span class="nx">value</span> <span class="o">=</span> <span class="nx">doc</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;geomField&#39;</span><span class="p">));</span>
-      <span class="k">if</span> <span class="p">(</span><span class="k">typeof</span><span class="p">(</span><span class="nx">value</span><span class="p">)</span> <span class="o">===</span> <span class="s1">&#39;string&#39;</span><span class="p">){</span></pre></div>             </td>           </tr>                               <tr id="section-28">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-28">&#182;</a>               </div>               <p>We <em>may</em> have a GeoJSON string representation</p>             </td>             <td class="code">               <div class="highlight"><pre>        <span class="k">try</span> <span class="p">{</span>
-          <span class="nx">value</span> <span class="o">=</span> <span class="nx">$</span><span class="p">.</span><span class="nx">parseJSON</span><span class="p">(</span><span class="nx">value</span><span class="p">);</span>
-        <span class="p">}</span> <span class="k">catch</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{}</span>
-      <span class="p">}</span>
-      <span class="k">if</span> <span class="p">(</span><span class="k">typeof</span><span class="p">(</span><span class="nx">value</span><span class="p">)</span> <span class="o">===</span> <span class="s1">&#39;string&#39;</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">value</span> <span class="o">=</span> <span class="nx">value</span><span class="p">.</span><span class="nx">replace</span><span class="p">(</span><span class="s1">&#39;(&#39;</span><span class="p">,</span> <span class="s1">&#39;&#39;</span><span class="p">).</span><span class="nx">replace</span><span class="p">(</span><span class="s1">&#39;)&#39;</span><span class="p">,</span> <span class="s1">&#39;&#39;</span><span class="p">);</span>
-        <span class="kd">var</span> <span class="nx">parts</span> <span class="o">=</span> <span class="nx">value</span><span class="p">.</span><span class="nx">split</span><span class="p">(</span><span class="s1">&#39;,&#39;</span><span class="p">);</span>
-        <span class="kd">var</span> <span class="nx">lat</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_parseCoordinateString</span><span class="p">(</span><span class="nx">parts</span><span class="p">[</span><span class="mi">0</span><span class="p">]);</span>
-        <span class="kd">var</span> <span class="nx">lon</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_parseCoordinateString</span><span class="p">(</span><span class="nx">parts</span><span class="p">[</span><span class="mi">1</span><span class="p">]);</span>
+    <span class="hljs-keyword">if</span> (!(docs <span class="hljs-keyword">instanceof</span> <span class="hljs-built_in">Array</span>)) docs = [docs];
 
-        <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nb">isNaN</span><span class="p">(</span><span class="nx">lon</span><span class="p">)</span> <span class="o">&amp;&amp;</span> <span class="o">!</span><span class="nb">isNaN</span><span class="p">(</span><span class="nb">parseFloat</span><span class="p">(</span><span class="nx">lat</span><span class="p">)))</span> <span class="p">{</span>
-          <span class="k">return</span> <span class="p">{</span>
-            <span class="s2">&quot;type&quot;</span><span class="o">:</span> <span class="s2">&quot;Point&quot;</span><span class="p">,</span>
-            <span class="s2">&quot;coordinates&quot;</span><span class="o">:</span> <span class="p">[</span><span class="nx">lon</span><span class="p">,</span> <span class="nx">lat</span><span class="p">]</span>
-          <span class="p">};</span>
-        <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-          <span class="k">return</span> <span class="kc">null</span><span class="p">;</span>
-        <span class="p">}</span>
-      <span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">value</span> <span class="o">&amp;&amp;</span> <span class="nx">_</span><span class="p">.</span><span class="nx">isArray</span><span class="p">(</span><span class="nx">value</span><span class="p">))</span> <span class="p">{</span></pre></div>             </td>           </tr>                               <tr id="section-29">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-29">&#182;</a>               </div>               <p>[ lon, lat ]</p>             </td>             <td class="code">               <div class="highlight"><pre>        <span class="k">return</span> <span class="p">{</span>
-          <span class="s2">&quot;type&quot;</span><span class="o">:</span> <span class="s2">&quot;Point&quot;</span><span class="p">,</span>
-          <span class="s2">&quot;coordinates&quot;</span><span class="o">:</span> <span class="p">[</span><span class="nx">value</span><span class="p">[</span><span class="mi">0</span><span class="p">],</span> <span class="nx">value</span><span class="p">[</span><span class="mi">1</span><span class="p">]]</span>
-        <span class="p">};</span>
-      <span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">value</span> <span class="o">&amp;&amp;</span> <span class="nx">value</span><span class="p">.</span><span class="nx">lat</span><span class="p">)</span> <span class="p">{</span></pre></div>             </td>           </tr>                               <tr id="section-30">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-30">&#182;</a>               </div>               <p>of form { lat: ..., lon: ...}</p>             </td>             <td class="code">               <div class="highlight"><pre>        <span class="k">return</span> <span class="p">{</span>
-          <span class="s2">&quot;type&quot;</span><span class="o">:</span> <span class="s2">&quot;Point&quot;</span><span class="p">,</span>
-          <span class="s2">&quot;coordinates&quot;</span><span class="o">:</span> <span class="p">[</span><span class="nx">value</span><span class="p">.</span><span class="nx">lon</span> <span class="o">||</span> <span class="nx">value</span><span class="p">.</span><span class="nx">lng</span><span class="p">,</span> <span class="nx">value</span><span class="p">.</span><span class="nx">lat</span><span class="p">]</span>
-        <span class="p">};</span>
-      <span class="p">}</span></pre></div>             </td>           </tr>                               <tr id="section-31">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-31">&#182;</a>               </div>               <p>We o/w assume that contents of the field are a valid GeoJSON object</p>             </td>             <td class="code">               <div class="highlight"><pre>      <span class="k">return</span> <span class="nx">value</span><span class="p">;</span>
-    <span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;lonField&#39;</span><span class="p">)</span> <span class="o">&amp;&amp;</span> <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;latField&#39;</span><span class="p">)){</span></pre></div>             </td>           </tr>                               <tr id="section-32">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-32">&#182;</a>               </div>               <p>We'll create a GeoJSON like point object from the two lat/lon fields</p>             </td>             <td class="code">               <div class="highlight"><pre>      <span class="kd">var</span> <span class="nx">lon</span> <span class="o">=</span> <span class="nx">doc</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;lonField&#39;</span><span class="p">));</span>
-      <span class="kd">var</span> <span class="nx">lat</span> <span class="o">=</span> <span class="nx">doc</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;latField&#39;</span><span class="p">));</span>
-      <span class="nx">lon</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_parseCoordinateString</span><span class="p">(</span><span class="nx">lon</span><span class="p">);</span>
-      <span class="nx">lat</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_parseCoordinateString</span><span class="p">(</span><span class="nx">lat</span><span class="p">);</span>
+    _.each(docs,<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(doc)</span></span>{
+      <span class="hljs-keyword">for</span> (<span class="hljs-keyword">var</span> key <span class="hljs-keyword">in</span> self.features._layers){
+        <span class="hljs-keyword">if</span> (self.features._layers[key].feature.geometry.properties.cid == doc.cid){
+          self.features.removeLayer(self.features._layers[key]);
+        }
+      }
+    });
 
-      <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nb">isNaN</span><span class="p">(</span><span class="nb">parseFloat</span><span class="p">(</span><span class="nx">lon</span><span class="p">))</span> <span class="o">&amp;&amp;</span> <span class="o">!</span><span class="nb">isNaN</span><span class="p">(</span><span class="nb">parseFloat</span><span class="p">(</span><span class="nx">lat</span><span class="p">)))</span> <span class="p">{</span>
-        <span class="k">return</span> <span class="p">{</span>
-          <span class="nx">type</span><span class="o">:</span> <span class="s1">&#39;Point&#39;</span><span class="p">,</span>
-          <span class="nx">coordinates</span><span class="o">:</span> <span class="p">[</span><span class="nx">lon</span><span class="p">,</span><span class="nx">lat</span><span class="p">]</span>
-        <span class="p">};</span>
-      <span class="p">}</span>
-    <span class="p">}</span>
-    <span class="k">return</span> <span class="kc">null</span><span class="p">;</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-33">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-33">&#182;</a>               </div>               <p>Private: Check if there is a field with GeoJSON geometries or alternatively,
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-27">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-27">&#182;</a>
+              </div>
+              <p>Private: convert DMS coordinates to decimal</p>
+<p>north and east are positive, south and west are negative</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  _parseCoordinateString: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(coord)</span></span>{
+    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">typeof</span>(coord) != <span class="hljs-string">'string'</span>) {
+      <span class="hljs-keyword">return</span>(<span class="hljs-built_in">parseFloat</span>(coord));
+    }
+    <span class="hljs-keyword">var</span> dms = coord.split(<span class="hljs-regexp">/[^-?\.\d\w]+/</span>);
+    <span class="hljs-keyword">var</span> deg = <span class="hljs-number">0</span>; <span class="hljs-keyword">var</span> m = <span class="hljs-number">0</span>;
+    <span class="hljs-keyword">var</span> toDeg = [<span class="hljs-number">1</span>, <span class="hljs-number">60</span>, <span class="hljs-number">3600</span>]; <span class="hljs-comment">// conversion factors for Deg, min, sec</span>
+    <span class="hljs-keyword">var</span> i;
+    <span class="hljs-keyword">for</span> (i = <span class="hljs-number">0</span>; i &lt; dms.length; ++i) {
+        <span class="hljs-keyword">if</span> (<span class="hljs-built_in">isNaN</span>(<span class="hljs-built_in">parseFloat</span>(dms[i]))) {
+          <span class="hljs-keyword">continue</span>;
+        }
+        deg += <span class="hljs-built_in">parseFloat</span>(dms[i]) / toDeg[m];
+        m += <span class="hljs-number">1</span>;
+    }
+    <span class="hljs-keyword">if</span> (coord.match(<span class="hljs-regexp">/[SW]/</span>)) {
+          deg = -<span class="hljs-number">1</span>*deg;
+    }
+    <span class="hljs-keyword">return</span>(deg);
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-28">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-28">&#182;</a>
+              </div>
+              <p>Private: Return a GeoJSON geomtry extracted from the record fields</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  _getGeometryFromRecord: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(doc)</span></span>{
+    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'geomField'</span>)){
+      <span class="hljs-keyword">var</span> value = doc.get(<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'geomField'</span>));
+      <span class="hljs-keyword">if</span> (<span class="hljs-keyword">typeof</span>(value) === <span class="hljs-string">'string'</span>){</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-29">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-29">&#182;</a>
+              </div>
+              <p>We <em>may</em> have a GeoJSON string representation</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>        <span class="hljs-keyword">try</span> {
+          value = $.parseJSON(value);
+        } <span class="hljs-keyword">catch</span>(e) {}
+      }
+      <span class="hljs-keyword">if</span> (<span class="hljs-keyword">typeof</span>(value) === <span class="hljs-string">'string'</span>) {
+        value = value.replace(<span class="hljs-string">'('</span>, <span class="hljs-string">''</span>).replace(<span class="hljs-string">')'</span>, <span class="hljs-string">''</span>);
+        <span class="hljs-keyword">var</span> parts = value.split(<span class="hljs-string">','</span>);
+        <span class="hljs-keyword">var</span> lat = <span class="hljs-keyword">this</span>._parseCoordinateString(parts[<span class="hljs-number">0</span>]);
+        <span class="hljs-keyword">var</span> lon = <span class="hljs-keyword">this</span>._parseCoordinateString(parts[<span class="hljs-number">1</span>]);
+
+        <span class="hljs-keyword">if</span> (!<span class="hljs-built_in">isNaN</span>(lon) &amp;&amp; !<span class="hljs-built_in">isNaN</span>(<span class="hljs-built_in">parseFloat</span>(lat))) {
+          <span class="hljs-keyword">return</span> {
+            <span class="hljs-string">"type"</span>: <span class="hljs-string">"Point"</span>,
+            <span class="hljs-string">"coordinates"</span>: [lon, lat]
+          };
+        } <span class="hljs-keyword">else</span> {
+          <span class="hljs-keyword">return</span> <span class="hljs-literal">null</span>;
+        }
+      } <span class="hljs-keyword">else</span> <span class="hljs-keyword">if</span> (value &amp;&amp; _.isArray(value)) {</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-30">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-30">&#182;</a>
+              </div>
+              <p>[ lon, lat ]</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>        <span class="hljs-keyword">return</span> {
+          <span class="hljs-string">"type"</span>: <span class="hljs-string">"Point"</span>,
+          <span class="hljs-string">"coordinates"</span>: [value[<span class="hljs-number">0</span>], value[<span class="hljs-number">1</span>]]
+        };
+      } <span class="hljs-keyword">else</span> <span class="hljs-keyword">if</span> (value &amp;&amp; value.lat) {</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-31">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-31">&#182;</a>
+              </div>
+              <p>of form { lat: …, lon: …}</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>        <span class="hljs-keyword">return</span> {
+          <span class="hljs-string">"type"</span>: <span class="hljs-string">"Point"</span>,
+          <span class="hljs-string">"coordinates"</span>: [value.lon || value.lng, value.lat]
+        };
+      }</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-32">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-32">&#182;</a>
+              </div>
+              <p>We o/w assume that contents of the field are a valid GeoJSON object</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>      <span class="hljs-keyword">return</span> value;
+    } <span class="hljs-keyword">else</span> <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'lonField'</span>) &amp;&amp; <span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'latField'</span>)){</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-33">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-33">&#182;</a>
+              </div>
+              <p>We’ll create a GeoJSON like point object from the two lat/lon fields</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>      <span class="hljs-keyword">var</span> lon = doc.get(<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'lonField'</span>));
+      <span class="hljs-keyword">var</span> lat = doc.get(<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'latField'</span>));
+      lon = <span class="hljs-keyword">this</span>._parseCoordinateString(lon);
+      lat = <span class="hljs-keyword">this</span>._parseCoordinateString(lat);
+
+      <span class="hljs-keyword">if</span> (!<span class="hljs-built_in">isNaN</span>(<span class="hljs-built_in">parseFloat</span>(lon)) &amp;&amp; !<span class="hljs-built_in">isNaN</span>(<span class="hljs-built_in">parseFloat</span>(lat))) {
+        <span class="hljs-keyword">return</span> {
+          type: <span class="hljs-string">'Point'</span>,
+          coordinates: [lon,lat]
+        };
+      }
+    }
+    <span class="hljs-keyword">return</span> <span class="hljs-literal">null</span>;
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-34">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-34">&#182;</a>
+              </div>
+              <p>Private: Check if there is a field with GeoJSON geometries or alternatively,
 two fields with lat/lon values.</p>
+<p>If not found, the user can define them via the UI form.</p>
 
-<p>If not found, the user can define them via the UI form.</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">_setupGeometryField</span><span class="o">:</span> <span class="kd">function</span><span class="p">(){</span></pre></div>             </td>           </tr>                               <tr id="section-34">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-34">&#182;</a>               </div>               <p>should not overwrite if we have already set this (e.g. explicitly via state)</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">_geomReady</span><span class="p">())</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">set</span><span class="p">({</span>
-        <span class="nx">geomField</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">_checkField</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">geometryFieldNames</span><span class="p">),</span>
-        <span class="nx">latField</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">_checkField</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">latitudeFieldNames</span><span class="p">),</span>
-        <span class="nx">lonField</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">_checkField</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">longitudeFieldNames</span><span class="p">)</span>
-      <span class="p">});</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">menu</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">toJSON</span><span class="p">());</span>
-    <span class="p">}</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-35">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-35">&#182;</a>               </div>               <p>Private: Check if a field in the current model exists in the provided
-list of names.</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">_checkField</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">fieldNames</span><span class="p">){</span>
-    <span class="kd">var</span> <span class="nx">field</span><span class="p">;</span>
-    <span class="kd">var</span> <span class="nx">modelFieldNames</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">fields</span><span class="p">.</span><span class="nx">pluck</span><span class="p">(</span><span class="s1">&#39;id&#39;</span><span class="p">);</span>
-    <span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="nx">fieldNames</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">){</span>
-      <span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">j</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">j</span> <span class="o">&lt;</span> <span class="nx">modelFieldNames</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span> <span class="nx">j</span><span class="o">++</span><span class="p">){</span>
-        <span class="k">if</span> <span class="p">(</span><span class="nx">modelFieldNames</span><span class="p">[</span><span class="nx">j</span><span class="p">].</span><span class="nx">toLowerCase</span><span class="p">()</span> <span class="o">==</span> <span class="nx">fieldNames</span><span class="p">[</span><span class="nx">i</span><span class="p">].</span><span class="nx">toLowerCase</span><span class="p">())</span>
-          <span class="k">return</span> <span class="nx">modelFieldNames</span><span class="p">[</span><span class="nx">j</span><span class="p">];</span>
-      <span class="p">}</span>
-    <span class="p">}</span>
-    <span class="k">return</span> <span class="kc">null</span><span class="p">;</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-36">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-36">&#182;</a>               </div>               <p>Private: Zoom to map to current features extent if any, or to the full
-extent if none.</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">_zoomToFeatures</span><span class="o">:</span> <span class="kd">function</span><span class="p">(){</span>
-    <span class="kd">var</span> <span class="nx">bounds</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">features</span><span class="p">.</span><span class="nx">getBounds</span><span class="p">();</span>
-    <span class="k">if</span> <span class="p">(</span><span class="nx">bounds</span> <span class="o">&amp;&amp;</span> <span class="nx">bounds</span><span class="p">.</span><span class="nx">getNorthEast</span><span class="p">()</span> <span class="o">&amp;&amp;</span> <span class="nx">bounds</span><span class="p">.</span><span class="nx">getSouthWest</span><span class="p">()){</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">map</span><span class="p">.</span><span class="nx">fitBounds</span><span class="p">(</span><span class="nx">bounds</span><span class="p">);</span>
-    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">map</span><span class="p">.</span><span class="nx">setView</span><span class="p">([</span><span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">],</span> <span class="mi">2</span><span class="p">);</span>
-    <span class="p">}</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-37">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-37">&#182;</a>               </div>               <p>Private: Sets up the Leaflet map control and the features layer.</p>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  _setupGeometryField: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span></span>{</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-35">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-35">&#182;</a>
+              </div>
+              <p>should not overwrite if we have already set this (e.g. explicitly via state)</p>
 
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">if</span> (!<span class="hljs-keyword">this</span>._geomReady()) {
+      <span class="hljs-keyword">this</span>.state.set({
+        geomField: <span class="hljs-keyword">this</span>._checkField(<span class="hljs-keyword">this</span>.geometryFieldNames),
+        latField: <span class="hljs-keyword">this</span>._checkField(<span class="hljs-keyword">this</span>.latitudeFieldNames),
+        lonField: <span class="hljs-keyword">this</span>._checkField(<span class="hljs-keyword">this</span>.longitudeFieldNames)
+      });
+      <span class="hljs-keyword">this</span>.menu.state.set(<span class="hljs-keyword">this</span>.state.toJSON());
+    }
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-36">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-36">&#182;</a>
+              </div>
+              <p>Private: Check if a field in the current model exists in the provided
+list of names.</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  _checkField: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(fieldNames)</span></span>{
+    <span class="hljs-keyword">var</span> field;
+    <span class="hljs-keyword">var</span> modelFieldNames = <span class="hljs-keyword">this</span>.model.fields.pluck(<span class="hljs-string">'id'</span>);
+    <span class="hljs-keyword">for</span> (<span class="hljs-keyword">var</span> i = <span class="hljs-number">0</span>; i &lt; fieldNames.length; i++){
+      <span class="hljs-keyword">for</span> (<span class="hljs-keyword">var</span> j = <span class="hljs-number">0</span>; j &lt; modelFieldNames.length; j++){
+        <span class="hljs-keyword">if</span> (modelFieldNames[j].toLowerCase() == fieldNames[i].toLowerCase())
+          <span class="hljs-keyword">return</span> modelFieldNames[j];
+      }
+    }
+    <span class="hljs-keyword">return</span> <span class="hljs-literal">null</span>;
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-37">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-37">&#182;</a>
+              </div>
+              <p>Private: Zoom to map to current features extent if any, or to the full
+extent if none.</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  _zoomToFeatures: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span></span>{
+    <span class="hljs-keyword">var</span> bounds = <span class="hljs-keyword">this</span>.features.getBounds();
+    <span class="hljs-keyword">if</span> (bounds &amp;&amp; bounds.getNorthEast() &amp;&amp; bounds.getSouthWest()){
+      <span class="hljs-keyword">this</span>.map.fitBounds(bounds);
+    } <span class="hljs-keyword">else</span> {
+      <span class="hljs-keyword">this</span>.map.setView([<span class="hljs-number">0</span>, <span class="hljs-number">0</span>], <span class="hljs-number">2</span>);
+    }
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-38">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-38">&#182;</a>
+              </div>
+              <p>Private: Sets up the Leaflet map control and the features layer.</p>
 <p>The map uses a base layer from <a href="http://www.mapquest.com">MapQuest</a> based
-on <a href="http://openstreetmap.org">OpenStreetMap</a>.</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">_setupMap</span><span class="o">:</span> <span class="kd">function</span><span class="p">(){</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">map</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">L</span><span class="p">.</span><span class="nx">Map</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">$map</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="mi">0</span><span class="p">));</span>
+on <a href="http://openstreetmap.org">OpenStreetMap</a>.</p>
 
-    <span class="kd">var</span> <span class="nx">mapUrl</span> <span class="o">=</span> <span class="s2">&quot;//otile{s}-s.mqcdn.com/tiles/1.0.0/osm/{z}/{x}/{y}.png&quot;</span><span class="p">;</span>
-    <span class="kd">var</span> <span class="nx">osmAttribution</span> <span class="o">=</span> <span class="s1">&#39;Map data &amp;copy; 2011 OpenStreetMap contributors, Tiles Courtesy of &lt;a href=&quot;http://www.mapquest.com/&quot; target=&quot;_blank&quot;&gt;MapQuest&lt;/a&gt; &lt;img src=&quot;//developer.mapquest.com/content/osm/mq_logo.png&quot;&gt;&#39;</span><span class="p">;</span>
-    <span class="kd">var</span> <span class="nx">bg</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">L</span><span class="p">.</span><span class="nx">TileLayer</span><span class="p">(</span><span class="nx">mapUrl</span><span class="p">,</span> <span class="p">{</span><span class="nx">maxZoom</span><span class="o">:</span> <span class="mi">18</span><span class="p">,</span> <span class="nx">attribution</span><span class="o">:</span> <span class="nx">osmAttribution</span> <span class="p">,</span><span class="nx">subdomains</span><span class="o">:</span> <span class="s1">&#39;1234&#39;</span><span class="p">});</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">map</span><span class="p">.</span><span class="nx">addLayer</span><span class="p">(</span><span class="nx">bg</span><span class="p">);</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  _setupMap: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span></span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    <span class="hljs-keyword">this</span>.map = <span class="hljs-keyword">new</span> L.Map(<span class="hljs-keyword">this</span>.$map.get(<span class="hljs-number">0</span>));
 
-    <span class="k">this</span><span class="p">.</span><span class="nx">markers</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">L</span><span class="p">.</span><span class="nx">MarkerClusterGroup</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_clusterOptions</span><span class="p">);</span></pre></div>             </td>           </tr>                               <tr id="section-38">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-38">&#182;</a>               </div>               <p>rebind this (as needed in e.g. default case above)</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">this</span><span class="p">.</span><span class="nx">geoJsonLayerOptions</span><span class="p">.</span><span class="nx">pointToLayer</span> <span class="o">=</span>  <span class="nx">_</span><span class="p">.</span><span class="nx">bind</span><span class="p">(</span>
-        <span class="k">this</span><span class="p">.</span><span class="nx">geoJsonLayerOptions</span><span class="p">.</span><span class="nx">pointToLayer</span><span class="p">,</span>
-        <span class="k">this</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">features</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">L</span><span class="p">.</span><span class="nx">GeoJSON</span><span class="p">(</span><span class="kc">null</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">geoJsonLayerOptions</span><span class="p">);</span>
+    <span class="hljs-keyword">var</span> mapUrl = <span class="hljs-string">"http://otile{s}-s.mqcdn.com/tiles/1.0.0/osm/{z}/{x}/{y}.png"</span>;
+    <span class="hljs-keyword">var</span> osmAttribution = <span class="hljs-string">'Map data &amp;copy; 2011 OpenStreetMap contributors, Tiles Courtesy of &lt;a href="http://www.mapquest.com/" target="_blank"&gt;MapQuest&lt;/a&gt; &lt;img src="http://developer.mapquest.com/content/osm/mq_logo.png"&gt;'</span>;
+    <span class="hljs-keyword">var</span> bg = <span class="hljs-keyword">new</span> L.TileLayer(mapUrl, {maxZoom: <span class="hljs-number">18</span>, attribution: osmAttribution ,subdomains: <span class="hljs-string">'1234'</span>});
+    <span class="hljs-keyword">this</span>.map.addLayer(bg);
 
-    <span class="k">this</span><span class="p">.</span><span class="nx">map</span><span class="p">.</span><span class="nx">setView</span><span class="p">([</span><span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">],</span> <span class="mi">2</span><span class="p">);</span>
+    <span class="hljs-keyword">this</span>.markers = <span class="hljs-keyword">new</span> L.MarkerClusterGroup(<span class="hljs-keyword">this</span>._clusterOptions);</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-39">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-39">&#182;</a>
+              </div>
+              <p>rebind this (as needed in e.g. default case above)</p>
 
-    <span class="k">this</span><span class="p">.</span><span class="nx">mapReady</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-39">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-39">&#182;</a>               </div>               <p>Private: Helper function to select an option from a select list</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">_selectOption</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">id</span><span class="p">,</span><span class="nx">value</span><span class="p">){</span>
-    <span class="kd">var</span> <span class="nx">options</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="s1">&#39;.&#39;</span> <span class="o">+</span> <span class="nx">id</span> <span class="o">+</span> <span class="s1">&#39; &gt; select &gt; option&#39;</span><span class="p">);</span>
-    <span class="k">if</span> <span class="p">(</span><span class="nx">options</span><span class="p">){</span>
-      <span class="nx">options</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">opt</span><span class="p">){</span>
-        <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">value</span> <span class="o">==</span> <span class="nx">value</span><span class="p">)</span> <span class="p">{</span>
-          <span class="nx">$</span><span class="p">(</span><span class="k">this</span><span class="p">).</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;selected&#39;</span><span class="p">,</span><span class="s1">&#39;selected&#39;</span><span class="p">);</span>
-          <span class="k">return</span> <span class="kc">false</span><span class="p">;</span>
-        <span class="p">}</span>
-      <span class="p">});</span>
-    <span class="p">}</span>
-  <span class="p">}</span>
-<span class="p">});</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">this</span>.geoJsonLayerOptions.pointToLayer =  _.bind(
+        <span class="hljs-keyword">this</span>.geoJsonLayerOptions.pointToLayer,
+        <span class="hljs-keyword">this</span>);
+    <span class="hljs-keyword">this</span>.features = <span class="hljs-keyword">new</span> L.GeoJSON(<span class="hljs-literal">null</span>, <span class="hljs-keyword">this</span>.geoJsonLayerOptions);
 
-<span class="nx">my</span><span class="p">.</span><span class="nx">MapMenu</span> <span class="o">=</span> <span class="nx">Backbone</span><span class="p">.</span><span class="nx">View</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-  <span class="nx">className</span><span class="o">:</span> <span class="s1">&#39;editor&#39;</span><span class="p">,</span>
+    <span class="hljs-keyword">this</span>.map.setView([<span class="hljs-number">0</span>, <span class="hljs-number">0</span>], <span class="hljs-number">2</span>);
 
-  <span class="nx">template</span><span class="o">:</span> <span class="s1">&#39; \</span>
-<span class="s1">    &lt;form class=&quot;form-stacked&quot;&gt; \</span>
-<span class="s1">      &lt;div class=&quot;clearfix&quot;&gt; \</span>
-<span class="s1">        &lt;div class=&quot;editor-field-type&quot;&gt; \</span>
-<span class="s1">            &lt;label class=&quot;radio&quot;&gt; \</span>
-<span class="s1">              &lt;input type=&quot;radio&quot; id=&quot;editor-field-type-latlon&quot; name=&quot;editor-field-type&quot; value=&quot;latlon&quot; checked=&quot;checked&quot;/&gt; \</span>
-<span class="s1">              Latitude / Longitude fields&lt;/label&gt; \</span>
-<span class="s1">            &lt;label class=&quot;radio&quot;&gt; \</span>
-<span class="s1">              &lt;input type=&quot;radio&quot; id=&quot;editor-field-type-geom&quot; name=&quot;editor-field-type&quot; value=&quot;geom&quot; /&gt; \</span>
-<span class="s1">              GeoJSON field&lt;/label&gt; \</span>
-<span class="s1">        &lt;/div&gt; \</span>
-<span class="s1">        &lt;div class=&quot;editor-field-type-latlon&quot;&gt; \</span>
-<span class="s1">          &lt;label&gt;Latitude field&lt;/label&gt; \</span>
-<span class="s1">          &lt;div class=&quot;input editor-lat-field&quot;&gt; \</span>
-<span class="s1">            &lt;select&gt; \</span>
-<span class="s1">            &lt;option value=&quot;&quot;&gt;&lt;/option&gt; \</span>
-<span class="s1">            {{#fields}} \</span>
-<span class="s1">            &lt;option value=&quot;{{id}}&quot;&gt;{{label}}&lt;/option&gt; \</span>
-<span class="s1">            {{/fields}} \</span>
-<span class="s1">            &lt;/select&gt; \</span>
-<span class="s1">          &lt;/div&gt; \</span>
-<span class="s1">          &lt;label&gt;Longitude field&lt;/label&gt; \</span>
-<span class="s1">          &lt;div class=&quot;input editor-lon-field&quot;&gt; \</span>
-<span class="s1">            &lt;select&gt; \</span>
-<span class="s1">            &lt;option value=&quot;&quot;&gt;&lt;/option&gt; \</span>
-<span class="s1">            {{#fields}} \</span>
-<span class="s1">            &lt;option value=&quot;{{id}}&quot;&gt;{{label}}&lt;/option&gt; \</span>
-<span class="s1">            {{/fields}} \</span>
-<span class="s1">            &lt;/select&gt; \</span>
-<span class="s1">          &lt;/div&gt; \</span>
-<span class="s1">        &lt;/div&gt; \</span>
-<span class="s1">        &lt;div class=&quot;editor-field-type-geom&quot; style=&quot;display:none&quot;&gt; \</span>
-<span class="s1">          &lt;label&gt;Geometry field (GeoJSON)&lt;/label&gt; \</span>
-<span class="s1">          &lt;div class=&quot;input editor-geom-field&quot;&gt; \</span>
-<span class="s1">            &lt;select&gt; \</span>
-<span class="s1">            &lt;option value=&quot;&quot;&gt;&lt;/option&gt; \</span>
-<span class="s1">            {{#fields}} \</span>
-<span class="s1">            &lt;option value=&quot;{{id}}&quot;&gt;{{label}}&lt;/option&gt; \</span>
-<span class="s1">            {{/fields}} \</span>
-<span class="s1">            &lt;/select&gt; \</span>
-<span class="s1">          &lt;/div&gt; \</span>
-<span class="s1">        &lt;/div&gt; \</span>
-<span class="s1">      &lt;/div&gt; \</span>
-<span class="s1">      &lt;div class=&quot;editor-buttons&quot;&gt; \</span>
-<span class="s1">        &lt;button class=&quot;btn editor-update-map&quot;&gt;Update&lt;/button&gt; \</span>
-<span class="s1">      &lt;/div&gt; \</span>
-<span class="s1">      &lt;div class=&quot;editor-options&quot; &gt; \</span>
-<span class="s1">        &lt;label class=&quot;checkbox&quot;&gt; \</span>
-<span class="s1">          &lt;input type=&quot;checkbox&quot; id=&quot;editor-auto-zoom&quot; value=&quot;autozoom&quot; checked=&quot;checked&quot; /&gt; \</span>
-<span class="s1">          Auto zoom to features&lt;/label&gt; \</span>
-<span class="s1">        &lt;label class=&quot;checkbox&quot;&gt; \</span>
-<span class="s1">          &lt;input type=&quot;checkbox&quot; id=&quot;editor-cluster&quot; value=&quot;cluster&quot;/&gt; \</span>
-<span class="s1">          Cluster markers&lt;/label&gt; \</span>
-<span class="s1">      &lt;/div&gt; \</span>
-<span class="s1">      &lt;input type=&quot;hidden&quot; class=&quot;editor-id&quot; value=&quot;map-1&quot; /&gt; \</span>
-<span class="s1">    &lt;/form&gt; \</span>
-<span class="s1">  &#39;</span><span class="p">,</span></pre></div>             </td>           </tr>                               <tr id="section-40">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-40">&#182;</a>               </div>               <p>Define here events for UI elements</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">events</span><span class="o">:</span> <span class="p">{</span>
-    <span class="s1">&#39;click .editor-update-map&#39;</span><span class="o">:</span> <span class="s1">&#39;onEditorSubmit&#39;</span><span class="p">,</span>
-    <span class="s1">&#39;change .editor-field-type&#39;</span><span class="o">:</span> <span class="s1">&#39;onFieldTypeChange&#39;</span><span class="p">,</span>
-    <span class="s1">&#39;click #editor-auto-zoom&#39;</span><span class="o">:</span> <span class="s1">&#39;onAutoZoomChange&#39;</span><span class="p">,</span>
-    <span class="s1">&#39;click #editor-cluster&#39;</span><span class="o">:</span> <span class="s1">&#39;onClusteringChange&#39;</span>
-  <span class="p">},</span>
+    <span class="hljs-keyword">this</span>.mapReady = <span class="hljs-literal">true</span>;
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-40">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-40">&#182;</a>
+              </div>
+              <p>Private: Helper function to select an option from a select list</p>
 
-  <span class="nx">initialize</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">options</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="nx">_</span><span class="p">.</span><span class="nx">bindAll</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="s1">&#39;render&#39;</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">fields</span><span class="p">,</span> <span class="s1">&#39;change&#39;</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">render</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">state</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">recline</span><span class="p">.</span><span class="nx">Model</span><span class="p">.</span><span class="nx">ObjectState</span><span class="p">(</span><span class="nx">options</span><span class="p">.</span><span class="nx">state</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">,</span> <span class="s1">&#39;change&#39;</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">render</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">render</span><span class="p">();</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-41">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-41">&#182;</a>               </div>               <h3>Public: Adds the necessary elements to the page.</h3>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  _selectOption: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(id,value)</span></span>{
+    <span class="hljs-keyword">var</span> options = $(<span class="hljs-string">'.'</span> + id + <span class="hljs-string">' &gt; select &gt; option'</span>);
+    <span class="hljs-keyword">if</span> (options){
+      options.each(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(opt)</span></span>{
+        <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.value == value) {
+          $(<span class="hljs-keyword">this</span>).attr(<span class="hljs-string">'selected'</span>,<span class="hljs-string">'selected'</span>);
+          <span class="hljs-keyword">return</span> <span class="hljs-literal">false</span>;
+        }
+      });
+    }
+  }
+});
 
-<p>Also sets up the editor fields and the map if necessary.</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">render</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="kd">var</span> <span class="nx">htmls</span> <span class="o">=</span> <span class="nx">Mustache</span><span class="p">.</span><span class="nx">render</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">template</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">toTemplateJSON</span><span class="p">());</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">html</span><span class="p">(</span><span class="nx">htmls</span><span class="p">);</span>
+my.MapMenu = Backbone.View.extend({
+  className: <span class="hljs-string">'editor'</span>,
 
-    <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_geomReady</span><span class="p">()</span> <span class="o">&amp;&amp;</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">fields</span><span class="p">.</span><span class="nx">length</span><span class="p">){</span>
-      <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;geomField&#39;</span><span class="p">)){</span>
-        <span class="k">this</span><span class="p">.</span><span class="nx">_selectOption</span><span class="p">(</span><span class="s1">&#39;editor-geom-field&#39;</span><span class="p">,</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;geomField&#39;</span><span class="p">));</span>
-        <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;#editor-field-type-geom&#39;</span><span class="p">).</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;checked&#39;</span><span class="p">,</span><span class="s1">&#39;checked&#39;</span><span class="p">).</span><span class="nx">change</span><span class="p">();</span>
-      <span class="p">}</span> <span class="k">else</span><span class="p">{</span>
-        <span class="k">this</span><span class="p">.</span><span class="nx">_selectOption</span><span class="p">(</span><span class="s1">&#39;editor-lon-field&#39;</span><span class="p">,</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;lonField&#39;</span><span class="p">));</span>
-        <span class="k">this</span><span class="p">.</span><span class="nx">_selectOption</span><span class="p">(</span><span class="s1">&#39;editor-lat-field&#39;</span><span class="p">,</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;latField&#39;</span><span class="p">));</span>
-        <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;#editor-field-type-latlon&#39;</span><span class="p">).</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;checked&#39;</span><span class="p">,</span><span class="s1">&#39;checked&#39;</span><span class="p">).</span><span class="nx">change</span><span class="p">();</span>
-      <span class="p">}</span>
-    <span class="p">}</span>
-    <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;autoZoom&#39;</span><span class="p">))</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;#editor-auto-zoom&#39;</span><span class="p">).</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;checked&#39;</span><span class="p">,</span> <span class="s1">&#39;checked&#39;</span><span class="p">);</span>
-    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;#editor-auto-zoom&#39;</span><span class="p">).</span><span class="nx">removeAttr</span><span class="p">(</span><span class="s1">&#39;checked&#39;</span><span class="p">);</span>
-    <span class="p">}</span>
-    <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;cluster&#39;</span><span class="p">))</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;#editor-cluster&#39;</span><span class="p">).</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;checked&#39;</span><span class="p">,</span> <span class="s1">&#39;checked&#39;</span><span class="p">);</span>
-    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;#editor-cluster&#39;</span><span class="p">).</span><span class="nx">removeAttr</span><span class="p">(</span><span class="s1">&#39;checked&#39;</span><span class="p">);</span>
-    <span class="p">}</span>
-    <span class="k">return</span> <span class="k">this</span><span class="p">;</span>
-  <span class="p">},</span>
+  template: <span class="hljs-string">' \
+    &lt;form class="form-stacked"&gt; \
+      &lt;div class="clearfix"&gt; \
+        &lt;div class="editor-field-type"&gt; \
+            &lt;label class="radio"&gt; \
+              &lt;input type="radio" id="editor-field-type-latlon" name="editor-field-type" value="latlon" checked="checked"/&gt; \
+              Latitude / Longitude fields&lt;/label&gt; \
+            &lt;label class="radio"&gt; \
+              &lt;input type="radio" id="editor-field-type-geom" name="editor-field-type" value="geom" /&gt; \
+              GeoJSON field&lt;/label&gt; \
+        &lt;/div&gt; \
+        &lt;div class="editor-field-type-latlon"&gt; \
+          &lt;label&gt;Latitude field&lt;/label&gt; \
+          &lt;div class="input editor-lat-field"&gt; \
+            &lt;select class="form-control"&gt; \
+            &lt;option value=""&gt;&lt;/option&gt; \
+            {{#fields}} \
+            &lt;option value="{{id}}"&gt;{{label}}&lt;/option&gt; \
+            {{/fields}} \
+            &lt;/select&gt; \
+          &lt;/div&gt; \
+          &lt;label&gt;Longitude field&lt;/label&gt; \
+          &lt;div class="input editor-lon-field"&gt; \
+            &lt;select class="form-control"&gt; \
+            &lt;option value=""&gt;&lt;/option&gt; \
+            {{#fields}} \
+            &lt;option value="{{id}}"&gt;{{label}}&lt;/option&gt; \
+            {{/fields}} \
+            &lt;/select&gt; \
+          &lt;/div&gt; \
+        &lt;/div&gt; \
+        &lt;div class="editor-field-type-geom" style="display:none"&gt; \
+          &lt;label&gt;Geometry field (GeoJSON)&lt;/label&gt; \
+          &lt;div class="input editor-geom-field"&gt; \
+            &lt;select class="form-control"&gt; \
+            &lt;option value=""&gt;&lt;/option&gt; \
+            {{#fields}} \
+            &lt;option value="{{id}}"&gt;{{label}}&lt;/option&gt; \
+            {{/fields}} \
+            &lt;/select&gt; \
+          &lt;/div&gt; \
+        &lt;/div&gt; \
+      &lt;/div&gt; \
+      &lt;div class="editor-buttons"&gt; \
+        &lt;button class="btn btn-default editor-update-map"&gt;Update&lt;/button&gt; \
+      &lt;/div&gt; \
+      &lt;div class="editor-options" &gt; \
+        &lt;label class="checkbox"&gt; \
+          &lt;input type="checkbox" id="editor-auto-zoom" value="autozoom" checked="checked" /&gt; \
+          Auto zoom to features&lt;/label&gt; \
+        &lt;label class="checkbox"&gt; \
+          &lt;input type="checkbox" id="editor-cluster" value="cluster"/&gt; \
+          Cluster markers&lt;/label&gt; \
+      &lt;/div&gt; \
+      &lt;input type="hidden" class="editor-id" value="map-1" /&gt; \
+    &lt;/form&gt; \
+  '</span>,</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-41">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-41">&#182;</a>
+              </div>
+              <p>Define here events for UI elements</p>
 
-  <span class="nx">_geomReady</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="k">return</span> <span class="nb">Boolean</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;geomField&#39;</span><span class="p">)</span> <span class="o">||</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;latField&#39;</span><span class="p">)</span> <span class="o">&amp;&amp;</span> <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;lonField&#39;</span><span class="p">)));</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-42">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-42">&#182;</a>               </div>               <h2>UI Event handlers</h2>             </td>             <td class="code">               <div class="highlight"><pre></pre></div>             </td>           </tr>                               <tr id="section-43">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-43">&#182;</a>               </div>               <p>Public: Update map with user options</p>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  events: {
+    <span class="hljs-string">'click .editor-update-map'</span>: <span class="hljs-string">'onEditorSubmit'</span>,
+    <span class="hljs-string">'change .editor-field-type'</span>: <span class="hljs-string">'onFieldTypeChange'</span>,
+    <span class="hljs-string">'click #editor-auto-zoom'</span>: <span class="hljs-string">'onAutoZoomChange'</span>,
+    <span class="hljs-string">'click #editor-cluster'</span>: <span class="hljs-string">'onClusteringChange'</span>
+  },
 
+  initialize: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(options)</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    _.bindAll(<span class="hljs-keyword">this</span>, <span class="hljs-string">'render'</span>);
+    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.model.fields, <span class="hljs-string">'change'</span>, <span class="hljs-keyword">this</span>.render);
+    <span class="hljs-keyword">this</span>.state = <span class="hljs-keyword">new</span> recline.Model.ObjectState(options.state);
+    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.state, <span class="hljs-string">'change'</span>, <span class="hljs-keyword">this</span>.render);
+    <span class="hljs-keyword">this</span>.render();
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-42">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-42">&#182;</a>
+              </div>
+              <h3 id="public-adds-the-necessary-elements-to-the-page-">Public: Adds the necessary elements to the page.</h3>
+<p>Also sets up the editor fields and the map if necessary.</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  render: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    <span class="hljs-keyword">var</span> htmls = Mustache.render(<span class="hljs-keyword">this</span>.template, <span class="hljs-keyword">this</span>.model.toTemplateJSON());
+    <span class="hljs-keyword">this</span>.$el.html(htmls);
+
+    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>._geomReady() &amp;&amp; <span class="hljs-keyword">this</span>.model.fields.length){
+      <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'geomField'</span>)){
+        <span class="hljs-keyword">this</span>._selectOption(<span class="hljs-string">'editor-geom-field'</span>,<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'geomField'</span>));
+        <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'#editor-field-type-geom'</span>).attr(<span class="hljs-string">'checked'</span>,<span class="hljs-string">'checked'</span>).change();
+      } <span class="hljs-keyword">else</span>{
+        <span class="hljs-keyword">this</span>._selectOption(<span class="hljs-string">'editor-lon-field'</span>,<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'lonField'</span>));
+        <span class="hljs-keyword">this</span>._selectOption(<span class="hljs-string">'editor-lat-field'</span>,<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'latField'</span>));
+        <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'#editor-field-type-latlon'</span>).attr(<span class="hljs-string">'checked'</span>,<span class="hljs-string">'checked'</span>).change();
+      }
+    }
+    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'autoZoom'</span>)) {
+      <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'#editor-auto-zoom'</span>).attr(<span class="hljs-string">'checked'</span>, <span class="hljs-string">'checked'</span>);
+    } <span class="hljs-keyword">else</span> {
+      <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'#editor-auto-zoom'</span>).removeAttr(<span class="hljs-string">'checked'</span>);
+    }
+    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'cluster'</span>)) {
+      <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'#editor-cluster'</span>).attr(<span class="hljs-string">'checked'</span>, <span class="hljs-string">'checked'</span>);
+    } <span class="hljs-keyword">else</span> {
+      <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'#editor-cluster'</span>).removeAttr(<span class="hljs-string">'checked'</span>);
+    }
+    <span class="hljs-keyword">return</span> <span class="hljs-keyword">this</span>;
+  },
+
+  _geomReady: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">return</span> <span class="hljs-built_in">Boolean</span>(<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'geomField'</span>) || (<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'latField'</span>) &amp;&amp; <span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'lonField'</span>)));
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-43">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-43">&#182;</a>
+              </div>
+              <h2 id="ui-event-handlers">UI Event handlers</h2>
+
+            </div>
+            
+        </li>
+        
+        
+        <li id="section-44">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-44">&#182;</a>
+              </div>
+              <p>Public: Update map with user options</p>
 <p>Right now the only configurable option is what field(s) contains the
-location information.</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">onEditorSubmit</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">){</span>
-    <span class="nx">e</span><span class="p">.</span><span class="nx">preventDefault</span><span class="p">();</span>
-    <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;#editor-field-type-geom&#39;</span><span class="p">).</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;checked&#39;</span><span class="p">)){</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">set</span><span class="p">({</span>
-        <span class="nx">geomField</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.editor-geom-field &gt; select &gt; option:selected&#39;</span><span class="p">).</span><span class="nx">val</span><span class="p">(),</span>
-        <span class="nx">lonField</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
-        <span class="nx">latField</span><span class="o">:</span> <span class="kc">null</span>
-      <span class="p">});</span>
-    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">set</span><span class="p">({</span>
-        <span class="nx">geomField</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
-        <span class="nx">lonField</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.editor-lon-field &gt; select &gt; option:selected&#39;</span><span class="p">).</span><span class="nx">val</span><span class="p">(),</span>
-        <span class="nx">latField</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.editor-lat-field &gt; select &gt; option:selected&#39;</span><span class="p">).</span><span class="nx">val</span><span class="p">()</span>
-      <span class="p">});</span>
-    <span class="p">}</span>
-    <span class="k">return</span> <span class="kc">false</span><span class="p">;</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-44">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-44">&#182;</a>               </div>               <p>Public: Shows the relevant select lists depending on the location field
-type selected.</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">onFieldTypeChange</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">){</span>
-    <span class="k">if</span> <span class="p">(</span><span class="nx">e</span><span class="p">.</span><span class="nx">target</span><span class="p">.</span><span class="nx">value</span> <span class="o">==</span> <span class="s1">&#39;geom&#39;</span><span class="p">){</span>
-        <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.editor-field-type-geom&#39;</span><span class="p">).</span><span class="nx">show</span><span class="p">();</span>
-        <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.editor-field-type-latlon&#39;</span><span class="p">).</span><span class="nx">hide</span><span class="p">();</span>
-    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-        <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.editor-field-type-geom&#39;</span><span class="p">).</span><span class="nx">hide</span><span class="p">();</span>
-        <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.editor-field-type-latlon&#39;</span><span class="p">).</span><span class="nx">show</span><span class="p">();</span>
-    <span class="p">}</span>
-  <span class="p">},</span>
+location information.</p>
 
-  <span class="nx">onAutoZoomChange</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">){</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">set</span><span class="p">({</span><span class="nx">autoZoom</span><span class="o">:</span> <span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;autoZoom&#39;</span><span class="p">)});</span>
-  <span class="p">},</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  onEditorSubmit: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span></span>{
+    e.preventDefault();
+    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'#editor-field-type-geom'</span>).attr(<span class="hljs-string">'checked'</span>)){
+      <span class="hljs-keyword">this</span>.state.set({
+        geomField: <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'.editor-geom-field &gt; select &gt; option:selected'</span>).val(),
+        lonField: <span class="hljs-literal">null</span>,
+        latField: <span class="hljs-literal">null</span>
+      });
+    } <span class="hljs-keyword">else</span> {
+      <span class="hljs-keyword">this</span>.state.set({
+        geomField: <span class="hljs-literal">null</span>,
+        lonField: <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'.editor-lon-field &gt; select &gt; option:selected'</span>).val(),
+        latField: <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'.editor-lat-field &gt; select &gt; option:selected'</span>).val()
+      });
+    }
+    <span class="hljs-keyword">return</span> <span class="hljs-literal">false</span>;
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-45">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-45">&#182;</a>
+              </div>
+              <p>Public: Shows the relevant select lists depending on the location field
+type selected.</p>
 
-  <span class="nx">onClusteringChange</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">){</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">set</span><span class="p">({</span><span class="nx">cluster</span><span class="o">:</span> <span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;cluster&#39;</span><span class="p">)});</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-45">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-45">&#182;</a>               </div>               <p>Private: Helper function to select an option from a select list</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">_selectOption</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">id</span><span class="p">,</span><span class="nx">value</span><span class="p">){</span>
-    <span class="kd">var</span> <span class="nx">options</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.&#39;</span> <span class="o">+</span> <span class="nx">id</span> <span class="o">+</span> <span class="s1">&#39; &gt; select &gt; option&#39;</span><span class="p">);</span>
-    <span class="k">if</span> <span class="p">(</span><span class="nx">options</span><span class="p">){</span>
-      <span class="nx">options</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">opt</span><span class="p">){</span>
-        <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">value</span> <span class="o">==</span> <span class="nx">value</span><span class="p">)</span> <span class="p">{</span>
-          <span class="nx">$</span><span class="p">(</span><span class="k">this</span><span class="p">).</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;selected&#39;</span><span class="p">,</span><span class="s1">&#39;selected&#39;</span><span class="p">);</span>
-          <span class="k">return</span> <span class="kc">false</span><span class="p">;</span>
-        <span class="p">}</span>
-      <span class="p">});</span>
-    <span class="p">}</span>
-  <span class="p">}</span>
-<span class="p">});</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  onFieldTypeChange: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span></span>{
+    <span class="hljs-keyword">if</span> (e.target.value == <span class="hljs-string">'geom'</span>){
+        <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'.editor-field-type-geom'</span>).show();
+        <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'.editor-field-type-latlon'</span>).hide();
+    } <span class="hljs-keyword">else</span> {
+        <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'.editor-field-type-geom'</span>).hide();
+        <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'.editor-field-type-latlon'</span>).show();
+    }
+  },
 
-<span class="p">})(</span><span class="nx">jQuery</span><span class="p">,</span> <span class="nx">recline</span><span class="p">.</span><span class="nx">View</span><span class="p">);</span>
+  onAutoZoomChange: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span></span>{
+    <span class="hljs-keyword">this</span>.state.set({autoZoom: !<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'autoZoom'</span>)});
+  },
 
-</pre></div>             </td>           </tr>                </tbody>     </table>   </div> </body> </html> 
\ No newline at end of file
+  onClusteringChange: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span></span>{
+    <span class="hljs-keyword">this</span>.state.set({cluster: !<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'cluster'</span>)});
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-46">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-46">&#182;</a>
+              </div>
+              <p>Private: Helper function to select an option from a select list</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  _selectOption: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(id,value)</span></span>{
+    <span class="hljs-keyword">var</span> options = <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'.'</span> + id + <span class="hljs-string">' &gt; select &gt; option'</span>);
+    <span class="hljs-keyword">if</span> (options){
+      options.each(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(opt)</span></span>{
+        <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.value == value) {
+          $(<span class="hljs-keyword">this</span>).attr(<span class="hljs-string">'selected'</span>,<span class="hljs-string">'selected'</span>);
+          <span class="hljs-keyword">return</span> <span class="hljs-literal">false</span>;
+        }
+      });
+    }
+  }
+});
+
+})(jQuery, recline.View);</pre></div></div>
+            
+        </li>
+        
+    </ul>
+  </div>
+</body>
+</html>
diff --git a/docs/src/view.multiview.html b/docs/src/view.multiview.html
index a49cd9ab..070be0b1 100644
--- a/docs/src/view.multiview.html
+++ b/docs/src/view.multiview.html
@@ -1,13 +1,167 @@
-<!DOCTYPE html>  <html> <head>   <title>view.multiview.js</title>   <meta http-equiv="content-type" content="text/html; charset=UTF-8">   <link rel="stylesheet" media="all" href="docco.css" /> </head> <body>   <div id="container">     <div id="background"></div>            <div id="jump_to">         Jump To &hellip;         <div id="jump_wrapper">           <div id="jump_page">                                           <a class="source" href="backend.csv.html">                 backend.csv.js               </a>                                           <a class="source" href="backend.dataproxy.html">                 backend.dataproxy.js               </a>                                           <a class="source" href="backend.memory.html">                 backend.memory.js               </a>                                           <a class="source" href="ecma-fixes.html">                 ecma-fixes.js               </a>                                           <a class="source" href="model.html">                 model.js               </a>                                           <a class="source" href="view.flot.html">                 view.flot.js               </a>                                           <a class="source" href="view.graph.html">                 view.graph.js               </a>                                           <a class="source" href="view.grid.html">                 view.grid.js               </a>                                           <a class="source" href="view.map.html">                 view.map.js               </a>                                           <a class="source" href="view.multiview.html">                 view.multiview.js               </a>                                           <a class="source" href="view.slickgrid.html">                 view.slickgrid.js               </a>                                           <a class="source" href="view.timeline.html">                 view.timeline.js               </a>                                           <a class="source" href="widget.facetviewer.html">                 widget.facetviewer.js               </a>                                           <a class="source" href="widget.fields.html">                 widget.fields.js               </a>                                           <a class="source" href="widget.filtereditor.html">                 widget.filtereditor.js               </a>                                           <a class="source" href="widget.pager.html">                 widget.pager.js               </a>                                           <a class="source" href="widget.queryeditor.html">                 widget.queryeditor.js               </a>                                           <a class="source" href="widget.valuefilter.html">                 widget.valuefilter.js               </a>                        </div>         </div>       </div>          <table cellpadding="0" cellspacing="0">       <thead>         <tr>           <th class="docs">             <h1>               view.multiview.js             </h1>           </th>           <th class="code">           </th>         </tr>       </thead>       <tbody>                               <tr id="section-1">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-1">&#182;</a>               </div>                            </td>             <td class="code">               <div class="highlight"><pre><span class="cm">/*jshint multistr:true */</span></pre></div>             </td>           </tr>                               <tr id="section-2">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-2">&#182;</a>               </div>               <p>Standard JS module setup</p>             </td>             <td class="code">               <div class="highlight"><pre><span class="k">this</span><span class="p">.</span><span class="nx">recline</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span> <span class="o">||</span> <span class="p">{};</span>
-<span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">View</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">View</span> <span class="o">||</span> <span class="p">{};</span>
+<!DOCTYPE html>
 
-<span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">$</span><span class="p">,</span> <span class="nx">my</span><span class="p">)</span> <span class="p">{</span>
-  <span class="s2">&quot;use strict&quot;</span><span class="p">;</span></pre></div>             </td>           </tr>                               <tr id="section-3">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-3">&#182;</a>               </div>               <h2>MultiView</h2>
+<html>
+<head>
+  <title>view.multiview.js</title>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+  <link rel="stylesheet" media="all" href="docco.css" />
+</head>
+<body>
+  <div id="container">
+    <div id="background"></div>
+    
+      <ul id="jump_to">
+        <li>
+          <a class="large" href="javascript:void(0);">Jump To &hellip;</a>
+          <a class="small" href="javascript:void(0);">+</a>
+          <div id="jump_wrapper">
+          <div id="jump_page_wrapper">
+            <div id="jump_page">
+              
+                
+                <a class="source" href="backend.dataproxy.html">
+                  backend.dataproxy.js
+                </a>
+              
+                
+                <a class="source" href="backend.memory.html">
+                  backend.memory.js
+                </a>
+              
+                
+                <a class="source" href="ecma-fixes.html">
+                  ecma-fixes.js
+                </a>
+              
+                
+                <a class="source" href="model.html">
+                  model.js
+                </a>
+              
+                
+                <a class="source" href="view.flot.html">
+                  view.flot.js
+                </a>
+              
+                
+                <a class="source" href="view.graph.html">
+                  view.graph.js
+                </a>
+              
+                
+                <a class="source" href="view.grid.html">
+                  view.grid.js
+                </a>
+              
+                
+                <a class="source" href="view.map.html">
+                  view.map.js
+                </a>
+              
+                
+                <a class="source" href="view.multiview.html">
+                  view.multiview.js
+                </a>
+              
+                
+                <a class="source" href="view.slickgrid.html">
+                  view.slickgrid.js
+                </a>
+              
+                
+                <a class="source" href="view.timeline.html">
+                  view.timeline.js
+                </a>
+              
+                
+                <a class="source" href="widget.facetviewer.html">
+                  widget.facetviewer.js
+                </a>
+              
+                
+                <a class="source" href="widget.fields.html">
+                  widget.fields.js
+                </a>
+              
+                
+                <a class="source" href="widget.filtereditor.html">
+                  widget.filtereditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.pager.html">
+                  widget.pager.js
+                </a>
+              
+                
+                <a class="source" href="widget.queryeditor.html">
+                  widget.queryeditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.valuefilter.html">
+                  widget.valuefilter.js
+                </a>
+              
+            </div>
+          </div>
+        </li>
+      </ul>
+    
+    <ul class="sections">
+        
+          <li id="title">
+              <div class="annotation">
+                  <h1>view.multiview.js</h1>
+              </div>
+          </li>
+        
+        
+        
+        <li id="section-1">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-1">&#182;</a>
+              </div>
+              
+            </div>
+            
+            <div class="content"><div class='highlight'><pre><span class="hljs-comment">/*jshint multistr:true */</span></pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-2">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-2">&#182;</a>
+              </div>
+              <p>Standard JS module setup</p>
 
+            </div>
+            
+            <div class="content"><div class='highlight'><pre><span class="hljs-keyword">this</span>.recline = <span class="hljs-keyword">this</span>.recline || {};
+<span class="hljs-keyword">this</span>.recline.View = <span class="hljs-keyword">this</span>.recline.View || {};
+
+(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">($, my)</span> </span>{
+<span class="hljs-pi">  "use strict"</span>;</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-3">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-3">&#182;</a>
+              </div>
+              <h2 id="multiview">MultiView</h2>
 <p>Manage multiple views together along with query editor etc. Usage:</p>
-
 <pre>
-var myExplorer = new model.recline.MultiView({
+var myExplorer = new recline.View.MultiView({
   model: {{recline.Model.Dataset instance}}
   el: {{an existing dom element}}
   views: {{dataset views}}
@@ -15,19 +169,15 @@ var myExplorer = new model.recline.MultiView({
 });
 </pre> 
 
-<h3>Parameters</h3>
-
+<h3 id="parameters">Parameters</h3>
 <p><strong>model</strong>: (required) recline.model.Dataset instance.</p>
-
 <p><strong>el</strong>: (required) DOM element to bind to. NB: the element already
 being in the DOM is important for rendering of some subviews (e.g.
 Graph).</p>
-
 <p><strong>views</strong>: (optional) the dataset views (Grid, Graph etc) for
 MultiView to show. This is an array of view hashes. If not provided
 initialize with (recline.View.)Grid, Graph, and Map views (with obvious id
 and labels!).</p>
-
 <pre>
 var views = [
   {
@@ -51,13 +201,12 @@ var views = [
 MultiView to show. This is an array of view hashes. If not provided
 initialize with (recline.View.)FilterEditor and Fields views (with obvious 
 id and labels!).</p>
-
 <pre>
 var sidebarViews = [
   {
     id: 'filterEditor', // used for routing
     label: 'Filters', // used for view switcher
-    view: new recline.View.FielterEditor({
+    view: new recline.View.FilterEditor({
       model: dataset
     })
   },
@@ -73,12 +222,11 @@ var sidebarViews = [
 
 <p><strong>state</strong>: standard state config for this view. This state is slightly
  special as it includes config of many of the subviews.</p>
-
 <pre>
-state = {
+var state = {
     query: {dataset query state - see dataset.queryState object}
-    view-{id1}: {view-state for this view}
-    view-{id2}: {view-state for }
+    'view-{id1}': {view-state for this view}
+    'view-{id2}': {view-state for }
     ...
     // Explorer
     currentView: id of current view (defaults to first view if not specified)
@@ -87,404 +235,814 @@ state = {
 </pre>
 
 <p>Note that at present we do <em>not</em> serialize information about the actual set
-of views in use -- e.g. those specified by the views argument -- but instead 
+of views in use — e.g. those specified by the views argument — but instead 
 expect either that the default views are fine or that the client to have
-initialized the MultiView with the relevant views themselves.</p>             </td>             <td class="code">               <div class="highlight"><pre><span class="nx">my</span><span class="p">.</span><span class="nx">MultiView</span> <span class="o">=</span> <span class="nx">Backbone</span><span class="p">.</span><span class="nx">View</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-  <span class="nx">template</span><span class="o">:</span> <span class="s1">&#39; \</span>
-<span class="s1">  &lt;div class=&quot;recline-data-explorer&quot;&gt; \</span>
-<span class="s1">    &lt;div class=&quot;alert-messages&quot;&gt;&lt;/div&gt; \</span>
-<span class="s1">    \</span>
-<span class="s1">    &lt;div class=&quot;header clearfix&quot;&gt; \</span>
-<span class="s1">      &lt;div class=&quot;navigation&quot;&gt; \</span>
-<span class="s1">        &lt;div class=&quot;btn-group&quot; data-toggle=&quot;buttons-radio&quot;&gt; \</span>
-<span class="s1">        {{#views}} \</span>
-<span class="s1">        &lt;a href=&quot;#{{id}}&quot; data-view=&quot;{{id}}&quot; class=&quot;btn&quot;&gt;{{label}}&lt;/a&gt; \</span>
-<span class="s1">        {{/views}} \</span>
-<span class="s1">        &lt;/div&gt; \</span>
-<span class="s1">      &lt;/div&gt; \</span>
-<span class="s1">      &lt;div class=&quot;recline-results-info&quot;&gt; \</span>
-<span class="s1">        &lt;span class=&quot;doc-count&quot;&gt;{{recordCount}}&lt;/span&gt; records\</span>
-<span class="s1">      &lt;/div&gt; \</span>
-<span class="s1">      &lt;div class=&quot;menu-right&quot;&gt; \</span>
-<span class="s1">        &lt;div class=&quot;btn-group&quot; data-toggle=&quot;buttons-checkbox&quot;&gt; \</span>
-<span class="s1">          {{#sidebarViews}} \</span>
-<span class="s1">          &lt;a href=&quot;#&quot; data-action=&quot;{{id}}&quot; class=&quot;btn&quot;&gt;{{label}}&lt;/a&gt; \</span>
-<span class="s1">          {{/sidebarViews}} \</span>
-<span class="s1">        &lt;/div&gt; \</span>
-<span class="s1">      &lt;/div&gt; \</span>
-<span class="s1">      &lt;div class=&quot;query-editor-here&quot; style=&quot;display:inline;&quot;&gt;&lt;/div&gt; \</span>
-<span class="s1">    &lt;/div&gt; \</span>
-<span class="s1">    &lt;div class=&quot;data-view-sidebar&quot;&gt;&lt;/div&gt; \</span>
-<span class="s1">    &lt;div class=&quot;data-view-container&quot;&gt;&lt;/div&gt; \</span>
-<span class="s1">  &lt;/div&gt; \</span>
-<span class="s1">  &#39;</span><span class="p">,</span>
-  <span class="nx">events</span><span class="o">:</span> <span class="p">{</span>
-    <span class="s1">&#39;click .menu-right a&#39;</span><span class="o">:</span> <span class="s1">&#39;_onMenuClick&#39;</span><span class="p">,</span>
-    <span class="s1">&#39;click .navigation a&#39;</span><span class="o">:</span> <span class="s1">&#39;_onSwitchView&#39;</span>
-  <span class="p">},</span>
+initialized the MultiView with the relevant views themselves.</p>
 
-  <span class="nx">initialize</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">options</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">_setupState</span><span class="p">(</span><span class="nx">options</span><span class="p">.</span><span class="nx">state</span><span class="p">);</span></pre></div>             </td>           </tr>                               <tr id="section-4">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-4">&#182;</a>               </div>               <p>Hash of 'page' views (i.e. those for whole page) keyed by page name</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">if</span> <span class="p">(</span><span class="nx">options</span><span class="p">.</span><span class="nx">views</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">pageViews</span> <span class="o">=</span> <span class="nx">options</span><span class="p">.</span><span class="nx">views</span><span class="p">;</span>
-    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">pageViews</span> <span class="o">=</span> <span class="p">[{</span>
-        <span class="nx">id</span><span class="o">:</span> <span class="s1">&#39;grid&#39;</span><span class="p">,</span>
-        <span class="nx">label</span><span class="o">:</span> <span class="s1">&#39;Grid&#39;</span><span class="p">,</span>
-        <span class="nx">view</span><span class="o">:</span> <span class="k">new</span> <span class="nx">my</span><span class="p">.</span><span class="nx">SlickGrid</span><span class="p">({</span>
-          <span class="nx">model</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">,</span>
-          <span class="nx">state</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;view-grid&#39;</span><span class="p">)</span>
-        <span class="p">})</span>
-      <span class="p">},</span> <span class="p">{</span>
-        <span class="nx">id</span><span class="o">:</span> <span class="s1">&#39;graph&#39;</span><span class="p">,</span>
-        <span class="nx">label</span><span class="o">:</span> <span class="s1">&#39;Graph&#39;</span><span class="p">,</span>
-        <span class="nx">view</span><span class="o">:</span> <span class="k">new</span> <span class="nx">my</span><span class="p">.</span><span class="nx">Graph</span><span class="p">({</span>
-          <span class="nx">model</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">,</span>
-          <span class="nx">state</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;view-graph&#39;</span><span class="p">)</span>
-        <span class="p">})</span>
-      <span class="p">},</span> <span class="p">{</span>
-        <span class="nx">id</span><span class="o">:</span> <span class="s1">&#39;map&#39;</span><span class="p">,</span>
-        <span class="nx">label</span><span class="o">:</span> <span class="s1">&#39;Map&#39;</span><span class="p">,</span>
-        <span class="nx">view</span><span class="o">:</span> <span class="k">new</span> <span class="nx">my</span><span class="p">.</span><span class="nx">Map</span><span class="p">({</span>
-          <span class="nx">model</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">,</span>
-          <span class="nx">state</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;view-map&#39;</span><span class="p">)</span>
-        <span class="p">})</span>
-      <span class="p">},</span> <span class="p">{</span>
-        <span class="nx">id</span><span class="o">:</span> <span class="s1">&#39;timeline&#39;</span><span class="p">,</span>
-        <span class="nx">label</span><span class="o">:</span> <span class="s1">&#39;Timeline&#39;</span><span class="p">,</span>
-        <span class="nx">view</span><span class="o">:</span> <span class="k">new</span> <span class="nx">my</span><span class="p">.</span><span class="nx">Timeline</span><span class="p">({</span>
-          <span class="nx">model</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">,</span>
-          <span class="nx">state</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;view-timeline&#39;</span><span class="p">)</span>
-        <span class="p">})</span>
-      <span class="p">}];</span>
-    <span class="p">}</span></pre></div>             </td>           </tr>                               <tr id="section-5">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-5">&#182;</a>               </div>               <p>Hashes of sidebar elements</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">if</span><span class="p">(</span><span class="nx">options</span><span class="p">.</span><span class="nx">sidebarViews</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">sidebarViews</span> <span class="o">=</span> <span class="nx">options</span><span class="p">.</span><span class="nx">sidebarViews</span><span class="p">;</span>
-    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">sidebarViews</span> <span class="o">=</span> <span class="p">[{</span>
-        <span class="nx">id</span><span class="o">:</span> <span class="s1">&#39;filterEditor&#39;</span><span class="p">,</span>
-        <span class="nx">label</span><span class="o">:</span> <span class="s1">&#39;Filters&#39;</span><span class="p">,</span>
-        <span class="nx">view</span><span class="o">:</span> <span class="k">new</span> <span class="nx">my</span><span class="p">.</span><span class="nx">FilterEditor</span><span class="p">({</span>
-          <span class="nx">model</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span>
-        <span class="p">})</span>
-      <span class="p">},</span> <span class="p">{</span>
-        <span class="nx">id</span><span class="o">:</span> <span class="s1">&#39;fieldsView&#39;</span><span class="p">,</span>
-        <span class="nx">label</span><span class="o">:</span> <span class="s1">&#39;Fields&#39;</span><span class="p">,</span>
-        <span class="nx">view</span><span class="o">:</span> <span class="k">new</span> <span class="nx">my</span><span class="p">.</span><span class="nx">Fields</span><span class="p">({</span>
-          <span class="nx">model</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span>
-        <span class="p">})</span>
-      <span class="p">}];</span>
-    <span class="p">}</span></pre></div>             </td>           </tr>                               <tr id="section-6">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-6">&#182;</a>               </div>               <p>these must be called after pageViews are created</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">this</span><span class="p">.</span><span class="nx">render</span><span class="p">();</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">_bindStateChanges</span><span class="p">();</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">_bindFlashNotifications</span><span class="p">();</span></pre></div>             </td>           </tr>                               <tr id="section-7">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-7">&#182;</a>               </div>               <p>now do updates based on state (need to come after render)</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;readOnly&#39;</span><span class="p">))</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">setReadOnly</span><span class="p">();</span>
-    <span class="p">}</span>
-    <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;currentView&#39;</span><span class="p">))</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">updateNav</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;currentView&#39;</span><span class="p">));</span>
-    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">updateNav</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">pageViews</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="nx">id</span><span class="p">);</span>
-    <span class="p">}</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">_showHideSidebar</span><span class="p">();</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>my.MultiView = Backbone.View.extend({
+  template: <span class="hljs-string">' \
+  &lt;div class="recline-data-explorer"&gt; \
+    &lt;div class="alert-messages"&gt;&lt;/div&gt; \
+    \
+    &lt;div class="header clearfix"&gt; \
+      &lt;div class="navigation"&gt; \
+        &lt;div class="btn-group" data-toggle="buttons-radio"&gt; \
+        {{#views}} \
+        &lt;button href="#{{id}}" data-view="{{id}}" class="btn btn-default"&gt;{{label}}&lt;/button&gt; \
+        {{/views}} \
+        &lt;/div&gt; \
+      &lt;/div&gt; \
+      &lt;div class="recline-results-info"&gt; \
+        &lt;span class="doc-count"&gt;{{recordCount}}&lt;/span&gt; records\
+      &lt;/div&gt; \
+      &lt;div class="menu-right"&gt; \
+        &lt;div class="btn-group" data-toggle="buttons-checkbox"&gt; \
+          {{#sidebarViews}} \
+          &lt;button href="#" data-action="{{id}}" class="btn btn-default"&gt;{{label}}&lt;/button&gt; \
+          {{/sidebarViews}} \
+        &lt;/div&gt; \
+      &lt;/div&gt; \
+      &lt;div class="query-editor-here" style="display:inline;"&gt;&lt;/div&gt; \
+    &lt;/div&gt; \
+    &lt;div class="data-view-sidebar"&gt;&lt;/div&gt; \
+    &lt;div class="data-view-container"&gt;&lt;/div&gt; \
+  &lt;/div&gt; \
+  '</span>,
+  events: {
+    <span class="hljs-string">'click .menu-right button'</span>: <span class="hljs-string">'_onMenuClick'</span>,
+    <span class="hljs-string">'click .navigation button'</span>: <span class="hljs-string">'_onSwitchView'</span>
+  },
 
-    <span class="k">this</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">,</span> <span class="s1">&#39;query:start&#39;</span><span class="p">,</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-      <span class="nx">self</span><span class="p">.</span><span class="nx">notify</span><span class="p">({</span><span class="nx">loader</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span> <span class="nx">persist</span><span class="o">:</span> <span class="kc">true</span><span class="p">});</span>
-    <span class="p">});</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">,</span> <span class="s1">&#39;query:done&#39;</span><span class="p">,</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-      <span class="nx">self</span><span class="p">.</span><span class="nx">clearNotifications</span><span class="p">();</span>
-      <span class="nx">self</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.doc-count&#39;</span><span class="p">).</span><span class="nx">text</span><span class="p">(</span><span class="nx">self</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">recordCount</span> <span class="o">||</span> <span class="s1">&#39;Unknown&#39;</span><span class="p">);</span>
-    <span class="p">});</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">,</span> <span class="s1">&#39;query:fail&#39;</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">error</span><span class="p">)</span> <span class="p">{</span>
-      <span class="nx">self</span><span class="p">.</span><span class="nx">clearNotifications</span><span class="p">();</span>
-      <span class="kd">var</span> <span class="nx">msg</span> <span class="o">=</span> <span class="s1">&#39;&#39;</span><span class="p">;</span>
-      <span class="k">if</span> <span class="p">(</span><span class="k">typeof</span><span class="p">(</span><span class="nx">error</span><span class="p">)</span> <span class="o">==</span> <span class="s1">&#39;string&#39;</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">msg</span> <span class="o">=</span> <span class="nx">error</span><span class="p">;</span>
-      <span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="k">typeof</span><span class="p">(</span><span class="nx">error</span><span class="p">)</span> <span class="o">==</span> <span class="s1">&#39;object&#39;</span><span class="p">)</span> <span class="p">{</span>
-        <span class="k">if</span> <span class="p">(</span><span class="nx">error</span><span class="p">.</span><span class="nx">title</span><span class="p">)</span> <span class="p">{</span>
-          <span class="nx">msg</span> <span class="o">=</span> <span class="nx">error</span><span class="p">.</span><span class="nx">title</span> <span class="o">+</span> <span class="s1">&#39;: &#39;</span><span class="p">;</span>
-        <span class="p">}</span>
-        <span class="k">if</span> <span class="p">(</span><span class="nx">error</span><span class="p">.</span><span class="nx">message</span><span class="p">)</span> <span class="p">{</span>
-          <span class="nx">msg</span> <span class="o">+=</span> <span class="nx">error</span><span class="p">.</span><span class="nx">message</span><span class="p">;</span>
-        <span class="p">}</span>
-      <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-        <span class="nx">msg</span> <span class="o">=</span> <span class="s1">&#39;There was an error querying the backend&#39;</span><span class="p">;</span>
-      <span class="p">}</span>
-      <span class="nx">self</span><span class="p">.</span><span class="nx">notify</span><span class="p">({</span><span class="nx">message</span><span class="o">:</span> <span class="nx">msg</span><span class="p">,</span> <span class="nx">category</span><span class="o">:</span> <span class="s1">&#39;error&#39;</span><span class="p">,</span> <span class="nx">persist</span><span class="o">:</span> <span class="kc">true</span><span class="p">});</span>
-    <span class="p">});</span></pre></div>             </td>           </tr>                               <tr id="section-8">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-8">&#182;</a>               </div>               <p>retrieve basic data like fields etc
+  initialize: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(options)</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    <span class="hljs-keyword">this</span>._setupState(options.state);</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-4">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-4">&#182;</a>
+              </div>
+              <p>Hash of ‘page’ views (i.e. those for whole page) keyed by page name</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">if</span> (options.views) {
+      <span class="hljs-keyword">this</span>.pageViews = options.views;
+    } <span class="hljs-keyword">else</span> {
+      <span class="hljs-keyword">this</span>.pageViews = [{
+        id: <span class="hljs-string">'grid'</span>,
+        label: <span class="hljs-string">'Grid'</span>,
+        view: <span class="hljs-keyword">new</span> my.SlickGrid({
+          model: <span class="hljs-keyword">this</span>.model,
+          state: <span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'view-grid'</span>)
+        })
+      }, {
+        id: <span class="hljs-string">'graph'</span>,
+        label: <span class="hljs-string">'Graph'</span>,
+        view: <span class="hljs-keyword">new</span> my.Graph({
+          model: <span class="hljs-keyword">this</span>.model,
+          state: <span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'view-graph'</span>)
+        })
+      }, {
+        id: <span class="hljs-string">'map'</span>,
+        label: <span class="hljs-string">'Map'</span>,
+        view: <span class="hljs-keyword">new</span> my.Map({
+          model: <span class="hljs-keyword">this</span>.model,
+          state: <span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'view-map'</span>)
+        })
+      }, {
+        id: <span class="hljs-string">'timeline'</span>,
+        label: <span class="hljs-string">'Timeline'</span>,
+        view: <span class="hljs-keyword">new</span> my.Timeline({
+          model: <span class="hljs-keyword">this</span>.model,
+          state: <span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'view-timeline'</span>)
+        })
+      }];
+    }</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-5">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-5">&#182;</a>
+              </div>
+              <p>Hashes of sidebar elements</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">if</span>(options.sidebarViews) {
+      <span class="hljs-keyword">this</span>.sidebarViews = options.sidebarViews;
+    } <span class="hljs-keyword">else</span> {
+      <span class="hljs-keyword">this</span>.sidebarViews = [{
+        id: <span class="hljs-string">'filterEditor'</span>,
+        label: <span class="hljs-string">'Filters'</span>,
+        view: <span class="hljs-keyword">new</span> my.FilterEditor({
+          model: <span class="hljs-keyword">this</span>.model
+        })
+      }, {
+        id: <span class="hljs-string">'fieldsView'</span>,
+        label: <span class="hljs-string">'Fields'</span>,
+        view: <span class="hljs-keyword">new</span> my.Fields({
+          model: <span class="hljs-keyword">this</span>.model
+        })
+      }];
+    }</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-6">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-6">&#182;</a>
+              </div>
+              <p>these must be called after pageViews are created</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">this</span>.render();
+    <span class="hljs-keyword">this</span>._bindStateChanges();
+    <span class="hljs-keyword">this</span>._bindFlashNotifications();</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-7">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-7">&#182;</a>
+              </div>
+              <p>now do updates based on state (need to come after render)</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'readOnly'</span>)) {
+      <span class="hljs-keyword">this</span>.setReadOnly();
+    }
+    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'currentView'</span>)) {
+      <span class="hljs-keyword">this</span>.updateNav(<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'currentView'</span>));
+    } <span class="hljs-keyword">else</span> {
+      <span class="hljs-keyword">this</span>.updateNav(<span class="hljs-keyword">this</span>.pageViews[<span class="hljs-number">0</span>].id);
+    }
+    <span class="hljs-keyword">this</span>._showHideSidebar();
+
+    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.model, <span class="hljs-string">'query:start'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+      self.notify({loader: <span class="hljs-literal">true</span>, persist: <span class="hljs-literal">true</span>});
+    });
+    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.model, <span class="hljs-string">'query:done'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+      self.clearNotifications();
+      self.$el.find(<span class="hljs-string">'.doc-count'</span>).text(self.model.recordCount || <span class="hljs-string">'Unknown'</span>);
+    });
+    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.model, <span class="hljs-string">'query:fail'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(error)</span> </span>{
+      self.clearNotifications();
+      <span class="hljs-keyword">var</span> msg = <span class="hljs-string">''</span>;
+      <span class="hljs-keyword">if</span> (<span class="hljs-keyword">typeof</span>(error) == <span class="hljs-string">'string'</span>) {
+        msg = error;
+      } <span class="hljs-keyword">else</span> <span class="hljs-keyword">if</span> (<span class="hljs-keyword">typeof</span>(error) == <span class="hljs-string">'object'</span>) {
+        <span class="hljs-keyword">if</span> (error.title) {
+          msg = error.title + <span class="hljs-string">': '</span>;
+        }
+        <span class="hljs-keyword">if</span> (error.message) {
+          msg += error.message;
+        }
+      } <span class="hljs-keyword">else</span> {
+        msg = <span class="hljs-string">'There was an error querying the backend'</span>;
+      }
+      self.notify({message: msg, category: <span class="hljs-string">'error'</span>, persist: <span class="hljs-literal">true</span>});
+    });</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-8">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-8">&#182;</a>
+              </div>
+              <p>retrieve basic data like fields etc
 note this.model and dataset returned are the same
-TODO: set query state ...?</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">queryState</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="nx">self</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;query&#39;</span><span class="p">),</span> <span class="p">{</span><span class="nx">silent</span><span class="o">:</span> <span class="kc">true</span><span class="p">});</span>
-  <span class="p">},</span>
+TODO: set query state …?</p>
 
-  <span class="nx">setReadOnly</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">addClass</span><span class="p">(</span><span class="s1">&#39;recline-read-only&#39;</span><span class="p">);</span>
-  <span class="p">},</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">this</span>.model.queryState.set(self.state.get(<span class="hljs-string">'query'</span>), {silent: <span class="hljs-literal">true</span>});
+  },
 
-  <span class="nx">render</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">tmplData</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">toTemplateJSON</span><span class="p">();</span>
-    <span class="nx">tmplData</span><span class="p">.</span><span class="nx">views</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">pageViews</span><span class="p">;</span>
-    <span class="nx">tmplData</span><span class="p">.</span><span class="nx">sidebarViews</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">sidebarViews</span><span class="p">;</span>
-    <span class="kd">var</span> <span class="nx">template</span> <span class="o">=</span> <span class="nx">Mustache</span><span class="p">.</span><span class="nx">render</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">template</span><span class="p">,</span> <span class="nx">tmplData</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">html</span><span class="p">(</span><span class="nx">template</span><span class="p">);</span></pre></div>             </td>           </tr>                               <tr id="section-9">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-9">&#182;</a>               </div>               <p>now create and append other views</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="kd">var</span> <span class="nx">$dataViewContainer</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.data-view-container&#39;</span><span class="p">);</span>
-    <span class="kd">var</span> <span class="nx">$dataSidebar</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.data-view-sidebar&#39;</span><span class="p">);</span></pre></div>             </td>           </tr>                               <tr id="section-10">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-10">&#182;</a>               </div>               <p>the main views</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="nx">_</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">pageViews</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">view</span><span class="p">,</span> <span class="nx">pageName</span><span class="p">)</span> <span class="p">{</span>
-      <span class="nx">view</span><span class="p">.</span><span class="nx">view</span><span class="p">.</span><span class="nx">render</span><span class="p">();</span>
-      <span class="nx">$dataViewContainer</span><span class="p">.</span><span class="nx">append</span><span class="p">(</span><span class="nx">view</span><span class="p">.</span><span class="nx">view</span><span class="p">.</span><span class="nx">el</span><span class="p">);</span>
-      <span class="k">if</span> <span class="p">(</span><span class="nx">view</span><span class="p">.</span><span class="nx">view</span><span class="p">.</span><span class="nx">elSidebar</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">$dataSidebar</span><span class="p">.</span><span class="nx">append</span><span class="p">(</span><span class="nx">view</span><span class="p">.</span><span class="nx">view</span><span class="p">.</span><span class="nx">elSidebar</span><span class="p">);</span>
-      <span class="p">}</span>
-    <span class="p">});</span>
+  setReadOnly: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">this</span>.$el.addClass(<span class="hljs-string">'recline-read-only'</span>);
+  },
 
-    <span class="nx">_</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">sidebarViews</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">view</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">[</span><span class="s1">&#39;$&#39;</span><span class="o">+</span><span class="nx">view</span><span class="p">.</span><span class="nx">id</span><span class="p">]</span> <span class="o">=</span> <span class="nx">view</span><span class="p">.</span><span class="nx">view</span><span class="p">.</span><span class="nx">$el</span><span class="p">;</span>
-      <span class="nx">$dataSidebar</span><span class="p">.</span><span class="nx">append</span><span class="p">(</span><span class="nx">view</span><span class="p">.</span><span class="nx">view</span><span class="p">.</span><span class="nx">el</span><span class="p">);</span>
-    <span class="p">},</span> <span class="k">this</span><span class="p">);</span>
+  render: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> tmplData = <span class="hljs-keyword">this</span>.model.toTemplateJSON();
+    tmplData.views = <span class="hljs-keyword">this</span>.pageViews;
+    tmplData.sidebarViews = <span class="hljs-keyword">this</span>.sidebarViews;
+    <span class="hljs-keyword">var</span> template = Mustache.render(<span class="hljs-keyword">this</span>.template, tmplData);
+    <span class="hljs-keyword">this</span>.$el.html(template);</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-9">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-9">&#182;</a>
+              </div>
+              <p>now create and append other views</p>
 
-    <span class="k">this</span><span class="p">.</span><span class="nx">pager</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">recline</span><span class="p">.</span><span class="nx">View</span><span class="p">.</span><span class="nx">Pager</span><span class="p">({</span>
-      <span class="nx">model</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span>
-    <span class="p">});</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.recline-results-info&#39;</span><span class="p">).</span><span class="nx">after</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">pager</span><span class="p">.</span><span class="nx">el</span><span class="p">);</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">var</span> $dataViewContainer = <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'.data-view-container'</span>);
+    <span class="hljs-keyword">var</span> $dataSidebar = <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'.data-view-sidebar'</span>);</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-10">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-10">&#182;</a>
+              </div>
+              <p>the main views</p>
 
-    <span class="k">this</span><span class="p">.</span><span class="nx">queryEditor</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">recline</span><span class="p">.</span><span class="nx">View</span><span class="p">.</span><span class="nx">QueryEditor</span><span class="p">({</span>
-      <span class="nx">model</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">queryState</span>
-    <span class="p">});</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.query-editor-here&#39;</span><span class="p">).</span><span class="nx">append</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">queryEditor</span><span class="p">.</span><span class="nx">el</span><span class="p">);</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    _.each(<span class="hljs-keyword">this</span>.pageViews, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(view, pageName)</span> </span>{
+      view.view.render();
+      <span class="hljs-keyword">if</span> (view.view.redraw) {
+        view.view.redraw();
+      }
+      $dataViewContainer.append(view.view.el);
+      <span class="hljs-keyword">if</span> (view.view.elSidebar) {
+        $dataSidebar.append(view.view.elSidebar);
+      }
+    });
 
-  <span class="p">},</span>
+    _.each(<span class="hljs-keyword">this</span>.sidebarViews, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(view)</span> </span>{
+      <span class="hljs-keyword">this</span>[<span class="hljs-string">'$'</span>+view.id] = view.view.$el;
+      $dataSidebar.append(view.view.el);
+    }, <span class="hljs-keyword">this</span>);
 
-  <span class="nx">remove</span><span class="o">:</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span>
-    <span class="nx">_</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">pageViews</span><span class="p">,</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">view</span><span class="p">)</span> <span class="p">{</span>
-      <span class="nx">view</span><span class="p">.</span><span class="nx">view</span><span class="p">.</span><span class="nx">remove</span><span class="p">();</span>
-    <span class="p">});</span>
-    <span class="nx">_</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">sidebarViews</span><span class="p">,</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">view</span><span class="p">)</span> <span class="p">{</span>
-      <span class="nx">view</span><span class="p">.</span><span class="nx">view</span><span class="p">.</span><span class="nx">remove</span><span class="p">();</span>
-    <span class="p">});</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">pager</span><span class="p">.</span><span class="nx">remove</span><span class="p">();</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">queryEditor</span><span class="p">.</span><span class="nx">remove</span><span class="p">();</span>
-    <span class="nx">Backbone</span><span class="p">.</span><span class="nx">View</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">remove</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="nx">arguments</span><span class="p">);</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-11">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-11">&#182;</a>               </div>               <p>hide the sidebar if empty</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">_showHideSidebar</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">$dataSidebar</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.data-view-sidebar&#39;</span><span class="p">);</span>
-    <span class="kd">var</span> <span class="nx">visibleChildren</span> <span class="o">=</span> <span class="nx">$dataSidebar</span><span class="p">.</span><span class="nx">children</span><span class="p">().</span><span class="nx">filter</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-      <span class="k">return</span> <span class="nx">$</span><span class="p">(</span><span class="k">this</span><span class="p">).</span><span class="nx">css</span><span class="p">(</span><span class="s2">&quot;display&quot;</span><span class="p">)</span> <span class="o">!=</span> <span class="s2">&quot;none&quot;</span><span class="p">;</span>
-    <span class="p">}).</span><span class="nx">length</span><span class="p">;</span>
+    <span class="hljs-keyword">this</span>.pager = <span class="hljs-keyword">new</span> recline.View.Pager({
+      model: <span class="hljs-keyword">this</span>.model
+    });
+    <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'.recline-results-info'</span>).after(<span class="hljs-keyword">this</span>.pager.el);
 
-    <span class="k">if</span> <span class="p">(</span><span class="nx">visibleChildren</span> <span class="o">&gt;</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span>
-      <span class="nx">$dataSidebar</span><span class="p">.</span><span class="nx">show</span><span class="p">();</span>
-    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-      <span class="nx">$dataSidebar</span><span class="p">.</span><span class="nx">hide</span><span class="p">();</span>
-    <span class="p">}</span>
-  <span class="p">},</span>
+    <span class="hljs-keyword">this</span>.queryEditor = <span class="hljs-keyword">new</span> recline.View.QueryEditor({
+      model: <span class="hljs-keyword">this</span>.model.queryState
+    });
+    <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'.query-editor-here'</span>).append(<span class="hljs-keyword">this</span>.queryEditor.el);
 
-  <span class="nx">updateNav</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">pageName</span><span class="p">)</span> <span class="p">{</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.navigation a&#39;</span><span class="p">).</span><span class="nx">removeClass</span><span class="p">(</span><span class="s1">&#39;active&#39;</span><span class="p">);</span>
-    <span class="kd">var</span> <span class="nx">$el</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.navigation a[data-view=&quot;&#39;</span> <span class="o">+</span> <span class="nx">pageName</span> <span class="o">+</span> <span class="s1">&#39;&quot;]&#39;</span><span class="p">);</span>
-    <span class="nx">$el</span><span class="p">.</span><span class="nx">addClass</span><span class="p">(</span><span class="s1">&#39;active&#39;</span><span class="p">);</span></pre></div>             </td>           </tr>                               <tr id="section-12">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-12">&#182;</a>               </div>               <p>add/remove sidebars and hide inactive views</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="nx">_</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">pageViews</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">view</span><span class="p">,</span> <span class="nx">idx</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">if</span> <span class="p">(</span><span class="nx">view</span><span class="p">.</span><span class="nx">id</span> <span class="o">===</span> <span class="nx">pageName</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">view</span><span class="p">.</span><span class="nx">view</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">show</span><span class="p">();</span>
-        <span class="k">if</span> <span class="p">(</span><span class="nx">view</span><span class="p">.</span><span class="nx">view</span><span class="p">.</span><span class="nx">elSidebar</span><span class="p">)</span> <span class="p">{</span>
-          <span class="nx">view</span><span class="p">.</span><span class="nx">view</span><span class="p">.</span><span class="nx">elSidebar</span><span class="p">.</span><span class="nx">show</span><span class="p">();</span>
-        <span class="p">}</span>
-      <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-        <span class="nx">view</span><span class="p">.</span><span class="nx">view</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">hide</span><span class="p">();</span>
-        <span class="k">if</span> <span class="p">(</span><span class="nx">view</span><span class="p">.</span><span class="nx">view</span><span class="p">.</span><span class="nx">elSidebar</span><span class="p">)</span> <span class="p">{</span>
-          <span class="nx">view</span><span class="p">.</span><span class="nx">view</span><span class="p">.</span><span class="nx">elSidebar</span><span class="p">.</span><span class="nx">hide</span><span class="p">();</span>
-        <span class="p">}</span>
-        <span class="k">if</span> <span class="p">(</span><span class="nx">view</span><span class="p">.</span><span class="nx">view</span><span class="p">.</span><span class="nx">hide</span><span class="p">)</span> <span class="p">{</span>
-          <span class="nx">view</span><span class="p">.</span><span class="nx">view</span><span class="p">.</span><span class="nx">hide</span><span class="p">();</span>
-        <span class="p">}</span>
-      <span class="p">}</span>
-    <span class="p">});</span>
+  },
 
-    <span class="k">this</span><span class="p">.</span><span class="nx">_showHideSidebar</span><span class="p">();</span></pre></div>             </td>           </tr>                               <tr id="section-13">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-13">&#182;</a>               </div>               <p>call view.view.show after sidebar visibility has been determined so
-that views can correctly calculate their maximum width</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="nx">_</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">pageViews</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">view</span><span class="p">,</span> <span class="nx">idx</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">if</span> <span class="p">(</span><span class="nx">view</span><span class="p">.</span><span class="nx">id</span> <span class="o">===</span> <span class="nx">pageName</span><span class="p">)</span> <span class="p">{</span>
-        <span class="k">if</span> <span class="p">(</span><span class="nx">view</span><span class="p">.</span><span class="nx">view</span><span class="p">.</span><span class="nx">show</span><span class="p">)</span> <span class="p">{</span>
-          <span class="nx">view</span><span class="p">.</span><span class="nx">view</span><span class="p">.</span><span class="nx">show</span><span class="p">();</span>
-        <span class="p">}</span>
-      <span class="p">}</span>
-    <span class="p">});</span>
-  <span class="p">},</span>
+  remove: <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">()</span> </span>{
+    _.each(<span class="hljs-keyword">this</span>.pageViews, <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(view)</span> </span>{
+      view.view.remove();
+    });
+    _.each(<span class="hljs-keyword">this</span>.sidebarViews, <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(view)</span> </span>{
+      view.view.remove();
+    });
+    <span class="hljs-keyword">this</span>.pager.remove();
+    <span class="hljs-keyword">this</span>.queryEditor.remove();
+    Backbone.View.prototype.remove.apply(<span class="hljs-keyword">this</span>, <span class="hljs-built_in">arguments</span>);
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-11">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-11">&#182;</a>
+              </div>
+              <p>hide the sidebar if empty</p>
 
-  <span class="nx">_onMenuClick</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span>
-    <span class="nx">e</span><span class="p">.</span><span class="nx">preventDefault</span><span class="p">();</span>
-    <span class="kd">var</span> <span class="nx">action</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="nx">e</span><span class="p">.</span><span class="nx">target</span><span class="p">).</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;data-action&#39;</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">[</span><span class="s1">&#39;$&#39;</span><span class="o">+</span><span class="nx">action</span><span class="p">].</span><span class="nx">toggle</span><span class="p">();</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">_showHideSidebar</span><span class="p">();</span>
-  <span class="p">},</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  _showHideSidebar: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> $dataSidebar = <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'.data-view-sidebar'</span>);
+    <span class="hljs-keyword">var</span> visibleChildren = $dataSidebar.children().filter(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+      <span class="hljs-keyword">return</span> $(<span class="hljs-keyword">this</span>).css(<span class="hljs-string">"display"</span>) != <span class="hljs-string">"none"</span>;
+    }).length;
 
-  <span class="nx">_onSwitchView</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span>
-    <span class="nx">e</span><span class="p">.</span><span class="nx">preventDefault</span><span class="p">();</span>
-    <span class="kd">var</span> <span class="nx">viewName</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="nx">e</span><span class="p">.</span><span class="nx">target</span><span class="p">).</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;data-view&#39;</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">updateNav</span><span class="p">(</span><span class="nx">viewName</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">set</span><span class="p">({</span><span class="nx">currentView</span><span class="o">:</span> <span class="nx">viewName</span><span class="p">});</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-14">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-14">&#182;</a>               </div>               <p>create a state object for this view and do the job of</p>
+    <span class="hljs-keyword">if</span> (visibleChildren &gt; <span class="hljs-number">0</span>) {
+      $dataSidebar.show();
+    } <span class="hljs-keyword">else</span> {
+      $dataSidebar.hide();
+    }
+  },
 
+  updateNav: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(pageName)</span> </span>{
+    <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'.navigation button'</span>).removeClass(<span class="hljs-string">'active'</span>);
+    <span class="hljs-keyword">var</span> $el = <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'.navigation button[data-view="'</span> + pageName + <span class="hljs-string">'"]'</span>);
+    $el.addClass(<span class="hljs-string">'active'</span>);</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-12">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-12">&#182;</a>
+              </div>
+              <p>add/remove sidebars and hide inactive views</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    _.each(<span class="hljs-keyword">this</span>.pageViews, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(view, idx)</span> </span>{
+      <span class="hljs-keyword">if</span> (view.id === pageName) {
+        view.view.$el.show();
+        <span class="hljs-keyword">if</span> (view.view.elSidebar) {
+          view.view.elSidebar.show();
+        }
+      } <span class="hljs-keyword">else</span> {
+        view.view.$el.hide();
+        <span class="hljs-keyword">if</span> (view.view.elSidebar) {
+          view.view.elSidebar.hide();
+        }
+        <span class="hljs-keyword">if</span> (view.view.hide) {
+          view.view.hide();
+        }
+      }
+    });
+
+    <span class="hljs-keyword">this</span>._showHideSidebar();</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-13">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-13">&#182;</a>
+              </div>
+              <p>call view.view.show after sidebar visibility has been determined so
+that views can correctly calculate their maximum width</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    _.each(<span class="hljs-keyword">this</span>.pageViews, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(view, idx)</span> </span>{
+      <span class="hljs-keyword">if</span> (view.id === pageName) {
+        <span class="hljs-keyword">if</span> (view.view.show) {
+          view.view.show();
+        }
+      }
+    });
+  },
+
+  _onMenuClick: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span> </span>{
+    e.preventDefault();
+    <span class="hljs-keyword">var</span> action = $(e.target).attr(<span class="hljs-string">'data-action'</span>);
+    <span class="hljs-keyword">this</span>[<span class="hljs-string">'$'</span>+action].toggle();
+    <span class="hljs-keyword">this</span>._showHideSidebar();
+  },
+
+  _onSwitchView: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span> </span>{
+    e.preventDefault();
+    <span class="hljs-keyword">var</span> viewName = $(e.target).attr(<span class="hljs-string">'data-view'</span>);
+    <span class="hljs-keyword">this</span>.updateNav(viewName);
+    <span class="hljs-keyword">this</span>.state.set({currentView: viewName});
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-14">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-14">&#182;</a>
+              </div>
+              <p>create a state object for this view and do the job of</p>
 <p>a) initializing it from both data passed in and other sources (e.g. hash url)</p>
+<p>b) ensure the state object is updated in responese to changes in subviews, query etc.</p>
 
-<p>b) ensure the state object is updated in responese to changes in subviews, query etc.</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">_setupState</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">initialState</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span></pre></div>             </td>           </tr>                               <tr id="section-15">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-15">&#182;</a>               </div>               <p>get data from the query string / hash url plus some defaults</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="kd">var</span> <span class="nx">qs</span> <span class="o">=</span> <span class="nx">my</span><span class="p">.</span><span class="nx">parseHashQueryString</span><span class="p">();</span>
-    <span class="kd">var</span> <span class="nx">query</span> <span class="o">=</span> <span class="nx">qs</span><span class="p">.</span><span class="nx">reclineQuery</span><span class="p">;</span>
-    <span class="nx">query</span> <span class="o">=</span> <span class="nx">query</span> <span class="o">?</span> <span class="nx">JSON</span><span class="p">.</span><span class="nx">parse</span><span class="p">(</span><span class="nx">query</span><span class="p">)</span> <span class="o">:</span> <span class="nx">self</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">queryState</span><span class="p">.</span><span class="nx">toJSON</span><span class="p">();</span></pre></div>             </td>           </tr>                               <tr id="section-16">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-16">&#182;</a>               </div>               <p>backwards compatability (now named view-graph but was named graph)</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="kd">var</span> <span class="nx">graphState</span> <span class="o">=</span> <span class="nx">qs</span><span class="p">[</span><span class="s1">&#39;view-graph&#39;</span><span class="p">]</span> <span class="o">||</span> <span class="nx">qs</span><span class="p">.</span><span class="nx">graph</span><span class="p">;</span>
-    <span class="nx">graphState</span> <span class="o">=</span> <span class="nx">graphState</span> <span class="o">?</span> <span class="nx">JSON</span><span class="p">.</span><span class="nx">parse</span><span class="p">(</span><span class="nx">graphState</span><span class="p">)</span> <span class="o">:</span> <span class="p">{};</span></pre></div>             </td>           </tr>                               <tr id="section-17">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-17">&#182;</a>               </div>               <p>now get default data + hash url plus initial state and initial our state object with it</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="kd">var</span> <span class="nx">stateData</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-        <span class="nx">query</span><span class="o">:</span> <span class="nx">query</span><span class="p">,</span>
-        <span class="s1">&#39;view-graph&#39;</span><span class="o">:</span> <span class="nx">graphState</span><span class="p">,</span>
-        <span class="nx">backend</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">backend</span><span class="p">.</span><span class="nx">__type__</span><span class="p">,</span>
-        <span class="nx">url</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;url&#39;</span><span class="p">),</span>
-        <span class="nx">dataset</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">toJSON</span><span class="p">(),</span>
-        <span class="nx">currentView</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
-        <span class="nx">readOnly</span><span class="o">:</span> <span class="kc">false</span>
-      <span class="p">},</span>
-      <span class="nx">initialState</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">state</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">recline</span><span class="p">.</span><span class="nx">Model</span><span class="p">.</span><span class="nx">ObjectState</span><span class="p">(</span><span class="nx">stateData</span><span class="p">);</span>
-  <span class="p">},</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  _setupState: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(initialState)</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-15">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-15">&#182;</a>
+              </div>
+              <p>get data from the query string / hash url plus some defaults</p>
 
-  <span class="nx">_bindStateChanges</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span></pre></div>             </td>           </tr>                               <tr id="section-18">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-18">&#182;</a>               </div>               <p>finally ensure we update our state object when state of sub-object changes so that state is always up to date</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">this</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">queryState</span><span class="p">,</span> <span class="s1">&#39;change&#39;</span><span class="p">,</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-      <span class="nx">self</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">set</span><span class="p">({</span><span class="nx">query</span><span class="o">:</span> <span class="nx">self</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">queryState</span><span class="p">.</span><span class="nx">toJSON</span><span class="p">()});</span>
-    <span class="p">});</span>
-    <span class="nx">_</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">pageViews</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">pageView</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">if</span> <span class="p">(</span><span class="nx">pageView</span><span class="p">.</span><span class="nx">view</span><span class="p">.</span><span class="nx">state</span> <span class="o">&amp;&amp;</span> <span class="nx">pageView</span><span class="p">.</span><span class="nx">view</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">bind</span><span class="p">)</span> <span class="p">{</span>
-        <span class="kd">var</span> <span class="nx">update</span> <span class="o">=</span> <span class="p">{};</span>
-        <span class="nx">update</span><span class="p">[</span><span class="s1">&#39;view-&#39;</span> <span class="o">+</span> <span class="nx">pageView</span><span class="p">.</span><span class="nx">id</span><span class="p">]</span> <span class="o">=</span> <span class="nx">pageView</span><span class="p">.</span><span class="nx">view</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">toJSON</span><span class="p">();</span>
-        <span class="nx">self</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="nx">update</span><span class="p">);</span>
-        <span class="nx">self</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="nx">pageView</span><span class="p">.</span><span class="nx">view</span><span class="p">.</span><span class="nx">state</span><span class="p">,</span> <span class="s1">&#39;change&#39;</span><span class="p">,</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-          <span class="kd">var</span> <span class="nx">update</span> <span class="o">=</span> <span class="p">{};</span>
-          <span class="nx">update</span><span class="p">[</span><span class="s1">&#39;view-&#39;</span> <span class="o">+</span> <span class="nx">pageView</span><span class="p">.</span><span class="nx">id</span><span class="p">]</span> <span class="o">=</span> <span class="nx">pageView</span><span class="p">.</span><span class="nx">view</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">toJSON</span><span class="p">();</span></pre></div>             </td>           </tr>                               <tr id="section-19">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-19">&#182;</a>               </div>               <p>had problems where change not being triggered for e.g. grid view so let's do it explicitly</p>             </td>             <td class="code">               <div class="highlight"><pre>          <span class="nx">self</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="nx">update</span><span class="p">,</span> <span class="p">{</span><span class="nx">silent</span><span class="o">:</span> <span class="kc">true</span><span class="p">});</span>
-          <span class="nx">self</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">trigger</span><span class="p">(</span><span class="s1">&#39;change&#39;</span><span class="p">);</span>
-        <span class="p">});</span>
-      <span class="p">}</span>
-    <span class="p">});</span>
-  <span class="p">},</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">var</span> qs = my.parseHashQueryString();
+    <span class="hljs-keyword">var</span> query = qs.reclineQuery;
+    query = query ? <span class="hljs-built_in">JSON</span>.parse(query) : self.model.queryState.toJSON();</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-16">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-16">&#182;</a>
+              </div>
+              <p>backwards compatability (now named view-graph but was named graph)</p>
 
-  <span class="nx">_bindFlashNotifications</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="nx">_</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">pageViews</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">pageView</span><span class="p">)</span> <span class="p">{</span>
-      <span class="nx">self</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="nx">pageView</span><span class="p">.</span><span class="nx">view</span><span class="p">,</span> <span class="s1">&#39;recline:flash&#39;</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">flash</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">self</span><span class="p">.</span><span class="nx">notify</span><span class="p">(</span><span class="nx">flash</span><span class="p">);</span>
-      <span class="p">});</span>
-    <span class="p">});</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-20">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-20">&#182;</a>               </div>               <h3>notify</h3>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">var</span> graphState = qs[<span class="hljs-string">'view-graph'</span>] || qs.graph;
+    graphState = graphState ? <span class="hljs-built_in">JSON</span>.parse(graphState) : {};</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-17">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-17">&#182;</a>
+              </div>
+              <p>now get default data + hash url plus initial state and initial our state object with it</p>
 
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">var</span> stateData = _.extend({
+        query: query,
+        <span class="hljs-string">'view-graph'</span>: graphState,
+        backend: <span class="hljs-keyword">this</span>.model.backend.__type__,
+        url: <span class="hljs-keyword">this</span>.model.get(<span class="hljs-string">'url'</span>),
+        dataset: <span class="hljs-keyword">this</span>.model.toJSON(),
+        currentView: <span class="hljs-literal">null</span>,
+        readOnly: <span class="hljs-literal">false</span>
+      },
+      initialState);
+    <span class="hljs-keyword">this</span>.state = <span class="hljs-keyword">new</span> recline.Model.ObjectState(stateData);
+  },
+
+  _bindStateChanges: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-18">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-18">&#182;</a>
+              </div>
+              <p>finally ensure we update our state object when state of sub-object changes so that state is always up to date</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.model.queryState, <span class="hljs-string">'change'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+      self.state.set({query: self.model.queryState.toJSON()});
+    });
+    _.each(<span class="hljs-keyword">this</span>.pageViews, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(pageView)</span> </span>{
+      <span class="hljs-keyword">if</span> (pageView.view.state &amp;&amp; pageView.view.state.bind) {
+        <span class="hljs-keyword">var</span> update = {};
+        update[<span class="hljs-string">'view-'</span> + pageView.id] = pageView.view.state.toJSON();
+        self.state.set(update);
+        self.listenTo(pageView.view.state, <span class="hljs-string">'change'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+          <span class="hljs-keyword">var</span> update = {};
+          update[<span class="hljs-string">'view-'</span> + pageView.id] = pageView.view.state.toJSON();</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-19">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-19">&#182;</a>
+              </div>
+              <p>had problems where change not being triggered for e.g. grid view so let’s do it explicitly</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>          self.state.set(update, {silent: <span class="hljs-literal">true</span>});
+          self.state.trigger(<span class="hljs-string">'change'</span>);
+        });
+      }
+    });
+  },
+
+  _bindFlashNotifications: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    _.each(<span class="hljs-keyword">this</span>.pageViews, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(pageView)</span> </span>{
+      self.listenTo(pageView.view, <span class="hljs-string">'recline:flash'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(flash)</span> </span>{
+        self.notify(flash);
+      });
+    });
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-20">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-20">&#182;</a>
+              </div>
+              <h3 id="notify">notify</h3>
 <p>Create a notification (a div.alert in div.alert-messsages) using provided
 flash object. Flash attributes (all are optional):</p>
-
 <ul>
 <li>message: message to show.</li>
 <li>category: warning (default), success, error</li>
 <li>persist: if true alert is persistent, o/w hidden after 3s (default = false)</li>
 <li>loader: if true show loading spinner</li>
-</ul>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">notify</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">flash</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">tmplData</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-      <span class="nx">message</span><span class="o">:</span> <span class="s1">&#39;Loading&#39;</span><span class="p">,</span>
-      <span class="nx">category</span><span class="o">:</span> <span class="s1">&#39;warning&#39;</span><span class="p">,</span>
-      <span class="nx">loader</span><span class="o">:</span> <span class="kc">false</span>
-      <span class="p">},</span>
-      <span class="nx">flash</span>
-    <span class="p">);</span>
-    <span class="kd">var</span> <span class="nx">_template</span><span class="p">;</span>
-    <span class="k">if</span> <span class="p">(</span><span class="nx">tmplData</span><span class="p">.</span><span class="nx">loader</span><span class="p">)</span> <span class="p">{</span>
-      <span class="nx">_template</span> <span class="o">=</span> <span class="s1">&#39; \</span>
-<span class="s1">        &lt;div class=&quot;alert alert-info alert-loader&quot;&gt; \</span>
-<span class="s1">          {{message}} \</span>
-<span class="s1">          &lt;span class=&quot;notification-loader&quot;&gt;&amp;nbsp;&lt;/span&gt; \</span>
-<span class="s1">        &lt;/div&gt;&#39;</span><span class="p">;</span>
-    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-      <span class="nx">_template</span> <span class="o">=</span> <span class="s1">&#39; \</span>
-<span class="s1">        &lt;div class=&quot;alert alert-{{category}} fade in&quot; data-alert=&quot;alert&quot;&gt;&lt;a class=&quot;close&quot; data-dismiss=&quot;alert&quot; href=&quot;#&quot;&gt;×&lt;/a&gt; \</span>
-<span class="s1">          {{message}} \</span>
-<span class="s1">        &lt;/div&gt;&#39;</span><span class="p">;</span>
-    <span class="p">}</span>
-    <span class="kd">var</span> <span class="nx">_templated</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="nx">Mustache</span><span class="p">.</span><span class="nx">render</span><span class="p">(</span><span class="nx">_template</span><span class="p">,</span> <span class="nx">tmplData</span><span class="p">));</span>
-    <span class="nx">_templated</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="nx">_templated</span><span class="p">).</span><span class="nx">appendTo</span><span class="p">(</span><span class="nx">$</span><span class="p">(</span><span class="s1">&#39;.recline-data-explorer .alert-messages&#39;</span><span class="p">));</span>
-    <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">flash</span><span class="p">.</span><span class="nx">persist</span><span class="p">)</span> <span class="p">{</span>
-      <span class="nx">setTimeout</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-        <span class="nx">$</span><span class="p">(</span><span class="nx">_templated</span><span class="p">).</span><span class="nx">fadeOut</span><span class="p">(</span><span class="mi">1000</span><span class="p">,</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-          <span class="nx">$</span><span class="p">(</span><span class="k">this</span><span class="p">).</span><span class="nx">remove</span><span class="p">();</span>
-        <span class="p">});</span>
-      <span class="p">},</span> <span class="mi">1000</span><span class="p">);</span>
-    <span class="p">}</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-21">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-21">&#182;</a>               </div>               <h3>clearNotifications</h3>
+</ul>
 
-<p>Clear all existing notifications</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">clearNotifications</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">$notifications</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="s1">&#39;.recline-data-explorer .alert-messages .alert&#39;</span><span class="p">);</span>
-    <span class="nx">$notifications</span><span class="p">.</span><span class="nx">fadeOut</span><span class="p">(</span><span class="mi">1500</span><span class="p">,</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-      <span class="nx">$</span><span class="p">(</span><span class="k">this</span><span class="p">).</span><span class="nx">remove</span><span class="p">();</span>
-    <span class="p">});</span>
-  <span class="p">}</span>
-<span class="p">});</span></pre></div>             </td>           </tr>                               <tr id="section-22">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-22">&#182;</a>               </div>               <h3>MultiView.restore</h3>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  notify: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(flash)</span> </span>{
+    <span class="hljs-keyword">var</span> tmplData = _.extend({
+      message: <span class="hljs-string">'Loading'</span>,
+      category: <span class="hljs-string">'warning'</span>,
+      loader: <span class="hljs-literal">false</span>
+      },
+      flash
+    );
+    <span class="hljs-keyword">var</span> _template;
+    <span class="hljs-keyword">if</span> (tmplData.loader) {
+      _template = <span class="hljs-string">' \
+        &lt;div class="alert alert-info alert-loader"&gt; \
+          {{message}} \
+          &lt;span class="notification-loader"&gt;&amp;nbsp;&lt;/span&gt; \
+        &lt;/div&gt;'</span>;
+    } <span class="hljs-keyword">else</span> {
+      _template = <span class="hljs-string">' \
+        &lt;div class="alert alert-{{category}} fade in" data-alert="alert"&gt;&lt;a class="close" data-dismiss="alert" href="#"&gt;×&lt;/a&gt; \
+          {{message}} \
+        &lt;/div&gt;'</span>;
+    }
+    <span class="hljs-keyword">var</span> _templated = $(Mustache.render(_template, tmplData));
+    _templated = $(_templated).appendTo($(<span class="hljs-string">'.recline-data-explorer .alert-messages'</span>));
+    <span class="hljs-keyword">if</span> (!flash.persist) {
+      setTimeout(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+        $(_templated).fadeOut(<span class="hljs-number">1000</span>, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+          $(<span class="hljs-keyword">this</span>).remove();
+        });
+      }, <span class="hljs-number">1000</span>);
+    }
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-21">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-21">&#182;</a>
+              </div>
+              <h3 id="clearnotifications">clearNotifications</h3>
+<p>Clear all existing notifications</p>
 
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  clearNotifications: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> $notifications = $(<span class="hljs-string">'.recline-data-explorer .alert-messages .alert'</span>);
+    $notifications.fadeOut(<span class="hljs-number">1500</span>, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+      $(<span class="hljs-keyword">this</span>).remove();
+    });
+  }
+});</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-22">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-22">&#182;</a>
+              </div>
+              <h3 id="multiview-restore">MultiView.restore</h3>
 <p>Restore a MultiView instance from a serialized state including the associated dataset</p>
+<p>This inverts the state serialization process in Multiview</p>
 
-<p>This inverts the state serialization process in Multiview</p>             </td>             <td class="code">               <div class="highlight"><pre><span class="nx">my</span><span class="p">.</span><span class="nx">MultiView</span><span class="p">.</span><span class="nx">restore</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">state</span><span class="p">)</span> <span class="p">{</span></pre></div>             </td>           </tr>                               <tr id="section-23">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-23">&#182;</a>               </div>               <p>hack-y - restoring a memory dataset does not mean much ... (but useful for testing!)</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="kd">var</span> <span class="nx">datasetInfo</span><span class="p">;</span>
-  <span class="k">if</span> <span class="p">(</span><span class="nx">state</span><span class="p">.</span><span class="nx">backend</span> <span class="o">===</span> <span class="s1">&#39;memory&#39;</span><span class="p">)</span> <span class="p">{</span>
-    <span class="nx">datasetInfo</span> <span class="o">=</span> <span class="p">{</span>
-      <span class="nx">backend</span><span class="o">:</span> <span class="s1">&#39;memory&#39;</span><span class="p">,</span>
-      <span class="nx">records</span><span class="o">:</span> <span class="p">[{</span><span class="nx">stub</span><span class="o">:</span> <span class="s1">&#39;this is a stub dataset because we do not restore memory datasets&#39;</span><span class="p">}]</span>
-    <span class="p">};</span>
-  <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-    <span class="nx">datasetInfo</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-        <span class="nx">url</span><span class="o">:</span> <span class="nx">state</span><span class="p">.</span><span class="nx">url</span><span class="p">,</span>
-        <span class="nx">backend</span><span class="o">:</span> <span class="nx">state</span><span class="p">.</span><span class="nx">backend</span>
-      <span class="p">},</span>
-      <span class="nx">state</span><span class="p">.</span><span class="nx">dataset</span>
-    <span class="p">);</span>
-  <span class="p">}</span>
-  <span class="kd">var</span> <span class="nx">dataset</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">recline</span><span class="p">.</span><span class="nx">Model</span><span class="p">.</span><span class="nx">Dataset</span><span class="p">(</span><span class="nx">datasetInfo</span><span class="p">);</span>
-  <span class="kd">var</span> <span class="nx">explorer</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">my</span><span class="p">.</span><span class="nx">MultiView</span><span class="p">({</span>
-    <span class="nx">model</span><span class="o">:</span> <span class="nx">dataset</span><span class="p">,</span>
-    <span class="nx">state</span><span class="o">:</span> <span class="nx">state</span>
-  <span class="p">});</span>
-  <span class="k">return</span> <span class="nx">explorer</span><span class="p">;</span>
-<span class="p">};</span></pre></div>             </td>           </tr>                               <tr id="section-24">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-24">&#182;</a>               </div>               <h2>Miscellaneous Utilities</h2>             </td>             <td class="code">               <div class="highlight"><pre><span class="kd">var</span> <span class="nx">urlPathRegex</span> <span class="o">=</span> <span class="sr">/^([^?]+)(\?.*)?/</span><span class="p">;</span></pre></div>             </td>           </tr>                               <tr id="section-25">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-25">&#182;</a>               </div>               <p>Parse the Hash section of a URL into path and query string</p>             </td>             <td class="code">               <div class="highlight"><pre><span class="nx">my</span><span class="p">.</span><span class="nx">parseHashUrl</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">hashUrl</span><span class="p">)</span> <span class="p">{</span>
-  <span class="kd">var</span> <span class="nx">parsed</span> <span class="o">=</span> <span class="nx">urlPathRegex</span><span class="p">.</span><span class="nx">exec</span><span class="p">(</span><span class="nx">hashUrl</span><span class="p">);</span>
-  <span class="k">if</span> <span class="p">(</span><span class="nx">parsed</span> <span class="o">===</span> <span class="kc">null</span><span class="p">)</span> <span class="p">{</span>
-    <span class="k">return</span> <span class="p">{};</span>
-  <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-    <span class="k">return</span> <span class="p">{</span>
-      <span class="nx">path</span><span class="o">:</span> <span class="nx">parsed</span><span class="p">[</span><span class="mi">1</span><span class="p">],</span>
-      <span class="nx">query</span><span class="o">:</span> <span class="nx">parsed</span><span class="p">[</span><span class="mi">2</span><span class="p">]</span> <span class="o">||</span> <span class="s1">&#39;&#39;</span>
-    <span class="p">};</span>
-  <span class="p">}</span>
-<span class="p">};</span></pre></div>             </td>           </tr>                               <tr id="section-26">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-26">&#182;</a>               </div>               <p>Parse a URL query string (?xyz=abc...) into a dictionary.</p>             </td>             <td class="code">               <div class="highlight"><pre><span class="nx">my</span><span class="p">.</span><span class="nx">parseQueryString</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">q</span><span class="p">)</span> <span class="p">{</span>
-  <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">q</span><span class="p">)</span> <span class="p">{</span>
-    <span class="k">return</span> <span class="p">{};</span>
-  <span class="p">}</span>
-  <span class="kd">var</span> <span class="nx">urlParams</span> <span class="o">=</span> <span class="p">{},</span>
-    <span class="nx">e</span><span class="p">,</span> <span class="nx">d</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">s</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">return</span> <span class="nx">unescape</span><span class="p">(</span><span class="nx">s</span><span class="p">.</span><span class="nx">replace</span><span class="p">(</span><span class="sr">/\+/g</span><span class="p">,</span> <span class="s2">&quot; &quot;</span><span class="p">));</span>
-    <span class="p">},</span>
-    <span class="nx">r</span> <span class="o">=</span> <span class="sr">/([^&amp;=]+)=?([^&amp;]*)/g</span><span class="p">;</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>my.MultiView.restore = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(state)</span> </span>{</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-23">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-23">&#182;</a>
+              </div>
+              <p>hack-y - restoring a memory dataset does not mean much … (but useful for testing!)</p>
 
-  <span class="k">if</span> <span class="p">(</span><span class="nx">q</span> <span class="o">&amp;&amp;</span> <span class="nx">q</span><span class="p">.</span><span class="nx">length</span> <span class="o">&amp;&amp;</span> <span class="nx">q</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">===</span> <span class="s1">&#39;?&#39;</span><span class="p">)</span> <span class="p">{</span>
-    <span class="nx">q</span> <span class="o">=</span> <span class="nx">q</span><span class="p">.</span><span class="nx">slice</span><span class="p">(</span><span class="mi">1</span><span class="p">);</span>
-  <span class="p">}</span>
-  <span class="k">while</span> <span class="p">(</span><span class="nx">e</span> <span class="o">=</span> <span class="nx">r</span><span class="p">.</span><span class="nx">exec</span><span class="p">(</span><span class="nx">q</span><span class="p">))</span> <span class="p">{</span></pre></div>             </td>           </tr>                               <tr id="section-27">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-27">&#182;</a>               </div>               <p>TODO: have values be array as query string allow repetition of keys</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="nx">urlParams</span><span class="p">[</span><span class="nx">d</span><span class="p">(</span><span class="nx">e</span><span class="p">[</span><span class="mi">1</span><span class="p">])]</span> <span class="o">=</span> <span class="nx">d</span><span class="p">(</span><span class="nx">e</span><span class="p">[</span><span class="mi">2</span><span class="p">]);</span>
-  <span class="p">}</span>
-  <span class="k">return</span> <span class="nx">urlParams</span><span class="p">;</span>
-<span class="p">};</span></pre></div>             </td>           </tr>                               <tr id="section-28">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-28">&#182;</a>               </div>               <p>Parse the query string out of the URL hash</p>             </td>             <td class="code">               <div class="highlight"><pre><span class="nx">my</span><span class="p">.</span><span class="nx">parseHashQueryString</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-  <span class="kd">var</span> <span class="nx">q</span> <span class="o">=</span> <span class="nx">my</span><span class="p">.</span><span class="nx">parseHashUrl</span><span class="p">(</span><span class="nb">window</span><span class="p">.</span><span class="nx">location</span><span class="p">.</span><span class="nx">hash</span><span class="p">).</span><span class="nx">query</span><span class="p">;</span>
-  <span class="k">return</span> <span class="nx">my</span><span class="p">.</span><span class="nx">parseQueryString</span><span class="p">(</span><span class="nx">q</span><span class="p">);</span>
-<span class="p">};</span></pre></div>             </td>           </tr>                               <tr id="section-29">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-29">&#182;</a>               </div>               <p>Compse a Query String</p>             </td>             <td class="code">               <div class="highlight"><pre><span class="nx">my</span><span class="p">.</span><span class="nx">composeQueryString</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">queryParams</span><span class="p">)</span> <span class="p">{</span>
-  <span class="kd">var</span> <span class="nx">queryString</span> <span class="o">=</span> <span class="s1">&#39;?&#39;</span><span class="p">;</span>
-  <span class="kd">var</span> <span class="nx">items</span> <span class="o">=</span> <span class="p">[];</span>
-  <span class="nx">$</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="nx">queryParams</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">key</span><span class="p">,</span> <span class="nx">value</span><span class="p">)</span> <span class="p">{</span>
-    <span class="k">if</span> <span class="p">(</span><span class="k">typeof</span><span class="p">(</span><span class="nx">value</span><span class="p">)</span> <span class="o">===</span> <span class="s1">&#39;object&#39;</span><span class="p">)</span> <span class="p">{</span>
-      <span class="nx">value</span> <span class="o">=</span> <span class="nx">JSON</span><span class="p">.</span><span class="nx">stringify</span><span class="p">(</span><span class="nx">value</span><span class="p">);</span>
-    <span class="p">}</span>
-    <span class="nx">items</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">key</span> <span class="o">+</span> <span class="s1">&#39;=&#39;</span> <span class="o">+</span> <span class="nb">encodeURIComponent</span><span class="p">(</span><span class="nx">value</span><span class="p">));</span>
-  <span class="p">});</span>
-  <span class="nx">queryString</span> <span class="o">+=</span> <span class="nx">items</span><span class="p">.</span><span class="nx">join</span><span class="p">(</span><span class="s1">&#39;&amp;&#39;</span><span class="p">);</span>
-  <span class="k">return</span> <span class="nx">queryString</span><span class="p">;</span>
-<span class="p">};</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  <span class="hljs-keyword">var</span> datasetInfo;
+  <span class="hljs-keyword">if</span> (state.backend === <span class="hljs-string">'memory'</span>) {
+    datasetInfo = {
+      backend: <span class="hljs-string">'memory'</span>,
+      records: [{stub: <span class="hljs-string">'this is a stub dataset because we do not restore memory datasets'</span>}]
+    };
+  } <span class="hljs-keyword">else</span> {
+    datasetInfo = _.extend({
+        url: state.url,
+        backend: state.backend
+      },
+      state.dataset
+    );
+  }
+  <span class="hljs-keyword">var</span> dataset = <span class="hljs-keyword">new</span> recline.Model.Dataset(datasetInfo);
+  <span class="hljs-keyword">var</span> explorer = <span class="hljs-keyword">new</span> my.MultiView({
+    model: dataset,
+    state: state
+  });
+  <span class="hljs-keyword">return</span> explorer;
+};</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-24">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-24">&#182;</a>
+              </div>
+              <h2 id="miscellaneous-utilities">Miscellaneous Utilities</h2>
 
-<span class="nx">my</span><span class="p">.</span><span class="nx">getNewHashForQueryString</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">queryParams</span><span class="p">)</span> <span class="p">{</span>
-  <span class="kd">var</span> <span class="nx">queryPart</span> <span class="o">=</span> <span class="nx">my</span><span class="p">.</span><span class="nx">composeQueryString</span><span class="p">(</span><span class="nx">queryParams</span><span class="p">);</span>
-  <span class="k">if</span> <span class="p">(</span><span class="nb">window</span><span class="p">.</span><span class="nx">location</span><span class="p">.</span><span class="nx">hash</span><span class="p">)</span> <span class="p">{</span></pre></div>             </td>           </tr>                               <tr id="section-30">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-30">&#182;</a>               </div>               <p>slice(1) to remove # at start</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">return</span> <span class="nb">window</span><span class="p">.</span><span class="nx">location</span><span class="p">.</span><span class="nx">hash</span><span class="p">.</span><span class="nx">split</span><span class="p">(</span><span class="s1">&#39;?&#39;</span><span class="p">)[</span><span class="mi">0</span><span class="p">].</span><span class="nx">slice</span><span class="p">(</span><span class="mi">1</span><span class="p">)</span> <span class="o">+</span> <span class="nx">queryPart</span><span class="p">;</span>
-  <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-    <span class="k">return</span> <span class="nx">queryPart</span><span class="p">;</span>
-  <span class="p">}</span>
-<span class="p">};</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre><span class="hljs-keyword">var</span> urlPathRegex = <span class="hljs-regexp">/^([^?]+)(\?.*)?/</span>;</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-25">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-25">&#182;</a>
+              </div>
+              <p>Parse the Hash section of a URL into path and query string</p>
 
-<span class="nx">my</span><span class="p">.</span><span class="nx">setHashQueryString</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">queryParams</span><span class="p">)</span> <span class="p">{</span>
-  <span class="nb">window</span><span class="p">.</span><span class="nx">location</span><span class="p">.</span><span class="nx">hash</span> <span class="o">=</span> <span class="nx">my</span><span class="p">.</span><span class="nx">getNewHashForQueryString</span><span class="p">(</span><span class="nx">queryParams</span><span class="p">);</span>
-<span class="p">};</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>my.parseHashUrl = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(hashUrl)</span> </span>{
+  <span class="hljs-keyword">var</span> parsed = urlPathRegex.exec(hashUrl);
+  <span class="hljs-keyword">if</span> (parsed === <span class="hljs-literal">null</span>) {
+    <span class="hljs-keyword">return</span> {};
+  } <span class="hljs-keyword">else</span> {
+    <span class="hljs-keyword">return</span> {
+      path: parsed[<span class="hljs-number">1</span>],
+      query: parsed[<span class="hljs-number">2</span>] || <span class="hljs-string">''</span>
+    };
+  }
+};</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-26">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-26">&#182;</a>
+              </div>
+              <p>Parse a URL query string (?xyz=abc…) into a dictionary.</p>
 
-<span class="p">})(</span><span class="nx">jQuery</span><span class="p">,</span> <span class="nx">recline</span><span class="p">.</span><span class="nx">View</span><span class="p">);</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>my.parseQueryString = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(q)</span> </span>{
+  <span class="hljs-keyword">if</span> (!q) {
+    <span class="hljs-keyword">return</span> {};
+  }
+  <span class="hljs-keyword">var</span> urlParams = {},
+    e, d = <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(s)</span> </span>{
+      <span class="hljs-keyword">return</span> <span class="hljs-built_in">unescape</span>(s.replace(<span class="hljs-regexp">/\+/g</span>, <span class="hljs-string">" "</span>));
+    },
+    r = <span class="hljs-regexp">/([^&amp;=]+)=?([^&amp;]*)/g</span>;
 
-</pre></div>             </td>           </tr>                </tbody>     </table>   </div> </body> </html> 
\ No newline at end of file
+  <span class="hljs-keyword">if</span> (q &amp;&amp; q.length &amp;&amp; q[<span class="hljs-number">0</span>] === <span class="hljs-string">'?'</span>) {
+    q = q.slice(<span class="hljs-number">1</span>);
+  }
+  <span class="hljs-keyword">while</span> (e = r.exec(q)) {</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-27">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-27">&#182;</a>
+              </div>
+              <p>TODO: have values be array as query string allow repetition of keys</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    urlParams[d(e[<span class="hljs-number">1</span>])] = d(e[<span class="hljs-number">2</span>]);
+  }
+  <span class="hljs-keyword">return</span> urlParams;
+};</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-28">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-28">&#182;</a>
+              </div>
+              <p>Parse the query string out of the URL hash</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>my.parseHashQueryString = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+  <span class="hljs-keyword">var</span> q = my.parseHashUrl(<span class="hljs-built_in">window</span>.location.hash).query;
+  <span class="hljs-keyword">return</span> my.parseQueryString(q);
+};</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-29">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-29">&#182;</a>
+              </div>
+              <p>Compse a Query String</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>my.composeQueryString = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(queryParams)</span> </span>{
+  <span class="hljs-keyword">var</span> queryString = <span class="hljs-string">'?'</span>;
+  <span class="hljs-keyword">var</span> items = [];
+  $.each(queryParams, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(key, value)</span> </span>{
+    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">typeof</span>(value) === <span class="hljs-string">'object'</span>) {
+      value = <span class="hljs-built_in">JSON</span>.stringify(value);
+    }
+    items.push(key + <span class="hljs-string">'='</span> + <span class="hljs-built_in">encodeURIComponent</span>(value));
+  });
+  queryString += items.join(<span class="hljs-string">'&amp;'</span>);
+  <span class="hljs-keyword">return</span> queryString;
+};
+
+my.getNewHashForQueryString = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(queryParams)</span> </span>{
+  <span class="hljs-keyword">var</span> queryPart = my.composeQueryString(queryParams);
+  <span class="hljs-keyword">if</span> (<span class="hljs-built_in">window</span>.location.hash) {</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-30">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-30">&#182;</a>
+              </div>
+              <p>slice(1) to remove # at start</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">return</span> <span class="hljs-built_in">window</span>.location.hash.split(<span class="hljs-string">'?'</span>)[<span class="hljs-number">0</span>].slice(<span class="hljs-number">1</span>) + queryPart;
+  } <span class="hljs-keyword">else</span> {
+    <span class="hljs-keyword">return</span> queryPart;
+  }
+};
+
+my.setHashQueryString = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(queryParams)</span> </span>{
+  <span class="hljs-built_in">window</span>.location.hash = my.getNewHashForQueryString(queryParams);
+};
+
+})(jQuery, recline.View);</pre></div></div>
+            
+        </li>
+        
+    </ul>
+  </div>
+</body>
+</html>
diff --git a/docs/src/view.slickgrid.html b/docs/src/view.slickgrid.html
index 110e8ea5..80bb6006 100644
--- a/docs/src/view.slickgrid.html
+++ b/docs/src/view.slickgrid.html
@@ -1,48 +1,160 @@
-<!DOCTYPE html>  <html> <head>   <title>view.slickgrid.js</title>   <meta http-equiv="content-type" content="text/html; charset=UTF-8">   <link rel="stylesheet" media="all" href="docco.css" /> </head> <body>   <div id="container">     <div id="background"></div>            <div id="jump_to">         Jump To &hellip;         <div id="jump_wrapper">           <div id="jump_page">                                           <a class="source" href="backend.csv.html">                 backend.csv.js               </a>                                           <a class="source" href="backend.dataproxy.html">                 backend.dataproxy.js               </a>                                           <a class="source" href="backend.memory.html">                 backend.memory.js               </a>                                           <a class="source" href="ecma-fixes.html">                 ecma-fixes.js               </a>                                           <a class="source" href="model.html">                 model.js               </a>                                           <a class="source" href="view.flot.html">                 view.flot.js               </a>                                           <a class="source" href="view.graph.html">                 view.graph.js               </a>                                           <a class="source" href="view.grid.html">                 view.grid.js               </a>                                           <a class="source" href="view.map.html">                 view.map.js               </a>                                           <a class="source" href="view.multiview.html">                 view.multiview.js               </a>                                           <a class="source" href="view.slickgrid.html">                 view.slickgrid.js               </a>                                           <a class="source" href="view.timeline.html">                 view.timeline.js               </a>                                           <a class="source" href="widget.facetviewer.html">                 widget.facetviewer.js               </a>                                           <a class="source" href="widget.fields.html">                 widget.fields.js               </a>                                           <a class="source" href="widget.filtereditor.html">                 widget.filtereditor.js               </a>                                           <a class="source" href="widget.pager.html">                 widget.pager.js               </a>                                           <a class="source" href="widget.queryeditor.html">                 widget.queryeditor.js               </a>                                           <a class="source" href="widget.valuefilter.html">                 widget.valuefilter.js               </a>                        </div>         </div>       </div>          <table cellpadding="0" cellspacing="0">       <thead>         <tr>           <th class="docs">             <h1>               view.slickgrid.js             </h1>           </th>           <th class="code">           </th>         </tr>       </thead>       <tbody>                               <tr id="section-1">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-1">&#182;</a>               </div>                            </td>             <td class="code">               <div class="highlight"><pre><span class="cm">/*jshint multistr:true */</span>
+<!DOCTYPE html>
 
-<span class="k">this</span><span class="p">.</span><span class="nx">recline</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span> <span class="o">||</span> <span class="p">{};</span>
-<span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">View</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">View</span> <span class="o">||</span> <span class="p">{};</span>
-
-<span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">$</span><span class="p">,</span> <span class="nx">my</span><span class="p">)</span> <span class="p">{</span>
-  <span class="s2">&quot;use strict&quot;</span><span class="p">;</span></pre></div>             </td>           </tr>                               <tr id="section-2">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-2">&#182;</a>               </div>               <p>Add new grid Control to display a new row add menu bouton
-It display a simple side-bar menu ,for user to add new 
-row to grid </p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">my</span><span class="p">.</span><span class="nx">GridControl</span><span class="o">=</span> <span class="nx">Backbone</span><span class="p">.</span><span class="nx">View</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-    <span class="nx">className</span><span class="o">:</span> <span class="s2">&quot;recline-row-add&quot;</span><span class="p">,</span></pre></div>             </td>           </tr>                               <tr id="section-3">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-3">&#182;</a>               </div>               <p>Template for row edit menu , change it if you don't love</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="nx">template</span><span class="o">:</span> <span class="s1">&#39;&lt;h1&gt;&lt;a href=&quot;#&quot; class=&quot;recline-row-add btn&quot;&gt;Add row&lt;/a&gt;&lt;/h1&gt;&#39;</span><span class="p">,</span>
+<html>
+<head>
+  <title>view.slickgrid.js</title>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+  <link rel="stylesheet" media="all" href="docco.css" />
+</head>
+<body>
+  <div id="container">
+    <div id="background"></div>
     
-    <span class="nx">initialize</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">options</span><span class="p">){</span>
-      <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-      <span class="nx">_</span><span class="p">.</span><span class="nx">bindAll</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="s1">&#39;render&#39;</span><span class="p">);</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">state</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">recline</span><span class="p">.</span><span class="nx">Model</span><span class="p">.</span><span class="nx">ObjectState</span><span class="p">();</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">render</span><span class="p">();</span>
-    <span class="p">},</span>
+      <ul id="jump_to">
+        <li>
+          <a class="large" href="javascript:void(0);">Jump To &hellip;</a>
+          <a class="small" href="javascript:void(0);">+</a>
+          <div id="jump_wrapper">
+          <div id="jump_page_wrapper">
+            <div id="jump_page">
+              
+                
+                <a class="source" href="backend.dataproxy.html">
+                  backend.dataproxy.js
+                </a>
+              
+                
+                <a class="source" href="backend.memory.html">
+                  backend.memory.js
+                </a>
+              
+                
+                <a class="source" href="ecma-fixes.html">
+                  ecma-fixes.js
+                </a>
+              
+                
+                <a class="source" href="model.html">
+                  model.js
+                </a>
+              
+                
+                <a class="source" href="view.flot.html">
+                  view.flot.js
+                </a>
+              
+                
+                <a class="source" href="view.graph.html">
+                  view.graph.js
+                </a>
+              
+                
+                <a class="source" href="view.grid.html">
+                  view.grid.js
+                </a>
+              
+                
+                <a class="source" href="view.map.html">
+                  view.map.js
+                </a>
+              
+                
+                <a class="source" href="view.multiview.html">
+                  view.multiview.js
+                </a>
+              
+                
+                <a class="source" href="view.slickgrid.html">
+                  view.slickgrid.js
+                </a>
+              
+                
+                <a class="source" href="view.timeline.html">
+                  view.timeline.js
+                </a>
+              
+                
+                <a class="source" href="widget.facetviewer.html">
+                  widget.facetviewer.js
+                </a>
+              
+                
+                <a class="source" href="widget.fields.html">
+                  widget.fields.js
+                </a>
+              
+                
+                <a class="source" href="widget.filtereditor.html">
+                  widget.filtereditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.pager.html">
+                  widget.pager.js
+                </a>
+              
+                
+                <a class="source" href="widget.queryeditor.html">
+                  widget.queryeditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.valuefilter.html">
+                  widget.valuefilter.js
+                </a>
+              
+            </div>
+          </div>
+        </li>
+      </ul>
+    
+    <ul class="sections">
+        
+          <li id="title">
+              <div class="annotation">
+                  <h1>view.slickgrid.js</h1>
+              </div>
+          </li>
+        
+        
+        
+        <li id="section-1">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-1">&#182;</a>
+              </div>
+              
+            </div>
+            
+            <div class="content"><div class='highlight'><pre><span class="hljs-comment">/*jshint multistr:true */</span>
 
-    <span class="nx">render</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-      <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">html</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">template</span><span class="p">)</span>
-    <span class="p">},</span>
-
-    <span class="nx">events</span> <span class="o">:</span> <span class="p">{</span>
-      <span class="s2">&quot;click .recline-row-add&quot;</span> <span class="o">:</span> <span class="s2">&quot;addNewRow&quot;</span>
-    <span class="p">},</span>
-
-    <span class="nx">addNewRow</span> <span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">){</span>
-      <span class="nx">e</span><span class="p">.</span><span class="nx">preventDefault</span><span class="p">()</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">trigger</span><span class="p">(</span><span class="s2">&quot;change&quot;</span><span class="p">)</span>
-   <span class="p">}</span>
- <span class="p">}</span>
- <span class="p">);</span></pre></div>             </td>           </tr>                               <tr id="section-4">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-4">&#182;</a>               </div>               <h2>SlickGrid Dataset View</h2>
+<span class="hljs-keyword">this</span>.recline = <span class="hljs-keyword">this</span>.recline || {};
+<span class="hljs-keyword">this</span>.recline.View = <span class="hljs-keyword">this</span>.recline.View || {};
 
+(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">($, my)</span> </span>{
+<span class="hljs-pi">  "use strict"</span>;</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-2">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-2">&#182;</a>
+              </div>
+              <h2 id="slickgrid-dataset-view">SlickGrid Dataset View</h2>
 <p>Provides a tabular view on a Dataset, based on SlickGrid.</p>
-
-<p>https://github.com/mleibman/SlickGrid</p>
-
+<p><a href="https://github.com/mleibman/SlickGrid">https://github.com/mleibman/SlickGrid</a></p>
 <p>Initialize it with a <code>recline.Model.Dataset</code>.</p>
-
 <p>Additional options to drive SlickGrid grid can be given through state.
-The following keys allow for customization:
-* gridOptions: to add options at grid level
-* columnsEditor: to add editor for editable columns</p>
-
+The following keys allow for customization:</p>
+<ul>
+<li>gridOptions: to add options at grid level</li>
+<li>columnsEditor: to add editor for editable columns</li>
+</ul>
 <p>For example:
    var grid = new recline.View.SlickGrid({
         model: dataset,
@@ -50,377 +162,953 @@ The following keys allow for customization:
         state: {
          gridOptions: {
            editable: true,
-           enableAddRows: true 
-           ...
+           enableAddRow: true 
+           // Enable support for row delete
+           enabledDelRow: true,
+           // Enable support for row Reorder 
+           enableReOrderRow:true,
+           …
          },
          columnsEditor: [
-           {column: 'date', editor: Slick.Editors.Date },
-           {column: 'title', editor: Slick.Editors.Text}
+           {column: ‘date’, editor: Slick.Editors.Date },
+           {column: ‘title’, editor: Slick.Editors.Text}
          ]
        }
      });
-// NB: you need an explicit height on the element for slickgrid to work</p>             </td>             <td class="code">               <div class="highlight"><pre><span class="nx">my</span><span class="p">.</span><span class="nx">SlickGrid</span> <span class="o">=</span> <span class="nx">Backbone</span><span class="p">.</span><span class="nx">View</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-  <span class="nx">initialize</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">modelEtc</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">addClass</span><span class="p">(</span><span class="s1">&#39;recline-slickgrid&#39;</span><span class="p">);</span>
-  </pre></div>             </td>           </tr>                               <tr id="section-5">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-5">&#182;</a>               </div>               <p>Template for row delete menu , change it if you don't love </p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">this</span><span class="p">.</span><span class="nx">templates</span> <span class="o">=</span> <span class="p">{</span>
-   <span class="s2">&quot;deleterow&quot;</span> <span class="o">:</span> <span class="s1">&#39;&lt;a href=&quot;#&quot; class=&quot;recline-row-delete btn&quot;&gt;X&lt;/a&gt;&#39;</span>
-     <span class="p">}</span>
-    <span class="nx">_</span><span class="p">.</span><span class="nx">bindAll</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="s1">&#39;render&#39;</span><span class="p">,</span> <span class="s1">&#39;onRecordChanged&#39;</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">records</span><span class="p">,</span> <span class="s1">&#39;add remove reset&#39;</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">render</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">records</span><span class="p">,</span> <span class="s1">&#39;change&#39;</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">onRecordChanged</span><span class="p">);</span>
-    <span class="kd">var</span> <span class="nx">state</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-        <span class="nx">hiddenColumns</span><span class="o">:</span> <span class="p">[],</span>
-        <span class="nx">columnsOrder</span><span class="o">:</span> <span class="p">[],</span>
-        <span class="nx">columnsSort</span><span class="o">:</span> <span class="p">{},</span>
-        <span class="nx">columnsWidth</span><span class="o">:</span> <span class="p">[],</span>
-        <span class="nx">columnsEditor</span><span class="o">:</span> <span class="p">[],</span>
-        <span class="nx">options</span><span class="o">:</span> <span class="p">{},</span>
-        <span class="nx">fitColumns</span><span class="o">:</span> <span class="kc">false</span>
-      <span class="p">},</span> <span class="nx">modelEtc</span><span class="p">.</span><span class="nx">state</span>
+// NB: you need an explicit height on the element for slickgrid to work</p>
 
-    <span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">state</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">recline</span><span class="p">.</span><span class="nx">Model</span><span class="p">.</span><span class="nx">ObjectState</span><span class="p">(</span><span class="nx">state</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">_slickHandler</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Slick</span><span class="p">.</span><span class="nx">EventHandler</span><span class="p">();</span></pre></div>             </td>           </tr>                               <tr id="section-6">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-6">&#182;</a>               </div>               <p>add menu for new row , check if enableAddRow is set to true or not set</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">if</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s2">&quot;gridOptions&quot;</span><span class="p">)</span> 
-  <span class="o">&amp;&amp;</span> <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s2">&quot;gridOptions&quot;</span><span class="p">).</span><span class="nx">enabledAddRow</span> <span class="o">!=</span> <span class="kc">undefined</span> 
-      <span class="o">&amp;&amp;</span> <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s2">&quot;gridOptions&quot;</span><span class="p">).</span><span class="nx">enabledAddRow</span> <span class="o">==</span> <span class="kc">true</span> <span class="p">){</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">editor</span>    <span class="o">=</span>  <span class="k">new</span>  <span class="nx">my</span><span class="p">.</span><span class="nx">GridControl</span><span class="p">()</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">elSidebar</span> <span class="o">=</span>  <span class="k">this</span><span class="p">.</span><span class="nx">editor</span><span class="p">.</span><span class="nx">$el</span>
-  <span class="k">this</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">editor</span><span class="p">.</span><span class="nx">state</span><span class="p">,</span> <span class="s1">&#39;change&#39;</span><span class="p">,</span> <span class="kd">function</span><span class="p">(){</span>   
-    <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">records</span><span class="p">.</span><span class="nx">add</span><span class="p">(</span><span class="k">new</span> <span class="nx">recline</span><span class="p">.</span><span class="nx">Model</span><span class="p">.</span><span class="nx">Record</span><span class="p">())</span>
-      <span class="p">});</span>
-    <span class="p">}</span>
-  <span class="p">},</span>
-  <span class="nx">onRecordChanged</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">record</span><span class="p">)</span> <span class="p">{</span></pre></div>             </td>           </tr>                               <tr id="section-7">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-7">&#182;</a>               </div>               <p>Ignore if the grid is not yet drawn</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">grid</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">return</span><span class="p">;</span>
-    <span class="p">}</span></pre></div>             </td>           </tr>                               <tr id="section-8">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-8">&#182;</a>               </div>               <p>Let's find the row corresponding to the index</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="kd">var</span> <span class="nx">row_index</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">grid</span><span class="p">.</span><span class="nx">getData</span><span class="p">().</span><span class="nx">getModelRow</span><span class="p">(</span> <span class="nx">record</span> <span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">grid</span><span class="p">.</span><span class="nx">invalidateRow</span><span class="p">(</span><span class="nx">row_index</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">grid</span><span class="p">.</span><span class="nx">getData</span><span class="p">().</span><span class="nx">updateItem</span><span class="p">(</span><span class="nx">record</span><span class="p">,</span> <span class="nx">row_index</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">grid</span><span class="p">.</span><span class="nx">render</span><span class="p">();</span>
-  <span class="p">},</span>
-   <span class="nx">render</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="kd">var</span> <span class="nx">options</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-      <span class="nx">enableCellNavigation</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span>
-      <span class="nx">enableColumnReorder</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span>
-      <span class="nx">explicitInitialization</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span>
-      <span class="nx">syncColumnCellResize</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span>
-      <span class="nx">forceFitColumns</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;fitColumns&#39;</span><span class="p">)</span>
-    <span class="p">},</span> <span class="nx">self</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;gridOptions&#39;</span><span class="p">));</span></pre></div>             </td>           </tr>                               <tr id="section-9">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-9">&#182;</a>               </div>               <p>We need all columns, even the hidden ones, to show on the column picker</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="kd">var</span> <span class="nx">columns</span> <span class="o">=</span> <span class="p">[];</span> </pre></div>             </td>           </tr>                               <tr id="section-10">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-10">&#182;</a>               </div>               <p>custom formatter as default one escapes html
-plus this way we distinguish between rendering/formatting and computed value (so e.g. sort still works ...)
-row = row index, cell = cell index, value = value, columnDef = column definition, dataContext = full row values</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="kd">var</span> <span class="nx">formatter</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">row</span><span class="p">,</span> <span class="nx">cell</span><span class="p">,</span> <span class="nx">value</span><span class="p">,</span> <span class="nx">columnDef</span><span class="p">,</span> <span class="nx">dataContext</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">if</span><span class="p">(</span><span class="nx">columnDef</span><span class="p">.</span><span class="nx">id</span> <span class="o">==</span> <span class="s2">&quot;del&quot;</span><span class="p">){</span>
-        <span class="k">return</span> <span class="nx">self</span><span class="p">.</span><span class="nx">templates</span><span class="p">.</span><span class="nx">deleterow</span> 
-  <span class="p">}</span>
-  <span class="kd">var</span> <span class="nx">field</span> <span class="o">=</span> <span class="nx">self</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">fields</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="nx">columnDef</span><span class="p">.</span><span class="nx">id</span><span class="p">);</span>
-      <span class="k">if</span> <span class="p">(</span><span class="nx">field</span><span class="p">.</span><span class="nx">renderer</span><span class="p">)</span> <span class="p">{</span>
-        <span class="k">return</span>  <span class="nx">field</span><span class="p">.</span><span class="nx">renderer</span><span class="p">(</span><span class="nx">value</span><span class="p">,</span> <span class="nx">field</span><span class="p">,</span> <span class="nx">dataContext</span><span class="p">);</span>
-      <span class="p">}</span><span class="k">else</span> <span class="p">{</span>
-        <span class="k">return</span>  <span class="nx">value</span> 
-      <span class="p">}</span>
-    <span class="p">};</span></pre></div>             </td>           </tr>                               <tr id="section-11">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-11">&#182;</a>               </div>               <p>we need to be sure that user is entering a valid  input , for exemple if 
-field is date type and field.format ='YY-MM-DD', we should be sure that 
-user enter a correct value </p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="kd">var</span> <span class="nx">validator</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">field</span><span class="p">){</span>
-  <span class="k">return</span> <span class="kd">function</span><span class="p">(</span><span class="nx">value</span><span class="p">){</span>
-     <span class="k">if</span><span class="p">(</span><span class="nx">field</span><span class="p">.</span><span class="nx">type</span> <span class="o">==</span> <span class="s2">&quot;date&quot;</span> <span class="o">&amp;&amp;</span> <span class="nb">isNaN</span><span class="p">(</span><span class="nb">Date</span><span class="p">.</span><span class="nx">parse</span><span class="p">(</span><span class="nx">value</span><span class="p">))){</span>
-        <span class="k">return</span> <span class="p">{</span>
-              <span class="nx">valid</span><span class="o">:</span> <span class="kc">false</span><span class="p">,</span>
-              <span class="nx">msg</span><span class="o">:</span> <span class="s2">&quot;A date is required, check field field-date-format&quot;</span><span class="p">};</span>
-     <span class="p">}</span><span class="k">else</span> <span class="p">{</span>
-          <span class="k">return</span> <span class="p">{</span><span class="nx">valid</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span> <span class="nx">msg</span> <span class="o">:</span><span class="kc">null</span> <span class="p">}</span> 
-    <span class="p">}</span>
-  <span class="p">}</span>
-    <span class="p">};</span></pre></div>             </td>           </tr>                               <tr id="section-12">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-12">&#182;</a>               </div>               <p>Add row delete support , check if enableDelRow is set to true or not set</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">if</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s2">&quot;gridOptions&quot;</span><span class="p">)</span> 
-  <span class="o">&amp;&amp;</span> <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s2">&quot;gridOptions&quot;</span><span class="p">).</span><span class="nx">enabledDelRow</span> <span class="o">!=</span> <span class="kc">undefined</span> 
-      <span class="o">&amp;&amp;</span> <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s2">&quot;gridOptions&quot;</span><span class="p">).</span><span class="nx">enabledDelRow</span> <span class="o">==</span> <span class="kc">true</span> <span class="p">){</span>
-    <span class="nx">columns</span><span class="p">.</span><span class="nx">push</span><span class="p">({</span>
-        <span class="nx">id</span><span class="o">:</span> <span class="s1">&#39;del&#39;</span><span class="p">,</span>
-        <span class="nx">name</span><span class="o">:</span> <span class="s1">&#39;del&#39;</span><span class="p">,</span>
-        <span class="nx">field</span><span class="o">:</span> <span class="s1">&#39;del&#39;</span><span class="p">,</span>
-        <span class="nx">sortable</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span>
-        <span class="nx">width</span><span class="o">:</span> <span class="mi">80</span><span class="p">,</span>
-        <span class="nx">formatter</span><span class="o">:</span> <span class="nx">formatter</span><span class="p">,</span>
-        <span class="nx">validator</span><span class="o">:</span><span class="nx">validator</span>
-    <span class="p">})}</span>
-    <span class="nx">_</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">fields</span><span class="p">.</span><span class="nx">toJSON</span><span class="p">(),</span><span class="kd">function</span><span class="p">(</span><span class="nx">field</span><span class="p">){</span>
-      <span class="kd">var</span> <span class="nx">column</span> <span class="o">=</span> <span class="p">{</span>
-        <span class="nx">id</span><span class="o">:</span> <span class="nx">field</span><span class="p">.</span><span class="nx">id</span><span class="p">,</span>
-        <span class="nx">name</span><span class="o">:</span> <span class="nx">field</span><span class="p">.</span><span class="nx">label</span><span class="p">,</span>
-        <span class="nx">field</span><span class="o">:</span> <span class="nx">field</span><span class="p">.</span><span class="nx">id</span><span class="p">,</span>
-        <span class="nx">sortable</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span>
-        <span class="nx">minWidth</span><span class="o">:</span> <span class="mi">80</span><span class="p">,</span>
-        <span class="nx">formatter</span><span class="o">:</span> <span class="nx">formatter</span><span class="p">,</span>
-        <span class="nx">validator</span><span class="o">:</span><span class="nx">validator</span><span class="p">(</span><span class="nx">field</span><span class="p">)</span>
-      <span class="p">};</span>
-      <span class="kd">var</span> <span class="nx">widthInfo</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="nx">self</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;columnsWidth&#39;</span><span class="p">),</span><span class="kd">function</span><span class="p">(</span><span class="nx">c</span><span class="p">){</span><span class="k">return</span> <span class="nx">c</span><span class="p">.</span><span class="nx">column</span> <span class="o">===</span> <span class="nx">field</span><span class="p">.</span><span class="nx">id</span><span class="p">;});</span>
-      <span class="k">if</span> <span class="p">(</span><span class="nx">widthInfo</span><span class="p">){</span>
-        <span class="nx">column</span><span class="p">.</span><span class="nx">width</span> <span class="o">=</span> <span class="nx">widthInfo</span><span class="p">.</span><span class="nx">width</span><span class="p">;</span>
-      <span class="p">}</span>
-      <span class="kd">var</span> <span class="nx">editInfo</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="nx">self</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;columnsEditor&#39;</span><span class="p">),</span><span class="kd">function</span><span class="p">(</span><span class="nx">c</span><span class="p">){</span><span class="k">return</span> <span class="nx">c</span><span class="p">.</span><span class="nx">column</span> <span class="o">===</span> <span class="nx">field</span><span class="p">.</span><span class="nx">id</span><span class="p">;});</span>
-      <span class="k">if</span> <span class="p">(</span><span class="nx">editInfo</span><span class="p">){</span>
-        <span class="nx">column</span><span class="p">.</span><span class="nx">editor</span> <span class="o">=</span> <span class="nx">editInfo</span><span class="p">.</span><span class="nx">editor</span><span class="p">;</span>
-      <span class="p">}</span> <span class="k">else</span> <span class="p">{</span></pre></div>             </td>           </tr>                               <tr id="section-13">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-13">&#182;</a>               </div>               <p>guess editor type</p>             </td>             <td class="code">               <div class="highlight"><pre>        <span class="kd">var</span> <span class="nx">typeToEditorMap</span> <span class="o">=</span> <span class="p">{</span>
-          <span class="s1">&#39;string&#39;</span><span class="o">:</span> <span class="nx">Slick</span><span class="p">.</span><span class="nx">Editors</span><span class="p">.</span><span class="nx">LongText</span><span class="p">,</span>
-          <span class="s1">&#39;integer&#39;</span><span class="o">:</span> <span class="nx">Slick</span><span class="p">.</span><span class="nx">Editors</span><span class="p">.</span><span class="nx">IntegerEditor</span><span class="p">,</span>
-          <span class="s1">&#39;number&#39;</span><span class="o">:</span> <span class="nx">Slick</span><span class="p">.</span><span class="nx">Editors</span><span class="p">.</span><span class="nx">Text</span><span class="p">,</span></pre></div>             </td>           </tr>                               <tr id="section-14">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-14">&#182;</a>               </div>               <p>TODO: need a way to ensure we format date in the right way
-Plus what if dates are in distant past or future ... (?)
-'date': Slick.Editors.DateEditor,</p>             </td>             <td class="code">               <div class="highlight"><pre>          <span class="s1">&#39;date&#39;</span><span class="o">:</span> <span class="nx">Slick</span><span class="p">.</span><span class="nx">Editors</span><span class="p">.</span><span class="nx">Text</span><span class="p">,</span>
-          <span class="s1">&#39;boolean&#39;</span><span class="o">:</span> <span class="nx">Slick</span><span class="p">.</span><span class="nx">Editors</span><span class="p">.</span><span class="nx">YesNoSelectEditor</span></pre></div>             </td>           </tr>                               <tr id="section-15">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-15">&#182;</a>               </div>               <p>TODO: (?) percent ...</p>             </td>             <td class="code">               <div class="highlight"><pre>        <span class="p">};</span>
-        <span class="k">if</span> <span class="p">(</span><span class="nx">field</span><span class="p">.</span><span class="nx">type</span> <span class="k">in</span> <span class="nx">typeToEditorMap</span><span class="p">)</span> <span class="p">{</span>
-          <span class="nx">column</span><span class="p">.</span><span class="nx">editor</span> <span class="o">=</span> <span class="nx">typeToEditorMap</span><span class="p">[</span><span class="nx">field</span><span class="p">.</span><span class="nx">type</span><span class="p">]</span>
-        <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-          <span class="nx">column</span><span class="p">.</span><span class="nx">editor</span> <span class="o">=</span> <span class="nx">Slick</span><span class="p">.</span><span class="nx">Editors</span><span class="p">.</span><span class="nx">LongText</span><span class="p">;</span>
-        <span class="p">}</span>
-      <span class="p">}</span>
-      <span class="nx">columns</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">column</span><span class="p">);</span>
-    <span class="p">});</span>    </pre></div>             </td>           </tr>                               <tr id="section-16">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-16">&#182;</a>               </div>               <p>Restrict the visible columns</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="kd">var</span> <span class="nx">visibleColumns</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">filter</span><span class="p">(</span><span class="nx">columns</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">column</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">return</span> <span class="nx">_</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="nx">self</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;hiddenColumns&#39;</span><span class="p">),</span> <span class="nx">column</span><span class="p">.</span><span class="nx">id</span><span class="p">)</span> <span class="o">===</span> <span class="o">-</span><span class="mi">1</span><span class="p">;</span>
-    <span class="p">});</span></pre></div>             </td>           </tr>                               <tr id="section-17">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-17">&#182;</a>               </div>               <p>Order them if there is ordering info on the state</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;columnsOrder&#39;</span><span class="p">)</span> <span class="o">&amp;&amp;</span> <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;columnsOrder&#39;</span><span class="p">).</span><span class="nx">length</span> <span class="o">&gt;</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span>
-      <span class="nx">visibleColumns</span> <span class="o">=</span> <span class="nx">visibleColumns</span><span class="p">.</span><span class="nx">sort</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">a</span><span class="p">,</span><span class="nx">b</span><span class="p">){</span>
-        <span class="k">return</span> <span class="nx">_</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="nx">self</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;columnsOrder&#39;</span><span class="p">),</span><span class="nx">a</span><span class="p">.</span><span class="nx">id</span><span class="p">)</span> <span class="o">&gt;</span> <span class="nx">_</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="nx">self</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;columnsOrder&#39;</span><span class="p">),</span><span class="nx">b</span><span class="p">.</span><span class="nx">id</span><span class="p">)</span> <span class="o">?</span> <span class="mi">1</span> <span class="o">:</span> <span class="o">-</span><span class="mi">1</span><span class="p">;</span>
-      <span class="p">});</span>
-      <span class="nx">columns</span> <span class="o">=</span> <span class="nx">columns</span><span class="p">.</span><span class="nx">sort</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">a</span><span class="p">,</span><span class="nx">b</span><span class="p">){</span>
-        <span class="k">return</span> <span class="nx">_</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="nx">self</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;columnsOrder&#39;</span><span class="p">),</span><span class="nx">a</span><span class="p">.</span><span class="nx">id</span><span class="p">)</span> <span class="o">&gt;</span> <span class="nx">_</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="nx">self</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;columnsOrder&#39;</span><span class="p">),</span><span class="nx">b</span><span class="p">.</span><span class="nx">id</span><span class="p">)</span> <span class="o">?</span> <span class="mi">1</span> <span class="o">:</span> <span class="o">-</span><span class="mi">1</span><span class="p">;</span>
-      <span class="p">});</span>
-    <span class="p">}</span></pre></div>             </td>           </tr>                               <tr id="section-18">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-18">&#182;</a>               </div>               <p>Move hidden columns to the end, so they appear at the bottom of the
-column picker</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="kd">var</span> <span class="nx">tempHiddenColumns</span> <span class="o">=</span> <span class="p">[];</span>
-    <span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="nx">columns</span><span class="p">.</span><span class="nx">length</span> <span class="o">-</span><span class="mi">1</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&gt;=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span><span class="o">--</span><span class="p">){</span>
-      <span class="k">if</span> <span class="p">(</span><span class="nx">_</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="nx">_</span><span class="p">.</span><span class="nx">pluck</span><span class="p">(</span><span class="nx">visibleColumns</span><span class="p">,</span><span class="s1">&#39;id&#39;</span><span class="p">),</span><span class="nx">columns</span><span class="p">[</span><span class="nx">i</span><span class="p">].</span><span class="nx">id</span><span class="p">)</span> <span class="o">===</span> <span class="o">-</span><span class="mi">1</span><span class="p">){</span>
-        <span class="nx">tempHiddenColumns</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">columns</span><span class="p">.</span><span class="nx">splice</span><span class="p">(</span><span class="nx">i</span><span class="p">,</span><span class="mi">1</span><span class="p">)[</span><span class="mi">0</span><span class="p">]);</span>
-      <span class="p">}</span>
-    <span class="p">}</span>
-    <span class="nx">columns</span> <span class="o">=</span> <span class="nx">columns</span><span class="p">.</span><span class="nx">concat</span><span class="p">(</span><span class="nx">tempHiddenColumns</span><span class="p">);</span></pre></div>             </td>           </tr>                               <tr id="section-19">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-19">&#182;</a>               </div>               <p>Transform a model object into a row</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="kd">function</span> <span class="nx">toRow</span><span class="p">(</span><span class="nx">m</span><span class="p">)</span> <span class="p">{</span>
-      <span class="kd">var</span> <span class="nx">row</span> <span class="o">=</span> <span class="p">{};</span>
-      <span class="nx">self</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">fields</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">field</span><span class="p">){</span>
-    <span class="kd">var</span> <span class="nx">render</span> <span class="o">=</span> <span class="s2">&quot;&quot;</span><span class="p">;</span></pre></div>             </td>           </tr>                               <tr id="section-20">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-20">&#182;</a>               </div>               <p>when adding row from slickgrid the field value is undefined</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">if</span><span class="p">(</span><span class="o">!</span><span class="nx">_</span><span class="p">.</span><span class="nx">isUndefined</span><span class="p">(</span><span class="nx">m</span><span class="p">.</span><span class="nx">getFieldValueUnrendered</span><span class="p">(</span><span class="nx">field</span><span class="p">))){</span>
-       <span class="nx">render</span> <span class="o">=</span><span class="nx">m</span><span class="p">.</span><span class="nx">getFieldValueUnrendered</span><span class="p">(</span><span class="nx">field</span><span class="p">)</span>
-    <span class="p">}</span>
-          <span class="nx">row</span><span class="p">[</span><span class="nx">field</span><span class="p">.</span><span class="nx">id</span><span class="p">]</span> <span class="o">=</span> <span class="nx">render</span>
-      <span class="p">});</span>
-      <span class="k">return</span> <span class="nx">row</span><span class="p">;</span>
-    <span class="p">}</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>my.SlickGrid = Backbone.View.extend({
+  initialize: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(modelEtc)</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    <span class="hljs-keyword">this</span>.$el.addClass(<span class="hljs-string">'recline-slickgrid'</span>);</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-3">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-3">&#182;</a>
+              </div>
+              <p>Template for row delete menu , change it if you don’t love </p>
 
-    <span class="kd">function</span> <span class="nx">RowSet</span><span class="p">()</span> <span class="p">{</span>
-      <span class="kd">var</span> <span class="nx">models</span> <span class="o">=</span> <span class="p">[];</span>
-      <span class="kd">var</span> <span class="nx">rows</span> <span class="o">=</span> <span class="p">[];</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">this</span>.templates = {
+      <span class="hljs-string">"deleterow"</span> : <span class="hljs-string">'&lt;button href="#" class="recline-row-delete btn btn-default" title="Delete row"&gt;X&lt;/button&gt;'</span>
+    };
 
-      <span class="k">this</span><span class="p">.</span><span class="nx">push</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">model</span><span class="p">,</span> <span class="nx">row</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">models</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">model</span><span class="p">);</span>
-        <span class="nx">rows</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">row</span><span class="p">);</span>
-      <span class="p">};</span>
+    _.bindAll(<span class="hljs-keyword">this</span>, <span class="hljs-string">'render'</span>, <span class="hljs-string">'onRecordChanged'</span>);
+    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.model.records, <span class="hljs-string">'add remove reset'</span>, <span class="hljs-keyword">this</span>.render);
+    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.model.records, <span class="hljs-string">'change'</span>, <span class="hljs-keyword">this</span>.onRecordChanged);
+    <span class="hljs-keyword">var</span> state = _.extend({
+        hiddenColumns: [],
+        columnsOrder: [],
+        columnsSort: {},
+        columnsWidth: [],
+        columnsEditor: [],
+        options: {},
+        fitColumns: <span class="hljs-literal">false</span>
+      }, modelEtc.state
 
-      <span class="k">this</span><span class="p">.</span><span class="nx">getLength</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><span class="k">return</span> <span class="nx">rows</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span> <span class="p">};</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">getItem</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">index</span><span class="p">)</span> <span class="p">{</span><span class="k">return</span> <span class="nx">rows</span><span class="p">[</span><span class="nx">index</span><span class="p">];};</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">getItemMetadata</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">index</span><span class="p">)</span> <span class="p">{</span><span class="k">return</span> <span class="p">{};};</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">getModel</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">index</span><span class="p">)</span> <span class="p">{</span><span class="k">return</span> <span class="nx">models</span><span class="p">[</span><span class="nx">index</span><span class="p">];};</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">getModelRow</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">m</span><span class="p">)</span> <span class="p">{</span><span class="k">return</span> <span class="nx">_</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="nx">models</span><span class="p">,</span> <span class="nx">m</span><span class="p">);};</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">updateItem</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">m</span><span class="p">,</span><span class="nx">i</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">rows</span><span class="p">[</span><span class="nx">i</span><span class="p">]</span> <span class="o">=</span> <span class="nx">toRow</span><span class="p">(</span><span class="nx">m</span><span class="p">);</span>
-        <span class="nx">models</span><span class="p">[</span><span class="nx">i</span><span class="p">]</span> <span class="o">=</span> <span class="nx">m</span><span class="p">;</span>
-      <span class="p">};</span>
-     
-    <span class="p">}</span>
+    );
+    <span class="hljs-keyword">this</span>.state = <span class="hljs-keyword">new</span> recline.Model.ObjectState(state);
+    <span class="hljs-keyword">this</span>._slickHandler = <span class="hljs-keyword">new</span> Slick.EventHandler();</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-4">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-4">&#182;</a>
+              </div>
+              <p>add menu for new row , check if enableAddRow is set to true or not set</p>
 
-    <span class="kd">var</span> <span class="nx">data</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">RowSet</span><span class="p">();</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">if</span>(<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">"gridOptions"</span>) 
+  &amp;&amp; <span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">"gridOptions"</span>).enabledAddRow != <span class="hljs-literal">undefined</span> 
+      &amp;&amp; <span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">"gridOptions"</span>).enabledAddRow == <span class="hljs-literal">true</span> ){
+      <span class="hljs-keyword">this</span>.editor    =  <span class="hljs-keyword">new</span>  my.GridControl()
+      <span class="hljs-keyword">this</span>.elSidebar =  <span class="hljs-keyword">this</span>.editor.$el
+  <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.editor.state, <span class="hljs-string">'change'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span></span>{   
+    <span class="hljs-keyword">this</span>.model.records.add(<span class="hljs-keyword">new</span> recline.Model.Record())
+      });
+    }
+  },
 
-    <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">records</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">doc</span><span class="p">){</span>
-      <span class="nx">data</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">doc</span><span class="p">,</span> <span class="nx">toRow</span><span class="p">(</span><span class="nx">doc</span><span class="p">));</span>
-    <span class="p">});</span>
+  onRecordChanged: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(record)</span> </span>{</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-5">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-5">&#182;</a>
+              </div>
+              <p>Ignore if the grid is not yet drawn</p>
 
-    <span class="k">this</span><span class="p">.</span><span class="nx">grid</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Slick</span><span class="p">.</span><span class="nx">Grid</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">el</span><span class="p">,</span> <span class="nx">data</span><span class="p">,</span> <span class="nx">visibleColumns</span><span class="p">,</span> <span class="nx">options</span><span class="p">);</span></pre></div>             </td>           </tr>                               <tr id="section-21">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-21">&#182;</a>               </div>               <p>Column sorting</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="kd">var</span> <span class="nx">sortInfo</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">queryState</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;sort&#39;</span><span class="p">);</span>
-    <span class="k">if</span> <span class="p">(</span><span class="nx">sortInfo</span><span class="p">){</span>
-      <span class="kd">var</span> <span class="nx">column</span> <span class="o">=</span> <span class="nx">sortInfo</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="nx">field</span><span class="p">;</span>
-      <span class="kd">var</span> <span class="nx">sortAsc</span> <span class="o">=</span> <span class="nx">sortInfo</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="nx">order</span> <span class="o">!==</span> <span class="s1">&#39;desc&#39;</span><span class="p">;</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">grid</span><span class="p">.</span><span class="nx">setSortColumn</span><span class="p">(</span><span class="nx">column</span><span class="p">,</span> <span class="nx">sortAsc</span><span class="p">);</span>
-    <span class="p">}</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">if</span> (!<span class="hljs-keyword">this</span>.grid) {
+      <span class="hljs-keyword">return</span>;
+    }</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-6">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-6">&#182;</a>
+              </div>
+              <p>Let’s find the row corresponding to the index</p>
 
-    <span class="k">this</span><span class="p">.</span><span class="nx">_slickHandler</span><span class="p">.</span><span class="nx">subscribe</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">grid</span><span class="p">.</span><span class="nx">onSort</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">,</span> <span class="nx">args</span><span class="p">){</span>
-      <span class="kd">var</span> <span class="nx">order</span> <span class="o">=</span> <span class="p">(</span><span class="nx">args</span><span class="p">.</span><span class="nx">sortAsc</span><span class="p">)</span> <span class="o">?</span> <span class="s1">&#39;asc&#39;</span><span class="o">:</span><span class="s1">&#39;desc&#39;</span><span class="p">;</span>
-      <span class="kd">var</span> <span class="nx">sort</span> <span class="o">=</span> <span class="p">[{</span>
-        <span class="nx">field</span><span class="o">:</span> <span class="nx">args</span><span class="p">.</span><span class="nx">sortCol</span><span class="p">.</span><span class="nx">field</span><span class="p">,</span>
-        <span class="nx">order</span><span class="o">:</span> <span class="nx">order</span>
-      <span class="p">}];</span>
-      <span class="nx">self</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">query</span><span class="p">({</span><span class="nx">sort</span><span class="o">:</span> <span class="nx">sort</span><span class="p">});</span>
-    <span class="p">});</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">var</span> row_index = <span class="hljs-keyword">this</span>.grid.getData().getModelRow( record );
+    <span class="hljs-keyword">this</span>.grid.invalidateRow(row_index);
+    <span class="hljs-keyword">this</span>.grid.getData().updateItem(record, row_index);
+    <span class="hljs-keyword">this</span>.grid.render();
+  },
 
-    <span class="k">this</span><span class="p">.</span><span class="nx">_slickHandler</span><span class="p">.</span><span class="nx">subscribe</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">grid</span><span class="p">.</span><span class="nx">onColumnsReordered</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">,</span> <span class="nx">args</span><span class="p">){</span>
-      <span class="nx">self</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">set</span><span class="p">({</span><span class="nx">columnsOrder</span><span class="o">:</span> <span class="nx">_</span><span class="p">.</span><span class="nx">pluck</span><span class="p">(</span><span class="nx">self</span><span class="p">.</span><span class="nx">grid</span><span class="p">.</span><span class="nx">getColumns</span><span class="p">(),</span><span class="s1">&#39;id&#39;</span><span class="p">)});</span>
-    <span class="p">});</span>
+  render: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    <span class="hljs-keyword">var</span> options = _.extend({
+      enableCellNavigation: <span class="hljs-literal">true</span>,
+      enableColumnReorder: <span class="hljs-literal">true</span>,
+      explicitInitialization: <span class="hljs-literal">true</span>,
+      syncColumnCellResize: <span class="hljs-literal">true</span>,
+      forceFitColumns: <span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'fitColumns'</span>)
+    }, self.state.get(<span class="hljs-string">'gridOptions'</span>));</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-7">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-7">&#182;</a>
+              </div>
+              <p>We need all columns, even the hidden ones, to show on the column picker</p>
 
-    <span class="k">this</span><span class="p">.</span><span class="nx">grid</span><span class="p">.</span><span class="nx">onColumnsResized</span><span class="p">.</span><span class="nx">subscribe</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">,</span> <span class="nx">args</span><span class="p">){</span>
-        <span class="kd">var</span> <span class="nx">columns</span> <span class="o">=</span> <span class="nx">args</span><span class="p">.</span><span class="nx">grid</span><span class="p">.</span><span class="nx">getColumns</span><span class="p">();</span>
-        <span class="kd">var</span> <span class="nx">defaultColumnWidth</span> <span class="o">=</span> <span class="nx">args</span><span class="p">.</span><span class="nx">grid</span><span class="p">.</span><span class="nx">getOptions</span><span class="p">().</span><span class="nx">defaultColumnWidth</span><span class="p">;</span>
-        <span class="kd">var</span> <span class="nx">columnsWidth</span> <span class="o">=</span> <span class="p">[];</span>
-        <span class="nx">_</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="nx">columns</span><span class="p">,</span><span class="kd">function</span><span class="p">(</span><span class="nx">column</span><span class="p">){</span>
-          <span class="k">if</span> <span class="p">(</span><span class="nx">column</span><span class="p">.</span><span class="nx">width</span> <span class="o">!=</span> <span class="nx">defaultColumnWidth</span><span class="p">){</span>
-            <span class="nx">columnsWidth</span><span class="p">.</span><span class="nx">push</span><span class="p">({</span><span class="nx">column</span><span class="o">:</span><span class="nx">column</span><span class="p">.</span><span class="nx">id</span><span class="p">,</span><span class="nx">width</span><span class="o">:</span><span class="nx">column</span><span class="p">.</span><span class="nx">width</span><span class="p">});</span>
-          <span class="p">}</span>
-        <span class="p">});</span>
-        <span class="nx">self</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">set</span><span class="p">({</span><span class="nx">columnsWidth</span><span class="o">:</span><span class="nx">columnsWidth</span><span class="p">});</span>
-    <span class="p">});</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">var</span> columns = [];</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-8">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-8">&#182;</a>
+              </div>
+              <p>custom formatter as default one escapes html
+plus this way we distinguish between rendering/formatting and computed value (so e.g. sort still works …)
+row = row index, cell = cell index, value = value, columnDef = column definition, dataContext = full row values</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">var</span> formatter = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(row, cell, value, columnDef, dataContext)</span> </span>{
+      <span class="hljs-keyword">if</span>(columnDef.id == <span class="hljs-string">"del"</span>){
+        <span class="hljs-keyword">return</span> self.templates.deleterow 
+      }
+      <span class="hljs-keyword">var</span> field = self.model.fields.get(columnDef.id);
+      <span class="hljs-keyword">if</span> (field.renderer) {
+        <span class="hljs-keyword">return</span>  field.renderer(value, field, dataContext);
+      } <span class="hljs-keyword">else</span> {
+        <span class="hljs-keyword">return</span>  value 
+      }
+    };</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-9">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-9">&#182;</a>
+              </div>
+              <p>we need to be sure that user is entering a valid  input , for exemple if 
+field is date type and field.format =’YY-MM-DD’, we should be sure that 
+user enter a correct value </p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">var</span> validator = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(field)</span> </span>{
+      <span class="hljs-keyword">return</span> <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(value)</span></span>{
+        <span class="hljs-keyword">if</span> (field.type == <span class="hljs-string">"date"</span> &amp;&amp; <span class="hljs-built_in">isNaN</span>(<span class="hljs-built_in">Date</span>.parse(value))){
+          <span class="hljs-keyword">return</span> {
+            valid: <span class="hljs-literal">false</span>,
+            msg: <span class="hljs-string">"A date is required, check field field-date-format"</span>
+          };
+        } <span class="hljs-keyword">else</span> {
+          <span class="hljs-keyword">return</span> {valid: <span class="hljs-literal">true</span>, msg :<span class="hljs-literal">null</span> } 
+        }
+      }
+    };</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-10">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-10">&#182;</a>
+              </div>
+              <p>Add column for row reorder support</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">"gridOptions"</span>) &amp;&amp; <span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">"gridOptions"</span>).enableReOrderRow == <span class="hljs-literal">true</span>) {
+      columns.push({
+        id: <span class="hljs-string">"#"</span>,
+        name: <span class="hljs-string">""</span>,
+        width: <span class="hljs-number">22</span>,
+        behavior: <span class="hljs-string">"selectAndMove"</span>,
+        selectable: <span class="hljs-literal">false</span>,
+        resizable: <span class="hljs-literal">false</span>,
+        cssClass: <span class="hljs-string">"recline-cell-reorder"</span>
+      })
+    }</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-11">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-11">&#182;</a>
+              </div>
+              <p>Add column for row delete support</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">"gridOptions"</span>) &amp;&amp; <span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">"gridOptions"</span>).enabledDelRow == <span class="hljs-literal">true</span>) {
+      columns.push({
+        id: <span class="hljs-string">'del'</span>,
+        name: <span class="hljs-string">''</span>,
+        field: <span class="hljs-string">'del'</span>,
+        sortable: <span class="hljs-literal">true</span>,
+        width: <span class="hljs-number">38</span>,
+        formatter: formatter,
+        validator:validator
+      })
+    }
+
+    <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">sanitizeFieldName</span><span class="hljs-params">(name)</span> </span>{
+      <span class="hljs-keyword">var</span> sanitized = $(name).text();
+      <span class="hljs-keyword">return</span> (name !== sanitized &amp;&amp; sanitized !== <span class="hljs-string">''</span>) ? sanitized : name;
+    }
+
+    _.each(<span class="hljs-keyword">this</span>.model.fields.toJSON(),<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(field)</span></span>{
+      <span class="hljs-keyword">var</span> column = {
+        id: field.id,
+        name: sanitizeFieldName(field.label),
+        field: field.id,
+        sortable: <span class="hljs-literal">true</span>,
+        minWidth: <span class="hljs-number">80</span>,
+        formatter: formatter,
+        validator:validator(field)
+      };
+      <span class="hljs-keyword">var</span> widthInfo = _.find(self.state.get(<span class="hljs-string">'columnsWidth'</span>),<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(c)</span></span>{<span class="hljs-keyword">return</span> c.column === field.id;});
+      <span class="hljs-keyword">if</span> (widthInfo){
+        column.width = widthInfo.width;
+      }
+      <span class="hljs-keyword">var</span> editInfo = _.find(self.state.get(<span class="hljs-string">'columnsEditor'</span>),<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(c)</span></span>{<span class="hljs-keyword">return</span> c.column === field.id;});
+      <span class="hljs-keyword">if</span> (editInfo){
+        column.editor = editInfo.editor;
+      } <span class="hljs-keyword">else</span> {</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-12">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-12">&#182;</a>
+              </div>
+              <p>guess editor type</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>        <span class="hljs-keyword">var</span> typeToEditorMap = {
+          <span class="hljs-string">'string'</span>: Slick.Editors.LongText,
+          <span class="hljs-string">'integer'</span>: Slick.Editors.IntegerEditor,
+          <span class="hljs-string">'number'</span>: Slick.Editors.Text,</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-13">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-13">&#182;</a>
+              </div>
+              <p>TODO: need a way to ensure we format date in the right way
+Plus what if dates are in distant past or future … (?)
+‘date’: Slick.Editors.DateEditor,</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>          <span class="hljs-string">'date'</span>: Slick.Editors.Text,
+          <span class="hljs-string">'boolean'</span>: Slick.Editors.YesNoSelectEditor</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-14">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-14">&#182;</a>
+              </div>
+              <p>TODO: (?) percent …</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>        };
+        <span class="hljs-keyword">if</span> (field.type <span class="hljs-keyword">in</span> typeToEditorMap) {
+          column.editor = typeToEditorMap[field.type]
+        } <span class="hljs-keyword">else</span> {
+          column.editor = Slick.Editors.LongText;
+        }
+      }
+      columns.push(column);
+    });</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-15">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-15">&#182;</a>
+              </div>
+              <p>Restrict the visible columns</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">var</span> visibleColumns = _.filter(columns, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(column)</span> </span>{
+      <span class="hljs-keyword">return</span> _.indexOf(self.state.get(<span class="hljs-string">'hiddenColumns'</span>), column.id) === -<span class="hljs-number">1</span>;
+    });</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-16">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-16">&#182;</a>
+              </div>
+              <p>Order them if there is ordering info on the state</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'columnsOrder'</span>) &amp;&amp; <span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'columnsOrder'</span>).length &gt; <span class="hljs-number">0</span>) {
+      visibleColumns = visibleColumns.sort(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(a,b)</span></span>{
+        <span class="hljs-keyword">return</span> _.indexOf(self.state.get(<span class="hljs-string">'columnsOrder'</span>),a.id) &gt; _.indexOf(self.state.get(<span class="hljs-string">'columnsOrder'</span>),b.id) ? <span class="hljs-number">1</span> : -<span class="hljs-number">1</span>;
+      });
+      columns = columns.sort(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(a,b)</span></span>{
+        <span class="hljs-keyword">return</span> _.indexOf(self.state.get(<span class="hljs-string">'columnsOrder'</span>),a.id) &gt; _.indexOf(self.state.get(<span class="hljs-string">'columnsOrder'</span>),b.id) ? <span class="hljs-number">1</span> : -<span class="hljs-number">1</span>;
+      });
+    }</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-17">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-17">&#182;</a>
+              </div>
+              <p>Move hidden columns to the end, so they appear at the bottom of the
+column picker</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">var</span> tempHiddenColumns = [];
+    <span class="hljs-keyword">for</span> (<span class="hljs-keyword">var</span> i = columns.length -<span class="hljs-number">1</span>; i &gt;= <span class="hljs-number">0</span>; i--){
+      <span class="hljs-keyword">if</span> (_.indexOf(_.pluck(visibleColumns,<span class="hljs-string">'id'</span>),columns[i].id) === -<span class="hljs-number">1</span>){
+        tempHiddenColumns.push(columns.splice(i,<span class="hljs-number">1</span>)[<span class="hljs-number">0</span>]);
+      }
+    }
+    columns = columns.concat(tempHiddenColumns);</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-18">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-18">&#182;</a>
+              </div>
+              <p>Transform a model object into a row</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">toRow</span><span class="hljs-params">(m)</span> </span>{
+      <span class="hljs-keyword">var</span> row = {};
+      self.model.fields.each(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(field)</span> </span>{
+        <span class="hljs-keyword">var</span> render = <span class="hljs-string">""</span>;</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-19">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-19">&#182;</a>
+              </div>
+              <p>when adding row from slickgrid the field value is undefined</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>        <span class="hljs-keyword">if</span>(!_.isUndefined(m.getFieldValueUnrendered(field))){
+           render =m.getFieldValueUnrendered(field)
+        }
+        row[field.id] = render
+      });
+      <span class="hljs-keyword">return</span> row;
+    }
+
+    <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">RowSet</span><span class="hljs-params">()</span> </span>{
+      <span class="hljs-keyword">var</span> models = [];
+      <span class="hljs-keyword">var</span> rows = [];
+
+      <span class="hljs-keyword">this</span>.push = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(model, row)</span> </span>{
+        models.push(model);
+        rows.push(row);
+      };
+
+      <span class="hljs-keyword">this</span>.getLength = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{<span class="hljs-keyword">return</span> rows.length; };
+      <span class="hljs-keyword">this</span>.getItem = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(index)</span> </span>{<span class="hljs-keyword">return</span> rows[index];};
+      <span class="hljs-keyword">this</span>.getItemMetadata = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(index)</span> </span>{<span class="hljs-keyword">return</span> {};};
+      <span class="hljs-keyword">this</span>.getModel = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(index)</span> </span>{<span class="hljs-keyword">return</span> models[index];};
+      <span class="hljs-keyword">this</span>.getModelRow = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(m)</span> </span>{<span class="hljs-keyword">return</span> _.indexOf(models, m);};
+      <span class="hljs-keyword">this</span>.updateItem = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(m,i)</span> </span>{
+        rows[i] = toRow(m);
+        models[i] = m;
+      };
+    }
+
+    <span class="hljs-keyword">var</span> data = <span class="hljs-keyword">new</span> RowSet();
+
+    <span class="hljs-keyword">this</span>.model.records.each(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(doc)</span></span>{
+      data.push(doc, toRow(doc));
+    });
+
+    <span class="hljs-keyword">this</span>.grid = <span class="hljs-keyword">new</span> Slick.Grid(<span class="hljs-keyword">this</span>.el, data, visibleColumns, options);</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-20">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-20">&#182;</a>
+              </div>
+              <p>Column sorting</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">var</span> sortInfo = <span class="hljs-keyword">this</span>.model.queryState.get(<span class="hljs-string">'sort'</span>);
+    <span class="hljs-keyword">if</span> (sortInfo){
+      <span class="hljs-keyword">var</span> column = sortInfo[<span class="hljs-number">0</span>].field;
+      <span class="hljs-keyword">var</span> sortAsc = sortInfo[<span class="hljs-number">0</span>].order !== <span class="hljs-string">'desc'</span>;
+      <span class="hljs-keyword">this</span>.grid.setSortColumn(column, sortAsc);
+    }
+
+    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">"gridOptions"</span>) &amp;&amp; <span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">"gridOptions"</span>).enableReOrderRow) {
+      <span class="hljs-keyword">this</span>._setupRowReordering();
+    }
     
-    <span class="k">this</span><span class="p">.</span><span class="nx">_slickHandler</span><span class="p">.</span><span class="nx">subscribe</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">grid</span><span class="p">.</span><span class="nx">onCellChange</span><span class="p">,</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">e</span><span class="p">,</span> <span class="nx">args</span><span class="p">)</span> <span class="p">{</span></pre></div>             </td>           </tr>                               <tr id="section-22">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-22">&#182;</a>               </div>               <p>We need to change the model associated value</p>             </td>             <td class="code">               <div class="highlight"><pre>      <span class="kd">var</span> <span class="nx">grid</span> <span class="o">=</span> <span class="nx">args</span><span class="p">.</span><span class="nx">grid</span><span class="p">;</span>
-      <span class="kd">var</span> <span class="nx">model</span> <span class="o">=</span> <span class="nx">data</span><span class="p">.</span><span class="nx">getModel</span><span class="p">(</span><span class="nx">args</span><span class="p">.</span><span class="nx">row</span><span class="p">);</span>
-      <span class="kd">var</span> <span class="nx">field</span> <span class="o">=</span> <span class="nx">grid</span><span class="p">.</span><span class="nx">getColumns</span><span class="p">()[</span><span class="nx">args</span><span class="p">.</span><span class="nx">cell</span><span class="p">].</span><span class="nx">id</span><span class="p">;</span>
-      <span class="kd">var</span> <span class="nx">v</span> <span class="o">=</span> <span class="p">{};</span>
-      <span class="nx">v</span><span class="p">[</span><span class="nx">field</span><span class="p">]</span> <span class="o">=</span> <span class="nx">args</span><span class="p">.</span><span class="nx">item</span><span class="p">[</span><span class="nx">field</span><span class="p">];</span>
-      <span class="nx">model</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="nx">v</span><span class="p">);</span>
-    <span class="p">});</span>  
-    <span class="k">this</span><span class="p">.</span><span class="nx">_slickHandler</span><span class="p">.</span><span class="nx">subscribe</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">grid</span><span class="p">.</span><span class="nx">onClick</span><span class="p">,</span><span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">,</span> <span class="nx">args</span><span class="p">){</span>
-      <span class="k">if</span> <span class="p">(</span><span class="nx">args</span><span class="p">.</span><span class="nx">cell</span> <span class="o">==</span> <span class="mi">0</span> <span class="o">&amp;&amp;</span> <span class="nx">self</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s2">&quot;gridOptions&quot;</span><span class="p">).</span><span class="nx">enabledDelRow</span> <span class="o">==</span> <span class="kc">true</span><span class="p">){</span></pre></div>             </td>           </tr>                               <tr id="section-23">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-23">&#182;</a>               </div>               <p>We need to delete the associated model</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="kd">var</span> <span class="nx">model</span> <span class="o">=</span> <span class="nx">data</span><span class="p">.</span><span class="nx">getModel</span><span class="p">(</span><span class="nx">args</span><span class="p">.</span><span class="nx">row</span><span class="p">);</span>
-        <span class="nx">model</span><span class="p">.</span><span class="nx">destroy</span><span class="p">()</span>
-   <span class="p">}</span>
-     <span class="p">})</span> <span class="p">;</span>
+    <span class="hljs-keyword">this</span>._slickHandler.subscribe(<span class="hljs-keyword">this</span>.grid.onSort, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e, args)</span></span>{
+      <span class="hljs-keyword">var</span> order = (args.sortAsc) ? <span class="hljs-string">'asc'</span>:<span class="hljs-string">'desc'</span>;
+      <span class="hljs-keyword">var</span> sort = [{
+        field: args.sortCol.field,
+        order: order
+      }];
+      self.model.query({sort: sort});
+    });
     
-     <span class="kd">var</span> <span class="nx">columnpicker</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Slick</span><span class="p">.</span><span class="nx">Controls</span><span class="p">.</span><span class="nx">ColumnPicker</span><span class="p">(</span><span class="nx">columns</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">grid</span><span class="p">,</span>
-                                                       <span class="nx">_</span><span class="p">.</span><span class="nx">extend</span><span class="p">(</span><span class="nx">options</span><span class="p">,{</span><span class="nx">state</span><span class="o">:</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">}));</span>
+    <span class="hljs-keyword">this</span>._slickHandler.subscribe(<span class="hljs-keyword">this</span>.grid.onColumnsReordered, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e, args)</span></span>{
+      self.state.set({columnsOrder: _.pluck(self.grid.getColumns(),<span class="hljs-string">'id'</span>)});
+    });
+    
+    <span class="hljs-keyword">this</span>.grid.onColumnsResized.subscribe(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e, args)</span></span>{
+        <span class="hljs-keyword">var</span> columns = args.grid.getColumns();
+        <span class="hljs-keyword">var</span> defaultColumnWidth = args.grid.getOptions().defaultColumnWidth;
+        <span class="hljs-keyword">var</span> columnsWidth = [];
+        _.each(columns,<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(column)</span></span>{
+          <span class="hljs-keyword">if</span> (column.width != defaultColumnWidth){
+            columnsWidth.push({column:column.id,width:column.width});
+          }
+        });
+        self.state.set({columnsWidth:columnsWidth});
+    });
+    
+    <span class="hljs-keyword">this</span>._slickHandler.subscribe(<span class="hljs-keyword">this</span>.grid.onCellChange, <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(e, args)</span> </span>{</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-21">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-21">&#182;</a>
+              </div>
+              <p>We need to change the model associated value</p>
 
-    <span class="k">if</span> <span class="p">(</span><span class="nx">self</span><span class="p">.</span><span class="nx">visible</span><span class="p">){</span>
-      <span class="nx">self</span><span class="p">.</span><span class="nx">grid</span><span class="p">.</span><span class="nx">init</span><span class="p">();</span>
-      <span class="nx">self</span><span class="p">.</span><span class="nx">rendered</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
-    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span></pre></div>             </td>           </tr>                               <tr id="section-24">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-24">&#182;</a>               </div>               <p>Defer rendering until the view is visible</p>             </td>             <td class="code">               <div class="highlight"><pre>      <span class="nx">self</span><span class="p">.</span><span class="nx">rendered</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
-    <span class="p">}</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>      <span class="hljs-keyword">var</span> grid = args.grid;
+      <span class="hljs-keyword">var</span> model = data.getModel(args.row);
+      <span class="hljs-keyword">var</span> field = grid.getColumns()[args.cell].id;
+      <span class="hljs-keyword">var</span> v = {};
+      v[field] = args.item[field];
+      model.set(v);
+    });  
+    <span class="hljs-keyword">this</span>._slickHandler.subscribe(<span class="hljs-keyword">this</span>.grid.onClick,<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e, args)</span></span>{</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-22">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-22">&#182;</a>
+              </div>
+              <p>try catch , because this fail in qunit , but no
+error on browser.</p>
 
-    <span class="k">return</span> <span class="k">this</span><span class="p">;</span>
-  <span class="p">},</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>      <span class="hljs-keyword">try</span>{e.preventDefault()}<span class="hljs-keyword">catch</span>(e){}</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-23">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-23">&#182;</a>
+              </div>
+              <p>The cell of grid that handle row delete is The first cell (0) if
+The grid ReOrder is not present ie  enableReOrderRow == false
+else it is The the second cell (1) , because The 0 is now cell
+that handle row Reoder.</p>
 
-  <span class="nx">remove</span><span class="o">:</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">_slickHandler</span><span class="p">.</span><span class="nx">unsubscribeAll</span><span class="p">();</span>
-    <span class="nx">Backbone</span><span class="p">.</span><span class="nx">View</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">remove</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="nx">arguments</span><span class="p">);</span>
-  <span class="p">},</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>      <span class="hljs-keyword">var</span> cell =<span class="hljs-number">0</span>
+      <span class="hljs-keyword">if</span>(self.state.get(<span class="hljs-string">"gridOptions"</span>) 
+  &amp;&amp; self.state.get(<span class="hljs-string">"gridOptions"</span>).enableReOrderRow != <span class="hljs-literal">undefined</span> 
+        &amp;&amp; self.state.get(<span class="hljs-string">"gridOptions"</span>).enableReOrderRow == <span class="hljs-literal">true</span> ){
+        cell =<span class="hljs-number">1</span>
+      }
+      <span class="hljs-keyword">if</span> (args.cell == cell &amp;&amp; self.state.get(<span class="hljs-string">"gridOptions"</span>).enabledDelRow == <span class="hljs-literal">true</span>){</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-24">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-24">&#182;</a>
+              </div>
+              <p>We need to delete the associated model</p>
 
-  <span class="nx">show</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span></pre></div>             </td>           </tr>                               <tr id="section-25">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-25">&#182;</a>               </div>               <p>If the div is hidden, SlickGrid will calculate wrongly some
-sizes so we must render it explicitly when the view is visible</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">rendered</span><span class="p">){</span>
-      <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">grid</span><span class="p">){</span>
-        <span class="k">this</span><span class="p">.</span><span class="nx">render</span><span class="p">();</span>
-      <span class="p">}</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">grid</span><span class="p">.</span><span class="nx">init</span><span class="p">();</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">rendered</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
-    <span class="p">}</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">visible</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
-  <span class="p">},</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>          <span class="hljs-keyword">var</span> model = data.getModel(args.row);
+          model.destroy()
+        }
+    }) ;
+    <span class="hljs-keyword">var</span> columnpicker = <span class="hljs-keyword">new</span> Slick.Controls.ColumnPicker(columns, <span class="hljs-keyword">this</span>.grid,
+                                                       _.extend(options,{state:<span class="hljs-keyword">this</span>.state}));
+    <span class="hljs-keyword">if</span> (self.visible){
+      self.grid.init();
+      self.rendered = <span class="hljs-literal">true</span>;
+    } <span class="hljs-keyword">else</span> {</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-25">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-25">&#182;</a>
+              </div>
+              <p>Defer rendering until the view is visible</p>
 
-  <span class="nx">hide</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">visible</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
-  <span class="p">}</span>
-<span class="p">});</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>      self.rendered = <span class="hljs-literal">false</span>;
+    }
+    <span class="hljs-keyword">return</span> <span class="hljs-keyword">this</span>;
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-26">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-26">&#182;</a>
+              </div>
+              <p>Row reordering support based on
+<a href="https://github.com/mleibman/SlickGrid/blob/gh-pages/examples/example9-row-reordering.html">https://github.com/mleibman/SlickGrid/blob/gh-pages/examples/example9-row-reordering.html</a></p>
 
-<span class="p">})(</span><span class="nx">jQuery</span><span class="p">,</span> <span class="nx">recline</span><span class="p">.</span><span class="nx">View</span><span class="p">);</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  _setupRowReordering: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    self.grid.setSelectionModel(<span class="hljs-keyword">new</span> Slick.RowSelectionModel());
 
-<span class="cm">/*</span>
-<span class="cm">* Context menu for the column picker, adapted from</span>
-<span class="cm">* http://mleibman.github.com/SlickGrid/examples/example-grouping</span>
-<span class="cm">*</span>
-<span class="cm">*/</span>
-<span class="p">(</span><span class="kd">function</span> <span class="p">(</span><span class="nx">$</span><span class="p">)</span> <span class="p">{</span>
-  <span class="kd">function</span> <span class="nx">SlickColumnPicker</span><span class="p">(</span><span class="nx">columns</span><span class="p">,</span> <span class="nx">grid</span><span class="p">,</span> <span class="nx">options</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">$menu</span><span class="p">;</span>
-    <span class="kd">var</span> <span class="nx">columnCheckboxes</span><span class="p">;</span>
+    <span class="hljs-keyword">var</span> moveRowsPlugin = <span class="hljs-keyword">new</span> Slick.RowMoveManager({
+      cancelEditOnDrag: <span class="hljs-literal">true</span>
+    });
 
-    <span class="kd">var</span> <span class="nx">defaults</span> <span class="o">=</span> <span class="p">{</span>
-      <span class="nx">fadeSpeed</span><span class="o">:</span><span class="mi">250</span>
-    <span class="p">};</span>
+    moveRowsPlugin.onBeforeMoveRows.subscribe(<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(e, data)</span> </span>{
+      <span class="hljs-keyword">for</span> (<span class="hljs-keyword">var</span> i = <span class="hljs-number">0</span>; i &lt; data.rows.length; i++) {</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-27">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-27">&#182;</a>
+              </div>
+              <p>no point in moving before or after itself</p>
 
-    <span class="kd">function</span> <span class="nx">init</span><span class="p">()</span> <span class="p">{</span>
-      <span class="nx">grid</span><span class="p">.</span><span class="nx">onHeaderContextMenu</span><span class="p">.</span><span class="nx">subscribe</span><span class="p">(</span><span class="nx">handleHeaderContextMenu</span><span class="p">);</span>
-      <span class="nx">options</span> <span class="o">=</span> <span class="nx">$</span><span class="p">.</span><span class="nx">extend</span><span class="p">({},</span> <span class="nx">defaults</span><span class="p">,</span> <span class="nx">options</span><span class="p">);</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>        <span class="hljs-keyword">if</span> (data.rows[i] == data.insertBefore || data.rows[i] == data.insertBefore - <span class="hljs-number">1</span>) {
+          e.stopPropagation();
+          <span class="hljs-keyword">return</span> <span class="hljs-literal">false</span>;
+        }
+      }
+      <span class="hljs-keyword">return</span> <span class="hljs-literal">true</span>;
+    });
+    
+    moveRowsPlugin.onMoveRows.subscribe(<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(e, args)</span> </span>{
+      <span class="hljs-keyword">var</span> extractedRows = [], left, right;
+      <span class="hljs-keyword">var</span> rows = args.rows;
+      <span class="hljs-keyword">var</span> insertBefore = args.insertBefore;
 
-      <span class="nx">$menu</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="s1">&#39;&lt;ul class=&quot;dropdown-menu slick-contextmenu&quot; style=&quot;display:none;position:absolute;z-index:20;&quot; /&gt;&#39;</span><span class="p">).</span><span class="nx">appendTo</span><span class="p">(</span><span class="nb">document</span><span class="p">.</span><span class="nx">body</span><span class="p">);</span>
+      <span class="hljs-keyword">var</span> data = self.model.records.toJSON()      
+      left = data.slice(<span class="hljs-number">0</span>, insertBefore);
+      right= data.slice(insertBefore, data.length);
+      
+      rows.sort(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(a,b)</span> </span>{ <span class="hljs-keyword">return</span> a-b; });
 
-      <span class="nx">$menu</span><span class="p">.</span><span class="nx">bind</span><span class="p">(</span><span class="s1">&#39;mouseleave&#39;</span><span class="p">,</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">$</span><span class="p">(</span><span class="k">this</span><span class="p">).</span><span class="nx">fadeOut</span><span class="p">(</span><span class="nx">options</span><span class="p">.</span><span class="nx">fadeSpeed</span><span class="p">);</span>
-      <span class="p">});</span>
-      <span class="nx">$menu</span><span class="p">.</span><span class="nx">bind</span><span class="p">(</span><span class="s1">&#39;click&#39;</span><span class="p">,</span> <span class="nx">updateColumn</span><span class="p">);</span>
+      <span class="hljs-keyword">for</span> (<span class="hljs-keyword">var</span> i = <span class="hljs-number">0</span>; i &lt; rows.length; i++) {
+          extractedRows.push(data[rows[i]]);
+      }
 
-    <span class="p">}</span>
+      rows.reverse();
 
-    <span class="kd">function</span> <span class="nx">handleHeaderContextMenu</span><span class="p">(</span><span class="nx">e</span><span class="p">,</span> <span class="nx">args</span><span class="p">)</span> <span class="p">{</span>
-      <span class="nx">e</span><span class="p">.</span><span class="nx">preventDefault</span><span class="p">();</span>
-      <span class="nx">$menu</span><span class="p">.</span><span class="nx">empty</span><span class="p">();</span>
-      <span class="nx">columnCheckboxes</span> <span class="o">=</span> <span class="p">[];</span>
+      <span class="hljs-keyword">for</span> (<span class="hljs-keyword">var</span> i = <span class="hljs-number">0</span>; i &lt; rows.length; i++) {
+        <span class="hljs-keyword">var</span> row = rows[i];
+        <span class="hljs-keyword">if</span> (row &lt; insertBefore) {
+          left.splice(row, <span class="hljs-number">1</span>);
+        } <span class="hljs-keyword">else</span> {
+          right.splice(row - insertBefore, <span class="hljs-number">1</span>);
+        }
+      }
 
-      <span class="kd">var</span> <span class="nx">$li</span><span class="p">,</span> <span class="nx">$input</span><span class="p">;</span>
-      <span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="nx">columns</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">$li</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="s1">&#39;&lt;li /&gt;&#39;</span><span class="p">).</span><span class="nx">appendTo</span><span class="p">(</span><span class="nx">$menu</span><span class="p">);</span>
-        <span class="nx">$input</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="s1">&#39;&lt;input type=&quot;checkbox&quot; /&gt;&#39;</span><span class="p">).</span><span class="nx">data</span><span class="p">(</span><span class="s1">&#39;column-id&#39;</span><span class="p">,</span> <span class="nx">columns</span><span class="p">[</span><span class="nx">i</span><span class="p">].</span><span class="nx">id</span><span class="p">).</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;id&#39;</span><span class="p">,</span><span class="s1">&#39;slick-column-vis-&#39;</span><span class="o">+</span><span class="nx">columns</span><span class="p">[</span><span class="nx">i</span><span class="p">].</span><span class="nx">id</span><span class="p">);</span>
-        <span class="nx">columnCheckboxes</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">$input</span><span class="p">);</span>
+      data = left.concat(extractedRows.concat(right));
+      <span class="hljs-keyword">var</span> selectedRows = [];
+      <span class="hljs-keyword">for</span> (<span class="hljs-keyword">var</span> i = <span class="hljs-number">0</span>; i &lt; rows.length; i++)
+        selectedRows.push(left.length + i);      
 
-        <span class="k">if</span> <span class="p">(</span><span class="nx">grid</span><span class="p">.</span><span class="nx">getColumnIndex</span><span class="p">(</span><span class="nx">columns</span><span class="p">[</span><span class="nx">i</span><span class="p">].</span><span class="nx">id</span><span class="p">)</span> <span class="o">!==</span> <span class="kc">null</span><span class="p">)</span> <span class="p">{</span>
-          <span class="nx">$input</span><span class="p">.</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;checked&#39;</span><span class="p">,</span> <span class="s1">&#39;checked&#39;</span><span class="p">);</span>
-        <span class="p">}</span>
-        <span class="nx">$input</span><span class="p">.</span><span class="nx">appendTo</span><span class="p">(</span><span class="nx">$li</span><span class="p">);</span>
-        <span class="nx">$</span><span class="p">(</span><span class="s1">&#39;&lt;label /&gt;&#39;</span><span class="p">)</span>
-            <span class="p">.</span><span class="nx">text</span><span class="p">(</span><span class="nx">columns</span><span class="p">[</span><span class="nx">i</span><span class="p">].</span><span class="nx">name</span><span class="p">)</span>
-            <span class="p">.</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;for&#39;</span><span class="p">,</span><span class="s1">&#39;slick-column-vis-&#39;</span><span class="o">+</span><span class="nx">columns</span><span class="p">[</span><span class="nx">i</span><span class="p">].</span><span class="nx">id</span><span class="p">)</span>
-            <span class="p">.</span><span class="nx">appendTo</span><span class="p">(</span><span class="nx">$li</span><span class="p">);</span>
-      <span class="p">}</span>
-      <span class="nx">$</span><span class="p">(</span><span class="s1">&#39;&lt;li/&gt;&#39;</span><span class="p">).</span><span class="nx">addClass</span><span class="p">(</span><span class="s1">&#39;divider&#39;</span><span class="p">).</span><span class="nx">appendTo</span><span class="p">(</span><span class="nx">$menu</span><span class="p">);</span>
-      <span class="nx">$li</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="s1">&#39;&lt;li /&gt;&#39;</span><span class="p">).</span><span class="nx">data</span><span class="p">(</span><span class="s1">&#39;option&#39;</span><span class="p">,</span> <span class="s1">&#39;autoresize&#39;</span><span class="p">).</span><span class="nx">appendTo</span><span class="p">(</span><span class="nx">$menu</span><span class="p">);</span>
-      <span class="nx">$input</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="s1">&#39;&lt;input type=&quot;checkbox&quot; /&gt;&#39;</span><span class="p">).</span><span class="nx">data</span><span class="p">(</span><span class="s1">&#39;option&#39;</span><span class="p">,</span> <span class="s1">&#39;autoresize&#39;</span><span class="p">).</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;id&#39;</span><span class="p">,</span><span class="s1">&#39;slick-option-autoresize&#39;</span><span class="p">);</span>
-      <span class="nx">$input</span><span class="p">.</span><span class="nx">appendTo</span><span class="p">(</span><span class="nx">$li</span><span class="p">);</span>
-      <span class="nx">$</span><span class="p">(</span><span class="s1">&#39;&lt;label /&gt;&#39;</span><span class="p">)</span>
-          <span class="p">.</span><span class="nx">text</span><span class="p">(</span><span class="s1">&#39;Force fit columns&#39;</span><span class="p">)</span>
-          <span class="p">.</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;for&#39;</span><span class="p">,</span><span class="s1">&#39;slick-option-autoresize&#39;</span><span class="p">)</span>
-          <span class="p">.</span><span class="nx">appendTo</span><span class="p">(</span><span class="nx">$li</span><span class="p">);</span>
-      <span class="k">if</span> <span class="p">(</span><span class="nx">grid</span><span class="p">.</span><span class="nx">getOptions</span><span class="p">().</span><span class="nx">forceFitColumns</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">$input</span><span class="p">.</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;checked&#39;</span><span class="p">,</span> <span class="s1">&#39;checked&#39;</span><span class="p">);</span>
-      <span class="p">}</span>
+      self.model.records.reset(data)
+      
+    });</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-28">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-28">&#182;</a>
+              </div>
+              <p>register The plugin to handle row Reorder</p>
 
-      <span class="nx">$menu</span><span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s1">&#39;top&#39;</span><span class="p">,</span> <span class="nx">e</span><span class="p">.</span><span class="nx">pageY</span> <span class="o">-</span> <span class="mi">10</span><span class="p">)</span>
-          <span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s1">&#39;left&#39;</span><span class="p">,</span> <span class="nx">e</span><span class="p">.</span><span class="nx">pageX</span> <span class="o">-</span> <span class="mi">10</span><span class="p">)</span>
-          <span class="p">.</span><span class="nx">fadeIn</span><span class="p">(</span><span class="nx">options</span><span class="p">.</span><span class="nx">fadeSpeed</span><span class="p">);</span>
-    <span class="p">}</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">if</span>(<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">"gridOptions"</span>) &amp;&amp; <span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">"gridOptions"</span>).enableReOrderRow) {
+      self.grid.registerPlugin(moveRowsPlugin);
+    }
+  },
 
-    <span class="kd">function</span> <span class="nx">updateColumn</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span>
-      <span class="kd">var</span> <span class="nx">checkbox</span><span class="p">;</span>
+  remove: <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">this</span>._slickHandler.unsubscribeAll();
+    Backbone.View.prototype.remove.apply(<span class="hljs-keyword">this</span>, <span class="hljs-built_in">arguments</span>);
+  },
 
-      <span class="k">if</span> <span class="p">(</span><span class="nx">$</span><span class="p">(</span><span class="nx">e</span><span class="p">.</span><span class="nx">target</span><span class="p">).</span><span class="nx">data</span><span class="p">(</span><span class="s1">&#39;option&#39;</span><span class="p">)</span> <span class="o">===</span> <span class="s1">&#39;autoresize&#39;</span><span class="p">)</span> <span class="p">{</span>
-        <span class="kd">var</span> <span class="nx">checked</span><span class="p">;</span>
-        <span class="k">if</span> <span class="p">(</span><span class="nx">$</span><span class="p">(</span><span class="nx">e</span><span class="p">.</span><span class="nx">target</span><span class="p">).</span><span class="nx">is</span><span class="p">(</span><span class="s1">&#39;li&#39;</span><span class="p">)){</span>
-            <span class="nx">checkbox</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="nx">e</span><span class="p">.</span><span class="nx">target</span><span class="p">).</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;input&#39;</span><span class="p">).</span><span class="nx">first</span><span class="p">();</span>
-            <span class="nx">checked</span> <span class="o">=</span> <span class="o">!</span><span class="nx">checkbox</span><span class="p">.</span><span class="nx">is</span><span class="p">(</span><span class="s1">&#39;:checked&#39;</span><span class="p">);</span>
-            <span class="nx">checkbox</span><span class="p">.</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;checked&#39;</span><span class="p">,</span><span class="nx">checked</span><span class="p">);</span>
-        <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-          <span class="nx">checked</span> <span class="o">=</span> <span class="nx">e</span><span class="p">.</span><span class="nx">target</span><span class="p">.</span><span class="nx">checked</span><span class="p">;</span>
-        <span class="p">}</span>
+  show: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-29">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-29">&#182;</a>
+              </div>
+              <p>If the div is hidden, SlickGrid will calculate wrongly some
+sizes so we must render it explicitly when the view is visible</p>
 
-        <span class="k">if</span> <span class="p">(</span><span class="nx">checked</span><span class="p">)</span> <span class="p">{</span>
-          <span class="nx">grid</span><span class="p">.</span><span class="nx">setOptions</span><span class="p">({</span><span class="nx">forceFitColumns</span><span class="o">:</span><span class="kc">true</span><span class="p">});</span>
-          <span class="nx">grid</span><span class="p">.</span><span class="nx">autosizeColumns</span><span class="p">();</span>
-        <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-          <span class="nx">grid</span><span class="p">.</span><span class="nx">setOptions</span><span class="p">({</span><span class="nx">forceFitColumns</span><span class="o">:</span><span class="kc">false</span><span class="p">});</span>
-        <span class="p">}</span>
-        <span class="nx">options</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">set</span><span class="p">({</span><span class="nx">fitColumns</span><span class="o">:</span><span class="nx">checked</span><span class="p">});</span>
-        <span class="k">return</span><span class="p">;</span>
-      <span class="p">}</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">if</span> (!<span class="hljs-keyword">this</span>.rendered){
+      <span class="hljs-keyword">if</span> (!<span class="hljs-keyword">this</span>.grid){
+        <span class="hljs-keyword">this</span>.render();
+      }
+      <span class="hljs-keyword">this</span>.grid.init();
+      <span class="hljs-keyword">this</span>.rendered = <span class="hljs-literal">true</span>;
+    }
+    <span class="hljs-keyword">this</span>.visible = <span class="hljs-literal">true</span>;
+  },
 
-      <span class="k">if</span> <span class="p">((</span><span class="nx">$</span><span class="p">(</span><span class="nx">e</span><span class="p">.</span><span class="nx">target</span><span class="p">).</span><span class="nx">is</span><span class="p">(</span><span class="s1">&#39;li&#39;</span><span class="p">)</span> <span class="o">&amp;&amp;</span> <span class="o">!</span><span class="nx">$</span><span class="p">(</span><span class="nx">e</span><span class="p">.</span><span class="nx">target</span><span class="p">).</span><span class="nx">hasClass</span><span class="p">(</span><span class="s1">&#39;divider&#39;</span><span class="p">))</span> <span class="o">||</span>
-            <span class="nx">$</span><span class="p">(</span><span class="nx">e</span><span class="p">.</span><span class="nx">target</span><span class="p">).</span><span class="nx">is</span><span class="p">(</span><span class="s1">&#39;input&#39;</span><span class="p">))</span> <span class="p">{</span>
-        <span class="k">if</span> <span class="p">(</span><span class="nx">$</span><span class="p">(</span><span class="nx">e</span><span class="p">.</span><span class="nx">target</span><span class="p">).</span><span class="nx">is</span><span class="p">(</span><span class="s1">&#39;li&#39;</span><span class="p">)){</span>
-            <span class="nx">checkbox</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="nx">e</span><span class="p">.</span><span class="nx">target</span><span class="p">).</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;input&#39;</span><span class="p">).</span><span class="nx">first</span><span class="p">();</span>
-            <span class="nx">checkbox</span><span class="p">.</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;checked&#39;</span><span class="p">,</span><span class="o">!</span><span class="nx">checkbox</span><span class="p">.</span><span class="nx">is</span><span class="p">(</span><span class="s1">&#39;:checked&#39;</span><span class="p">));</span>
-        <span class="p">}</span>
-        <span class="kd">var</span> <span class="nx">visibleColumns</span> <span class="o">=</span> <span class="p">[];</span>
-        <span class="kd">var</span> <span class="nx">hiddenColumnsIds</span> <span class="o">=</span> <span class="p">[];</span>
-        <span class="nx">$</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="nx">columnCheckboxes</span><span class="p">,</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">i</span><span class="p">,</span> <span class="nx">e</span><span class="p">)</span> <span class="p">{</span>
-          <span class="k">if</span> <span class="p">(</span><span class="nx">$</span><span class="p">(</span><span class="k">this</span><span class="p">).</span><span class="nx">is</span><span class="p">(</span><span class="s1">&#39;:checked&#39;</span><span class="p">))</span> <span class="p">{</span>
-            <span class="nx">visibleColumns</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">columns</span><span class="p">[</span><span class="nx">i</span><span class="p">]);</span>
-          <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-            <span class="nx">hiddenColumnsIds</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">columns</span><span class="p">[</span><span class="nx">i</span><span class="p">].</span><span class="nx">id</span><span class="p">);</span>
-          <span class="p">}</span>
-        <span class="p">});</span>
+  hide: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">this</span>.visible = <span class="hljs-literal">false</span>;
+  }
+});</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-30">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-30">&#182;</a>
+              </div>
+              <p>Add new grid Control to display a new row add menu bouton
+It display a simple side-bar menu ,for user to add new 
+row to grid </p>
 
-        <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">visibleColumns</span><span class="p">.</span><span class="nx">length</span><span class="p">)</span> <span class="p">{</span>
-          <span class="nx">$</span><span class="p">(</span><span class="nx">e</span><span class="p">.</span><span class="nx">target</span><span class="p">).</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;checked&#39;</span><span class="p">,</span> <span class="s1">&#39;checked&#39;</span><span class="p">);</span>
-          <span class="k">return</span><span class="p">;</span>
-        <span class="p">}</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>my.GridControl= Backbone.View.extend({
+  className: <span class="hljs-string">"recline-row-add"</span>,</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-31">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-31">&#182;</a>
+              </div>
+              <p>Template for row edit menu , change it if you don’t love</p>
 
-        <span class="nx">grid</span><span class="p">.</span><span class="nx">setColumns</span><span class="p">(</span><span class="nx">visibleColumns</span><span class="p">);</span>
-        <span class="nx">options</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">set</span><span class="p">({</span><span class="nx">hiddenColumns</span><span class="o">:</span><span class="nx">hiddenColumnsIds</span><span class="p">});</span>
-      <span class="p">}</span>
-    <span class="p">}</span>
-    <span class="nx">init</span><span class="p">();</span>
-  <span class="p">}</span></pre></div>             </td>           </tr>                               <tr id="section-26">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-26">&#182;</a>               </div>               <p>Slick.Controls.ColumnPicker</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">$</span><span class="p">.</span><span class="nx">extend</span><span class="p">(</span><span class="kc">true</span><span class="p">,</span> <span class="nb">window</span><span class="p">,</span> <span class="p">{</span> <span class="nx">Slick</span><span class="o">:</span><span class="p">{</span> <span class="nx">Controls</span><span class="o">:</span><span class="p">{</span> <span class="nx">ColumnPicker</span><span class="o">:</span><span class="nx">SlickColumnPicker</span> <span class="p">}}});</span>
-<span class="p">})(</span><span class="nx">jQuery</span><span class="p">);</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  template: <span class="hljs-string">'&lt;h1&gt;&lt;button href="#" class="recline-row-add btn btn-default"&gt;Add row&lt;/button&gt;&lt;/h1&gt;'</span>,
+  
+  initialize: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(options)</span></span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    _.bindAll(<span class="hljs-keyword">this</span>, <span class="hljs-string">'render'</span>);
+    <span class="hljs-keyword">this</span>.state = <span class="hljs-keyword">new</span> recline.Model.ObjectState();
+    <span class="hljs-keyword">this</span>.render();
+  },
 
-</pre></div>             </td>           </tr>                </tbody>     </table>   </div> </body> </html> 
\ No newline at end of file
+  render: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    <span class="hljs-keyword">this</span>.$el.html(<span class="hljs-keyword">this</span>.template)
+  },
+
+  events : {
+    <span class="hljs-string">"click .recline-row-add"</span> : <span class="hljs-string">"addNewRow"</span>
+  },
+
+  addNewRow : <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span></span>{
+    e.preventDefault()
+    <span class="hljs-keyword">this</span>.state.trigger(<span class="hljs-string">"change"</span>)
+ }
+});
+
+})(jQuery, recline.View);
+
+<span class="hljs-comment">/*
+* Context menu for the column picker, adapted from
+* http://mleibman.github.com/SlickGrid/examples/example-grouping
+*
+*/</span>
+(<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">($)</span> </span>{
+  <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">SlickColumnPicker</span><span class="hljs-params">(columns, grid, options)</span> </span>{
+    <span class="hljs-keyword">var</span> $menu;
+    <span class="hljs-keyword">var</span> columnCheckboxes;
+
+    <span class="hljs-keyword">var</span> defaults = {
+      fadeSpeed:<span class="hljs-number">250</span>
+    };
+
+    <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">init</span><span class="hljs-params">()</span> </span>{
+      grid.onHeaderContextMenu.subscribe(handleHeaderContextMenu);
+      options = $.extend({}, defaults, options);
+
+      $menu = $(<span class="hljs-string">'&lt;ul class="dropdown-menu slick-contextmenu" style="display:none;position:absolute;z-index:20;" /&gt;'</span>).appendTo(<span class="hljs-built_in">document</span>.body);
+
+      $menu.bind(<span class="hljs-string">'mouseleave'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(e)</span> </span>{
+        $(<span class="hljs-keyword">this</span>).fadeOut(options.fadeSpeed);
+      });
+      $menu.bind(<span class="hljs-string">'click'</span>, updateColumn);
+
+    }
+
+    <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">handleHeaderContextMenu</span><span class="hljs-params">(e, args)</span> </span>{
+      e.preventDefault();
+      $menu.empty();
+      columnCheckboxes = [];
+
+      <span class="hljs-keyword">var</span> $li, $input;
+      <span class="hljs-keyword">for</span> (<span class="hljs-keyword">var</span> i = <span class="hljs-number">0</span>; i &lt; columns.length; i++) {
+        $li = $(<span class="hljs-string">'&lt;li /&gt;'</span>).appendTo($menu);
+        $input = $(<span class="hljs-string">'&lt;input type="checkbox" /&gt;'</span>).data(<span class="hljs-string">'column-id'</span>, columns[i].id).attr(<span class="hljs-string">'id'</span>,<span class="hljs-string">'slick-column-vis-'</span>+columns[i].id);
+        columnCheckboxes.push($input);
+
+        <span class="hljs-keyword">if</span> (grid.getColumnIndex(columns[i].id) !== <span class="hljs-literal">null</span>) {
+          $input.attr(<span class="hljs-string">'checked'</span>, <span class="hljs-string">'checked'</span>);
+        }
+        $input.appendTo($li);
+        $(<span class="hljs-string">'&lt;label /&gt;'</span>)
+            .text(columns[i].name)
+            .attr(<span class="hljs-string">'for'</span>,<span class="hljs-string">'slick-column-vis-'</span>+columns[i].id)
+            .appendTo($li);
+      }
+      $(<span class="hljs-string">'&lt;li/&gt;'</span>).addClass(<span class="hljs-string">'divider'</span>).appendTo($menu);
+      $li = $(<span class="hljs-string">'&lt;li /&gt;'</span>).data(<span class="hljs-string">'option'</span>, <span class="hljs-string">'autoresize'</span>).appendTo($menu);
+      $input = $(<span class="hljs-string">'&lt;input type="checkbox" /&gt;'</span>).data(<span class="hljs-string">'option'</span>, <span class="hljs-string">'autoresize'</span>).attr(<span class="hljs-string">'id'</span>,<span class="hljs-string">'slick-option-autoresize'</span>);
+      $input.appendTo($li);
+      $(<span class="hljs-string">'&lt;label /&gt;'</span>)
+          .text(<span class="hljs-string">'Force fit columns'</span>)
+          .attr(<span class="hljs-string">'for'</span>,<span class="hljs-string">'slick-option-autoresize'</span>)
+          .appendTo($li);
+      <span class="hljs-keyword">if</span> (grid.getOptions().forceFitColumns) {
+        $input.attr(<span class="hljs-string">'checked'</span>, <span class="hljs-string">'checked'</span>);
+      }
+
+      $menu.css(<span class="hljs-string">'top'</span>, e.pageY - <span class="hljs-number">10</span>)
+          .css(<span class="hljs-string">'left'</span>, e.pageX - <span class="hljs-number">10</span>)
+          .fadeIn(options.fadeSpeed);
+    }
+
+    <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">updateColumn</span><span class="hljs-params">(e)</span> </span>{
+      <span class="hljs-keyword">var</span> checkbox;
+
+      <span class="hljs-keyword">if</span> ($(e.target).data(<span class="hljs-string">'option'</span>) === <span class="hljs-string">'autoresize'</span>) {
+        <span class="hljs-keyword">var</span> checked;
+        <span class="hljs-keyword">if</span> ($(e.target).is(<span class="hljs-string">'li'</span>)){
+            checkbox = $(e.target).find(<span class="hljs-string">'input'</span>).first();
+            checked = !checkbox.is(<span class="hljs-string">':checked'</span>);
+            checkbox.attr(<span class="hljs-string">'checked'</span>,checked);
+        } <span class="hljs-keyword">else</span> {
+          checked = e.target.checked;
+        }
+
+        <span class="hljs-keyword">if</span> (checked) {
+          grid.setOptions({forceFitColumns:<span class="hljs-literal">true</span>});
+          grid.autosizeColumns();
+        } <span class="hljs-keyword">else</span> {
+          grid.setOptions({forceFitColumns:<span class="hljs-literal">false</span>});
+        }
+        options.state.set({fitColumns:checked});
+        <span class="hljs-keyword">return</span>;
+      }
+
+      <span class="hljs-keyword">if</span> (($(e.target).is(<span class="hljs-string">'li'</span>) &amp;&amp; !$(e.target).hasClass(<span class="hljs-string">'divider'</span>)) ||
+            $(e.target).is(<span class="hljs-string">'input'</span>)) {
+        <span class="hljs-keyword">if</span> ($(e.target).is(<span class="hljs-string">'li'</span>)){
+            checkbox = $(e.target).find(<span class="hljs-string">'input'</span>).first();
+            checkbox.attr(<span class="hljs-string">'checked'</span>,!checkbox.is(<span class="hljs-string">':checked'</span>));
+        }
+        <span class="hljs-keyword">var</span> visibleColumns = [];
+        <span class="hljs-keyword">var</span> hiddenColumnsIds = [];
+        $.each(columnCheckboxes, <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(i, e)</span> </span>{
+          <span class="hljs-keyword">if</span> ($(<span class="hljs-keyword">this</span>).is(<span class="hljs-string">':checked'</span>)) {
+            visibleColumns.push(columns[i]);
+          } <span class="hljs-keyword">else</span> {
+            hiddenColumnsIds.push(columns[i].id);
+          }
+        });
+
+        <span class="hljs-keyword">if</span> (!visibleColumns.length) {
+          $(e.target).attr(<span class="hljs-string">'checked'</span>, <span class="hljs-string">'checked'</span>);
+          <span class="hljs-keyword">return</span>;
+        }
+
+        grid.setColumns(visibleColumns);
+        options.state.set({hiddenColumns:hiddenColumnsIds});
+      }
+    }
+    init();
+  }</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-32">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-32">&#182;</a>
+              </div>
+              <p>Slick.Controls.ColumnPicker</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  $.extend(<span class="hljs-literal">true</span>, <span class="hljs-built_in">window</span>, {
+    Slick: {
+      Controls: {
+        ColumnPicker: SlickColumnPicker
+      }
+    }
+  });
+
+})(jQuery);</pre></div></div>
+            
+        </li>
+        
+    </ul>
+  </div>
+</body>
+</html>
diff --git a/docs/src/view.timeline.html b/docs/src/view.timeline.html
index f86f6c45..5a7551f8 100644
--- a/docs/src/view.timeline.html
+++ b/docs/src/view.timeline.html
@@ -1,162 +1,446 @@
-<!DOCTYPE html>  <html> <head>   <title>view.timeline.js</title>   <meta http-equiv="content-type" content="text/html; charset=UTF-8">   <link rel="stylesheet" media="all" href="docco.css" /> </head> <body>   <div id="container">     <div id="background"></div>            <div id="jump_to">         Jump To &hellip;         <div id="jump_wrapper">           <div id="jump_page">                                           <a class="source" href="backend.csv.html">                 backend.csv.js               </a>                                           <a class="source" href="backend.dataproxy.html">                 backend.dataproxy.js               </a>                                           <a class="source" href="backend.memory.html">                 backend.memory.js               </a>                                           <a class="source" href="ecma-fixes.html">                 ecma-fixes.js               </a>                                           <a class="source" href="model.html">                 model.js               </a>                                           <a class="source" href="view.flot.html">                 view.flot.js               </a>                                           <a class="source" href="view.graph.html">                 view.graph.js               </a>                                           <a class="source" href="view.grid.html">                 view.grid.js               </a>                                           <a class="source" href="view.map.html">                 view.map.js               </a>                                           <a class="source" href="view.multiview.html">                 view.multiview.js               </a>                                           <a class="source" href="view.slickgrid.html">                 view.slickgrid.js               </a>                                           <a class="source" href="view.timeline.html">                 view.timeline.js               </a>                                           <a class="source" href="widget.facetviewer.html">                 widget.facetviewer.js               </a>                                           <a class="source" href="widget.fields.html">                 widget.fields.js               </a>                                           <a class="source" href="widget.filtereditor.html">                 widget.filtereditor.js               </a>                                           <a class="source" href="widget.pager.html">                 widget.pager.js               </a>                                           <a class="source" href="widget.queryeditor.html">                 widget.queryeditor.js               </a>                                           <a class="source" href="widget.valuefilter.html">                 widget.valuefilter.js               </a>                        </div>         </div>       </div>          <table cellpadding="0" cellspacing="0">       <thead>         <tr>           <th class="docs">             <h1>               view.timeline.js             </h1>           </th>           <th class="code">           </th>         </tr>       </thead>       <tbody>                               <tr id="section-1">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-1">&#182;</a>               </div>                            </td>             <td class="code">               <div class="highlight"><pre><span class="cm">/*jshint multistr:true */</span>
+<!DOCTYPE html>
 
-<span class="k">this</span><span class="p">.</span><span class="nx">recline</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span> <span class="o">||</span> <span class="p">{};</span>
-<span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">View</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">View</span> <span class="o">||</span> <span class="p">{};</span>
+<html>
+<head>
+  <title>view.timeline.js</title>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+  <link rel="stylesheet" media="all" href="docco.css" />
+</head>
+<body>
+  <div id="container">
+    <div id="background"></div>
+    
+      <ul id="jump_to">
+        <li>
+          <a class="large" href="javascript:void(0);">Jump To &hellip;</a>
+          <a class="small" href="javascript:void(0);">+</a>
+          <div id="jump_wrapper">
+          <div id="jump_page_wrapper">
+            <div id="jump_page">
+              
+                
+                <a class="source" href="backend.dataproxy.html">
+                  backend.dataproxy.js
+                </a>
+              
+                
+                <a class="source" href="backend.memory.html">
+                  backend.memory.js
+                </a>
+              
+                
+                <a class="source" href="ecma-fixes.html">
+                  ecma-fixes.js
+                </a>
+              
+                
+                <a class="source" href="model.html">
+                  model.js
+                </a>
+              
+                
+                <a class="source" href="view.flot.html">
+                  view.flot.js
+                </a>
+              
+                
+                <a class="source" href="view.graph.html">
+                  view.graph.js
+                </a>
+              
+                
+                <a class="source" href="view.grid.html">
+                  view.grid.js
+                </a>
+              
+                
+                <a class="source" href="view.map.html">
+                  view.map.js
+                </a>
+              
+                
+                <a class="source" href="view.multiview.html">
+                  view.multiview.js
+                </a>
+              
+                
+                <a class="source" href="view.slickgrid.html">
+                  view.slickgrid.js
+                </a>
+              
+                
+                <a class="source" href="view.timeline.html">
+                  view.timeline.js
+                </a>
+              
+                
+                <a class="source" href="widget.facetviewer.html">
+                  widget.facetviewer.js
+                </a>
+              
+                
+                <a class="source" href="widget.fields.html">
+                  widget.fields.js
+                </a>
+              
+                
+                <a class="source" href="widget.filtereditor.html">
+                  widget.filtereditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.pager.html">
+                  widget.pager.js
+                </a>
+              
+                
+                <a class="source" href="widget.queryeditor.html">
+                  widget.queryeditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.valuefilter.html">
+                  widget.valuefilter.js
+                </a>
+              
+            </div>
+          </div>
+        </li>
+      </ul>
+    
+    <ul class="sections">
+        
+          <li id="title">
+              <div class="annotation">
+                  <h1>view.timeline.js</h1>
+              </div>
+          </li>
+        
+        
+        
+        <li id="section-1">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-1">&#182;</a>
+              </div>
+              
+            </div>
+            
+            <div class="content"><div class='highlight'><pre><span class="hljs-comment">/*jshint multistr:true */</span>
 
-<span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">$</span><span class="p">,</span> <span class="nx">my</span><span class="p">)</span> <span class="p">{</span>
-  <span class="s2">&quot;use strict&quot;</span><span class="p">;</span></pre></div>             </td>           </tr>                               <tr id="section-2">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-2">&#182;</a>               </div>               <p>turn off unnecessary logging from VMM Timeline</p>             </td>             <td class="code">               <div class="highlight"><pre><span class="k">if</span> <span class="p">(</span><span class="k">typeof</span> <span class="nx">VMM</span> <span class="o">!==</span> <span class="s1">&#39;undefined&#39;</span><span class="p">)</span> <span class="p">{</span>
-  <span class="nx">VMM</span><span class="p">.</span><span class="nx">debug</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
-<span class="p">}</span></pre></div>             </td>           </tr>                               <tr id="section-3">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-3">&#182;</a>               </div>               <h2>Timeline</h2>
+<span class="hljs-keyword">this</span>.recline = <span class="hljs-keyword">this</span>.recline || {};
+<span class="hljs-keyword">this</span>.recline.View = <span class="hljs-keyword">this</span>.recline.View || {};
 
-<p>Timeline view using http://timeline.verite.co/</p>             </td>             <td class="code">               <div class="highlight"><pre><span class="nx">my</span><span class="p">.</span><span class="nx">Timeline</span> <span class="o">=</span> <span class="nx">Backbone</span><span class="p">.</span><span class="nx">View</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-  <span class="nx">template</span><span class="o">:</span> <span class="s1">&#39; \</span>
-<span class="s1">    &lt;div class=&quot;recline-timeline&quot;&gt; \</span>
-<span class="s1">      &lt;div id=&quot;vmm-timeline-id&quot;&gt;&lt;/div&gt; \</span>
-<span class="s1">    &lt;/div&gt; \</span>
-<span class="s1">  &#39;</span><span class="p">,</span></pre></div>             </td>           </tr>                               <tr id="section-4">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-4">&#182;</a>               </div>               <p>These are the default (case-insensitive) names of field that are used if found.
-If not found, the user will need to define these fields on initialization</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">startFieldNames</span><span class="o">:</span> <span class="p">[</span><span class="s1">&#39;date&#39;</span><span class="p">,</span><span class="s1">&#39;startdate&#39;</span><span class="p">,</span> <span class="s1">&#39;start&#39;</span><span class="p">,</span> <span class="s1">&#39;start-date&#39;</span><span class="p">],</span>
-  <span class="nx">endFieldNames</span><span class="o">:</span> <span class="p">[</span><span class="s1">&#39;end&#39;</span><span class="p">,</span><span class="s1">&#39;endDate&#39;</span><span class="p">],</span>
-  <span class="nx">elementId</span><span class="o">:</span> <span class="s1">&#39;#vmm-timeline-id&#39;</span><span class="p">,</span>
+(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">($, my)</span> </span>{
+<span class="hljs-pi">  "use strict"</span>;</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-2">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-2">&#182;</a>
+              </div>
+              <p>turn off unnecessary logging from VMM Timeline</p>
 
-  <span class="nx">initialize</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">options</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">timeline</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">VMM</span><span class="p">.</span><span class="nx">Timeline</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">elementId</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">_timelineIsInitialized</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">fields</span><span class="p">,</span> <span class="s1">&#39;reset&#39;</span><span class="p">,</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-      <span class="nx">self</span><span class="p">.</span><span class="nx">_setupTemporalField</span><span class="p">();</span>
-    <span class="p">});</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">records</span><span class="p">,</span> <span class="s1">&#39;all&#39;</span><span class="p">,</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-      <span class="nx">self</span><span class="p">.</span><span class="nx">reloadData</span><span class="p">();</span>
-    <span class="p">});</span>
-    <span class="kd">var</span> <span class="nx">stateData</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-        <span class="nx">startField</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
-        <span class="nx">endField</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span></pre></div>             </td>           </tr>                               <tr id="section-5">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-5">&#182;</a>               </div>               <p>by default timelinejs (and browsers) will parse ambiguous dates in US format (mm/dd/yyyy)
-set to true to interpret dd/dd/dddd as dd/mm/yyyy</p>             </td>             <td class="code">               <div class="highlight"><pre>        <span class="nx">nonUSDates</span><span class="o">:</span> <span class="kc">false</span><span class="p">,</span>
-        <span class="nx">timelineJSOptions</span><span class="o">:</span> <span class="p">{}</span>
-      <span class="p">},</span>
-      <span class="nx">options</span><span class="p">.</span><span class="nx">state</span>
-    <span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">state</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">recline</span><span class="p">.</span><span class="nx">Model</span><span class="p">.</span><span class="nx">ObjectState</span><span class="p">(</span><span class="nx">stateData</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">_setupTemporalField</span><span class="p">();</span>
-  <span class="p">},</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre><span class="hljs-keyword">if</span> (<span class="hljs-keyword">typeof</span> VMM !== <span class="hljs-string">'undefined'</span>) {
+  VMM.debug = <span class="hljs-literal">false</span>;
+}</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-3">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-3">&#182;</a>
+              </div>
+              <h2 id="timeline">Timeline</h2>
+<p>Timeline view using <a href="http://timeline.verite.co/">http://timeline.verite.co/</a></p>
 
-  <span class="nx">render</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">tmplData</span> <span class="o">=</span> <span class="p">{};</span>
-    <span class="kd">var</span> <span class="nx">htmls</span> <span class="o">=</span> <span class="nx">Mustache</span><span class="p">.</span><span class="nx">render</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">template</span><span class="p">,</span> <span class="nx">tmplData</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">html</span><span class="p">(</span><span class="nx">htmls</span><span class="p">);</span></pre></div>             </td>           </tr>                               <tr id="section-6">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-6">&#182;</a>               </div>               <p>can only call _initTimeline once view in DOM as Timeline uses $
-internally to look up element</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">if</span> <span class="p">(</span><span class="nx">$</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">elementId</span><span class="p">).</span><span class="nx">length</span> <span class="o">&gt;</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">_initTimeline</span><span class="p">();</span>
-    <span class="p">}</span>
-  <span class="p">},</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>my.Timeline = Backbone.View.extend({
+  template: <span class="hljs-string">' \
+    &lt;div class="recline-timeline"&gt; \
+      &lt;div id="vmm-timeline-id"&gt;&lt;/div&gt; \
+    &lt;/div&gt; \
+  '</span>,</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-4">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-4">&#182;</a>
+              </div>
+              <p>These are the default (case-insensitive) names of field that are used if found.
+If not found, the user will need to define these fields on initialization</p>
 
-  <span class="nx">show</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span></pre></div>             </td>           </tr>                               <tr id="section-7">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-7">&#182;</a>               </div>               <p>only call _initTimeline once view in DOM as Timeline uses $ internally to look up element</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_timelineIsInitialized</span> <span class="o">===</span> <span class="kc">false</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">_initTimeline</span><span class="p">();</span>
-    <span class="p">}</span>
-  <span class="p">},</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  startFieldNames: [<span class="hljs-string">'date'</span>,<span class="hljs-string">'startdate'</span>, <span class="hljs-string">'start'</span>, <span class="hljs-string">'start-date'</span>],
+  endFieldNames: [<span class="hljs-string">'end'</span>,<span class="hljs-string">'endDate'</span>],
+  elementId: <span class="hljs-string">'#vmm-timeline-id'</span>,
 
-  <span class="nx">_initTimeline</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">data</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_timelineJSON</span><span class="p">();</span>
-    <span class="kd">var</span> <span class="nx">config</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s2">&quot;timelineJSOptions&quot;</span><span class="p">);</span>
-    <span class="nx">config</span><span class="p">.</span><span class="nx">id</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">elementId</span><span class="p">;</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">timeline</span><span class="p">.</span><span class="nx">init</span><span class="p">(</span><span class="nx">config</span><span class="p">,</span> <span class="nx">data</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">_timelineIsInitialized</span> <span class="o">=</span> <span class="kc">true</span>
-  <span class="p">},</span>
+  initialize: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(options)</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    <span class="hljs-keyword">this</span>.timeline = <span class="hljs-keyword">new</span> VMM.Timeline(<span class="hljs-keyword">this</span>.elementId);
+    <span class="hljs-keyword">this</span>._timelineIsInitialized = <span class="hljs-literal">false</span>;
+    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.model.fields, <span class="hljs-string">'reset'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+      self._setupTemporalField();
+    });
+    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.model.records, <span class="hljs-string">'all'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+      self.reloadData();
+    });
+    <span class="hljs-keyword">var</span> stateData = _.extend({
+        startField: <span class="hljs-literal">null</span>,
+        endField: <span class="hljs-literal">null</span>,</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-5">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-5">&#182;</a>
+              </div>
+              <p>by default timelinejs (and browsers) will parse ambiguous dates in US format (mm/dd/yyyy)
+set to true to interpret dd/dd/dddd as dd/mm/yyyy</p>
 
-  <span class="nx">reloadData</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_timelineIsInitialized</span><span class="p">)</span> <span class="p">{</span>
-      <span class="kd">var</span> <span class="nx">data</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_timelineJSON</span><span class="p">();</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">timeline</span><span class="p">.</span><span class="nx">reload</span><span class="p">(</span><span class="nx">data</span><span class="p">);</span>
-    <span class="p">}</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-8">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-8">&#182;</a>               </div>               <p>Convert record to JSON for timeline</p>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>        nonUSDates: <span class="hljs-literal">false</span>,
+        timelineJSOptions: {}
+      },
+      options.state
+    );
+    <span class="hljs-keyword">this</span>.state = <span class="hljs-keyword">new</span> recline.Model.ObjectState(stateData);
+    <span class="hljs-keyword">this</span>._setupTemporalField();
+  },
 
-<p>Designed to be overridden in client apps</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">convertRecord</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">record</span><span class="p">,</span> <span class="nx">fields</span><span class="p">)</span> <span class="p">{</span>
-    <span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">_convertRecord</span><span class="p">(</span><span class="nx">record</span><span class="p">,</span> <span class="nx">fields</span><span class="p">);</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-9">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-9">&#182;</a>               </div>               <p>Internal method to generate a Timeline formatted entry</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">_convertRecord</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">record</span><span class="p">,</span> <span class="nx">fields</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">start</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_parseDate</span><span class="p">(</span><span class="nx">record</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;startField&#39;</span><span class="p">)));</span>
-    <span class="kd">var</span> <span class="nx">end</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_parseDate</span><span class="p">(</span><span class="nx">record</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;endField&#39;</span><span class="p">)));</span>
-    <span class="k">if</span> <span class="p">(</span><span class="nx">start</span><span class="p">)</span> <span class="p">{</span>
-      <span class="kd">var</span> <span class="nx">tlEntry</span> <span class="o">=</span> <span class="p">{</span>
-        <span class="s2">&quot;startDate&quot;</span><span class="o">:</span> <span class="nx">start</span><span class="p">,</span>
-        <span class="s2">&quot;endDate&quot;</span><span class="o">:</span> <span class="nx">end</span><span class="p">,</span>
-        <span class="s2">&quot;headline&quot;</span><span class="o">:</span> <span class="nb">String</span><span class="p">(</span><span class="nx">record</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;title&#39;</span><span class="p">)</span> <span class="o">||</span> <span class="s1">&#39;&#39;</span><span class="p">),</span>
-        <span class="s2">&quot;text&quot;</span><span class="o">:</span> <span class="nx">record</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;description&#39;</span><span class="p">)</span> <span class="o">||</span> <span class="nx">record</span><span class="p">.</span><span class="nx">summary</span><span class="p">()</span>
-      <span class="p">};</span>
-      <span class="k">return</span> <span class="nx">tlEntry</span><span class="p">;</span>
-    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-      <span class="k">return</span> <span class="kc">null</span><span class="p">;</span>
-    <span class="p">}</span>
-  <span class="p">},</span>
+  render: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> tmplData = {};
+    <span class="hljs-keyword">var</span> htmls = Mustache.render(<span class="hljs-keyword">this</span>.template, tmplData);
+    <span class="hljs-keyword">this</span>.$el.html(htmls);</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-6">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-6">&#182;</a>
+              </div>
+              <p>can only call _initTimeline once view in DOM as Timeline uses $
+internally to look up element</p>
 
-  <span class="nx">_timelineJSON</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="kd">var</span> <span class="nx">out</span> <span class="o">=</span> <span class="p">{</span>
-      <span class="s1">&#39;timeline&#39;</span><span class="o">:</span> <span class="p">{</span>
-        <span class="s1">&#39;type&#39;</span><span class="o">:</span> <span class="s1">&#39;default&#39;</span><span class="p">,</span>
-        <span class="s1">&#39;headline&#39;</span><span class="o">:</span> <span class="s1">&#39;&#39;</span><span class="p">,</span>
-        <span class="s1">&#39;date&#39;</span><span class="o">:</span> <span class="p">[</span>
-        <span class="p">]</span>
-      <span class="p">}</span>
-    <span class="p">};</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">records</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">record</span><span class="p">)</span> <span class="p">{</span>
-      <span class="kd">var</span> <span class="nx">newEntry</span> <span class="o">=</span> <span class="nx">self</span><span class="p">.</span><span class="nx">convertRecord</span><span class="p">(</span><span class="nx">record</span><span class="p">,</span> <span class="nx">self</span><span class="p">.</span><span class="nx">fields</span><span class="p">);</span>
-      <span class="k">if</span> <span class="p">(</span><span class="nx">newEntry</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">out</span><span class="p">.</span><span class="nx">timeline</span><span class="p">.</span><span class="nx">date</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">newEntry</span><span class="p">);</span> 
-      <span class="p">}</span>
-    <span class="p">});</span></pre></div>             </td>           </tr>                               <tr id="section-10">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-10">&#182;</a>               </div>               <p>if no entries create a placeholder entry to prevent Timeline crashing with error</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">if</span> <span class="p">(</span><span class="nx">out</span><span class="p">.</span><span class="nx">timeline</span><span class="p">.</span><span class="nx">date</span><span class="p">.</span><span class="nx">length</span> <span class="o">===</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span>
-      <span class="kd">var</span> <span class="nx">tlEntry</span> <span class="o">=</span> <span class="p">{</span>
-        <span class="s2">&quot;startDate&quot;</span><span class="o">:</span> <span class="s1">&#39;2000,1,1&#39;</span><span class="p">,</span>
-        <span class="s2">&quot;headline&quot;</span><span class="o">:</span> <span class="s1">&#39;No data to show!&#39;</span>
-      <span class="p">};</span>
-      <span class="nx">out</span><span class="p">.</span><span class="nx">timeline</span><span class="p">.</span><span class="nx">date</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">tlEntry</span><span class="p">);</span>
-    <span class="p">}</span>
-    <span class="k">return</span> <span class="nx">out</span><span class="p">;</span>
-  <span class="p">},</span></pre></div>             </td>           </tr>                               <tr id="section-11">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-11">&#182;</a>               </div>               <p>convert dates into a format TimelineJS will handle
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">if</span> ($(<span class="hljs-keyword">this</span>.elementId).length &gt; <span class="hljs-number">0</span>) {
+      <span class="hljs-keyword">this</span>._initTimeline();
+    }
+  },
+
+  show: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-7">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-7">&#182;</a>
+              </div>
+              <p>only call _initTimeline once view in DOM as Timeline uses $ internally to look up element</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>._timelineIsInitialized === <span class="hljs-literal">false</span>) {
+      <span class="hljs-keyword">this</span>._initTimeline();
+    }
+  },
+
+  _initTimeline: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> data = <span class="hljs-keyword">this</span>._timelineJSON();
+    <span class="hljs-keyword">var</span> config = <span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">"timelineJSOptions"</span>);
+    config.id = <span class="hljs-keyword">this</span>.elementId;
+    <span class="hljs-keyword">this</span>.timeline.init(config, data);
+    <span class="hljs-keyword">this</span>._timelineIsInitialized = <span class="hljs-literal">true</span>
+  },
+
+  reloadData: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>._timelineIsInitialized) {
+      <span class="hljs-keyword">var</span> data = <span class="hljs-keyword">this</span>._timelineJSON();
+      <span class="hljs-keyword">this</span>.timeline.reload(data);
+    }
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-8">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-8">&#182;</a>
+              </div>
+              <p>Convert record to JSON for timeline</p>
+<p>Designed to be overridden in client apps</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  convertRecord: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(record, fields)</span> </span>{
+    <span class="hljs-keyword">return</span> <span class="hljs-keyword">this</span>._convertRecord(record, fields);
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-9">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-9">&#182;</a>
+              </div>
+              <p>Internal method to generate a Timeline formatted entry</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  _convertRecord: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(record, fields)</span> </span>{
+    <span class="hljs-keyword">var</span> start = <span class="hljs-keyword">this</span>._parseDate(record.get(<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'startField'</span>)));
+    <span class="hljs-keyword">var</span> end = <span class="hljs-keyword">this</span>._parseDate(record.get(<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'endField'</span>)));
+    <span class="hljs-keyword">if</span> (start) {
+      <span class="hljs-keyword">var</span> tlEntry = {
+        <span class="hljs-string">"startDate"</span>: start,
+        <span class="hljs-string">"endDate"</span>: end,
+        <span class="hljs-string">"headline"</span>: <span class="hljs-built_in">String</span>(record.get(<span class="hljs-string">'title'</span>) || <span class="hljs-string">''</span>),
+        <span class="hljs-string">"text"</span>: record.get(<span class="hljs-string">'description'</span>) || record.summary(),
+        <span class="hljs-string">"tag"</span>: record.get(<span class="hljs-string">'tags'</span>)
+      };
+      <span class="hljs-keyword">return</span> tlEntry;
+    } <span class="hljs-keyword">else</span> {
+      <span class="hljs-keyword">return</span> <span class="hljs-literal">null</span>;
+    }
+  },
+
+  _timelineJSON: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    <span class="hljs-keyword">var</span> out = {
+      <span class="hljs-string">'timeline'</span>: {
+        <span class="hljs-string">'type'</span>: <span class="hljs-string">'default'</span>,
+        <span class="hljs-string">'headline'</span>: <span class="hljs-string">''</span>,
+        <span class="hljs-string">'date'</span>: [
+        ]
+      }
+    };
+    <span class="hljs-keyword">this</span>.model.records.each(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(record)</span> </span>{
+      <span class="hljs-keyword">var</span> newEntry = self.convertRecord(record, self.fields);
+      <span class="hljs-keyword">if</span> (newEntry) {
+        out.timeline.date.push(newEntry); 
+      }
+    });</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-10">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-10">&#182;</a>
+              </div>
+              <p>if no entries create a placeholder entry to prevent Timeline crashing with error</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">if</span> (out.timeline.date.length === <span class="hljs-number">0</span>) {
+      <span class="hljs-keyword">var</span> tlEntry = {
+        <span class="hljs-string">"startDate"</span>: <span class="hljs-string">'2000,1,1'</span>,
+        <span class="hljs-string">"headline"</span>: <span class="hljs-string">'No data to show!'</span>
+      };
+      out.timeline.date.push(tlEntry);
+    }
+    <span class="hljs-keyword">return</span> out;
+  },</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-11">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-11">&#182;</a>
+              </div>
+              <p>convert dates into a format TimelineJS will handle
 TimelineJS does not document this at all so combo of read the code +
 trial and error
 Summary (AFAICt):
 Preferred: [-]yyyy[,mm,dd,hh,mm,ss]
-Supported: mm/dd/yyyy</p>             </td>             <td class="code">               <div class="highlight"><pre>  <span class="nx">_parseDate</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">date</span><span class="p">)</span> <span class="p">{</span>
-    <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">date</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">return</span> <span class="kc">null</span><span class="p">;</span>
-    <span class="p">}</span>
-    <span class="kd">var</span> <span class="nx">out</span> <span class="o">=</span> <span class="nx">$</span><span class="p">.</span><span class="nx">trim</span><span class="p">(</span><span class="nx">date</span><span class="p">);</span>
-    <span class="nx">out</span> <span class="o">=</span> <span class="nx">out</span><span class="p">.</span><span class="nx">replace</span><span class="p">(</span><span class="sr">/(\d)th/g</span><span class="p">,</span> <span class="s1">&#39;$1&#39;</span><span class="p">);</span>
-    <span class="nx">out</span> <span class="o">=</span> <span class="nx">out</span><span class="p">.</span><span class="nx">replace</span><span class="p">(</span><span class="sr">/(\d)st/g</span><span class="p">,</span> <span class="s1">&#39;$1&#39;</span><span class="p">);</span>
-    <span class="nx">out</span> <span class="o">=</span> <span class="nx">$</span><span class="p">.</span><span class="nx">trim</span><span class="p">(</span><span class="nx">out</span><span class="p">);</span>
-    <span class="k">if</span> <span class="p">(</span><span class="nx">out</span><span class="p">.</span><span class="nx">match</span><span class="p">(</span><span class="sr">/\d\d\d\d-\d\d-\d\d(T.*)?/</span><span class="p">))</span> <span class="p">{</span>
-      <span class="nx">out</span> <span class="o">=</span> <span class="nx">out</span><span class="p">.</span><span class="nx">replace</span><span class="p">(</span><span class="sr">/-/g</span><span class="p">,</span> <span class="s1">&#39;,&#39;</span><span class="p">).</span><span class="nx">replace</span><span class="p">(</span><span class="s1">&#39;T&#39;</span><span class="p">,</span> <span class="s1">&#39;,&#39;</span><span class="p">).</span><span class="nx">replace</span><span class="p">(</span><span class="s1">&#39;:&#39;</span><span class="p">,</span><span class="s1">&#39;,&#39;</span><span class="p">);</span>
-    <span class="p">}</span>
-    <span class="k">if</span> <span class="p">(</span><span class="nx">out</span><span class="p">.</span><span class="nx">match</span><span class="p">(</span><span class="sr">/\d\d-\d\d-\d\d.*/</span><span class="p">))</span> <span class="p">{</span>
-      <span class="nx">out</span> <span class="o">=</span> <span class="nx">out</span><span class="p">.</span><span class="nx">replace</span><span class="p">(</span><span class="sr">/-/g</span><span class="p">,</span> <span class="s1">&#39;/&#39;</span><span class="p">);</span>
-    <span class="p">}</span>
-    <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;nonUSDates&#39;</span><span class="p">))</span> <span class="p">{</span>
-      <span class="kd">var</span> <span class="nx">parts</span> <span class="o">=</span> <span class="nx">out</span><span class="p">.</span><span class="nx">match</span><span class="p">(</span><span class="sr">/(\d\d)\/(\d\d)\/(\d\d.*)/</span><span class="p">);</span>
-      <span class="k">if</span> <span class="p">(</span><span class="nx">parts</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">out</span> <span class="o">=</span> <span class="p">[</span><span class="nx">parts</span><span class="p">[</span><span class="mi">2</span><span class="p">],</span> <span class="nx">parts</span><span class="p">[</span><span class="mi">1</span><span class="p">],</span> <span class="nx">parts</span><span class="p">[</span><span class="mi">3</span><span class="p">]].</span><span class="nx">join</span><span class="p">(</span><span class="s1">&#39;/&#39;</span><span class="p">);</span>
-      <span class="p">}</span>
-    <span class="p">}</span>
-    <span class="k">return</span> <span class="nx">out</span><span class="p">;</span>
-  <span class="p">},</span>
+Supported: mm/dd/yyyy</p>
 
-  <span class="nx">_setupTemporalField</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">state</span><span class="p">.</span><span class="nx">set</span><span class="p">({</span>
-      <span class="nx">startField</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">_checkField</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">startFieldNames</span><span class="p">),</span>
-      <span class="nx">endField</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">_checkField</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">endFieldNames</span><span class="p">)</span>
-    <span class="p">});</span>
-  <span class="p">},</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>  _parseDate: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(date)</span> </span>{
+    <span class="hljs-keyword">if</span> (!date) {
+      <span class="hljs-keyword">return</span> <span class="hljs-literal">null</span>;
+    }
+    <span class="hljs-keyword">var</span> out = $.trim(date);
+    out = out.replace(<span class="hljs-regexp">/(\d)th/g</span>, <span class="hljs-string">'$1'</span>);
+    out = out.replace(<span class="hljs-regexp">/(\d)st/g</span>, <span class="hljs-string">'$1'</span>);
+    out = $.trim(out);
+    <span class="hljs-keyword">if</span> (out.match(<span class="hljs-regexp">/\d\d\d\d-\d\d-\d\d(T.*)?/</span>)) {
+      out = out.replace(<span class="hljs-regexp">/-/g</span>, <span class="hljs-string">','</span>).replace(<span class="hljs-string">'T'</span>, <span class="hljs-string">','</span>).replace(<span class="hljs-string">':'</span>,<span class="hljs-string">','</span>);
+    }
+    <span class="hljs-keyword">if</span> (out.match(<span class="hljs-regexp">/\d\d-\d\d-\d\d.*/</span>)) {
+      out = out.replace(<span class="hljs-regexp">/-/g</span>, <span class="hljs-string">'/'</span>);
+    }
+    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.state.get(<span class="hljs-string">'nonUSDates'</span>)) {
+      <span class="hljs-keyword">var</span> parts = out.match(<span class="hljs-regexp">/(\d\d)\/(\d\d)\/(\d\d.*)/</span>);
+      <span class="hljs-keyword">if</span> (parts) {
+        out = [parts[<span class="hljs-number">2</span>], parts[<span class="hljs-number">1</span>], parts[<span class="hljs-number">3</span>]].join(<span class="hljs-string">'/'</span>);
+      }
+    }
+    <span class="hljs-keyword">return</span> out;
+  },
 
-  <span class="nx">_checkField</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">possibleFieldNames</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">modelFieldNames</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">fields</span><span class="p">.</span><span class="nx">pluck</span><span class="p">(</span><span class="s1">&#39;id&#39;</span><span class="p">);</span>
-    <span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="nx">possibleFieldNames</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">){</span>
-      <span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">j</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">j</span> <span class="o">&lt;</span> <span class="nx">modelFieldNames</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span> <span class="nx">j</span><span class="o">++</span><span class="p">){</span>
-        <span class="k">if</span> <span class="p">(</span><span class="nx">modelFieldNames</span><span class="p">[</span><span class="nx">j</span><span class="p">].</span><span class="nx">toLowerCase</span><span class="p">()</span> <span class="o">==</span> <span class="nx">possibleFieldNames</span><span class="p">[</span><span class="nx">i</span><span class="p">].</span><span class="nx">toLowerCase</span><span class="p">())</span>
-          <span class="k">return</span> <span class="nx">modelFieldNames</span><span class="p">[</span><span class="nx">j</span><span class="p">];</span>
-      <span class="p">}</span>
-    <span class="p">}</span>
-    <span class="k">return</span> <span class="kc">null</span><span class="p">;</span>
-  <span class="p">}</span>
-<span class="p">});</span>
+  _setupTemporalField: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">this</span>.state.set({
+      startField: <span class="hljs-keyword">this</span>._checkField(<span class="hljs-keyword">this</span>.startFieldNames),
+      endField: <span class="hljs-keyword">this</span>._checkField(<span class="hljs-keyword">this</span>.endFieldNames)
+    });
+  },
 
-<span class="p">})(</span><span class="nx">jQuery</span><span class="p">,</span> <span class="nx">recline</span><span class="p">.</span><span class="nx">View</span><span class="p">);</span>
+  _checkField: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(possibleFieldNames)</span> </span>{
+    <span class="hljs-keyword">var</span> modelFieldNames = <span class="hljs-keyword">this</span>.model.fields.pluck(<span class="hljs-string">'id'</span>);
+    <span class="hljs-keyword">for</span> (<span class="hljs-keyword">var</span> i = <span class="hljs-number">0</span>; i &lt; possibleFieldNames.length; i++){
+      <span class="hljs-keyword">for</span> (<span class="hljs-keyword">var</span> j = <span class="hljs-number">0</span>; j &lt; modelFieldNames.length; j++){
+        <span class="hljs-keyword">if</span> (modelFieldNames[j].toLowerCase() == possibleFieldNames[i].toLowerCase())
+          <span class="hljs-keyword">return</span> modelFieldNames[j];
+      }
+    }
+    <span class="hljs-keyword">return</span> <span class="hljs-literal">null</span>;
+  }
+});
 
-</pre></div>             </td>           </tr>                </tbody>     </table>   </div> </body> </html> 
\ No newline at end of file
+})(jQuery, recline.View);</pre></div></div>
+            
+        </li>
+        
+    </ul>
+  </div>
+</body>
+</html>
diff --git a/docs/src/widget.facetviewer.html b/docs/src/widget.facetviewer.html
index ddc3ab72..d2523dc3 100644
--- a/docs/src/widget.facetviewer.html
+++ b/docs/src/widget.facetviewer.html
@@ -1,83 +1,259 @@
-<!DOCTYPE html>  <html> <head>   <title>widget.facetviewer.js</title>   <meta http-equiv="content-type" content="text/html; charset=UTF-8">   <link rel="stylesheet" media="all" href="docco.css" /> </head> <body>   <div id="container">     <div id="background"></div>            <div id="jump_to">         Jump To &hellip;         <div id="jump_wrapper">           <div id="jump_page">                                           <a class="source" href="backend.csv.html">                 backend.csv.js               </a>                                           <a class="source" href="backend.dataproxy.html">                 backend.dataproxy.js               </a>                                           <a class="source" href="backend.memory.html">                 backend.memory.js               </a>                                           <a class="source" href="ecma-fixes.html">                 ecma-fixes.js               </a>                                           <a class="source" href="model.html">                 model.js               </a>                                           <a class="source" href="view.flot.html">                 view.flot.js               </a>                                           <a class="source" href="view.graph.html">                 view.graph.js               </a>                                           <a class="source" href="view.grid.html">                 view.grid.js               </a>                                           <a class="source" href="view.map.html">                 view.map.js               </a>                                           <a class="source" href="view.multiview.html">                 view.multiview.js               </a>                                           <a class="source" href="view.slickgrid.html">                 view.slickgrid.js               </a>                                           <a class="source" href="view.timeline.html">                 view.timeline.js               </a>                                           <a class="source" href="widget.facetviewer.html">                 widget.facetviewer.js               </a>                                           <a class="source" href="widget.fields.html">                 widget.fields.js               </a>                                           <a class="source" href="widget.filtereditor.html">                 widget.filtereditor.js               </a>                                           <a class="source" href="widget.pager.html">                 widget.pager.js               </a>                                           <a class="source" href="widget.queryeditor.html">                 widget.queryeditor.js               </a>                                           <a class="source" href="widget.valuefilter.html">                 widget.valuefilter.js               </a>                        </div>         </div>       </div>          <table cellpadding="0" cellspacing="0">       <thead>         <tr>           <th class="docs">             <h1>               widget.facetviewer.js             </h1>           </th>           <th class="code">           </th>         </tr>       </thead>       <tbody>                               <tr id="section-1">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-1">&#182;</a>               </div>                            </td>             <td class="code">               <div class="highlight"><pre><span class="cm">/*jshint multistr:true */</span>
+<!DOCTYPE html>
 
-<span class="k">this</span><span class="p">.</span><span class="nx">recline</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span> <span class="o">||</span> <span class="p">{};</span>
-<span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">View</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">View</span> <span class="o">||</span> <span class="p">{};</span>
+<html>
+<head>
+  <title>widget.facetviewer.js</title>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+  <link rel="stylesheet" media="all" href="docco.css" />
+</head>
+<body>
+  <div id="container">
+    <div id="background"></div>
+    
+      <ul id="jump_to">
+        <li>
+          <a class="large" href="javascript:void(0);">Jump To &hellip;</a>
+          <a class="small" href="javascript:void(0);">+</a>
+          <div id="jump_wrapper">
+          <div id="jump_page_wrapper">
+            <div id="jump_page">
+              
+                
+                <a class="source" href="backend.dataproxy.html">
+                  backend.dataproxy.js
+                </a>
+              
+                
+                <a class="source" href="backend.memory.html">
+                  backend.memory.js
+                </a>
+              
+                
+                <a class="source" href="ecma-fixes.html">
+                  ecma-fixes.js
+                </a>
+              
+                
+                <a class="source" href="model.html">
+                  model.js
+                </a>
+              
+                
+                <a class="source" href="view.flot.html">
+                  view.flot.js
+                </a>
+              
+                
+                <a class="source" href="view.graph.html">
+                  view.graph.js
+                </a>
+              
+                
+                <a class="source" href="view.grid.html">
+                  view.grid.js
+                </a>
+              
+                
+                <a class="source" href="view.map.html">
+                  view.map.js
+                </a>
+              
+                
+                <a class="source" href="view.multiview.html">
+                  view.multiview.js
+                </a>
+              
+                
+                <a class="source" href="view.slickgrid.html">
+                  view.slickgrid.js
+                </a>
+              
+                
+                <a class="source" href="view.timeline.html">
+                  view.timeline.js
+                </a>
+              
+                
+                <a class="source" href="widget.facetviewer.html">
+                  widget.facetviewer.js
+                </a>
+              
+                
+                <a class="source" href="widget.fields.html">
+                  widget.fields.js
+                </a>
+              
+                
+                <a class="source" href="widget.filtereditor.html">
+                  widget.filtereditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.pager.html">
+                  widget.pager.js
+                </a>
+              
+                
+                <a class="source" href="widget.queryeditor.html">
+                  widget.queryeditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.valuefilter.html">
+                  widget.valuefilter.js
+                </a>
+              
+            </div>
+          </div>
+        </li>
+      </ul>
+    
+    <ul class="sections">
+        
+          <li id="title">
+              <div class="annotation">
+                  <h1>widget.facetviewer.js</h1>
+              </div>
+          </li>
+        
+        
+        
+        <li id="section-1">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-1">&#182;</a>
+              </div>
+              
+            </div>
+            
+            <div class="content"><div class='highlight'><pre><span class="hljs-comment">/*jshint multistr:true */</span>
 
-<span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">$</span><span class="p">,</span> <span class="nx">my</span><span class="p">)</span> <span class="p">{</span>
-  <span class="s2">&quot;use strict&quot;</span><span class="p">;</span></pre></div>             </td>           </tr>                               <tr id="section-2">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-2">&#182;</a>               </div>               <h2>FacetViewer</h2>
+<span class="hljs-keyword">this</span>.recline = <span class="hljs-keyword">this</span>.recline || {};
+<span class="hljs-keyword">this</span>.recline.View = <span class="hljs-keyword">this</span>.recline.View || {};
 
+(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">($, my)</span> </span>{
+<span class="hljs-pi">  "use strict"</span>;</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-2">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-2">&#182;</a>
+              </div>
+              <h2 id="facetviewer">FacetViewer</h2>
 <p>Widget for displaying facets </p>
-
 <p>Usage:</p>
-
-<pre><code> var viewer = new FacetViewer({
+<pre><code> <span class="hljs-keyword">var</span> viewer = <span class="hljs-keyword">new</span> FacetViewer({
    model: dataset
  });
-</code></pre>             </td>             <td class="code">               <div class="highlight"><pre><span class="nx">my</span><span class="p">.</span><span class="nx">FacetViewer</span> <span class="o">=</span> <span class="nx">Backbone</span><span class="p">.</span><span class="nx">View</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-  <span class="nx">className</span><span class="o">:</span> <span class="s1">&#39;recline-facet-viewer&#39;</span><span class="p">,</span> 
-  <span class="nx">template</span><span class="o">:</span> <span class="s1">&#39; \</span>
-<span class="s1">    &lt;div class=&quot;facets&quot;&gt; \</span>
-<span class="s1">      {{#facets}} \</span>
-<span class="s1">      &lt;div class=&quot;facet-summary&quot; data-facet=&quot;{{id}}&quot;&gt; \</span>
-<span class="s1">        &lt;h3&gt; \</span>
-<span class="s1">          {{id}} \</span>
-<span class="s1">        &lt;/h3&gt; \</span>
-<span class="s1">        &lt;ul class=&quot;facet-items&quot;&gt; \</span>
-<span class="s1">        {{#terms}} \</span>
-<span class="s1">          &lt;li&gt;&lt;a class=&quot;facet-choice js-facet-filter&quot; data-value=&quot;{{term}}&quot; href=&quot;#{{term}}&quot;&gt;{{term}} ({{count}})&lt;/a&gt;&lt;/li&gt; \</span>
-<span class="s1">        {{/terms}} \</span>
-<span class="s1">        {{#entries}} \</span>
-<span class="s1">          &lt;li&gt;&lt;a class=&quot;facet-choice js-facet-filter&quot; data-value=&quot;{{time}}&quot;&gt;{{term}} ({{count}})&lt;/a&gt;&lt;/li&gt; \</span>
-<span class="s1">        {{/entries}} \</span>
-<span class="s1">        &lt;/ul&gt; \</span>
-<span class="s1">      &lt;/div&gt; \</span>
-<span class="s1">      {{/facets}} \</span>
-<span class="s1">    &lt;/div&gt; \</span>
-<span class="s1">  &#39;</span><span class="p">,</span>
+</code></pre>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>my.FacetViewer = Backbone.View.extend({
+  className: <span class="hljs-string">'recline-facet-viewer'</span>, 
+  template: <span class="hljs-string">' \
+    &lt;div class="facets"&gt; \
+      {{#facets}} \
+      &lt;div class="facet-summary" data-facet="{{id}}"&gt; \
+        &lt;h3&gt; \
+          {{id}} \
+        &lt;/h3&gt; \
+        &lt;ul class="facet-items"&gt; \
+        {{#terms}} \
+          &lt;li&gt;&lt;a class="facet-choice js-facet-filter" data-value="{{term}}" href="#{{term}}"&gt;{{term}} ({{count}})&lt;/a&gt;&lt;/li&gt; \
+        {{/terms}} \
+        {{#entries}} \
+          &lt;li&gt;&lt;a class="facet-choice js-facet-filter" data-value="{{time}}"&gt;{{term}} ({{count}})&lt;/a&gt;&lt;/li&gt; \
+        {{/entries}} \
+        &lt;/ul&gt; \
+      &lt;/div&gt; \
+      {{/facets}} \
+    &lt;/div&gt; \
+  '</span>,
 
-  <span class="nx">events</span><span class="o">:</span> <span class="p">{</span>
-    <span class="s1">&#39;click .js-facet-filter&#39;</span><span class="o">:</span> <span class="s1">&#39;onFacetFilter&#39;</span>
-  <span class="p">},</span>
-  <span class="nx">initialize</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">model</span><span class="p">)</span> <span class="p">{</span>
-    <span class="nx">_</span><span class="p">.</span><span class="nx">bindAll</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="s1">&#39;render&#39;</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">facets</span><span class="p">,</span> <span class="s1">&#39;all&#39;</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">render</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">fields</span><span class="p">,</span> <span class="s1">&#39;all&#39;</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">render</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">render</span><span class="p">();</span>
-  <span class="p">},</span>
-  <span class="nx">render</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">tmplData</span> <span class="o">=</span> <span class="p">{</span>
-      <span class="nx">fields</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">fields</span><span class="p">.</span><span class="nx">toJSON</span><span class="p">()</span>
-    <span class="p">};</span>
-    <span class="nx">tmplData</span><span class="p">.</span><span class="nx">facets</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">map</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">facets</span><span class="p">.</span><span class="nx">toJSON</span><span class="p">(),</span> <span class="kd">function</span><span class="p">(</span><span class="nx">facet</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">if</span> <span class="p">(</span><span class="nx">facet</span><span class="p">.</span><span class="nx">_type</span> <span class="o">===</span> <span class="s1">&#39;date_histogram&#39;</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">facet</span><span class="p">.</span><span class="nx">entries</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">map</span><span class="p">(</span><span class="nx">facet</span><span class="p">.</span><span class="nx">entries</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">entry</span><span class="p">)</span> <span class="p">{</span>
-          <span class="nx">entry</span><span class="p">.</span><span class="nx">term</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Date</span><span class="p">(</span><span class="nx">entry</span><span class="p">.</span><span class="nx">time</span><span class="p">).</span><span class="nx">toDateString</span><span class="p">();</span>
-          <span class="k">return</span> <span class="nx">entry</span><span class="p">;</span>
-        <span class="p">});</span>
-      <span class="p">}</span>
-      <span class="k">return</span> <span class="nx">facet</span><span class="p">;</span>
-    <span class="p">});</span>
-    <span class="kd">var</span> <span class="nx">templated</span> <span class="o">=</span> <span class="nx">Mustache</span><span class="p">.</span><span class="nx">render</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">template</span><span class="p">,</span> <span class="nx">tmplData</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">html</span><span class="p">(</span><span class="nx">templated</span><span class="p">);</span></pre></div>             </td>           </tr>                               <tr id="section-3">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-3">&#182;</a>               </div>               <p>are there actually any facets to show?</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">facets</span><span class="p">.</span><span class="nx">length</span> <span class="o">&gt;</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">show</span><span class="p">();</span>
-    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">hide</span><span class="p">();</span>
-    <span class="p">}</span>
-  <span class="p">},</span>
-  <span class="nx">onHide</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span>
-    <span class="nx">e</span><span class="p">.</span><span class="nx">preventDefault</span><span class="p">();</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">hide</span><span class="p">();</span>
-  <span class="p">},</span>
-  <span class="nx">onFacetFilter</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span>
-    <span class="nx">e</span><span class="p">.</span><span class="nx">preventDefault</span><span class="p">();</span>
-    <span class="kd">var</span> <span class="nx">$target</span><span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="nx">e</span><span class="p">.</span><span class="nx">target</span><span class="p">);</span>
-    <span class="kd">var</span> <span class="nx">fieldId</span> <span class="o">=</span> <span class="nx">$target</span><span class="p">.</span><span class="nx">closest</span><span class="p">(</span><span class="s1">&#39;.facet-summary&#39;</span><span class="p">).</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;data-facet&#39;</span><span class="p">);</span>
-    <span class="kd">var</span> <span class="nx">value</span> <span class="o">=</span> <span class="nx">$target</span><span class="p">.</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;data-value&#39;</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">queryState</span><span class="p">.</span><span class="nx">addFilter</span><span class="p">({</span><span class="nx">type</span><span class="o">:</span> <span class="s1">&#39;term&#39;</span><span class="p">,</span> <span class="nx">field</span><span class="o">:</span> <span class="nx">fieldId</span><span class="p">,</span> <span class="nx">term</span><span class="o">:</span> <span class="nx">value</span><span class="p">});</span></pre></div>             </td>           </tr>                               <tr id="section-4">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-4">&#182;</a>               </div>               <p>have to trigger explicitly for some reason</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">query</span><span class="p">();</span>
-  <span class="p">}</span>
-<span class="p">});</span>
+  events: {
+    <span class="hljs-string">'click .js-facet-filter'</span>: <span class="hljs-string">'onFacetFilter'</span>
+  },
+  initialize: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(model)</span> </span>{
+    _.bindAll(<span class="hljs-keyword">this</span>, <span class="hljs-string">'render'</span>);
+    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.model.facets, <span class="hljs-string">'all'</span>, <span class="hljs-keyword">this</span>.render);
+    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.model.fields, <span class="hljs-string">'all'</span>, <span class="hljs-keyword">this</span>.render);
+    <span class="hljs-keyword">this</span>.render();
+  },
+  render: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> tmplData = {
+      fields: <span class="hljs-keyword">this</span>.model.fields.toJSON()
+    };
+    tmplData.facets = _.map(<span class="hljs-keyword">this</span>.model.facets.toJSON(), <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(facet)</span> </span>{
+      <span class="hljs-keyword">if</span> (facet._type === <span class="hljs-string">'date_histogram'</span>) {
+        facet.entries = _.map(facet.entries, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(entry)</span> </span>{
+          entry.term = <span class="hljs-keyword">new</span> <span class="hljs-built_in">Date</span>(entry.time).toDateString();
+          <span class="hljs-keyword">return</span> entry;
+        });
+      }
+      <span class="hljs-keyword">return</span> facet;
+    });
+    <span class="hljs-keyword">var</span> templated = Mustache.render(<span class="hljs-keyword">this</span>.template, tmplData);
+    <span class="hljs-keyword">this</span>.$el.html(templated);</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-3">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-3">&#182;</a>
+              </div>
+              <p>are there actually any facets to show?</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.model.facets.length &gt; <span class="hljs-number">0</span>) {
+      <span class="hljs-keyword">this</span>.$el.show();
+    } <span class="hljs-keyword">else</span> {
+      <span class="hljs-keyword">this</span>.$el.hide();
+    }
+  },
+  onHide: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span> </span>{
+    e.preventDefault();
+    <span class="hljs-keyword">this</span>.$el.hide();
+  },
+  onFacetFilter: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span> </span>{
+    e.preventDefault();
+    <span class="hljs-keyword">var</span> $target= $(e.target);
+    <span class="hljs-keyword">var</span> fieldId = $target.closest(<span class="hljs-string">'.facet-summary'</span>).attr(<span class="hljs-string">'data-facet'</span>);
+    <span class="hljs-keyword">var</span> value = $target.attr(<span class="hljs-string">'data-value'</span>);
+    <span class="hljs-keyword">this</span>.model.queryState.addFilter({type: <span class="hljs-string">'term'</span>, field: fieldId, term: value});</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-4">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-4">&#182;</a>
+              </div>
+              <p>have to trigger explicitly for some reason</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">this</span>.model.query();
+  }
+});
 
 
-<span class="p">})(</span><span class="nx">jQuery</span><span class="p">,</span> <span class="nx">recline</span><span class="p">.</span><span class="nx">View</span><span class="p">);</span>
-
-</pre></div>             </td>           </tr>                </tbody>     </table>   </div> </body> </html> 
\ No newline at end of file
+})(jQuery, recline.View);</pre></div></div>
+            
+        </li>
+        
+    </ul>
+  </div>
+</body>
+</html>
diff --git a/docs/src/widget.fields.html b/docs/src/widget.fields.html
index d4fe2282..07b34852 100644
--- a/docs/src/widget.fields.html
+++ b/docs/src/widget.fields.html
@@ -1,82 +1,299 @@
-<!DOCTYPE html>  <html> <head>   <title>widget.fields.js</title>   <meta http-equiv="content-type" content="text/html; charset=UTF-8">   <link rel="stylesheet" media="all" href="docco.css" /> </head> <body>   <div id="container">     <div id="background"></div>            <div id="jump_to">         Jump To &hellip;         <div id="jump_wrapper">           <div id="jump_page">                                           <a class="source" href="backend.csv.html">                 backend.csv.js               </a>                                           <a class="source" href="backend.dataproxy.html">                 backend.dataproxy.js               </a>                                           <a class="source" href="backend.memory.html">                 backend.memory.js               </a>                                           <a class="source" href="ecma-fixes.html">                 ecma-fixes.js               </a>                                           <a class="source" href="model.html">                 model.js               </a>                                           <a class="source" href="view.flot.html">                 view.flot.js               </a>                                           <a class="source" href="view.graph.html">                 view.graph.js               </a>                                           <a class="source" href="view.grid.html">                 view.grid.js               </a>                                           <a class="source" href="view.map.html">                 view.map.js               </a>                                           <a class="source" href="view.multiview.html">                 view.multiview.js               </a>                                           <a class="source" href="view.slickgrid.html">                 view.slickgrid.js               </a>                                           <a class="source" href="view.timeline.html">                 view.timeline.js               </a>                                           <a class="source" href="widget.facetviewer.html">                 widget.facetviewer.js               </a>                                           <a class="source" href="widget.fields.html">                 widget.fields.js               </a>                                           <a class="source" href="widget.filtereditor.html">                 widget.filtereditor.js               </a>                                           <a class="source" href="widget.pager.html">                 widget.pager.js               </a>                                           <a class="source" href="widget.queryeditor.html">                 widget.queryeditor.js               </a>                                           <a class="source" href="widget.valuefilter.html">                 widget.valuefilter.js               </a>                        </div>         </div>       </div>          <table cellpadding="0" cellspacing="0">       <thead>         <tr>           <th class="docs">             <h1>               widget.fields.js             </h1>           </th>           <th class="code">           </th>         </tr>       </thead>       <tbody>                               <tr id="section-1">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-1">&#182;</a>               </div>                            </td>             <td class="code">               <div class="highlight"><pre><span class="cm">/*jshint multistr:true */</span></pre></div>             </td>           </tr>                               <tr id="section-2">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-2">&#182;</a>               </div>               <p>Field Info</p>
+<!DOCTYPE html>
 
+<html>
+<head>
+  <title>widget.fields.js</title>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+  <link rel="stylesheet" media="all" href="docco.css" />
+</head>
+<body>
+  <div id="container">
+    <div id="background"></div>
+    
+      <ul id="jump_to">
+        <li>
+          <a class="large" href="javascript:void(0);">Jump To &hellip;</a>
+          <a class="small" href="javascript:void(0);">+</a>
+          <div id="jump_wrapper">
+          <div id="jump_page_wrapper">
+            <div id="jump_page">
+              
+                
+                <a class="source" href="backend.dataproxy.html">
+                  backend.dataproxy.js
+                </a>
+              
+                
+                <a class="source" href="backend.memory.html">
+                  backend.memory.js
+                </a>
+              
+                
+                <a class="source" href="ecma-fixes.html">
+                  ecma-fixes.js
+                </a>
+              
+                
+                <a class="source" href="model.html">
+                  model.js
+                </a>
+              
+                
+                <a class="source" href="view.flot.html">
+                  view.flot.js
+                </a>
+              
+                
+                <a class="source" href="view.graph.html">
+                  view.graph.js
+                </a>
+              
+                
+                <a class="source" href="view.grid.html">
+                  view.grid.js
+                </a>
+              
+                
+                <a class="source" href="view.map.html">
+                  view.map.js
+                </a>
+              
+                
+                <a class="source" href="view.multiview.html">
+                  view.multiview.js
+                </a>
+              
+                
+                <a class="source" href="view.slickgrid.html">
+                  view.slickgrid.js
+                </a>
+              
+                
+                <a class="source" href="view.timeline.html">
+                  view.timeline.js
+                </a>
+              
+                
+                <a class="source" href="widget.facetviewer.html">
+                  widget.facetviewer.js
+                </a>
+              
+                
+                <a class="source" href="widget.fields.html">
+                  widget.fields.js
+                </a>
+              
+                
+                <a class="source" href="widget.filtereditor.html">
+                  widget.filtereditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.pager.html">
+                  widget.pager.js
+                </a>
+              
+                
+                <a class="source" href="widget.queryeditor.html">
+                  widget.queryeditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.valuefilter.html">
+                  widget.valuefilter.js
+                </a>
+              
+            </div>
+          </div>
+        </li>
+      </ul>
+    
+    <ul class="sections">
+        
+          <li id="title">
+              <div class="annotation">
+                  <h1>widget.fields.js</h1>
+              </div>
+          </li>
+        
+        
+        
+        <li id="section-1">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-1">&#182;</a>
+              </div>
+              
+            </div>
+            
+            <div class="content"><div class='highlight'><pre><span class="hljs-comment">/*jshint multistr:true */</span></pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-2">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-2">&#182;</a>
+              </div>
+              <p>Field Info</p>
 <p>For each field</p>
+<p>Id / Label / type / format</p>
 
-<p>Id / Label / type / format</p>             </td>             <td class="code">               <div class="highlight"><pre></pre></div>             </td>           </tr>                               <tr id="section-3">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-3">&#182;</a>               </div>               <p>Editor -- to change type (and possibly format)
-Editor for show/hide ...</p>             </td>             <td class="code">               <div class="highlight"><pre></pre></div>             </td>           </tr>                               <tr id="section-4">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-4">&#182;</a>               </div>               <p>Summaries of fields</p>
+            </div>
+            
+        </li>
+        
+        
+        <li id="section-3">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-3">&#182;</a>
+              </div>
+              <p>Editor — to change type (and possibly format)
+Editor for show/hide …</p>
 
+            </div>
+            
+        </li>
+        
+        
+        <li id="section-4">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-4">&#182;</a>
+              </div>
+              <p>Summaries of fields</p>
 <p>Top values / number empty
-If number: max, min average ...</p>             </td>             <td class="code">               <div class="highlight"><pre></pre></div>             </td>           </tr>                               <tr id="section-5">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-5">&#182;</a>               </div>               <p>Box to boot transform editor ...</p>             </td>             <td class="code">               <div class="highlight"><pre><span class="k">this</span><span class="p">.</span><span class="nx">recline</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span> <span class="o">||</span> <span class="p">{};</span>
-<span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">View</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">View</span> <span class="o">||</span> <span class="p">{};</span>
+If number: max, min average …</p>
 
-<span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">$</span><span class="p">,</span> <span class="nx">my</span><span class="p">)</span> <span class="p">{</span>
-  <span class="s2">&quot;use strict&quot;</span><span class="p">;</span>
+            </div>
+            
+        </li>
+        
+        
+        <li id="section-5">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-5">&#182;</a>
+              </div>
+              <p>Box to boot transform editor …</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>
+<span class="hljs-keyword">this</span>.recline = <span class="hljs-keyword">this</span>.recline || {};
+<span class="hljs-keyword">this</span>.recline.View = <span class="hljs-keyword">this</span>.recline.View || {};
+
+(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">($, my)</span> </span>{
+<span class="hljs-pi">  "use strict"</span>;
   
-<span class="nx">my</span><span class="p">.</span><span class="nx">Fields</span> <span class="o">=</span> <span class="nx">Backbone</span><span class="p">.</span><span class="nx">View</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-  <span class="nx">className</span><span class="o">:</span> <span class="s1">&#39;recline-fields-view&#39;</span><span class="p">,</span> 
-  <span class="nx">template</span><span class="o">:</span> <span class="s1">&#39; \</span>
-<span class="s1">    &lt;div class=&quot;accordion fields-list well&quot;&gt; \</span>
-<span class="s1">    &lt;h3&gt;Fields &lt;a href=&quot;#&quot; class=&quot;js-show-hide&quot;&gt;+&lt;/a&gt;&lt;/h3&gt; \</span>
-<span class="s1">    {{#fields}} \</span>
-<span class="s1">      &lt;div class=&quot;accordion-group field&quot;&gt; \</span>
-<span class="s1">        &lt;div class=&quot;accordion-heading&quot;&gt; \</span>
-<span class="s1">          &lt;i class=&quot;icon-file&quot;&gt;&lt;/i&gt; \</span>
-<span class="s1">          &lt;h4&gt; \</span>
-<span class="s1">            {{label}} \</span>
-<span class="s1">            &lt;small&gt; \</span>
-<span class="s1">              {{type}} \</span>
-<span class="s1">              &lt;a class=&quot;accordion-toggle&quot; data-toggle=&quot;collapse&quot; href=&quot;#collapse{{id}}&quot;&gt; &amp;raquo; &lt;/a&gt; \</span>
-<span class="s1">            &lt;/small&gt; \</span>
-<span class="s1">          &lt;/h4&gt; \</span>
-<span class="s1">        &lt;/div&gt; \</span>
-<span class="s1">        &lt;div id=&quot;collapse{{id}}&quot; class=&quot;accordion-body collapse&quot;&gt; \</span>
-<span class="s1">          &lt;div class=&quot;accordion-inner&quot;&gt; \</span>
-<span class="s1">            {{#facets}} \</span>
-<span class="s1">            &lt;div class=&quot;facet-summary&quot; data-facet=&quot;{{id}}&quot;&gt; \</span>
-<span class="s1">              &lt;ul class=&quot;facet-items&quot;&gt; \</span>
-<span class="s1">              {{#terms}} \</span>
-<span class="s1">                &lt;li class=&quot;facet-item&quot;&gt;&lt;span class=&quot;term&quot;&gt;{{term}}&lt;/span&gt; &lt;span class=&quot;count&quot;&gt;[{{count}}]&lt;/span&gt;&lt;/li&gt; \</span>
-<span class="s1">              {{/terms}} \</span>
-<span class="s1">              &lt;/ul&gt; \</span>
-<span class="s1">            &lt;/div&gt; \</span>
-<span class="s1">            {{/facets}} \</span>
-<span class="s1">            &lt;div class=&quot;clear&quot;&gt;&lt;/div&gt; \</span>
-<span class="s1">          &lt;/div&gt; \</span>
-<span class="s1">        &lt;/div&gt; \</span>
-<span class="s1">      &lt;/div&gt; \</span>
-<span class="s1">    {{/fields}} \</span>
-<span class="s1">    &lt;/div&gt; \</span>
-<span class="s1">  &#39;</span><span class="p">,</span>
+my.Fields = Backbone.View.extend({
+  className: <span class="hljs-string">'recline-fields-view'</span>, 
+  template: <span class="hljs-string">' \
+    &lt;div class="panel-group fields-list well"&gt; \
+    &lt;h3&gt;Fields &lt;a href="#" class="js-show-hide"&gt;+&lt;/a&gt;&lt;/h3&gt; \
+    {{#fields}} \
+      &lt;div class="panel panel-default field"&gt; \
+        &lt;div class="panel-heading"&gt; \
+          &lt;i class="glyphicon glyphicon-file"&gt;&lt;/i&gt; \
+          &lt;h4&gt; \
+            {{label}} \
+            &lt;small&gt; \
+              {{type}} \
+              &lt;a class="accordion-toggle" data-toggle="collapse" href="#collapse{{id}}"&gt; &amp;raquo; &lt;/a&gt; \
+            &lt;/small&gt; \
+          &lt;/h4&gt; \
+        &lt;/div&gt; \
+        &lt;div id="collapse{{id}}" class="panel-collapse collapse"&gt; \
+          &lt;div class="panel-body"&gt; \
+            {{#facets}} \
+            &lt;div class="facet-summary" data-facet="{{id}}"&gt; \
+              &lt;ul class="facet-items"&gt; \
+              {{#terms}} \
+                &lt;li class="facet-item"&gt;&lt;span class="term"&gt;{{term}}&lt;/span&gt; &lt;span class="count"&gt;[{{count}}]&lt;/span&gt;&lt;/li&gt; \
+              {{/terms}} \
+              &lt;/ul&gt; \
+            &lt;/div&gt; \
+            {{/facets}} \
+            &lt;div class="clear"&gt;&lt;/div&gt; \
+          &lt;/div&gt; \
+        &lt;/div&gt; \
+      &lt;/div&gt; \
+    {{/fields}} \
+    &lt;/div&gt; \
+  '</span>,
 
-  <span class="nx">initialize</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">model</span><span class="p">)</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="nx">_</span><span class="p">.</span><span class="nx">bindAll</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="s1">&#39;render&#39;</span><span class="p">);</span></pre></div>             </td>           </tr>                               <tr id="section-6">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-6">&#182;</a>               </div>               <p>TODO: this is quite restrictive in terms of when it is re-run
+  initialize: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(model)</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    _.bindAll(<span class="hljs-keyword">this</span>, <span class="hljs-string">'render'</span>);</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-6">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-6">&#182;</a>
+              </div>
+              <p>TODO: this is quite restrictive in terms of when it is re-run
 e.g. a change in type will not trigger a re-run atm.
-being more liberal (e.g. binding to all) can lead to being called a lot (e.g. for change:width)</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="k">this</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">fields</span><span class="p">,</span> <span class="s1">&#39;reset&#39;</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">action</span><span class="p">)</span> <span class="p">{</span>
-      <span class="nx">self</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">fields</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">field</span><span class="p">)</span> <span class="p">{</span>
-        <span class="nx">field</span><span class="p">.</span><span class="nx">facets</span><span class="p">.</span><span class="nx">unbind</span><span class="p">(</span><span class="s1">&#39;all&#39;</span><span class="p">,</span> <span class="nx">self</span><span class="p">.</span><span class="nx">render</span><span class="p">);</span>
-        <span class="nx">field</span><span class="p">.</span><span class="nx">facets</span><span class="p">.</span><span class="nx">bind</span><span class="p">(</span><span class="s1">&#39;all&#39;</span><span class="p">,</span> <span class="nx">self</span><span class="p">.</span><span class="nx">render</span><span class="p">);</span>
-      <span class="p">});</span></pre></div>             </td>           </tr>                               <tr id="section-7">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-7">&#182;</a>               </div>               <p>fields can get reset or changed in which case we need to recalculate</p>             </td>             <td class="code">               <div class="highlight"><pre>      <span class="nx">self</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">getFieldsSummary</span><span class="p">();</span>
-      <span class="nx">self</span><span class="p">.</span><span class="nx">render</span><span class="p">();</span>
-    <span class="p">});</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.collapse&#39;</span><span class="p">).</span><span class="nx">collapse</span><span class="p">();</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">render</span><span class="p">();</span>
-  <span class="p">},</span>
-  <span class="nx">render</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="kd">var</span> <span class="nx">tmplData</span> <span class="o">=</span> <span class="p">{</span>
-      <span class="nx">fields</span><span class="o">:</span> <span class="p">[]</span>
-    <span class="p">};</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">fields</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">field</span><span class="p">)</span> <span class="p">{</span>
-      <span class="kd">var</span> <span class="nx">out</span> <span class="o">=</span> <span class="nx">field</span><span class="p">.</span><span class="nx">toJSON</span><span class="p">();</span>
-      <span class="nx">out</span><span class="p">.</span><span class="nx">facets</span> <span class="o">=</span> <span class="nx">field</span><span class="p">.</span><span class="nx">facets</span><span class="p">.</span><span class="nx">toJSON</span><span class="p">();</span>
-      <span class="nx">tmplData</span><span class="p">.</span><span class="nx">fields</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">out</span><span class="p">);</span>
-    <span class="p">});</span>
-    <span class="kd">var</span> <span class="nx">templated</span> <span class="o">=</span> <span class="nx">Mustache</span><span class="p">.</span><span class="nx">render</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">template</span><span class="p">,</span> <span class="nx">tmplData</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">html</span><span class="p">(</span><span class="nx">templated</span><span class="p">);</span>
-  <span class="p">}</span>
-<span class="p">});</span>
+being more liberal (e.g. binding to all) can lead to being called a lot (e.g. for change:width)</p>
 
-<span class="p">})(</span><span class="nx">jQuery</span><span class="p">,</span> <span class="nx">recline</span><span class="p">.</span><span class="nx">View</span><span class="p">);</span>
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.model.fields, <span class="hljs-string">'reset'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(action)</span> </span>{
+      self.model.fields.each(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(field)</span> </span>{
+        field.facets.unbind(<span class="hljs-string">'all'</span>, self.render);
+        field.facets.bind(<span class="hljs-string">'all'</span>, self.render);
+      });</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-7">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-7">&#182;</a>
+              </div>
+              <p>fields can get reset or changed in which case we need to recalculate</p>
 
-</pre></div>             </td>           </tr>                </tbody>     </table>   </div> </body> </html> 
\ No newline at end of file
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>      self.model.getFieldsSummary();
+      self.render();
+    });
+    <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'.collapse'</span>).collapse();
+    <span class="hljs-keyword">this</span>.render();
+  },
+  render: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    <span class="hljs-keyword">var</span> tmplData = {
+      fields: []
+    };
+    <span class="hljs-keyword">this</span>.model.fields.each(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(field)</span> </span>{
+      <span class="hljs-keyword">var</span> out = field.toJSON();
+      out.facets = field.facets.toJSON();
+      tmplData.fields.push(out);
+    });
+    <span class="hljs-keyword">var</span> templated = Mustache.render(<span class="hljs-keyword">this</span>.template, tmplData);
+    <span class="hljs-keyword">this</span>.$el.html(templated);
+  }
+});
+
+})(jQuery, recline.View);</pre></div></div>
+            
+        </li>
+        
+    </ul>
+  </div>
+</body>
+</html>
diff --git a/docs/src/widget.filtereditor.html b/docs/src/widget.filtereditor.html
index d4bf97bb..a761e3d7 100644
--- a/docs/src/widget.filtereditor.html
+++ b/docs/src/widget.filtereditor.html
@@ -1,168 +1,330 @@
-<!DOCTYPE html>  <html> <head>   <title>widget.filtereditor.js</title>   <meta http-equiv="content-type" content="text/html; charset=UTF-8">   <link rel="stylesheet" media="all" href="docco.css" /> </head> <body>   <div id="container">     <div id="background"></div>            <div id="jump_to">         Jump To &hellip;         <div id="jump_wrapper">           <div id="jump_page">                                           <a class="source" href="backend.csv.html">                 backend.csv.js               </a>                                           <a class="source" href="backend.dataproxy.html">                 backend.dataproxy.js               </a>                                           <a class="source" href="backend.memory.html">                 backend.memory.js               </a>                                           <a class="source" href="ecma-fixes.html">                 ecma-fixes.js               </a>                                           <a class="source" href="model.html">                 model.js               </a>                                           <a class="source" href="view.flot.html">                 view.flot.js               </a>                                           <a class="source" href="view.graph.html">                 view.graph.js               </a>                                           <a class="source" href="view.grid.html">                 view.grid.js               </a>                                           <a class="source" href="view.map.html">                 view.map.js               </a>                                           <a class="source" href="view.multiview.html">                 view.multiview.js               </a>                                           <a class="source" href="view.slickgrid.html">                 view.slickgrid.js               </a>                                           <a class="source" href="view.timeline.html">                 view.timeline.js               </a>                                           <a class="source" href="widget.facetviewer.html">                 widget.facetviewer.js               </a>                                           <a class="source" href="widget.fields.html">                 widget.fields.js               </a>                                           <a class="source" href="widget.filtereditor.html">                 widget.filtereditor.js               </a>                                           <a class="source" href="widget.pager.html">                 widget.pager.js               </a>                                           <a class="source" href="widget.queryeditor.html">                 widget.queryeditor.js               </a>                                           <a class="source" href="widget.valuefilter.html">                 widget.valuefilter.js               </a>                        </div>         </div>       </div>          <table cellpadding="0" cellspacing="0">       <thead>         <tr>           <th class="docs">             <h1>               widget.filtereditor.js             </h1>           </th>           <th class="code">           </th>         </tr>       </thead>       <tbody>                               <tr id="section-1">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-1">&#182;</a>               </div>                            </td>             <td class="code">               <div class="highlight"><pre><span class="cm">/*jshint multistr:true */</span>
+<!DOCTYPE html>
 
-<span class="k">this</span><span class="p">.</span><span class="nx">recline</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span> <span class="o">||</span> <span class="p">{};</span>
-<span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">View</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">View</span> <span class="o">||</span> <span class="p">{};</span>
+<html>
+<head>
+  <title>widget.filtereditor.js</title>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+  <link rel="stylesheet" media="all" href="docco.css" />
+</head>
+<body>
+  <div id="container">
+    <div id="background"></div>
+    
+      <ul id="jump_to">
+        <li>
+          <a class="large" href="javascript:void(0);">Jump To &hellip;</a>
+          <a class="small" href="javascript:void(0);">+</a>
+          <div id="jump_wrapper">
+          <div id="jump_page_wrapper">
+            <div id="jump_page">
+              
+                
+                <a class="source" href="backend.dataproxy.html">
+                  backend.dataproxy.js
+                </a>
+              
+                
+                <a class="source" href="backend.memory.html">
+                  backend.memory.js
+                </a>
+              
+                
+                <a class="source" href="ecma-fixes.html">
+                  ecma-fixes.js
+                </a>
+              
+                
+                <a class="source" href="model.html">
+                  model.js
+                </a>
+              
+                
+                <a class="source" href="view.flot.html">
+                  view.flot.js
+                </a>
+              
+                
+                <a class="source" href="view.graph.html">
+                  view.graph.js
+                </a>
+              
+                
+                <a class="source" href="view.grid.html">
+                  view.grid.js
+                </a>
+              
+                
+                <a class="source" href="view.map.html">
+                  view.map.js
+                </a>
+              
+                
+                <a class="source" href="view.multiview.html">
+                  view.multiview.js
+                </a>
+              
+                
+                <a class="source" href="view.slickgrid.html">
+                  view.slickgrid.js
+                </a>
+              
+                
+                <a class="source" href="view.timeline.html">
+                  view.timeline.js
+                </a>
+              
+                
+                <a class="source" href="widget.facetviewer.html">
+                  widget.facetviewer.js
+                </a>
+              
+                
+                <a class="source" href="widget.fields.html">
+                  widget.fields.js
+                </a>
+              
+                
+                <a class="source" href="widget.filtereditor.html">
+                  widget.filtereditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.pager.html">
+                  widget.pager.js
+                </a>
+              
+                
+                <a class="source" href="widget.queryeditor.html">
+                  widget.queryeditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.valuefilter.html">
+                  widget.valuefilter.js
+                </a>
+              
+            </div>
+          </div>
+        </li>
+      </ul>
+    
+    <ul class="sections">
+        
+          <li id="title">
+              <div class="annotation">
+                  <h1>widget.filtereditor.js</h1>
+              </div>
+          </li>
+        
+        
+        
+        <li id="section-1">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-1">&#182;</a>
+              </div>
+              
+            </div>
+            
+            <div class="content"><div class='highlight'><pre><span class="hljs-comment">/*jshint multistr:true */</span>
 
-<span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">$</span><span class="p">,</span> <span class="nx">my</span><span class="p">)</span> <span class="p">{</span>
-  <span class="s2">&quot;use strict&quot;</span><span class="p">;</span>
+<span class="hljs-keyword">this</span>.recline = <span class="hljs-keyword">this</span>.recline || {};
+<span class="hljs-keyword">this</span>.recline.View = <span class="hljs-keyword">this</span>.recline.View || {};
 
-<span class="nx">my</span><span class="p">.</span><span class="nx">FilterEditor</span> <span class="o">=</span> <span class="nx">Backbone</span><span class="p">.</span><span class="nx">View</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-  <span class="nx">className</span><span class="o">:</span> <span class="s1">&#39;recline-filter-editor well&#39;</span><span class="p">,</span> 
-  <span class="nx">template</span><span class="o">:</span> <span class="s1">&#39; \</span>
-<span class="s1">    &lt;div class=&quot;filters&quot;&gt; \</span>
-<span class="s1">      &lt;h3&gt;Filters&lt;/h3&gt; \</span>
-<span class="s1">      &lt;a href=&quot;#&quot; class=&quot;js-add-filter&quot;&gt;Add filter&lt;/a&gt; \</span>
-<span class="s1">      &lt;form class=&quot;form-stacked js-add&quot; style=&quot;display: none;&quot;&gt; \</span>
-<span class="s1">        &lt;fieldset&gt; \</span>
-<span class="s1">          &lt;label&gt;Field&lt;/label&gt; \</span>
-<span class="s1">          &lt;select class=&quot;fields&quot;&gt; \</span>
-<span class="s1">            {{#fields}} \</span>
-<span class="s1">            &lt;option value=&quot;{{id}}&quot;&gt;{{label}}&lt;/option&gt; \</span>
-<span class="s1">            {{/fields}} \</span>
-<span class="s1">          &lt;/select&gt; \</span>
-<span class="s1">          &lt;label&gt;Filter type&lt;/label&gt; \</span>
-<span class="s1">          &lt;select class=&quot;filterType&quot;&gt; \</span>
-<span class="s1">            &lt;option value=&quot;term&quot;&gt;Value&lt;/option&gt; \</span>
-<span class="s1">            &lt;option value=&quot;range&quot;&gt;Range&lt;/option&gt; \</span>
-<span class="s1">            &lt;option value=&quot;geo_distance&quot;&gt;Geo distance&lt;/option&gt; \</span>
-<span class="s1">          &lt;/select&gt; \</span>
-<span class="s1">          &lt;button type=&quot;submit&quot; class=&quot;btn&quot;&gt;Add&lt;/button&gt; \</span>
-<span class="s1">        &lt;/fieldset&gt; \</span>
-<span class="s1">      &lt;/form&gt; \</span>
-<span class="s1">      &lt;form class=&quot;form-stacked js-edit&quot;&gt; \</span>
-<span class="s1">        {{#filters}} \</span>
-<span class="s1">          {{{filterRender}}} \</span>
-<span class="s1">        {{/filters}} \</span>
-<span class="s1">        {{#filters.length}} \</span>
-<span class="s1">        &lt;button type=&quot;submit&quot; class=&quot;btn&quot;&gt;Update&lt;/button&gt; \</span>
-<span class="s1">        {{/filters.length}} \</span>
-<span class="s1">      &lt;/form&gt; \</span>
-<span class="s1">    &lt;/div&gt; \</span>
-<span class="s1">  &#39;</span><span class="p">,</span>
-  <span class="nx">filterTemplates</span><span class="o">:</span> <span class="p">{</span>
-    <span class="nx">term</span><span class="o">:</span> <span class="s1">&#39; \</span>
-<span class="s1">      &lt;div class=&quot;filter-{{type}} filter&quot;&gt; \</span>
-<span class="s1">        &lt;fieldset&gt; \</span>
-<span class="s1">          &lt;legend&gt; \</span>
-<span class="s1">            {{field}} &lt;small&gt;{{type}}&lt;/small&gt; \</span>
-<span class="s1">            &lt;a class=&quot;js-remove-filter&quot; href=&quot;#&quot; title=&quot;Remove this filter&quot; data-filter-id=&quot;{{id}}&quot;&gt;&amp;times;&lt;/a&gt; \</span>
-<span class="s1">          &lt;/legend&gt; \</span>
-<span class="s1">          &lt;input type=&quot;text&quot; value=&quot;{{term}}&quot; name=&quot;term&quot; data-filter-field=&quot;{{field}}&quot; data-filter-id=&quot;{{id}}&quot; data-filter-type=&quot;{{type}}&quot; /&gt; \</span>
-<span class="s1">        &lt;/fieldset&gt; \</span>
-<span class="s1">      &lt;/div&gt; \</span>
-<span class="s1">    &#39;</span><span class="p">,</span>
-    <span class="nx">range</span><span class="o">:</span> <span class="s1">&#39; \</span>
-<span class="s1">      &lt;div class=&quot;filter-{{type}} filter&quot;&gt; \</span>
-<span class="s1">        &lt;fieldset&gt; \</span>
-<span class="s1">          &lt;legend&gt; \</span>
-<span class="s1">            {{field}} &lt;small&gt;{{type}}&lt;/small&gt; \</span>
-<span class="s1">            &lt;a class=&quot;js-remove-filter&quot; href=&quot;#&quot; title=&quot;Remove this filter&quot; data-filter-id=&quot;{{id}}&quot;&gt;&amp;times;&lt;/a&gt; \</span>
-<span class="s1">          &lt;/legend&gt; \</span>
-<span class="s1">          &lt;label class=&quot;control-label&quot; for=&quot;&quot;&gt;From&lt;/label&gt; \</span>
-<span class="s1">          &lt;input type=&quot;text&quot; value=&quot;{{from}}&quot; name=&quot;from&quot; data-filter-field=&quot;{{field}}&quot; data-filter-id=&quot;{{id}}&quot; data-filter-type=&quot;{{type}}&quot; /&gt; \</span>
-<span class="s1">          &lt;label class=&quot;control-label&quot; for=&quot;&quot;&gt;To&lt;/label&gt; \</span>
-<span class="s1">          &lt;input type=&quot;text&quot; value=&quot;{{to}}&quot; name=&quot;to&quot; data-filter-field=&quot;{{field}}&quot; data-filter-id=&quot;{{id}}&quot; data-filter-type=&quot;{{type}}&quot; /&gt; \</span>
-<span class="s1">        &lt;/fieldset&gt; \</span>
-<span class="s1">      &lt;/div&gt; \</span>
-<span class="s1">    &#39;</span><span class="p">,</span>
-    <span class="nx">geo_distance</span><span class="o">:</span> <span class="s1">&#39; \</span>
-<span class="s1">      &lt;div class=&quot;filter-{{type}} filter&quot;&gt; \</span>
-<span class="s1">        &lt;fieldset&gt; \</span>
-<span class="s1">          &lt;legend&gt; \</span>
-<span class="s1">            {{field}} &lt;small&gt;{{type}}&lt;/small&gt; \</span>
-<span class="s1">            &lt;a class=&quot;js-remove-filter&quot; href=&quot;#&quot; title=&quot;Remove this filter&quot; data-filter-id=&quot;{{id}}&quot;&gt;&amp;times;&lt;/a&gt; \</span>
-<span class="s1">          &lt;/legend&gt; \</span>
-<span class="s1">          &lt;label class=&quot;control-label&quot; for=&quot;&quot;&gt;Longitude&lt;/label&gt; \</span>
-<span class="s1">          &lt;input type=&quot;text&quot; value=&quot;{{point.lon}}&quot; name=&quot;lon&quot; data-filter-field=&quot;{{field}}&quot; data-filter-id=&quot;{{id}}&quot; data-filter-type=&quot;{{type}}&quot; /&gt; \</span>
-<span class="s1">          &lt;label class=&quot;control-label&quot; for=&quot;&quot;&gt;Latitude&lt;/label&gt; \</span>
-<span class="s1">          &lt;input type=&quot;text&quot; value=&quot;{{point.lat}}&quot; name=&quot;lat&quot; data-filter-field=&quot;{{field}}&quot; data-filter-id=&quot;{{id}}&quot; data-filter-type=&quot;{{type}}&quot; /&gt; \</span>
-<span class="s1">          &lt;label class=&quot;control-label&quot; for=&quot;&quot;&gt;Distance (km)&lt;/label&gt; \</span>
-<span class="s1">          &lt;input type=&quot;text&quot; value=&quot;{{distance}}&quot; name=&quot;distance&quot; data-filter-field=&quot;{{field}}&quot; data-filter-id=&quot;{{id}}&quot; data-filter-type=&quot;{{type}}&quot; /&gt; \</span>
-<span class="s1">        &lt;/fieldset&gt; \</span>
-<span class="s1">      &lt;/div&gt; \</span>
-<span class="s1">    &#39;</span>
-  <span class="p">},</span>
-  <span class="nx">events</span><span class="o">:</span> <span class="p">{</span>
-    <span class="s1">&#39;click .js-remove-filter&#39;</span><span class="o">:</span> <span class="s1">&#39;onRemoveFilter&#39;</span><span class="p">,</span>
-    <span class="s1">&#39;click .js-add-filter&#39;</span><span class="o">:</span> <span class="s1">&#39;onAddFilterShow&#39;</span><span class="p">,</span>
-    <span class="s1">&#39;submit form.js-edit&#39;</span><span class="o">:</span> <span class="s1">&#39;onTermFiltersUpdate&#39;</span><span class="p">,</span>
-    <span class="s1">&#39;submit form.js-add&#39;</span><span class="o">:</span> <span class="s1">&#39;onAddFilter&#39;</span>
-  <span class="p">},</span>
-  <span class="nx">initialize</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="nx">_</span><span class="p">.</span><span class="nx">bindAll</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="s1">&#39;render&#39;</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">fields</span><span class="p">,</span> <span class="s1">&#39;all&#39;</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">render</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">queryState</span><span class="p">,</span> <span class="s1">&#39;change change:filters:new-blank&#39;</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">render</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">render</span><span class="p">();</span>
-  <span class="p">},</span>
-  <span class="nx">render</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="kd">var</span> <span class="nx">tmplData</span> <span class="o">=</span> <span class="nx">$</span><span class="p">.</span><span class="nx">extend</span><span class="p">(</span><span class="kc">true</span><span class="p">,</span> <span class="p">{},</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">queryState</span><span class="p">.</span><span class="nx">toJSON</span><span class="p">());</span></pre></div>             </td>           </tr>                               <tr id="section-2">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-2">&#182;</a>               </div>               <p>we will use idx in list as there id ...</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="nx">tmplData</span><span class="p">.</span><span class="nx">filters</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">map</span><span class="p">(</span><span class="nx">tmplData</span><span class="p">.</span><span class="nx">filters</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">filter</span><span class="p">,</span> <span class="nx">idx</span><span class="p">)</span> <span class="p">{</span>
-      <span class="nx">filter</span><span class="p">.</span><span class="nx">id</span> <span class="o">=</span> <span class="nx">idx</span><span class="p">;</span>
-      <span class="k">return</span> <span class="nx">filter</span><span class="p">;</span>
-    <span class="p">});</span>
-    <span class="nx">tmplData</span><span class="p">.</span><span class="nx">fields</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">fields</span><span class="p">.</span><span class="nx">toJSON</span><span class="p">();</span>
-    <span class="nx">tmplData</span><span class="p">.</span><span class="nx">filterRender</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-      <span class="k">return</span> <span class="nx">Mustache</span><span class="p">.</span><span class="nx">render</span><span class="p">(</span><span class="nx">self</span><span class="p">.</span><span class="nx">filterTemplates</span><span class="p">[</span><span class="k">this</span><span class="p">.</span><span class="nx">type</span><span class="p">],</span> <span class="k">this</span><span class="p">);</span>
-    <span class="p">};</span>
-    <span class="kd">var</span> <span class="nx">out</span> <span class="o">=</span> <span class="nx">Mustache</span><span class="p">.</span><span class="nx">render</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">template</span><span class="p">,</span> <span class="nx">tmplData</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">html</span><span class="p">(</span><span class="nx">out</span><span class="p">);</span>
-  <span class="p">},</span>
-  <span class="nx">onAddFilterShow</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span>
-    <span class="nx">e</span><span class="p">.</span><span class="nx">preventDefault</span><span class="p">();</span>
-    <span class="kd">var</span> <span class="nx">$target</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="nx">e</span><span class="p">.</span><span class="nx">target</span><span class="p">);</span>
-    <span class="nx">$target</span><span class="p">.</span><span class="nx">hide</span><span class="p">();</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;form.js-add&#39;</span><span class="p">).</span><span class="nx">show</span><span class="p">();</span>
-  <span class="p">},</span>
-  <span class="nx">onAddFilter</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span>
-    <span class="nx">e</span><span class="p">.</span><span class="nx">preventDefault</span><span class="p">();</span>
-    <span class="kd">var</span> <span class="nx">$target</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="nx">e</span><span class="p">.</span><span class="nx">target</span><span class="p">);</span>
-    <span class="nx">$target</span><span class="p">.</span><span class="nx">hide</span><span class="p">();</span>
-    <span class="kd">var</span> <span class="nx">filterType</span> <span class="o">=</span> <span class="nx">$target</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;select.filterType&#39;</span><span class="p">).</span><span class="nx">val</span><span class="p">();</span>
-    <span class="kd">var</span> <span class="nx">field</span>      <span class="o">=</span> <span class="nx">$target</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;select.fields&#39;</span><span class="p">).</span><span class="nx">val</span><span class="p">();</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">queryState</span><span class="p">.</span><span class="nx">addFilter</span><span class="p">({</span><span class="nx">type</span><span class="o">:</span> <span class="nx">filterType</span><span class="p">,</span> <span class="nx">field</span><span class="o">:</span> <span class="nx">field</span><span class="p">});</span>
-  <span class="p">},</span>
-  <span class="nx">onRemoveFilter</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span>
-    <span class="nx">e</span><span class="p">.</span><span class="nx">preventDefault</span><span class="p">();</span>
-    <span class="kd">var</span> <span class="nx">$target</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="nx">e</span><span class="p">.</span><span class="nx">target</span><span class="p">);</span>
-    <span class="kd">var</span> <span class="nx">filterId</span> <span class="o">=</span> <span class="nx">$target</span><span class="p">.</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;data-filter-id&#39;</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">queryState</span><span class="p">.</span><span class="nx">removeFilter</span><span class="p">(</span><span class="nx">filterId</span><span class="p">);</span>
-  <span class="p">},</span>
-  <span class="nx">onTermFiltersUpdate</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span>
-   <span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
-    <span class="nx">e</span><span class="p">.</span><span class="nx">preventDefault</span><span class="p">();</span>
-    <span class="kd">var</span> <span class="nx">filters</span> <span class="o">=</span> <span class="nx">self</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">queryState</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;filters&#39;</span><span class="p">);</span>
-    <span class="kd">var</span> <span class="nx">$form</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="nx">e</span><span class="p">.</span><span class="nx">target</span><span class="p">);</span>
-    <span class="nx">_</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="nx">$form</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;input&#39;</span><span class="p">),</span> <span class="kd">function</span><span class="p">(</span><span class="nx">input</span><span class="p">)</span> <span class="p">{</span>
-      <span class="kd">var</span> <span class="nx">$input</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="nx">input</span><span class="p">);</span>
-      <span class="kd">var</span> <span class="nx">filterType</span>  <span class="o">=</span> <span class="nx">$input</span><span class="p">.</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;data-filter-type&#39;</span><span class="p">);</span>
-      <span class="kd">var</span> <span class="nx">fieldId</span>     <span class="o">=</span> <span class="nx">$input</span><span class="p">.</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;data-filter-field&#39;</span><span class="p">);</span>
-      <span class="kd">var</span> <span class="nx">filterIndex</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="nx">$input</span><span class="p">.</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;data-filter-id&#39;</span><span class="p">),</span> <span class="mi">10</span><span class="p">);</span>
-      <span class="kd">var</span> <span class="nx">name</span>        <span class="o">=</span> <span class="nx">$input</span><span class="p">.</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;name&#39;</span><span class="p">);</span>
-      <span class="kd">var</span> <span class="nx">value</span>       <span class="o">=</span> <span class="nx">$input</span><span class="p">.</span><span class="nx">val</span><span class="p">();</span>
+(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">($, my)</span> </span>{
+<span class="hljs-pi">  "use strict"</span>;
 
-      <span class="k">switch</span> <span class="p">(</span><span class="nx">filterType</span><span class="p">)</span> <span class="p">{</span>
-        <span class="k">case</span> <span class="s1">&#39;term&#39;</span><span class="o">:</span>
-          <span class="nx">filters</span><span class="p">[</span><span class="nx">filterIndex</span><span class="p">].</span><span class="nx">term</span> <span class="o">=</span> <span class="nx">value</span><span class="p">;</span>
-          <span class="k">break</span><span class="p">;</span>
-        <span class="k">case</span> <span class="s1">&#39;range&#39;</span><span class="o">:</span>
-          <span class="nx">filters</span><span class="p">[</span><span class="nx">filterIndex</span><span class="p">][</span><span class="nx">name</span><span class="p">]</span> <span class="o">=</span> <span class="nx">value</span><span class="p">;</span>
-          <span class="k">break</span><span class="p">;</span>
-        <span class="k">case</span> <span class="s1">&#39;geo_distance&#39;</span><span class="o">:</span>
-          <span class="k">if</span><span class="p">(</span><span class="nx">name</span> <span class="o">===</span> <span class="s1">&#39;distance&#39;</span><span class="p">)</span> <span class="p">{</span>
-            <span class="nx">filters</span><span class="p">[</span><span class="nx">filterIndex</span><span class="p">].</span><span class="nx">distance</span> <span class="o">=</span> <span class="nb">parseFloat</span><span class="p">(</span><span class="nx">value</span><span class="p">);</span>
-          <span class="p">}</span>
-          <span class="k">else</span> <span class="p">{</span>
-            <span class="nx">filters</span><span class="p">[</span><span class="nx">filterIndex</span><span class="p">].</span><span class="nx">point</span><span class="p">[</span><span class="nx">name</span><span class="p">]</span> <span class="o">=</span> <span class="nb">parseFloat</span><span class="p">(</span><span class="nx">value</span><span class="p">);</span>
-          <span class="p">}</span>
-          <span class="k">break</span><span class="p">;</span>
-      <span class="p">}</span>
-    <span class="p">});</span>
-    <span class="nx">self</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">queryState</span><span class="p">.</span><span class="nx">set</span><span class="p">({</span><span class="nx">filters</span><span class="o">:</span> <span class="nx">filters</span><span class="p">,</span> <span class="nx">from</span><span class="o">:</span> <span class="mi">0</span><span class="p">});</span>
-    <span class="nx">self</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">queryState</span><span class="p">.</span><span class="nx">trigger</span><span class="p">(</span><span class="s1">&#39;change&#39;</span><span class="p">);</span>
-  <span class="p">}</span>
-<span class="p">});</span>
+my.FilterEditor = Backbone.View.extend({
+  className: <span class="hljs-string">'recline-filter-editor well'</span>, 
+  template: <span class="hljs-string">' \
+    &lt;div class="filters"&gt; \
+      &lt;h3&gt;Filters&lt;/h3&gt; \
+      &lt;a href="#" class="js-add-filter"&gt;Add filter&lt;/a&gt; \
+      &lt;form class="form-stacked js-add" style="display: none;"&gt; \
+        &lt;div class="form-group"&gt; \
+          &lt;label&gt;Field&lt;/label&gt; \
+          &lt;select class="fields form-control"&gt; \
+            {{#fields}} \
+            &lt;option value="{{id}}"&gt;{{label}}&lt;/option&gt; \
+            {{/fields}} \
+          &lt;/select&gt; \
+        &lt;/div&gt; \
+        &lt;div class="form-group"&gt; \
+          &lt;label&gt;Filter type&lt;/label&gt; \
+          &lt;select class="filterType form-control"&gt; \
+            &lt;option value="term"&gt;Value&lt;/option&gt; \
+            &lt;option value="range"&gt;Range&lt;/option&gt; \
+            &lt;option value="geo_distance"&gt;Geo distance&lt;/option&gt; \
+          &lt;/select&gt; \
+        &lt;/div&gt; \
+        &lt;button type="submit" class="btn btn-default"&gt;Add&lt;/button&gt; \
+      &lt;/form&gt; \
+      &lt;form class="form-stacked js-edit"&gt; \
+        {{#filters}} \
+          {{{filterRender}}} \
+        {{/filters}} \
+        {{#filters.length}} \
+        &lt;button type="submit" class="btn btn-default"&gt;Update&lt;/button&gt; \
+        {{/filters.length}} \
+      &lt;/form&gt; \
+    &lt;/div&gt; \
+  '</span>,
+  filterTemplates: {
+    term: <span class="hljs-string">' \
+      &lt;div class="filter-{{type}} filter"&gt; \
+        &lt;fieldset&gt; \
+          &lt;legend&gt; \
+            {{field}} &lt;small&gt;{{type}}&lt;/small&gt; \
+            &lt;a class="js-remove-filter" href="#" title="Remove this filter" data-filter-id="{{id}}"&gt;&amp;times;&lt;/a&gt; \
+          &lt;/legend&gt; \
+          &lt;input class="input-sm" type="text" value="{{term}}" name="term" data-filter-field="{{field}}" data-filter-id="{{id}}" data-filter-type="{{type}}" /&gt; \
+        &lt;/fieldset&gt; \
+      &lt;/div&gt; \
+    '</span>,
+    range: <span class="hljs-string">' \
+      &lt;div class="filter-{{type}} filter"&gt; \
+        &lt;fieldset&gt; \
+          &lt;legend&gt; \
+            {{field}} &lt;small&gt;{{type}}&lt;/small&gt; \
+            &lt;a class="js-remove-filter" href="#" title="Remove this filter" data-filter-id="{{id}}"&gt;&amp;times;&lt;/a&gt; \
+          &lt;/legend&gt; \
+          &lt;div class="form-group"&gt; \
+            &lt;label class="control-label" for=""&gt;From&lt;/label&gt; \
+            &lt;input class="input-sm" type="text" value="{{from}}" name="from" data-filter-field="{{field}}" data-filter-id="{{id}}" data-filter-type="{{type}}" /&gt; \
+          &lt;/div&gt; \
+          &lt;div class="form-group"&gt; \
+            &lt;label class="control-label" for=""&gt;To&lt;/label&gt; \
+            &lt;input class="input-sm" type="text" value="{{to}}" name="to" data-filter-field="{{field}}" data-filter-id="{{id}}" data-filter-type="{{type}}" /&gt; \
+          &lt;/div&gt; \
+        &lt;/fieldset&gt; \
+      &lt;/div&gt; \
+    '</span>,
+    geo_distance: <span class="hljs-string">' \
+      &lt;div class="filter-{{type}} filter"&gt; \
+        &lt;fieldset&gt; \
+          &lt;legend&gt; \
+            {{field}} &lt;small&gt;{{type}}&lt;/small&gt; \
+            &lt;a class="js-remove-filter" href="#" title="Remove this filter" data-filter-id="{{id}}"&gt;&amp;times;&lt;/a&gt; \
+          &lt;/legend&gt; \
+          &lt;div class="form-group"&gt; \
+            &lt;label class="control-label" for=""&gt;Longitude&lt;/label&gt; \
+            &lt;input class="input-sm" type="text" value="{{point.lon}}" name="lon" data-filter-field="{{field}}" data-filter-id="{{id}}" data-filter-type="{{type}}" /&gt; \
+          &lt;/div&gt; \
+          &lt;div class="form-group"&gt; \
+            &lt;label class="control-label" for=""&gt;Latitude&lt;/label&gt; \
+            &lt;input class="input-sm" type="text" value="{{point.lat}}" name="lat" data-filter-field="{{field}}" data-filter-id="{{id}}" data-filter-type="{{type}}" /&gt; \
+          &lt;/div&gt; \
+          &lt;div class="form-group"&gt; \
+            &lt;label class="control-label" for=""&gt;Distance (km)&lt;/label&gt; \
+            &lt;input class="input-sm" type="text" value="{{distance}}" name="distance" data-filter-field="{{field}}" data-filter-id="{{id}}" data-filter-type="{{type}}" /&gt; \
+          &lt;/div&gt; \
+        &lt;/fieldset&gt; \
+      &lt;/div&gt; \
+    '</span>
+  },
+  events: {
+    <span class="hljs-string">'click .js-remove-filter'</span>: <span class="hljs-string">'onRemoveFilter'</span>,
+    <span class="hljs-string">'click .js-add-filter'</span>: <span class="hljs-string">'onAddFilterShow'</span>,
+    <span class="hljs-string">'submit form.js-edit'</span>: <span class="hljs-string">'onTermFiltersUpdate'</span>,
+    <span class="hljs-string">'submit form.js-add'</span>: <span class="hljs-string">'onAddFilter'</span>
+  },
+  initialize: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    _.bindAll(<span class="hljs-keyword">this</span>, <span class="hljs-string">'render'</span>);
+    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.model.fields, <span class="hljs-string">'all'</span>, <span class="hljs-keyword">this</span>.render);
+    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.model.queryState, <span class="hljs-string">'change change:filters:new-blank'</span>, <span class="hljs-keyword">this</span>.render);
+    <span class="hljs-keyword">this</span>.render();
+  },
+  render: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    <span class="hljs-keyword">var</span> tmplData = $.extend(<span class="hljs-literal">true</span>, {}, <span class="hljs-keyword">this</span>.model.queryState.toJSON());</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-2">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-2">&#182;</a>
+              </div>
+              <p>we will use idx in list as there id …</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    tmplData.filters = _.map(tmplData.filters, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(filter, idx)</span> </span>{
+      filter.id = idx;
+      <span class="hljs-keyword">return</span> filter;
+    });
+    tmplData.fields = <span class="hljs-keyword">this</span>.model.fields.toJSON();
+    tmplData.filterRender = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+      <span class="hljs-keyword">return</span> Mustache.render(self.filterTemplates[<span class="hljs-keyword">this</span>.type], <span class="hljs-keyword">this</span>);
+    };
+    <span class="hljs-keyword">var</span> out = Mustache.render(<span class="hljs-keyword">this</span>.template, tmplData);
+    <span class="hljs-keyword">this</span>.$el.html(out);
+  },
+  onAddFilterShow: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span> </span>{
+    e.preventDefault();
+    <span class="hljs-keyword">var</span> $target = $(e.target);
+    $target.hide();
+    <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'form.js-add'</span>).show();
+  },
+  onAddFilter: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span> </span>{
+    e.preventDefault();
+    <span class="hljs-keyword">var</span> $target = $(e.target);
+    $target.hide();
+    <span class="hljs-keyword">var</span> filterType = $target.find(<span class="hljs-string">'select.filterType'</span>).val();
+    <span class="hljs-keyword">var</span> field      = $target.find(<span class="hljs-string">'select.fields'</span>).val();
+    <span class="hljs-keyword">this</span>.model.queryState.addFilter({type: filterType, field: field});
+  },
+  onRemoveFilter: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span> </span>{
+    e.preventDefault();
+    <span class="hljs-keyword">var</span> $target = $(e.target);
+    <span class="hljs-keyword">var</span> filterId = $target.attr(<span class="hljs-string">'data-filter-id'</span>);
+    <span class="hljs-keyword">this</span>.model.queryState.removeFilter(filterId);
+  },
+  onTermFiltersUpdate: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span> </span>{
+   <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    e.preventDefault();
+    <span class="hljs-keyword">var</span> filters = self.model.queryState.get(<span class="hljs-string">'filters'</span>);
+    <span class="hljs-keyword">var</span> $form = $(e.target);
+    _.each($form.find(<span class="hljs-string">'input'</span>), <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(input)</span> </span>{
+      <span class="hljs-keyword">var</span> $input = $(input);
+      <span class="hljs-keyword">var</span> filterType  = $input.attr(<span class="hljs-string">'data-filter-type'</span>);
+      <span class="hljs-keyword">var</span> fieldId     = $input.attr(<span class="hljs-string">'data-filter-field'</span>);
+      <span class="hljs-keyword">var</span> filterIndex = <span class="hljs-built_in">parseInt</span>($input.attr(<span class="hljs-string">'data-filter-id'</span>), <span class="hljs-number">10</span>);
+      <span class="hljs-keyword">var</span> name        = $input.attr(<span class="hljs-string">'name'</span>);
+      <span class="hljs-keyword">var</span> value       = $input.val();
+
+      <span class="hljs-keyword">switch</span> (filterType) {
+        <span class="hljs-keyword">case</span> <span class="hljs-string">'term'</span>:
+          filters[filterIndex].term = value;
+          <span class="hljs-keyword">break</span>;
+        <span class="hljs-keyword">case</span> <span class="hljs-string">'range'</span>:
+          filters[filterIndex][name] = value;
+          <span class="hljs-keyword">break</span>;
+        <span class="hljs-keyword">case</span> <span class="hljs-string">'geo_distance'</span>:
+          <span class="hljs-keyword">if</span>(name === <span class="hljs-string">'distance'</span>) {
+            filters[filterIndex].distance = <span class="hljs-built_in">parseFloat</span>(value);
+          }
+          <span class="hljs-keyword">else</span> {
+            filters[filterIndex].point[name] = <span class="hljs-built_in">parseFloat</span>(value);
+          }
+          <span class="hljs-keyword">break</span>;
+      }
+    });
+    self.model.queryState.set({filters: filters, from: <span class="hljs-number">0</span>});
+    self.model.queryState.trigger(<span class="hljs-string">'change'</span>);
+  }
+});
 
 
-<span class="p">})(</span><span class="nx">jQuery</span><span class="p">,</span> <span class="nx">recline</span><span class="p">.</span><span class="nx">View</span><span class="p">);</span>
-
-</pre></div>             </td>           </tr>                </tbody>     </table>   </div> </body> </html> 
\ No newline at end of file
+})(jQuery, recline.View);</pre></div></div>
+            
+        </li>
+        
+    </ul>
+  </div>
+</body>
+</html>
diff --git a/docs/src/widget.pager.html b/docs/src/widget.pager.html
index c03c3d98..71ab94da 100644
--- a/docs/src/widget.pager.html
+++ b/docs/src/widget.pager.html
@@ -1,70 +1,223 @@
-<!DOCTYPE html>  <html> <head>   <title>widget.pager.js</title>   <meta http-equiv="content-type" content="text/html; charset=UTF-8">   <link rel="stylesheet" media="all" href="docco.css" /> </head> <body>   <div id="container">     <div id="background"></div>            <div id="jump_to">         Jump To &hellip;         <div id="jump_wrapper">           <div id="jump_page">                                           <a class="source" href="backend.csv.html">                 backend.csv.js               </a>                                           <a class="source" href="backend.dataproxy.html">                 backend.dataproxy.js               </a>                                           <a class="source" href="backend.memory.html">                 backend.memory.js               </a>                                           <a class="source" href="ecma-fixes.html">                 ecma-fixes.js               </a>                                           <a class="source" href="model.html">                 model.js               </a>                                           <a class="source" href="view.flot.html">                 view.flot.js               </a>                                           <a class="source" href="view.graph.html">                 view.graph.js               </a>                                           <a class="source" href="view.grid.html">                 view.grid.js               </a>                                           <a class="source" href="view.map.html">                 view.map.js               </a>                                           <a class="source" href="view.multiview.html">                 view.multiview.js               </a>                                           <a class="source" href="view.slickgrid.html">                 view.slickgrid.js               </a>                                           <a class="source" href="view.timeline.html">                 view.timeline.js               </a>                                           <a class="source" href="widget.facetviewer.html">                 widget.facetviewer.js               </a>                                           <a class="source" href="widget.fields.html">                 widget.fields.js               </a>                                           <a class="source" href="widget.filtereditor.html">                 widget.filtereditor.js               </a>                                           <a class="source" href="widget.pager.html">                 widget.pager.js               </a>                                           <a class="source" href="widget.queryeditor.html">                 widget.queryeditor.js               </a>                                           <a class="source" href="widget.valuefilter.html">                 widget.valuefilter.js               </a>                        </div>         </div>       </div>          <table cellpadding="0" cellspacing="0">       <thead>         <tr>           <th class="docs">             <h1>               widget.pager.js             </h1>           </th>           <th class="code">           </th>         </tr>       </thead>       <tbody>                               <tr id="section-1">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-1">&#182;</a>               </div>                            </td>             <td class="code">               <div class="highlight"><pre><span class="cm">/*jshint multistr:true */</span>
+<!DOCTYPE html>
 
-<span class="k">this</span><span class="p">.</span><span class="nx">recline</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span> <span class="o">||</span> <span class="p">{};</span>
-<span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">View</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">View</span> <span class="o">||</span> <span class="p">{};</span>
+<html>
+<head>
+  <title>widget.pager.js</title>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+  <link rel="stylesheet" media="all" href="docco.css" />
+</head>
+<body>
+  <div id="container">
+    <div id="background"></div>
+    
+      <ul id="jump_to">
+        <li>
+          <a class="large" href="javascript:void(0);">Jump To &hellip;</a>
+          <a class="small" href="javascript:void(0);">+</a>
+          <div id="jump_wrapper">
+          <div id="jump_page_wrapper">
+            <div id="jump_page">
+              
+                
+                <a class="source" href="backend.dataproxy.html">
+                  backend.dataproxy.js
+                </a>
+              
+                
+                <a class="source" href="backend.memory.html">
+                  backend.memory.js
+                </a>
+              
+                
+                <a class="source" href="ecma-fixes.html">
+                  ecma-fixes.js
+                </a>
+              
+                
+                <a class="source" href="model.html">
+                  model.js
+                </a>
+              
+                
+                <a class="source" href="view.flot.html">
+                  view.flot.js
+                </a>
+              
+                
+                <a class="source" href="view.graph.html">
+                  view.graph.js
+                </a>
+              
+                
+                <a class="source" href="view.grid.html">
+                  view.grid.js
+                </a>
+              
+                
+                <a class="source" href="view.map.html">
+                  view.map.js
+                </a>
+              
+                
+                <a class="source" href="view.multiview.html">
+                  view.multiview.js
+                </a>
+              
+                
+                <a class="source" href="view.slickgrid.html">
+                  view.slickgrid.js
+                </a>
+              
+                
+                <a class="source" href="view.timeline.html">
+                  view.timeline.js
+                </a>
+              
+                
+                <a class="source" href="widget.facetviewer.html">
+                  widget.facetviewer.js
+                </a>
+              
+                
+                <a class="source" href="widget.fields.html">
+                  widget.fields.js
+                </a>
+              
+                
+                <a class="source" href="widget.filtereditor.html">
+                  widget.filtereditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.pager.html">
+                  widget.pager.js
+                </a>
+              
+                
+                <a class="source" href="widget.queryeditor.html">
+                  widget.queryeditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.valuefilter.html">
+                  widget.valuefilter.js
+                </a>
+              
+            </div>
+          </div>
+        </li>
+      </ul>
+    
+    <ul class="sections">
+        
+          <li id="title">
+              <div class="annotation">
+                  <h1>widget.pager.js</h1>
+              </div>
+          </li>
+        
+        
+        
+        <li id="section-1">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-1">&#182;</a>
+              </div>
+              
+            </div>
+            
+            <div class="content"><div class='highlight'><pre><span class="hljs-comment">/*jshint multistr:true */</span>
 
-<span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">$</span><span class="p">,</span> <span class="nx">my</span><span class="p">)</span> <span class="p">{</span>
-  <span class="s2">&quot;use strict&quot;</span><span class="p">;</span>
+<span class="hljs-keyword">this</span>.recline = <span class="hljs-keyword">this</span>.recline || {};
+<span class="hljs-keyword">this</span>.recline.View = <span class="hljs-keyword">this</span>.recline.View || {};
 
-<span class="nx">my</span><span class="p">.</span><span class="nx">Pager</span> <span class="o">=</span> <span class="nx">Backbone</span><span class="p">.</span><span class="nx">View</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-  <span class="nx">className</span><span class="o">:</span> <span class="s1">&#39;recline-pager&#39;</span><span class="p">,</span> 
-  <span class="nx">template</span><span class="o">:</span> <span class="s1">&#39; \</span>
-<span class="s1">    &lt;div class=&quot;pagination&quot;&gt; \</span>
-<span class="s1">      &lt;ul&gt; \</span>
-<span class="s1">        &lt;li class=&quot;prev action-pagination-update&quot;&gt;&lt;a href=&quot;&quot;&gt;&amp;laquo;&lt;/a&gt;&lt;/li&gt; \</span>
-<span class="s1">        &lt;li class=&quot;active&quot;&gt;&lt;a&gt;&lt;input name=&quot;from&quot; type=&quot;text&quot; value=&quot;{{from}}&quot; /&gt; &amp;ndash; &lt;input name=&quot;to&quot; type=&quot;text&quot; value=&quot;{{to}}&quot; /&gt; &lt;/a&gt;&lt;/li&gt; \</span>
-<span class="s1">        &lt;li class=&quot;next action-pagination-update&quot;&gt;&lt;a href=&quot;&quot;&gt;&amp;raquo;&lt;/a&gt;&lt;/li&gt; \</span>
-<span class="s1">      &lt;/ul&gt; \</span>
-<span class="s1">    &lt;/div&gt; \</span>
-<span class="s1">  &#39;</span><span class="p">,</span>
+(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">($, my)</span> </span>{
+<span class="hljs-pi">  "use strict"</span>;
 
-  <span class="nx">events</span><span class="o">:</span> <span class="p">{</span>
-    <span class="s1">&#39;click .action-pagination-update&#39;</span><span class="o">:</span> <span class="s1">&#39;onPaginationUpdate&#39;</span><span class="p">,</span>
-    <span class="s1">&#39;change input&#39;</span><span class="o">:</span> <span class="s1">&#39;onFormSubmit&#39;</span>
-  <span class="p">},</span>
+my.Pager = Backbone.View.extend({
+  className: <span class="hljs-string">'recline-pager'</span>, 
+  template: <span class="hljs-string">' \
+    &lt;div class="pagination"&gt; \
+      &lt;ul class="pagination"&gt; \
+        &lt;li class="prev action-pagination-update"&gt;&lt;a href="" class="btn btn-default"&gt;&amp;laquo;&lt;/a&gt;&lt;/li&gt; \
+        &lt;li class="page-range"&gt;&lt;a&gt;&lt;label for="from"&gt;From&lt;/label&gt;&lt;input name="from" type="text" value="{{from}}" /&gt; &amp;ndash; &lt;label for="to"&gt;To&lt;/label&gt;&lt;input name="to" type="text" value="{{to}}" /&gt; &lt;/a&gt;&lt;/li&gt; \
+        &lt;li class="next action-pagination-update"&gt;&lt;a href="" class="btn btn-default"&gt;&amp;raquo;&lt;/a&gt;&lt;/li&gt; \
+      &lt;/ul&gt; \
+    &lt;/div&gt; \
+  '</span>,
 
-  <span class="nx">initialize</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="nx">_</span><span class="p">.</span><span class="nx">bindAll</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="s1">&#39;render&#39;</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">queryState</span><span class="p">,</span> <span class="s1">&#39;change&#39;</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">render</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">render</span><span class="p">();</span>
-  <span class="p">},</span>
-  <span class="nx">onFormSubmit</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span>
-    <span class="nx">e</span><span class="p">.</span><span class="nx">preventDefault</span><span class="p">();</span>
-    <span class="kd">var</span> <span class="nx">newFrom</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;input[name=&quot;from&quot;]&#39;</span><span class="p">).</span><span class="nx">val</span><span class="p">());</span>
-    <span class="nx">newFrom</span> <span class="o">=</span> <span class="nb">Math</span><span class="p">.</span><span class="nx">min</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">recordCount</span><span class="p">,</span> <span class="nb">Math</span><span class="p">.</span><span class="nx">max</span><span class="p">(</span><span class="nx">newFrom</span><span class="p">,</span> <span class="mi">1</span><span class="p">))</span><span class="o">-</span><span class="mi">1</span><span class="p">;</span>
-    <span class="kd">var</span> <span class="nx">newSize</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;input[name=&quot;to&quot;]&#39;</span><span class="p">).</span><span class="nx">val</span><span class="p">())</span> <span class="o">-</span> <span class="nx">newFrom</span><span class="p">;</span>
-    <span class="nx">newSize</span> <span class="o">=</span> <span class="nb">Math</span><span class="p">.</span><span class="nx">min</span><span class="p">(</span><span class="nb">Math</span><span class="p">.</span><span class="nx">max</span><span class="p">(</span><span class="nx">newSize</span><span class="p">,</span> <span class="mi">1</span><span class="p">),</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">recordCount</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">queryState</span><span class="p">.</span><span class="nx">set</span><span class="p">({</span><span class="nx">size</span><span class="o">:</span> <span class="nx">newSize</span><span class="p">,</span> <span class="nx">from</span><span class="o">:</span> <span class="nx">newFrom</span><span class="p">});</span>
-  <span class="p">},</span>
-  <span class="nx">onPaginationUpdate</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span>
-    <span class="nx">e</span><span class="p">.</span><span class="nx">preventDefault</span><span class="p">();</span>
-    <span class="kd">var</span> <span class="nx">$el</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="nx">e</span><span class="p">.</span><span class="nx">target</span><span class="p">);</span>
-    <span class="kd">var</span> <span class="nx">newFrom</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span>
-    <span class="kd">var</span> <span class="nx">currFrom</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">queryState</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;from&#39;</span><span class="p">);</span>
-    <span class="kd">var</span> <span class="nx">size</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">queryState</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;size&#39;</span><span class="p">);</span>
-    <span class="kd">var</span> <span class="nx">updateQuery</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
-    <span class="k">if</span> <span class="p">(</span><span class="nx">$el</span><span class="p">.</span><span class="nx">parent</span><span class="p">().</span><span class="nx">hasClass</span><span class="p">(</span><span class="s1">&#39;prev&#39;</span><span class="p">))</span> <span class="p">{</span>
-      <span class="nx">newFrom</span> <span class="o">=</span> <span class="nb">Math</span><span class="p">.</span><span class="nx">max</span><span class="p">(</span><span class="nx">currFrom</span> <span class="o">-</span> <span class="nb">Math</span><span class="p">.</span><span class="nx">max</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="nx">size</span><span class="p">),</span> <span class="mi">1</span><span class="p">)</span><span class="o">-</span><span class="mi">1</span><span class="p">;</span>
-      <span class="nx">updateQuery</span> <span class="o">=</span> <span class="nx">newFrom</span> <span class="o">!=</span> <span class="nx">currFrom</span><span class="p">;</span>
-    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
-      <span class="nx">newFrom</span> <span class="o">=</span> <span class="nb">Math</span><span class="p">.</span><span class="nx">max</span><span class="p">(</span><span class="nx">currFrom</span> <span class="o">+</span> <span class="nx">size</span><span class="p">,</span> <span class="mi">1</span><span class="p">);</span>
-      <span class="nx">updateQuery</span> <span class="o">=</span> <span class="p">(</span><span class="nx">newFrom</span> <span class="o">&lt;</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">recordCount</span><span class="p">);</span>
-    <span class="p">}</span>
-    <span class="k">if</span> <span class="p">(</span><span class="nx">updateQuery</span><span class="p">)</span> <span class="p">{</span>
-      <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">queryState</span><span class="p">.</span><span class="nx">set</span><span class="p">({</span><span class="nx">from</span><span class="o">:</span> <span class="nx">newFrom</span><span class="p">});</span>
-    <span class="p">}</span>
-  <span class="p">},</span>
-  <span class="nx">render</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">tmplData</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">toJSON</span><span class="p">();</span>
-    <span class="kd">var</span> <span class="nx">from</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">queryState</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;from&#39;</span><span class="p">));</span>
-    <span class="nx">tmplData</span><span class="p">.</span><span class="nx">from</span> <span class="o">=</span> <span class="nx">from</span><span class="o">+</span><span class="mi">1</span><span class="p">;</span>
-    <span class="nx">tmplData</span><span class="p">.</span><span class="nx">to</span> <span class="o">=</span> <span class="nb">Math</span><span class="p">.</span><span class="nx">min</span><span class="p">(</span><span class="nx">from</span><span class="o">+</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">queryState</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">&#39;size&#39;</span><span class="p">),</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">recordCount</span><span class="p">);</span>
-    <span class="kd">var</span> <span class="nx">templated</span> <span class="o">=</span> <span class="nx">Mustache</span><span class="p">.</span><span class="nx">render</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">template</span><span class="p">,</span> <span class="nx">tmplData</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">html</span><span class="p">(</span><span class="nx">templated</span><span class="p">);</span>
-    <span class="k">return</span> <span class="k">this</span><span class="p">;</span>
-  <span class="p">}</span>
-<span class="p">});</span>
+  events: {
+    <span class="hljs-string">'click .action-pagination-update'</span>: <span class="hljs-string">'onPaginationUpdate'</span>,
+    <span class="hljs-string">'change input'</span>: <span class="hljs-string">'onFormSubmit'</span>
+  },
 
-<span class="p">})(</span><span class="nx">jQuery</span><span class="p">,</span> <span class="nx">recline</span><span class="p">.</span><span class="nx">View</span><span class="p">);</span>
+  initialize: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    _.bindAll(<span class="hljs-keyword">this</span>, <span class="hljs-string">'render'</span>);
+    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.model.queryState, <span class="hljs-string">'change'</span>, <span class="hljs-keyword">this</span>.render);
+    <span class="hljs-keyword">this</span>.render();
+  },
+  onFormSubmit: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span> </span>{
+    e.preventDefault();</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-2">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-2">&#182;</a>
+              </div>
+              <p>filter is 0-based; form is 1-based</p>
 
-</pre></div>             </td>           </tr>                </tbody>     </table>   </div> </body> </html> 
\ No newline at end of file
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    <span class="hljs-keyword">var</span> formFrom = <span class="hljs-built_in">parseInt</span>(<span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'input[name="from"]'</span>).val())-<span class="hljs-number">1</span>; 
+    <span class="hljs-keyword">var</span> formTo = <span class="hljs-built_in">parseInt</span>(<span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'input[name="to"]'</span>).val())-<span class="hljs-number">1</span>; 
+    <span class="hljs-keyword">var</span> maxRecord = <span class="hljs-keyword">this</span>.model.recordCount-<span class="hljs-number">1</span>;
+    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.model.queryState.get(<span class="hljs-string">'from'</span>) != formFrom) { <span class="hljs-comment">// changed from; update from</span>
+      <span class="hljs-keyword">this</span>.model.queryState.set({from: <span class="hljs-built_in">Math</span>.min(maxRecord, <span class="hljs-built_in">Math</span>.max(formFrom, <span class="hljs-number">0</span>))});
+    } <span class="hljs-keyword">else</span> <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.model.queryState.get(<span class="hljs-string">'to'</span>) != formTo) { <span class="hljs-comment">// change to; update size</span>
+      <span class="hljs-keyword">var</span> to = <span class="hljs-built_in">Math</span>.min(maxRecord, <span class="hljs-built_in">Math</span>.max(formTo, <span class="hljs-number">0</span>));
+      <span class="hljs-keyword">this</span>.model.queryState.set({size: <span class="hljs-built_in">Math</span>.min(maxRecord+<span class="hljs-number">1</span>, <span class="hljs-built_in">Math</span>.max(to-formFrom+<span class="hljs-number">1</span>, <span class="hljs-number">1</span>))});
+    }
+  },
+  onPaginationUpdate: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span> </span>{
+    e.preventDefault();
+    <span class="hljs-keyword">var</span> $el = $(e.target);
+    <span class="hljs-keyword">var</span> newFrom = <span class="hljs-number">0</span>;
+    <span class="hljs-keyword">var</span> currFrom = <span class="hljs-keyword">this</span>.model.queryState.get(<span class="hljs-string">'from'</span>);
+    <span class="hljs-keyword">var</span> size = <span class="hljs-keyword">this</span>.model.queryState.get(<span class="hljs-string">'size'</span>);
+    <span class="hljs-keyword">var</span> updateQuery = <span class="hljs-literal">false</span>;
+    <span class="hljs-keyword">if</span> ($el.parent().hasClass(<span class="hljs-string">'prev'</span>)) {
+      newFrom = <span class="hljs-built_in">Math</span>.max(currFrom - <span class="hljs-built_in">Math</span>.max(<span class="hljs-number">0</span>, size), <span class="hljs-number">0</span>);
+      updateQuery = newFrom != currFrom;
+    } <span class="hljs-keyword">else</span> {
+      newFrom = <span class="hljs-built_in">Math</span>.max(currFrom + size, <span class="hljs-number">0</span>);
+      updateQuery = (newFrom &lt; <span class="hljs-keyword">this</span>.model.recordCount);
+    }
+    <span class="hljs-keyword">if</span> (updateQuery) {
+      <span class="hljs-keyword">this</span>.model.queryState.set({from: newFrom});
+    }
+  },
+  render: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> tmplData = <span class="hljs-keyword">this</span>.model.toJSON();
+    <span class="hljs-keyword">var</span> from = <span class="hljs-built_in">parseInt</span>(<span class="hljs-keyword">this</span>.model.queryState.get(<span class="hljs-string">'from'</span>));
+    tmplData.from = from+<span class="hljs-number">1</span>;
+    tmplData.to = <span class="hljs-built_in">Math</span>.min(from+<span class="hljs-keyword">this</span>.model.queryState.get(<span class="hljs-string">'size'</span>), <span class="hljs-keyword">this</span>.model.recordCount);
+    <span class="hljs-keyword">var</span> templated = Mustache.render(<span class="hljs-keyword">this</span>.template, tmplData);
+    <span class="hljs-keyword">this</span>.$el.html(templated);
+    <span class="hljs-keyword">return</span> <span class="hljs-keyword">this</span>;
+  }
+});
+
+})(jQuery, recline.View);</pre></div></div>
+            
+        </li>
+        
+    </ul>
+  </div>
+</body>
+</html>
diff --git a/docs/src/widget.queryeditor.html b/docs/src/widget.queryeditor.html
index 79262cf0..37a42d30 100644
--- a/docs/src/widget.queryeditor.html
+++ b/docs/src/widget.queryeditor.html
@@ -1,44 +1,184 @@
-<!DOCTYPE html>  <html> <head>   <title>widget.queryeditor.js</title>   <meta http-equiv="content-type" content="text/html; charset=UTF-8">   <link rel="stylesheet" media="all" href="docco.css" /> </head> <body>   <div id="container">     <div id="background"></div>            <div id="jump_to">         Jump To &hellip;         <div id="jump_wrapper">           <div id="jump_page">                                           <a class="source" href="backend.csv.html">                 backend.csv.js               </a>                                           <a class="source" href="backend.dataproxy.html">                 backend.dataproxy.js               </a>                                           <a class="source" href="backend.memory.html">                 backend.memory.js               </a>                                           <a class="source" href="ecma-fixes.html">                 ecma-fixes.js               </a>                                           <a class="source" href="model.html">                 model.js               </a>                                           <a class="source" href="view.flot.html">                 view.flot.js               </a>                                           <a class="source" href="view.graph.html">                 view.graph.js               </a>                                           <a class="source" href="view.grid.html">                 view.grid.js               </a>                                           <a class="source" href="view.map.html">                 view.map.js               </a>                                           <a class="source" href="view.multiview.html">                 view.multiview.js               </a>                                           <a class="source" href="view.slickgrid.html">                 view.slickgrid.js               </a>                                           <a class="source" href="view.timeline.html">                 view.timeline.js               </a>                                           <a class="source" href="widget.facetviewer.html">                 widget.facetviewer.js               </a>                                           <a class="source" href="widget.fields.html">                 widget.fields.js               </a>                                           <a class="source" href="widget.filtereditor.html">                 widget.filtereditor.js               </a>                                           <a class="source" href="widget.pager.html">                 widget.pager.js               </a>                                           <a class="source" href="widget.queryeditor.html">                 widget.queryeditor.js               </a>                                           <a class="source" href="widget.valuefilter.html">                 widget.valuefilter.js               </a>                        </div>         </div>       </div>          <table cellpadding="0" cellspacing="0">       <thead>         <tr>           <th class="docs">             <h1>               widget.queryeditor.js             </h1>           </th>           <th class="code">           </th>         </tr>       </thead>       <tbody>                               <tr id="section-1">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-1">&#182;</a>               </div>                            </td>             <td class="code">               <div class="highlight"><pre><span class="cm">/*jshint multistr:true */</span>
+<!DOCTYPE html>
 
-<span class="k">this</span><span class="p">.</span><span class="nx">recline</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span> <span class="o">||</span> <span class="p">{};</span>
-<span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">View</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">recline</span><span class="p">.</span><span class="nx">View</span> <span class="o">||</span> <span class="p">{};</span>
+<html>
+<head>
+  <title>widget.queryeditor.js</title>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+  <link rel="stylesheet" media="all" href="docco.css" />
+</head>
+<body>
+  <div id="container">
+    <div id="background"></div>
+    
+      <ul id="jump_to">
+        <li>
+          <a class="large" href="javascript:void(0);">Jump To &hellip;</a>
+          <a class="small" href="javascript:void(0);">+</a>
+          <div id="jump_wrapper">
+          <div id="jump_page_wrapper">
+            <div id="jump_page">
+              
+                
+                <a class="source" href="backend.dataproxy.html">
+                  backend.dataproxy.js
+                </a>
+              
+                
+                <a class="source" href="backend.memory.html">
+                  backend.memory.js
+                </a>
+              
+                
+                <a class="source" href="ecma-fixes.html">
+                  ecma-fixes.js
+                </a>
+              
+                
+                <a class="source" href="model.html">
+                  model.js
+                </a>
+              
+                
+                <a class="source" href="view.flot.html">
+                  view.flot.js
+                </a>
+              
+                
+                <a class="source" href="view.graph.html">
+                  view.graph.js
+                </a>
+              
+                
+                <a class="source" href="view.grid.html">
+                  view.grid.js
+                </a>
+              
+                
+                <a class="source" href="view.map.html">
+                  view.map.js
+                </a>
+              
+                
+                <a class="source" href="view.multiview.html">
+                  view.multiview.js
+                </a>
+              
+                
+                <a class="source" href="view.slickgrid.html">
+                  view.slickgrid.js
+                </a>
+              
+                
+                <a class="source" href="view.timeline.html">
+                  view.timeline.js
+                </a>
+              
+                
+                <a class="source" href="widget.facetviewer.html">
+                  widget.facetviewer.js
+                </a>
+              
+                
+                <a class="source" href="widget.fields.html">
+                  widget.fields.js
+                </a>
+              
+                
+                <a class="source" href="widget.filtereditor.html">
+                  widget.filtereditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.pager.html">
+                  widget.pager.js
+                </a>
+              
+                
+                <a class="source" href="widget.queryeditor.html">
+                  widget.queryeditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.valuefilter.html">
+                  widget.valuefilter.js
+                </a>
+              
+            </div>
+          </div>
+        </li>
+      </ul>
+    
+    <ul class="sections">
+        
+          <li id="title">
+              <div class="annotation">
+                  <h1>widget.queryeditor.js</h1>
+              </div>
+          </li>
+        
+        
+        
+        <li id="section-1">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-1">&#182;</a>
+              </div>
+              
+            </div>
+            
+            <div class="content"><div class='highlight'><pre><span class="hljs-comment">/*jshint multistr:true */</span>
 
-<span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">$</span><span class="p">,</span> <span class="nx">my</span><span class="p">)</span> <span class="p">{</span>
-  <span class="s2">&quot;use strict&quot;</span><span class="p">;</span>
+<span class="hljs-keyword">this</span>.recline = <span class="hljs-keyword">this</span>.recline || {};
+<span class="hljs-keyword">this</span>.recline.View = <span class="hljs-keyword">this</span>.recline.View || {};
 
-<span class="nx">my</span><span class="p">.</span><span class="nx">QueryEditor</span> <span class="o">=</span> <span class="nx">Backbone</span><span class="p">.</span><span class="nx">View</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
-  <span class="nx">className</span><span class="o">:</span> <span class="s1">&#39;recline-query-editor&#39;</span><span class="p">,</span> 
-  <span class="nx">template</span><span class="o">:</span> <span class="s1">&#39; \</span>
-<span class="s1">    &lt;form action=&quot;&quot; method=&quot;GET&quot; class=&quot;form-inline&quot;&gt; \</span>
-<span class="s1">      &lt;div class=&quot;input-prepend text-query&quot;&gt; \</span>
-<span class="s1">        &lt;span class=&quot;add-on&quot;&gt;&lt;i class=&quot;icon-search&quot;&gt;&lt;/i&gt;&lt;/span&gt; \</span>
-<span class="s1">        &lt;input type=&quot;text&quot; name=&quot;q&quot; value=&quot;{{q}}&quot; class=&quot;span2&quot; placeholder=&quot;Search data ...&quot; class=&quot;search-query&quot; /&gt; \</span>
-<span class="s1">      &lt;/div&gt; \</span>
-<span class="s1">      &lt;button type=&quot;submit&quot; class=&quot;btn&quot;&gt;Go &amp;raquo;&lt;/button&gt; \</span>
-<span class="s1">    &lt;/form&gt; \</span>
-<span class="s1">  &#39;</span><span class="p">,</span>
+(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">($, my)</span> </span>{
+<span class="hljs-pi">  "use strict"</span>;
 
-  <span class="nx">events</span><span class="o">:</span> <span class="p">{</span>
-    <span class="s1">&#39;submit form&#39;</span><span class="o">:</span> <span class="s1">&#39;onFormSubmit&#39;</span>
-  <span class="p">},</span>
+my.QueryEditor = Backbone.View.extend({
+  className: <span class="hljs-string">'recline-query-editor'</span>, 
+  template: <span class="hljs-string">' \
+    &lt;form action="" method="GET" class="form-inline" role="form"&gt; \
+      &lt;div class="form-group"&gt; \
+        &lt;div class="input-group text-query"&gt; \
+          &lt;div class="input-group-addon"&gt; \
+            &lt;i class="glyphicon glyphicon-search"&gt;&lt;/i&gt; \
+          &lt;/div&gt; \
+          &lt;label&gt;Search&lt;/label&gt; \
+          &lt;input class="form-control search-query" type="text" name="q" value="{{q}}" placeholder="Search data ..."&gt; \
+        &lt;/div&gt; \
+      &lt;/div&gt; \
+      &lt;button type="submit" class="btn btn-default"&gt;Go &amp;raquo;&lt;/button&gt; \
+    &lt;/form&gt; \
+  '</span>,
 
-  <span class="nx">initialize</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="nx">_</span><span class="p">.</span><span class="nx">bindAll</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="s1">&#39;render&#39;</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">listenTo</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">,</span> <span class="s1">&#39;change&#39;</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">render</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">render</span><span class="p">();</span>
-  <span class="p">},</span>
-  <span class="nx">onFormSubmit</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span>
-    <span class="nx">e</span><span class="p">.</span><span class="nx">preventDefault</span><span class="p">();</span>
-    <span class="kd">var</span> <span class="nx">query</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.text-query input&#39;</span><span class="p">).</span><span class="nx">val</span><span class="p">();</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">set</span><span class="p">({</span><span class="nx">q</span><span class="o">:</span> <span class="nx">query</span><span class="p">});</span>
-  <span class="p">},</span>
-  <span class="nx">render</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
-    <span class="kd">var</span> <span class="nx">tmplData</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">model</span><span class="p">.</span><span class="nx">toJSON</span><span class="p">();</span>
-    <span class="kd">var</span> <span class="nx">templated</span> <span class="o">=</span> <span class="nx">Mustache</span><span class="p">.</span><span class="nx">render</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">template</span><span class="p">,</span> <span class="nx">tmplData</span><span class="p">);</span>
-    <span class="k">this</span><span class="p">.</span><span class="nx">$el</span><span class="p">.</span><span class="nx">html</span><span class="p">(</span><span class="nx">templated</span><span class="p">);</span>
-  <span class="p">}</span>
-<span class="p">});</span>
+  events: {
+    <span class="hljs-string">'submit form'</span>: <span class="hljs-string">'onFormSubmit'</span>
+  },
 
-<span class="p">})(</span><span class="nx">jQuery</span><span class="p">,</span> <span class="nx">recline</span><span class="p">.</span><span class="nx">View</span><span class="p">);</span>
+  initialize: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    _.bindAll(<span class="hljs-keyword">this</span>, <span class="hljs-string">'render'</span>);
+    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.model, <span class="hljs-string">'change'</span>, <span class="hljs-keyword">this</span>.render);
+    <span class="hljs-keyword">this</span>.render();
+  },
+  onFormSubmit: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span> </span>{
+    e.preventDefault();
+    <span class="hljs-keyword">var</span> query = <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'.search-query'</span>).val();
+    <span class="hljs-keyword">this</span>.model.set({q: query});
+  },
+  render: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> tmplData = <span class="hljs-keyword">this</span>.model.toJSON();
+    <span class="hljs-keyword">var</span> templated = Mustache.render(<span class="hljs-keyword">this</span>.template, tmplData);
+    <span class="hljs-keyword">this</span>.$el.html(templated);
+  }
+});
 
-</pre></div>             </td>           </tr>                </tbody>     </table>   </div> </body> </html> 
\ No newline at end of file
+})(jQuery, recline.View);</pre></div></div>
+            
+        </li>
+        
+    </ul>
+  </div>
+</body>
+</html>
diff --git a/docs/src/widget.valuefilter.html b/docs/src/widget.valuefilter.html
new file mode 100644
index 00000000..1f72bc0f
--- /dev/null
+++ b/docs/src/widget.valuefilter.html
@@ -0,0 +1,264 @@
+<!DOCTYPE html>
+
+<html>
+<head>
+  <title>widget.valuefilter.js</title>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+  <link rel="stylesheet" media="all" href="docco.css" />
+</head>
+<body>
+  <div id="container">
+    <div id="background"></div>
+    
+      <ul id="jump_to">
+        <li>
+          <a class="large" href="javascript:void(0);">Jump To &hellip;</a>
+          <a class="small" href="javascript:void(0);">+</a>
+          <div id="jump_wrapper">
+          <div id="jump_page_wrapper">
+            <div id="jump_page">
+              
+                
+                <a class="source" href="backend.dataproxy.html">
+                  backend.dataproxy.js
+                </a>
+              
+                
+                <a class="source" href="backend.memory.html">
+                  backend.memory.js
+                </a>
+              
+                
+                <a class="source" href="ecma-fixes.html">
+                  ecma-fixes.js
+                </a>
+              
+                
+                <a class="source" href="model.html">
+                  model.js
+                </a>
+              
+                
+                <a class="source" href="view.flot.html">
+                  view.flot.js
+                </a>
+              
+                
+                <a class="source" href="view.graph.html">
+                  view.graph.js
+                </a>
+              
+                
+                <a class="source" href="view.grid.html">
+                  view.grid.js
+                </a>
+              
+                
+                <a class="source" href="view.map.html">
+                  view.map.js
+                </a>
+              
+                
+                <a class="source" href="view.multiview.html">
+                  view.multiview.js
+                </a>
+              
+                
+                <a class="source" href="view.slickgrid.html">
+                  view.slickgrid.js
+                </a>
+              
+                
+                <a class="source" href="view.timeline.html">
+                  view.timeline.js
+                </a>
+              
+                
+                <a class="source" href="widget.facetviewer.html">
+                  widget.facetviewer.js
+                </a>
+              
+                
+                <a class="source" href="widget.fields.html">
+                  widget.fields.js
+                </a>
+              
+                
+                <a class="source" href="widget.filtereditor.html">
+                  widget.filtereditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.pager.html">
+                  widget.pager.js
+                </a>
+              
+                
+                <a class="source" href="widget.queryeditor.html">
+                  widget.queryeditor.js
+                </a>
+              
+                
+                <a class="source" href="widget.valuefilter.html">
+                  widget.valuefilter.js
+                </a>
+              
+            </div>
+          </div>
+        </li>
+      </ul>
+    
+    <ul class="sections">
+        
+          <li id="title">
+              <div class="annotation">
+                  <h1>widget.valuefilter.js</h1>
+              </div>
+          </li>
+        
+        
+        
+        <li id="section-1">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-1">&#182;</a>
+              </div>
+              
+            </div>
+            
+            <div class="content"><div class='highlight'><pre><span class="hljs-comment">/*jshint multistr:true */</span>
+
+<span class="hljs-keyword">this</span>.recline = <span class="hljs-keyword">this</span>.recline || {};
+<span class="hljs-keyword">this</span>.recline.View = <span class="hljs-keyword">this</span>.recline.View || {};
+
+(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">($, my)</span> </span>{
+<span class="hljs-pi">  "use strict"</span>;
+
+my.ValueFilter = Backbone.View.extend({
+  className: <span class="hljs-string">'recline-filter-editor well'</span>, 
+  template: <span class="hljs-string">' \
+    &lt;div class="filters"&gt; \
+      &lt;h3&gt;Filters&lt;/h3&gt; \
+      &lt;button class="btn js-add-filter add-filter"&gt;Add filter&lt;/button&gt; \
+      &lt;form class="form-stacked js-add" style="display: none;"&gt; \
+        &lt;fieldset&gt; \
+          &lt;label&gt;Field&lt;/label&gt; \
+          &lt;select class="fields form-control"&gt; \
+            {{#fields}} \
+            &lt;option value="{{id}}"&gt;{{label}}&lt;/option&gt; \
+            {{/fields}} \
+          &lt;/select&gt; \
+          &lt;button type="submit" class="btn"&gt;Add&lt;/button&gt; \
+        &lt;/fieldset&gt; \
+      &lt;/form&gt; \
+      &lt;form class="form-stacked js-edit"&gt; \
+        {{#filters}} \
+          {{{filterRender}}} \
+        {{/filters}} \
+        {{#filters.length}} \
+        &lt;button type="submit" class="btn update-filter"&gt;Update&lt;/button&gt; \
+        {{/filters.length}} \
+      &lt;/form&gt; \
+    &lt;/div&gt; \
+  '</span>,
+  filterTemplates: {
+    term: <span class="hljs-string">' \
+      &lt;div class="filter-{{type}} filter"&gt; \
+        &lt;fieldset&gt; \
+          {{field}} \
+          &lt;a class="js-remove-filter" href="#" title="Remove this filter" data-filter-id="{{id}}"&gt;&amp;times;&lt;/a&gt; \
+          &lt;input type="text" value="{{term}}" name="term" data-filter-field="{{field}}" data-filter-id="{{id}}" data-filter-type="{{type}}" /&gt; \
+        &lt;/fieldset&gt; \
+      &lt;/div&gt; \
+    '</span>
+  },
+  events: {
+    <span class="hljs-string">'click .js-remove-filter'</span>: <span class="hljs-string">'onRemoveFilter'</span>,
+    <span class="hljs-string">'click .js-add-filter'</span>: <span class="hljs-string">'onAddFilterShow'</span>,
+    <span class="hljs-string">'submit form.js-edit'</span>: <span class="hljs-string">'onTermFiltersUpdate'</span>,
+    <span class="hljs-string">'submit form.js-add'</span>: <span class="hljs-string">'onAddFilter'</span>
+  },
+  initialize: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    _.bindAll(<span class="hljs-keyword">this</span>, <span class="hljs-string">'render'</span>);
+    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.model.fields, <span class="hljs-string">'all'</span>, <span class="hljs-keyword">this</span>.render);
+    <span class="hljs-keyword">this</span>.listenTo(<span class="hljs-keyword">this</span>.model.queryState, <span class="hljs-string">'change change:filters:new-blank'</span>, <span class="hljs-keyword">this</span>.render);
+    <span class="hljs-keyword">this</span>.render();
+  },
+  render: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    <span class="hljs-keyword">var</span> tmplData = $.extend(<span class="hljs-literal">true</span>, {}, <span class="hljs-keyword">this</span>.model.queryState.toJSON());</pre></div></div>
+            
+        </li>
+        
+        
+        <li id="section-2">
+            <div class="annotation">
+              
+              <div class="pilwrap ">
+                <a class="pilcrow" href="#section-2">&#182;</a>
+              </div>
+              <p>we will use idx in list as the id …</p>
+
+            </div>
+            
+            <div class="content"><div class='highlight'><pre>    tmplData.filters = _.map(tmplData.filters, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(filter, idx)</span> </span>{
+      filter.id = idx;
+      <span class="hljs-keyword">return</span> filter;
+    });
+    tmplData.fields = <span class="hljs-keyword">this</span>.model.fields.toJSON();
+    tmplData.filterRender = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
+      <span class="hljs-keyword">return</span> Mustache.render(self.filterTemplates.term, <span class="hljs-keyword">this</span>);
+    };
+    <span class="hljs-keyword">var</span> out = Mustache.render(<span class="hljs-keyword">this</span>.template, tmplData);
+    <span class="hljs-keyword">this</span>.$el.html(out);
+  },
+  updateFilter: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(input)</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    <span class="hljs-keyword">var</span> filters = self.model.queryState.get(<span class="hljs-string">'filters'</span>);
+    <span class="hljs-keyword">var</span> $input = $(input);
+    <span class="hljs-keyword">var</span> filterIndex = <span class="hljs-built_in">parseInt</span>($input.attr(<span class="hljs-string">'data-filter-id'</span>), <span class="hljs-number">10</span>);
+    <span class="hljs-keyword">var</span> value = $input.val();
+    filters[filterIndex].term = value;
+  },
+  onAddFilterShow: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span> </span>{
+    e.preventDefault();
+    <span class="hljs-keyword">var</span> $target = $(e.target);
+    $target.hide();
+    <span class="hljs-keyword">this</span>.$el.find(<span class="hljs-string">'form.js-add'</span>).show();
+  },
+  onAddFilter: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span> </span>{
+    e.preventDefault();
+    <span class="hljs-keyword">var</span> $target = $(e.target);
+    $target.hide();
+    <span class="hljs-keyword">var</span> field = $target.find(<span class="hljs-string">'select.fields'</span>).val();
+    <span class="hljs-keyword">this</span>.model.queryState.addFilter({type: <span class="hljs-string">'term'</span>, field: field});
+  },
+  onRemoveFilter: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span> </span>{
+    e.preventDefault();
+    <span class="hljs-keyword">var</span> $target = $(e.target);
+    <span class="hljs-keyword">var</span> filterId = $target.attr(<span class="hljs-string">'data-filter-id'</span>);
+    <span class="hljs-keyword">this</span>.model.queryState.removeFilter(filterId);
+  },
+  onTermFiltersUpdate: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span> </span>{
+    <span class="hljs-keyword">var</span> self = <span class="hljs-keyword">this</span>;
+    e.preventDefault();
+    <span class="hljs-keyword">var</span> filters = self.model.queryState.get(<span class="hljs-string">'filters'</span>);
+    <span class="hljs-keyword">var</span> $form = $(e.target);
+    _.each($form.find(<span class="hljs-string">'input'</span>), <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(input)</span> </span>{
+      self.updateFilter(input);
+    });
+    self.model.queryState.set({filters: filters, from: <span class="hljs-number">0</span>});
+    self.model.queryState.trigger(<span class="hljs-string">'change'</span>);
+  }
+});
+
+})(jQuery, recline.View);</pre></div></div>
+            
+        </li>
+        
+    </ul>
+  </div>
+</body>
+</html>