some cleanup and minor refactoring...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>

ui (gen4)/experiments/browse-dialog.html

@@ -191,7 +191,7 @@ requirejs(['../lib/keyboard', '../object', './browse-dialog'], function(k, o, b)
 		.focus()
 
 
-	// Flat list demo...
+	// Custom flat list demo...
 	f = browser.Browser($('.container.flat'), {
 			data: [
 				'option 1',
@@ -226,7 +226,9 @@ requirejs(['../lib/keyboard', '../object', './browse-dialog'], function(k, o, b)
 			},
 		})
 
-	f = browser.makeList($('.container.flat2'), {
+
+	// Default flat list demo...
+	f2 = browser.makeList($('.container.flat2'), {
 			'option 1': function(_, p){ console.log('option:', p) },
 			'option 2': function(_, p){ console.log('option:', p) },
 			'option 3': function(_, p){ console.log('option:', p) },

ui (gen4)/experiments/browse-dialog.js

@@ -920,42 +920,47 @@ object.makeConstructor('Browser',
 		BrowserPrototype)
 
 
-// Construct a flat list selector...
+// Flat list...
 //
-//	makeList(<elem>, <list>)
+// This expects a data option set with the following format:
-//		-> browser
+// 	{
-//
+// 		<option-text>: <callback>,
-//
+// 		...
-// <list> format:
+// 	}
-//		{
+// 	
-//			<text>: <callback>,
+// NOTE: this essentially a different default configuration of Browser...
-//			...
+var ListPrototype = Object.create(BrowserPrototype)
-//		}
+ListPrototype.options = {
-//
+
-//
+	traversable: false,
-// XXX should this be an object???
+	flat: true,
+
+	list: function(path, make){
+		var that = this
+		return Object.keys(this.options.data)
+			.map(function(k){
+				var e = make(k)
+					.on('open', function(){ 
+						return that.options.data[k].apply(this, arguments)
+					})
+
+				return k
+			})
+	},
+}
+ListPrototype.options.__proto__ = BrowserPrototype.options
+
+var List = 
+module.List = 
+object.makeConstructor('List', 
+		BrowserClassPrototype, 
+		ListPrototype)
+
+
+// This is a shorthand for: new List(<elem>, { data: <list> })
 var makeList = 
 module.makeList = function(elem, list){
-	return browser.Browser(elem, {
+	return List(elem, { data: list })
-			data: list,
-
-			traversable: false,
-			flat: true,
-
-			list: function(path, make){
-				var that = this
-				return Object.keys(this.options.data)
-					.map(function(k){
-						// make the element...
-						var e = make(k)
-							.on('open', function(){ 
-								return that.options.data[k].apply(this, arguments)
-							})
-
-						return k
-					})
-			},
-		})
 }