restructured rendering, added Tweener & smoothMove

app/views/visualisers/SpaceView.html

@@ -0,0 +1,13 @@
+<style>
+    article.mainDashboard{ height:100%; }
+    article.mainDashboard>section:first-of-type{ 
+        height:100%; 
+        background-color: #333;
+    }
+    canvas[data-output="ttbCanvas"]{
+        width: 100%;
+        height: 100%;
+    }
+</style>
+
+<canvas data-output="ttbCanvas"></canvas>

app/views/visualisers/SpaceView.js

@@ -0,0 +1,34 @@
+class SpaceView extends EICDomContent {
+
+    constructor() {
+        super()
+        Object.assign(this, app.helpers.activeAttributes)
+        //this.tileMarkup = app.Assets.Store.html['/app/assets/html/mailing/tile.html']
+    }
+    
+    DOMContentFocused(options) { 
+        if(this.wasBlured){ // Avoid 2nd refesh on DomContentLoaded
+            //this.refreshyoustuff() 
+        }
+        this.wasBlured = false
+    }
+
+    DOMContentBlured(options) { this.wasBlured = true }
+
+    DOMContentLoaded(options) {        
+        for(let model in options.models) this[model] = options.models[model]
+        this.ttb = options.ttb
+        const components = ui.eicfy(this.el)       
+        this.setupTriggers(components)        
+        this.setupRefs(components)
+
+        this.ttb.startRendering(this.outputs.ttbCanvas, options.mode)
+
+
+    }
+
+
+
+}
+
+app.registerClass('SpaceView', SpaceView)