uki 1.1.1 → 1.1.2

data/frameworks/uki/src/uki-core/background/sliced9.js

@@ -130,7 +130,9 @@ uki.background.Sliced9 = uki.newClass(new function() {
                 settings.c, [LEFT + '-' + inset.left + PX, TOP + '-' + inset.top + PX, WIDTH + width + PX, HEIGHT + height + PX].join(';'), 'right -' + inset.top + PX
             );
         }
-        return uki.createElement('div', 'position:absolute;overflow:hidden;' + css, html.join(''));
+        var container = uki.createElement('div', 'position:absolute;overflow:hidden;' + css, html.join(''));
+        container.className = 'uki-background-Sliced9';
+        return container;
     };
     
     /** @ignore */
@@ -144,7 +146,8 @@ uki.background.Sliced9 = uki.newClass(new function() {
         this._comp = comp;
         
         this._container.style.visibility = 'visible';
-        this._comp.dom().appendChild(this._container);
+        this._comp.dom().insertBefore(this._container, this._comp.dom().firstChild);
+        // this._comp.dom().appendChild(this._container);
         
         if (!uki.supportNativeLayout) {
             this._layoutHandler = this._layoutHandler || uki.proxy(function(e) {

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

@@ -20,8 +20,9 @@ include('collection.js');
      * @returns {uki.view.Collection} collection of created elements
      */
     uki.build = function(ml) {
-        if (ml.length === undefined) ml = [ml];
-        return new uki.Collection(createMulti(ml));
+        
+        return new uki.Collection( createMulti( (ml.length === undefined) ? [ml] : ml ) );
+		
     };
     
     uki.viewNamespaces = ['uki.view.', ''];
@@ -40,11 +41,11 @@ include('collection.js');
         if (uki.isFunction(c)) {
             result = new c(mlRow.rect);
         } else if (typeof c === 'string') {
-            for (var i=0, ns = uki.viewNamespaces; i < ns.length; i++) {
+            for (var i=0, ns = uki.viewNamespaces, ns$length = ns.length; i < ns$length; i++) {
                 var parts = (ns[i] + c).split('.'),
                     obj = root;
                 
-                for (var j=0; obj && j < parts.length; j++) {
+                for (var j=0, parts$length = parts.length; obj && j < parts$length; j++) {
                     obj = obj[parts[j]];
                 };
                 if (obj) {

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

@@ -31,8 +31,7 @@ uki.fn = uki.Collection.prototype = new function() {
      * @returns {uki.view.Collection} self
      */
     this.each = function( callback ) {
-        uki.each( this, callback );
-        return this;
+        return uki.each( this, callback );        
     };
 
     /**
@@ -62,12 +61,12 @@ uki.fn = uki.Collection.prototype = new function() {
      */
     this.attr = function( name, value ) {
         if (value !== undefined) {
-            for (var i=0; i < this.length; i++) {
+            for (var i=this.length-1; i >= 0; i--) {
                 uki.attr( this[i], name, value );
             };
             return this;
         } else {
-            return this[0] ? uki.attr( this[0], name ) : '';
+            return this[0] ? uki.attr( this[0], name ) : "";
         }
     };
 
@@ -110,11 +109,15 @@ uki.fn = uki.Collection.prototype = new function() {
      * @returns {uki.view.Collection} self
      */
     this.append = function( views ) {
-        if (!this[0]) return this;
+        var target = this[0];
+        if (!target) return this;
+		
         views = views.length !== undefined ? views : [views];
-        for (var i=0; i < views.length; i++) {
-            this[0].appendChild(views[i]);
+		
+        for (var i = views.length-1; i >= 0; i--) {
+            target.appendChild(views[i]);
         };
+		
         return this;
     };
     
@@ -123,7 +126,8 @@ uki.fn = uki.Collection.prototype = new function() {
         this.each(function() {
             target.appendChild(this);
         });
-        return this;
+        return this;	
+        
     };
 
     /**#@-*/
@@ -167,8 +171,9 @@ uki.fn = uki.Collection.prototype = new 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 draggable textSelectable width height minX maxX minY maxY left top x y'.split(' '));
-
+    uki.Collection.addAttrs('dom html text background value rect checked anchors childViews typeName id name visible disabled focusable style draggable textSelectable width height minX maxX minY maxY left top x y contentsSize'.split(' '));
+    
+    
     /** @function
     @name uki.Collection#parent */
     /** @function
@@ -180,7 +185,7 @@ uki.fn = uki.Collection.prototype = new function() {
         ['next', 'nextView'],
         ['prev', 'prevView']
     ], function(i, desc) {
-        proto[desc[0]] = function() {
+        proto[ desc[0] ] = function() {
             return new uki.Collection( uki.unique( uki.map(this, desc[1]) ) );
         };
     });
@@ -210,7 +215,7 @@ uki.fn = uki.Collection.prototype = new 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++) {
+            for (var i=this.length-1; i >=0; i--) {
                 this[i][name].apply(this[i], arguments);
             };
             return this;
@@ -266,7 +271,7 @@ uki.fn = uki.Collection.prototype = new function() {
     	    if (handler) {
         		this.bind(name, handler);
     	    } else {
-                for (var i=0; i < this.length; i++) {
+                for (var i=this.length-1; i >=0; i--) {
                     this[i][name] ? this[i][name]() : this[i].trigger(name);
                 };
     	    }

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

@@ -0,0 +1,114 @@
+include('../dom.js');
+
+uki.browser = new function() {
+    
+    var boxShadow;
+    this.cssBoxShadow = function() {
+        // Opera 10.5 consistently fails to redraw shadows. Easier to switch off
+        boxShadow = boxShadow || (root.opera ? 'unsupported' : checkPrefixes('box-shadow'));
+        return boxShadow;
+    };
+    
+    var borderRadius;
+    this.cssBorderRadius = function() {
+        borderRadius = borderRadius || checkPrefixes('border-radius');
+        return borderRadius;
+    };
+    
+    var userSelect;
+    this.cssUserSelect = function() {
+        userSelect = userSelect || checkPrefixes('user-select');
+        return userSelect;
+    };
+    
+    var linearGradient;
+    this.cssLinearGradient = function() {
+        linearGradient = linearGradient || initLinearGradient();
+        return linearGradient;
+    };
+    
+    var canvas;
+    this.canvas = function() {
+        if (canvas === undefined) canvas = !!uki.createElement('canvas').getContext;
+        return canvas;
+    };
+    
+    var filter;
+    this.cssFilter = function() {
+        if (filter === undefined) filter = typeof uki.createElement('div').style.filter != 'undefined';
+        return filter;
+    };
+    
+    function swap (obj, src, dst) {
+        var v = obj[src];
+        obj[src] = undefined;
+        obj[dst] = v;
+    }
+    this.css = function(css) {
+        if (!css) return '';
+        if (typeof css == 'string') {
+            return css.replace(/(^|[^-])(box-shadow|border-radius|user-select)/g, function(value) {
+                var p;
+                if ((p = value.indexOf('box-shadow')) > -1) return value.substr(0, p) + uki.browser.cssBoxShadow();
+                if ((p = value.indexOf('border-radius')) > -1) return value.substr(0, p) + uki.browser.cssBorderRadius();
+                if ((p = value.indexOf('user-select')) > -1) return value.substr(0, p) + uki.browser.cssUserSelect();
+            });
+        }
+        
+        uki.each(['boxShadow', 'borderRadius', 'userSelect'], function(k, v) {
+            if (css[v]) swap(css, v, uki.camalize( uki.browser[ uki.camalize('css-' + v) ]() ) );
+        });
+        return css;
+    };
+    
+    this.textStyles = 'font fontFamily fontWeight fontSize textDecoration textOverflow textAlign textShadow overflow color'.split(' ');
+    
+    function checkPrefixes (dashProp) {
+        var e = uki.createElement('div'),
+            style = e.style,
+            prefixes = ['', '-webkit-', '-moz-'];
+            
+        for (var i=0; i < prefixes.length; i++) {
+            if (style[ uki.camalize(prefixes[i] + dashProp) ] !== undefined) return prefixes[i] + dashProp;
+        };
+        return 'unsupported';
+    }
+    
+    function initLinearGradient () {
+        var e = uki.createElement(
+                'div', 
+                'background-image:-moz-linear-gradient(right,red,red);'+
+                'background-image:linear-gradient(right,red,red);'+
+                'background-image:-webkit-gradient(linear,0 0,100% 0,from(red),to(red))'
+            ),
+            style = e.style,
+            bgi = style.backgroundImage + '';
+            
+        if (bgi.indexOf('-moz-linear-gradient') > -1) {
+            return '-moz-linear-gradient';
+        } else if (bgi.indexOf('-webkit-gradient') > -1) {
+            return '-webkit-gradient';
+        } else if (bgi.indexOf('linear-gradient') > -1) {
+            return 'linear-gradient';
+        } else {
+            return 'unsupported';
+        }
+    }
+};
+
+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;

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

@@ -101,6 +101,7 @@ uki.extend(uki.dom, /** @lends uki.dom */ {
     
     /** @ignore */
     handler: function( e ) {
+        
         e = e || root.event;
         
         var type = e.type,
@@ -115,9 +116,11 @@ uki.extend(uki.dom, /** @lends uki.dom */ {
         
         if (!id || !handlers || !handlers[type]) return;
         
+        uki.after.start();
         for (i=0, handlers = handlers[type]; i < handlers.length; i++) {
             handlers[i].call(this, e);
         };
+        uki.after.stop();
     },
     
     /**

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

@@ -18,7 +18,6 @@ uki.image = function(url, dataUrl, alphaUrl) {
     result.src = uki.imageSrc(url, dataUrl, alphaUrl);
     return result;
 };
-
 /**
  * Selects image src depending on browser
  *
@@ -53,30 +52,6 @@ uki.imageHTML = function(url, dataUrl, alphaUrl, html) {
     return '<img' + (html || '') + ' src="' + url + '" />';
 };
 
-/**
- * Loads given images, callbacks after all of them loads
- *
- * @param {Array.<Element>} images Images to load
- * @param {function()} callback
- */
-uki.image.load = function(images, callback) {
-    var imagesToLoad = images.length;
-    
-    uki.each(images, function(i, img) {
-        if (!img || img.width) {
-            if (!--imagesToLoad) callback();
-            return;
-        }
-
-        var handler = function() {
-                img.onload = img.onerror = img.onabort = null; // prevent memory leaks
-                if (!--imagesToLoad) callback();
-            };
-		img.onload  = handler;
-		img.onerror = handler;
-		img.onabort = handler;
-    });
-};
 
 /**
  * @type boolean
@@ -87,4 +62,4 @@ uki.image.dataUrlSupported = doc.createElement('canvas').toDataURL || (/MSIE (8)
  * @type boolean
  */
 uki.image.needAlphaFix = /MSIE 6/.test(ua);
-if(uki.image.needAlphaFix) doc.execCommand("BackgroundImageCache", false, true);
+if(uki.image.needAlphaFix) try { doc.execCommand("BackgroundImageCache", false, true); } catch(e){}

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

@@ -89,8 +89,13 @@ include('collection.js');
     		},
     		
     		"~": function(context){
+    		    return uki.unique( flatten( uki.map(context, nextViews) ) );
     		}	        
 	    };
+	    
+	function nextViews (view) {
+	    return view.parent().childViews().slice((view._viewIndex || 0) + 1);
+	}
 	
 	function recChildren (comps) {
 	    return flatten(uki.map(comps, function(comp) {

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

@@ -3,43 +3,44 @@ include('uki.js');
 /**
  * @namespace
  */
-uki.theme = {
+(function() {
+var self = uki.theme = {
     themes: [],
-    
-    register: function(theme) {
-        uki.theme.themes.push(theme);
+
+    register: function(theme, /* internal */ themes) {
+        (themes = self.themes)[ themes.length] = theme;
     },
-    
+
     background: function(name, params) {
-        return uki.theme._namedResource(name, 'background', params) || new uki.background.Null();
+        return self._namedResource(name, 'background', params) || new uki.background.Null();
     },
-    
+
     image: function(name, params) {
-        return uki.theme._namedResource(name, 'image', params) || new Image();
+        return self._namedResource(name, 'image', params) || new Image();
     },
-    
+
     imageSrc: function(name, params) {
-        return uki.theme._namedResource(name, 'imageSrc', params) || '';
+        return self._namedResource(name, 'imageSrc', params) || '';
     },
-    
+
     style: function(name, params) {
-        return uki.theme._namedResource(name, 'style', params) || '';
+        return self._namedResource(name, 'style', params) || '';
     },
-    
+
     dom: function(name, params) {
-        return uki.theme._namedResource(name, 'dom', params) || uki.createElement('div');
+        return self._namedResource(name, 'dom', params) || uki.createElement('div');
     },
-    
+
     template: function(name, params) {
-        return uki.theme._namedResource(name, 'template', params) || '';
+        return self._namedResource(name, 'template', params) || '';
     },
-    
-    _namedResource: function(name, type, params) {
-        for (var i = uki.theme.themes.length - 1; i >= 0; i--){
-            var result = uki.theme.themes[i][type](name, params);
-            if (result) return result;
+
+    _namedResource: function(name, type, params, i, result) {
+        for ( i = self.themes.length - 1 ; i >= 0; i--) {
+            if (result = (self.themes[i] [type](name, params)))
+				return result;
         };
         return null;
-        
     }
-};
+};
+})();

data/frameworks/uki/src/uki-core/theme/template.js

@@ -1,7 +1,7 @@
 include('../theme.js');
 
 /**
- * Simple and fast (2x–15x faster than regexp) html template
+ * Simple and fast (2x-15x faster than regexp) html template
  * @example
  *   var t = new uki.theme.Template('<p class="${className}">${value}</p>')
  *   t.render({className: 'myClass', value: 'some html'})

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

@@ -11,16 +11,19 @@ include('const.js');
  * @return {uki.Collection}
  */
 root.uki = root.uki || function(val, context) {
-    if (typeof val == 'string') {
+    if (typeof val === "string") {
+	
         var m = val.match(/^#((?:[\w\u00c0-\uFFFF_-]|\\.)+)$/),
             e = m && uki._ids[m[1]];
         if (m && !context) {
             return new uki.Collection( e ? [e] : [] );
         }
         return uki.find(val, context);
+		
     }
     if (val.length === undefined) val = [val];
     if (val.length > 0 && uki.isFunction(val[0].typeName)) return new uki.Collection(val);
+	
     return uki.build(val);
 };
 
@@ -28,7 +31,7 @@ root.uki = root.uki || function(val, context) {
  * @type string
  * @field
  */
-uki.version = '0.2.2';
+uki.version = '0.3.8';
 uki.guid = 1;
 
 /**
@@ -39,9 +42,9 @@ uki.F = function() { return false; };
 uki._ids = {};
 
 uki.registerId = function(comp) {
-    uki._ids[uki.attr(comp, 'id')] = comp;
+    uki._ids[ uki.attr(comp, 'id') ] = comp;
 }; 
 uki.unregisterId = function(comp) {
-    uki._ids[uki.attr(comp, 'id')] = undefined;
+    uki._ids[ uki.attr(comp, 'id') ] = undefined;
 };