')
+ .addClass('overlay')
+ .click(function(){
+ event.stopPropagation()
+ })
+ .append($('
')
+ .addClass('content')
+ .click(function(){
+ event.stopPropagation()
+ })
+ .append(client))
+
+ return overlay
+ },
+}
+
+
+var OverlayPrototype = {
+ dom: null,
+
+ // XXX triggering events from here and from jQuery/dom has a
+ // different effect...
+ trigger: widget.triggerEventWithSource,
+
+ // proxy event api...
+ on: widget.proxyToDom('on'),
+ one: widget.proxyToDom('one'),
+ off: widget.proxyToDom('off'),
+ bind: widget.proxyToDom('bind'),
+ unbind: widget.proxyToDom('unbind'),
+ deligate: widget.proxyToDom('deligate'),
+ undeligate: widget.proxyToDom('undeligate'),
+
+ // custom events...
+ close: function(handler){
+ // trigger the event...
+ if(handler == null){
+ this.dom.detach()
+ if(this.parent.children('.overlay').length == 0){
+ this.parent.removeClass('blur')
+ }
+ this.trigger('close')
+
+ // register a handler...
+ } else {
+ this.on('close', handler)
+ }
+ },
+
+ __init__: function(parent, client, options){
+ var that = this
+ parent = this.parent = $(parent || 'body')
+
+ var dom = this.dom = this.constructor.make(client, options)
+ .click(function(){
+ that.close()
+ })
+
+ parent
+ .addClass('blur')
+ .append(dom)
+
+ return this
+ },
+}
+
+
+var Overlay =
+module.Overlay =
+object.makeConstructor('Overlay',
+ OverlayClassPrototype,
+ OverlayPrototype)
+
+
+
+/**********************************************************************
+* vim:set ts=4 sw=4 : */
+return module })
diff --git a/ui (gen4)/lib/widget/widget.js b/ui (gen4)/lib/widget/widget.js
new file mode 100755
index 00000000..e8a39dd7
--- /dev/null
+++ b/ui (gen4)/lib/widget/widget.js
@@ -0,0 +1,55 @@
+/**********************************************************************
+*
+*
+*
+**********************************************************************/
+
+define(function(require){ var module = {}
+console.log('>>> widget')
+
+//var DEBUG = DEBUG != null ? DEBUG : true
+
+
+/*********************************************************************/
+// helpers...
+
+var proxyToDom =
+module.proxyToDom =
+function(name){
+ return function(){
+ this.dom[name].apply(this.dom, arguments)
+ return this
+ }
+}
+
+
+// XXX triggering events from here and from jQuery/dom has a
+// different effect...
+var triggerEventWithSource =
+module.triggerEventWithSource =
+function(){
+ var args = args2array(arguments)
+ var evt = args.shift()
+
+ if(typeof(evt) == typeof('str')){
+ evt = $.Event(evt)
+ }
+
+ evt.source = this
+
+ args.splice(0, 0, evt)
+
+ this.dom.trigger.apply(this.dom, args)
+ return this
+}
+
+
+
+/*********************************************************************/
+
+
+
+
+/**********************************************************************
+* vim:set ts=4 sw=4 : */
+return module })