uki 1.0.0

data/frameworks/uki/src/uki-core/collection.js

@@ -0,0 +1,278 @@
+include('uki.js');
+include('attachment.js');
+include('dom/event.js');
+
+/**
+ * Collection performs group operations on uki.view objects.
+ * <p>Behaves much like result jQuery(dom nodes).
+ * Most methods are chainable like .attr('text', 'somevalue').bind('click', function() { ... })</p>
+ *
+ * <p>Its easier to call uki([view1, view2]) or uki('selector') instead of creating collection directly</p>
+ *
+ * @author voloko
+ * @constructor
+ * @class
+ */
+uki.Collection = function( elems ) {
+    this.length = 0;
+	Array.prototype.push.apply( this, elems );
+};
+
+uki.fn = uki.Collection.prototype = new function() {
+    var proto = this;
+    
+    /**#@+ @memberOf uki.Collection# */
+    /**
+     * Iterates trough all items within itself
+     *
+     * @function
+     *
+     * @param {function(this:uki.view.Base, number, uki.view.Base)} callback Callback to call for every item
+     * @returns {uki.view.Collection} self
+     */
+    this.each = function( callback ) {
+        uki.each( this, callback );
+        return this;
+    };
+
+    /**
+     * Creates a new uki.Collection populated with found items
+     *
+     * @function
+     *
+     * @param {function(uki.view.Base, number):boolean} callback Callback to call for every item
+     * @returns {uki.view.Collection} created collection
+     */
+    this.grep = function( callback ) {
+        return new uki.Collection( uki.grep(this, callback) );
+    };
+
+    /**
+     * Sets an attribute on all views or gets the value of the attribute on the first view
+     *
+     * @example
+     * c.attr('text', 'my text') // sets text to 'my text' on all collection views
+     * c.attr('name') // gets name attribute on the first view
+     *
+     * @function
+     *
+     * @param {string} name Name of the attribute
+     * @param {object=} value Value to set
+     * @returns {uki.view.Collection|Object} Self or attribute value
+     */
+    this.attr = function( name, value ) {
+        if (value !== undefined) {
+            this.each(function() {
+                uki.attr( this, name, value );
+            });
+            return this;
+        } else {
+            return this[0] ? uki.attr( this[0], name ) : '';
+        }
+    };
+
+    /**
+     * Finds views within collection context
+     * @example
+     * c.find('Button')
+     *
+     * @function
+     *
+     * @param {string} selector 
+     * @returns {uki.view.Collection} Collection of found items
+     */
+    this.find = function( selector ) {
+        return uki.find( selector, this );
+    };
+
+    /**
+     * Attaches all child views to dom container
+     *
+     * @function
+     *
+     * @param {Element} dom Container dom element
+     * @param {uki.geometry.Rect} rect Default size
+     * @returns {uki.view.Collection} self
+     */
+    this.attachTo = function( dom, rect ) {
+        this.each(function() {
+            new uki.Attachment( dom, this, rect );
+        });
+        return this;
+    };
+
+    /**
+     * Appends views to the first item in collection
+     *
+     * @function
+     *
+     * @param {Array.<uki.view.Base>} views Views to append
+     * @returns {uki.view.Collection} self
+     */
+    this.append = function( views ) {
+        if (!this[0]) return this;
+        views = views.length !== undefined ? views : [views];
+        for (var i=0; i < views.length; i++) {
+            this[0].appendChild(views[i]);
+        };
+        return this;
+    };
+    
+    this.appendTo = function( target ) {
+        target = uki(target)[0];
+        this.each(function() {
+            target.appendChild(this);
+        });
+        return this;
+    };
+
+    /**#@-*/
+
+    /**
+     * @function
+     */
+    uki.Collection.addAttrs = function(attrNames) {
+        uki.each(attrNames, function(i, name) {
+            proto[name] = function( value ) { return this.attr( name, value ); };
+        });
+    };
+
+    /** @function
+    @name uki.Collection#html */
+    /** @function
+    @name uki.Collection#text */
+    /** @function
+    @name uki.Collection#background */
+    /** @function
+    @name uki.Collection#value */
+    /** @function
+    @name uki.Collection#rect */
+    /** @function
+    @name uki.Collection#checked */
+    /** @function
+    @name uki.Collection#anchors */
+    /** @function
+    @name uki.Collection#childViews */
+    /** @function
+    @name uki.Collection#typeName */
+    /** @function
+    @name uki.Collection#id */
+    /** @function
+    @name uki.Collection#name */
+    /** @function
+    @name uki.Collection#visible */
+    /** @function
+    @name uki.Collection#disabled */
+    /** @function
+    @name uki.Collection#focusable */
+    /** @function
+    @name uki.Collection#style */
+    uki.Collection.addAttrs(('dom,html,text,background,value,rect,checked,anchors,' +
+        'childViews,typeName,id,name,visible,disabled,focusable,style').split(','));
+
+    /** @function
+    @name uki.Collection#parent */
+    /** @function
+    @name uki.Collection#next */
+    /** @function
+    @name uki.Collection#prev */
+    uki.each([
+        ['parent', 'parent'],
+        ['next', 'nextView'],
+        ['prev', 'prevView']
+    ], function(i, desc) {
+        proto[desc[0]] = function() {
+            return new uki.Collection( uki.unique( uki.map(this, desc[1]) ) );
+        };
+    });
+    
+
+    /** @function
+    @name uki.Collection#bind */
+    /** @function
+    @name uki.Collection#unload */
+    /** @function
+    @name uki.Collection#trigger */
+    /** @function
+    @name uki.Collection#layout */
+    /** @function
+    @name uki.Collection#appendChild */
+    /** @function
+    @name uki.Collection#removeChild */
+    /** @function
+    @name uki.Collection#insertBefore */
+    /** @function
+    @name uki.Collection#addRow */
+    /** @function
+    @name uki.Collection#removeRow */
+    /** @function
+    @name uki.Collection#resizeToContents */
+    /** @function
+    @name uki.Collection#toggle */
+    uki.each('bind unbind trigger layout appendChild removeChild insertBefore addRow removeRow resizeToContents toggle'.split(' '), function(i, name) {
+        proto[name] = function() { 
+            for (var i=0; i < this.length; i++) {
+                this[i][name].apply(this[i], arguments);
+            };
+            return this;
+        };
+    });
+
+     /** @function
+    @name uki.Collection#blur */
+    /** @function
+    @name uki.Collection#focus */
+    /** @function
+    @name uki.Collection#load */
+    /** @function
+    @name uki.Collection#resize */
+    /** @function
+    @name uki.Collection#scroll */
+    /** @function
+    @name uki.Collection#unload */
+    /** @function
+    @name uki.Collection#click */
+    /** @function
+    @name uki.Collection#dblclick */
+    /** @function
+    @name uki.Collection#mousedown */
+    /** @function
+    @name uki.Collection#mouseup */
+    /** @function
+    @name uki.Collection#mousemove */
+    /** @function
+    @name uki.Collection#mouseover */
+    /** @function
+    @name uki.Collection#mouseout */
+    /** @function
+    @name uki.Collection#mouseenter */
+    /** @function
+    @name uki.Collection#mouseleave */
+    /** @function
+    @name uki.Collection#change */
+    /** @function
+    @name uki.Collection#select */
+    /** @function
+    @name uki.Collection#submit */
+    /** @function
+    @name uki.Collection#keydown */
+    /** @function
+    @name uki.Collection#keypress */
+    /** @function
+    @name uki.Collection#keyup */
+    /** @function
+    @name uki.Collection#error */
+    uki.each( uki.dom.events, function(i, name){
+    	proto[name] = function( handler ){
+    	    if (handler) {
+        		this.bind(name, handler);
+    	    } else {
+                for (var i=0; i < this.length; i++) {
+                    this[i].trigger(name);
+                };
+    	    }
+    		return this;
+    	};
+    });
+};
+

data/frameworks/uki/src/uki-core/const.js

@@ -0,0 +1,17 @@
+/**
+ * Global uki constants, for speed optimization and better merging
+ */
+/** @ignore */
+var root = this,
+    doc  = document,
+    nav = navigator,
+    ua  = nav.userAgent,
+    expando = 'uki' + (+new Date),
+    
+    MAX = Math.max,
+    MIN = Math.min,
+    FLOOR = Math.floor,
+    CEIL = Math.ceil,
+    
+    PX = 'px';
+

data/frameworks/uki/src/uki-core/dom/dnd.js

@@ -0,0 +1,93 @@
+include('event.js');
+
+
+(function() {
+/**
+ * Drag and Drop support for uki
+ * @namespace
+ */
+var dnd = uki.dom.dnd = {
+    draggable: null,
+    nativeDnD: false,
+    position: null
+};
+
+// detect if native DnD is supported
+try {
+    if (
+        // typeof doc.createElement('div').ondragstart == 'object' || // ie support
+        typeof doc.createEvent('MouseEvent').dataTransfer == 'object' || // safari
+        doc.createEvent('DragEvent').initDragEvent // w3c support
+    ) {
+        dnd.nativeDnD = true;
+    }
+} catch (e) {}
+
+// bind single drag set of drag events for an element
+// regardless of the number of listeners
+var bindDraggestures = {
+    setup: function() {
+        if (this.__draggesturebound) {
+            this.__draggesturebound++;
+        } else {
+            this.__draggesturebound = 1;
+    		uki.dom.bind( this, 'mousedown', draggesturestart );
+    		 // prevent interference with ie drag events
+            if (!dnd.nativeDnD && typeof this.ondragstart == 'object') 
+                this.ondragstart = function() { event.returnValue = false; };
+        }
+    },
+    teardown: function() {
+        this.__draggesturebound--;
+        if (!this.__draggesturebound) uki.dom.unbind( this, 'mousedown', draggesturestart );
+    }
+};
+
+// drag gestures
+uki.extend(uki.dom.special, {
+    draggesturestart: bindDraggestures,
+    draggestureend: bindDraggestures,
+    draggesture: bindDraggestures
+});
+
+var dragEndEvents = 'mouseup ' + (dnd.nativeDnD ? ' dragend' : '');
+// if (window.attachEvent && !window.opera) dragEndEvents += ' mouseleave';
+
+function startGesture (el) {
+    dnd.draggable = el;
+    uki.dom.bind(doc, 'mousemove scroll', draggesture);
+    uki.dom.bind(doc, dragEndEvents, draggestureend);
+    uki.dom.bind(doc, 'selectstart mousedown', uki.dom.preventDefaultHandler);
+}
+
+function stopGesture () {
+    dnd.draggable = null;
+    uki.dom.unbind(doc, 'mousemove scroll', draggesture);
+    uki.dom.unbind(doc, dragEndEvents, draggestureend);
+    uki.dom.unbind(doc, 'selectstart mousedown', uki.dom.preventDefaultHandler);
+}
+
+function draggesturestart (e) {
+    e.type = 'draggesturestart';
+    uki.dom.handler.apply(this, arguments);
+    if (!e.isDefaultPrevented()) {
+        startGesture(this);
+        dnd.position = new Point(-e.pageX, -e.pageY);
+    }
+}
+
+function draggesture (e) {
+    e.type = 'draggesture';
+    e.dragOffset = (new Point(e.pageX, e.pageY)).offset(dnd.position);
+    uki.dom.handler.apply(dnd.draggable, arguments);
+    if (e.isDefaultPrevented()) stopGesture(dnd.draggable);
+}
+
+function draggestureend (e) {
+    e.type = 'draggestureend';
+    e.dragOffset = (new Point(e.pageX, e.pageY)).offset(dnd.position);
+    uki.dom.handler.apply(dnd.draggable, arguments);
+    stopGesture(dnd.draggable);
+}
+
+})();

data/frameworks/uki/src/uki-core/dom/event.js

@@ -0,0 +1,194 @@
+uki.dom.special = {};
+
+uki.dom.Event = function( domEvent ) {
+    domEvent = domEvent || {};
+    this.domEvent = domEvent.domEvent || domEvent;
+
+	for ( var i = uki.dom.props.length, prop; i; ){
+		prop = uki.dom.props[ --i ];
+		this[ prop ] = domEvent[ prop ];
+	}
+	
+    // this.dataTransfer = new uki.dom.DataTransfer(domEvent);
+};
+
+uki.dom.Event.prototype = new function() {
+    function returnTrue () {
+        return true;
+    }
+    
+    this.preventDefault = function() {
+        var domEvent = this.domEvent;
+        domEvent.preventDefault && domEvent.preventDefault();
+        domEvent.returnValue = false;
+        
+        this.isDefaultPrevented = returnTrue;
+    }
+    
+    this.stopPropagation = function() {
+		var domEvent = this.domEvent;
+		domEvent.stopPropagation && domEvent.stopPropagation();
+		domEvent.cancelBubble = true;
+		
+		this.isPropagationStopped = returnTrue;
+    }
+    
+    this.isDefaultPrevented = this.isPropagationStopped = uki.F;
+}
+
+uki.extend(uki.dom, /** @lends uki.dom */ {
+    bound: {},
+    handlers: {},
+    
+    props: "type altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode metaKey newValue originalTarget pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target toElement view wheelDelta which dragOffset dataTransfer".split(" "),
+    
+    events: "blur focus load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error draggesturestart draggestureend draggesture dragstart dragend drag drop dragenter dragleave dragover".split(" "),
+
+    bind: function(el, types, listener) {
+		if ( el.setInterval && el != window )
+			el = window;
+			
+        listener.huid = listener.huid || uki.dom.guid++;
+        
+        var id = el[expando] = el[expando] || uki.dom.guid++,
+            handler = uki.dom.handlers[id] = uki.dom.handlers[id] || function() {
+                uki.dom.handler.apply(arguments.callee.elem, arguments);
+            },
+            i, type;
+            
+        handler.elem = el;
+        
+        if (!uki.dom.bound[id]) uki.dom.bound[id] = {};
+        
+        types = types.split(' ');
+        for (i=0; i < types.length; i++) {
+            type = types[i];
+            if (!uki.dom.bound[id][type]) {
+                uki.dom.bound[id][type] = [];
+                if ( !uki.dom.special[type] || uki.dom.special[type].setup.call(el) === false ) {
+                    el.addEventListener ? el.addEventListener(type, handler, false) : el.attachEvent('on' + type, handler);
+                }
+            }
+            uki.dom.bound[id][type].push(listener);
+        };
+        listener = handler = el = null;
+    },
+    
+    unbind: function(el, types, listener) {
+        var id = el[expando],
+            huid = listener.huid,
+            i, type;
+        types = types.split(' ');
+        for (i=0; i < types.length; i++) {
+            type = types[i];
+            if (!huid || !id || !uki.dom.bound[id] || !uki.dom.bound[id][type]) continue;
+            uki.dom.bound[id][type] = uki.grep(uki.dom.bound[id][type], function(h) { return h.huid !== huid; });
+            
+            if (uki.dom.bound[id][type].length == 0) {
+                var handler = uki.dom.handlers[id];
+                if ( !uki.dom.special[type] || uki.dom.special[type].teardown.call(el) === false ) {
+                    el.removeEventListener ? el.removeEventListener(type, handler, false) : el.detachEvent('on' + type, handler);
+                }
+                uki.dom.bound[id][type] = null;
+            }
+        }
+    },
+    
+    /** @ignore */
+    handler: function( e ) {
+        e = e || root.event;
+        
+        var type = e.type,
+            id = this[expando],
+            handlers = uki.dom.bound[id],
+            i;
+            
+        e = new uki.dom.Event(e);
+        e = uki.dom.fix( e );
+        
+        if (!id || !handlers || !handlers[type]) return;
+        
+        for (i=0, handlers = handlers[type]; i < handlers.length; i++) {
+            handlers[i].call(this, e);
+        };
+    },
+    
+    /**
+     * Taken from jQuery
+     * @ignore
+     */
+    fix: function( event ) {
+		// Fix target property, if necessary
+		if ( !event.target )
+			event.target = event.srcElement || doc;
+
+		// check if target is a textnode (safari)
+		if ( event.target.nodeType == 3 )
+			event.target = event.target.parentNode;
+
+		// Add relatedTarget, if necessary
+		if ( !event.relatedTarget && event.fromElement )
+			event.relatedTarget = event.fromElement == event.target ? event.toElement : event.fromElement;
+
+		// Calculate pageX/Y if missing and clientX/Y available
+		if ( event.pageX == null && event.clientX != null ) {
+			var de = doc.documentElement, body = doc.body;
+			event.pageX = event.clientX + (de && de.scrollLeft || body && body.scrollLeft || 0) - (de.clientLeft || 0);
+			event.pageY = event.clientY + (de && de.scrollTop  || body && body.scrollTop || 0)  - (de.clientTop || 0);
+		}
+
+		// Add which for key events
+		if ( !event.which && ((event.charCode || event.charCode === 0) ? event.charCode : event.keyCode) )
+			event.which = event.charCode || event.keyCode;
+
+		// Add metaKey to non-Mac browsers (use ctrl for PC's and Meta for Macs)
+		if ( !event.metaKey && event.ctrlKey )
+			try { event.metaKey = event.ctrlKey; } catch(e){};
+
+		// Add which for click: 1 == left; 2 == middle; 3 == right
+		// Note: button is not normalized, so don't use it
+		if ( !event.which && event.button )
+			event.which = (event.button & 1 ? 1 : ( event.button & 2 ? 3 : ( event.button & 4 ? 2 : 0 ) ));    
+			
+		return event;    
+    },
+    
+    preventDefaultHandler: function(e) {
+        e && e.preventDefault();
+        return false;
+    }
+});
+
+uki.each({ 
+	mouseover: 'mouseenter', 
+	mouseout: 'mouseleave'
+}, function( orig, fix ){
+    var handler = function(e) {
+	    if (!uki.dom.contains(this, e.relatedTarget)) {
+	        e.type = fix;
+	        uki.dom.handler.apply(this, arguments);
+        }
+	};
+	
+	uki.dom.special[ fix ] = {
+		setup: function() {
+			uki.dom.bind( this, orig, handler );
+		},
+		teardown: function(){
+		    uki.dom.unbind( this, orig, handler );
+		}
+	};			   
+});
+
+
+if (root.attachEvent) {
+    root.attachEvent('onunload', function() {
+        uki.each(uki.dom.bound, function(id, types) {
+            uki.each(types, function(type, handlers) {
+                try {
+                    uki.dom.handlers[id].elem.detachEvent('on' + type, uki.dom.handlers[id]);
+                } catch (e) {};
+            });
+        });
+    });
+};

data/frameworks/uki/src/uki-core/dom/nativeLayout.js

@@ -0,0 +1,18 @@
+include('../dom.js');
+
+uki.initNativeLayout = function() {
+    if (uki.supportNativeLayout === undefined) {
+        uki.dom.probe(
+            uki.createElement(
+                'div', 
+                'position:absolute;width:100px;height:100px;left:-999em;', 
+                '<div style="position:absolute;left:0;right:0"></div>'
+            ),
+            function(div) {
+                uki.supportNativeLayout = div.childNodes[0].offsetWidth == 100 && !root.opera;
+            }
+        );
+    }
+};
+
+// uki.supportNativeLayout = false;