uki 1.1.1 → 1.1.2

data/VERSION

@@ -1 +1 @@
-1.1.1
+1.1.2

data/bin/uki

@@ -148,7 +148,7 @@ command :ie_images do |c|
   c.description = 'Creates image files for IE6,7 from
     data urls in the theme file.
     
-    [file] defaults to <project_name>/theme.js
+    [file] defaults to <name>/theme.js
   '
   c.when_called do |args, option|
     project = Uki::Project.new('.')

data/frameworks/uki/README.rdoc

@@ -26,7 +26,7 @@ It comes with a rich view-component library ranging from Sliders to Grids and Sp
 5. uki() calls return Collection of Views. This is similar to jQuery('expression') result. You can 
    access individual views with [index]. You can manipulate all views at the same 
    time with a number of collection methods (http://ukijs.org/docs/symbols/uki.Collection.html)
-    uki('Label')[3] // get 3-d found label
+    uki('Label')[2] // get 3-d found label
 6. Events are bound to Views (not individual DOM nodes) with the bind() function
     uki('Label')[0].bind('click', function() {  handle the event here  }) // bind click to the first label
     uki('Label').bind('click', function() {  handle the event here  }) // bind click to all labels

data/frameworks/uki/examples/core-examples/controls/controls.js

@@ -3,7 +3,7 @@
 @example_order 20
 @example_html
     <style>body, html { overflow: hidden; margin: 0; padding: 0; }</style>
-    <div id="test" style="width: 90%; height: 300px;"></div>
+    <div id="test" style="width: 100%; height: 300px;"></div>
     <script src="/src/uki.cjs"></script>
     <script src="controls.js"></script>
 */
@@ -13,23 +13,23 @@
 function views() {
     return [    
         { view: 'Button',   rect: '10 10 200 24',  anchors: 'left top', text: 'focusable button!' },
-        { view: 'MultilineTextField', rect: '10 35 200 40', anchors: 'left top', value: 'textarea' },
+        { view: 'MultilineTextField', rect: '10 40 200 40', anchors: 'left top', value: 'textarea' },
         
-        { view: 'Checkbox', rect: '250 10 24 24',  anchors: 'left top', name: 'probe' },
+        { view: 'Checkbox', rect: '250 10 24 24',  anchors: 'left top', name: 'probe', focusable: true },
         { view: 'Label',    rect: '275 10 100 24', anchors: 'left top', html: 'Checkbox 1' },
         { view: 'Checkbox', rect: '250 35 24 24',  anchors: 'left top', checked: true },
         { view: 'Label',    rect: '275 35 100 24', anchors: 'left top', text: 'Checkbox 2' },
         
-        { view: 'Radio',    rect: '720 10 24 24',  anchors: 'left top', name: 'probe', group: 'radio_1' },
+        { view: 'Radio',    rect: '720 10 24 24',  anchors: 'left top', name: 'probe', group: 'radio_1', focusable: true },
         { view: 'Label',    rect: '745 10 100 24', anchors: 'left top', html: 'Radio 1' },
         { view: 'Radio',    rect: '720 35 24 24',  anchors: 'left top', checked: true, group: 'radio_1' },
         { view: 'Label',    rect: '745 35 100 24', anchors: 'left top', text: 'Radio 2' },
         
         { view: 'TextField',rect: '400 10 100 24', anchors: 'left top', value: "Small input", placeholder: 'text' },
-        { view: 'PasswordTextField',rect: '400 36 100 24', anchors: 'left top', value: "Small input", placeholder: 'text' },
+        { view: 'PasswordTextField',rect: '400 40 100 24', anchors: 'left top', value: "Small input", placeholder: 'text' },
         { view: 'Button',   rect: '510 10 200 24', anchors: 'left top', text: 'button without focus!', focusable: false },
         { view: 'TextField',rect: '820 10 100 34', anchors: 'right top', value: "Big input" },
-        { view: 'Slider',   rect: '400 65 150 24', anchors: 'right top left width' }
+        { view: 'Slider',   rect: '400 70 150 24', anchors: 'right top left width' }
     ];
 }
 

data/frameworks/uki/examples/core-examples/flow/flow.js

@@ -27,15 +27,15 @@ for (var i=1; i < 11; i++) {
 };
 
 // resize to the number of labels appended and layout
-uki('VFlow').resizeToContents('height').layout();
-uki('HFlow').resizeToContents('width').layout();
+uki('VFlow');
+uki('HFlow');
 
 // create button to remove items from vertical flow
 uki({ view: 'Button', rect: '0 0 100 22', text: 'Remove' }).attachTo(window, '100 100').click(function() {
-    uki('VFlow').removeChild(uki('VFlow').childViews()[1]).resizeToContents('height').layout();
+    uki('VFlow').removeChild(uki('VFlow').childViews()[1]);
 });
 
 // create button to remove items from horizontal flow
 uki({ view: 'Button', rect: '0 30 100 22', text: 'Remove from list 2'}).attachTo(window, '100 100').resizeToContents('width').layout().click(function() {
-    uki('HFlow').removeChild(uki('HFlow').childViews()[1]).resizeToContents('width').layout();
+    uki('HFlow').removeChild(uki('HFlow').childViews()[1]);
 })

data/frameworks/uki/examples/core-examples/linearGradient/gradient.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewPort="0 0 100 100">
+    <defs>
+        <linearGradient id="MyGradient">
+            <stop offset="0%" stop-color="black"/>
+            <stop offset="100%" stop-color="white"/>
+        </linearGradient>
+    </defs>
+    <rect fill="url(#MyGradient)" stroke-width="0" width="100%" height="100%"/>
+</svg>

data/frameworks/uki/examples/core-examples/linearGradient/linearGradient.js

@@ -0,0 +1,87 @@
+/**
+@example_title uki Linear Gradient
+@example_order 4200
+@example_html
+    <style>body, html { overflow: hidden; margin: 0; padding: 0; }</style>
+    <script src="/src/uki.cjs"></script>
+    <script src="linearGradient.js"></script>
+*/
+
+uki({ 
+    view: 'Box', 
+    rect: '100 100 100 100', 
+    anchors: 'left top',
+    background: new uki.background.LinearGradient({
+        startColor: '#FFFFFF',
+        endColor: '#E6E6E6',
+        css: ';border: 1px solid #CCC;'
+    })
+}).attachTo(window, '1000 1000');
+
+uki(
+    { 
+        view: 'Box', 
+        rect: '1000 80', 
+        anchors: 'left top right',
+        background: new uki.background.LinearGradient({
+            startColor: '#E4E5EB',
+            endColor: '#AFB2B8',
+            stops: [ { pos: 0.75, color: '#ADAEB3' } ]
+        }),
+        childViews: [
+            {
+                view: 'Label',
+                rect: '100 28 100 44',
+                anchors: 'left top',
+                text: 'Button',
+                style: { textAlign: 'center', fontWeight: 'bold', color: '#333' },
+                background: new uki.background.LinearGradient({
+                    startColor: '#FDFEFF',
+                    stops: [ 
+                        { pos: 0.15, color: '#F5F7FD' },
+                        { pos: 0.8, color: '#C9CACF' }
+                    ],
+                    endColor: '#C7CBD2',
+                    
+                    innerHTML: '<div style="position:absolute;z-index:1;left:1px;bottom:0px;right:1px;height:1px;overflow:hidden;background:rgba(255,255,255,0.4)"></div>',
+                    css: 'border:1px solid #666;' +
+                        '-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;' +
+                        'box-shadow:0 1px 0 rgba(255,255,255,0.5);-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5);' +
+                        '-moz-box-shadow:0 1px 0 rgba(255,255,255,0.5);'
+                })
+            },
+            {
+                view: 'Label',
+                rect: '340 28 100 44',
+                anchors: 'left top',
+                text: 'Hover',
+                style: { textAlign: 'center', fontWeight: 'bold', color: '#333' },
+                background: new uki.background.LinearGradient({
+                    startColor: '#FFFFFF',
+                    stops: [ 
+                        { pos: 0.7, color: '#D7DAE4' }
+                    ],
+                    endColor: '#D9DEE6',
+                    css: 'border:1px solid #666;' + uki.browser.cssBorderRadius() + ':3px;' + uki.browser.cssBoxShadow() + ':0 1px 0 rgba(255,255,255,0.5);'
+                })
+            },
+            
+            { view: 'Button', rect: '220 28 100 44', anchors: 'left top', text: 'Original' }
+        ] 
+    }
+).attachTo(window, '1000 1000');
+
+uki({ 
+    view: 'Box', 
+    rect: '250 100 400 400', 
+    anchors: 'left top',
+    background: new uki.background.LinearGradient({
+        startColor: '#FFFFFF',
+        endColor: '#E6E6E6',
+        css: ';border: 1px solid #CCC;',
+        stops: [
+            { pos: 0.5, color: '#CCCCCC' }
+        ],
+        horizontal: true
+    })
+}).attachTo(window, '1000 1000');

data/frameworks/uki/examples/core-examples/popup/popup.js

@@ -11,14 +11,21 @@
 // create 8 buttons
 uki({ view: 'Box', rect: '1000 400', anchors: 'left top', childViews: [
     { view: 'Button', rect: '10 370 100 24', anchors: 'left top', text: 'Left Bottom', id: 'left_bottom' },
-    { view: 'Button', rect: '200 370 100 24', anchors: 'left top', text: 'Right Bottom', id: 'right_bottom' },
+    { view: 'Button', rect: '160 370 100 24', anchors: 'left top', text: 'Mid Bottom', id: 'mid_bottom' },
+    { view: 'Button', rect: '320 370 100 24', anchors: 'left top', text: 'Right Bottom', id: 'right_bottom' },
     { view: 'Button', rect: '10 10 100 24', anchors: 'left top', text: 'Left Top', id: 'left_top' },
-    { view: 'Button', rect: '200 10 100 24', anchors: 'left top', text: 'Rigth Top', id: 'right_top' },
-    { view: 'Box', rect: '400 0 400 400', anchors: 'left top', childViews: [
-        { view: 'Button', rect: '70 310 100 24', anchors: 'left top', text: 'Left Bottom', id: 'h_left_bottom' },
-        { view: 'Button', rect: '200 310 100 24', anchors: 'left top', text: 'Right Bottom', id: 'h_right_bottom' },
-        { view: 'Button', rect: '70 70 100 24', anchors: 'left top', text: 'Left Top', id: 'h_left_top' },
-        { view: 'Button', rect: '200 70 100 24', anchors: 'left top', text: 'Rigth Top', id: 'h_right_top' }
+    { view: 'Button', rect: '160 10 100 24', anchors: 'left top', text: 'Mid Top', id: 'mid_top' },
+    { view: 'Button', rect: '320 10 100 24', anchors: 'left top', text: 'Rigth Top', id: 'right_top' },
+    
+    { view: 'Button', rect: '450 190 100 24', anchors: 'left top', text: 'Mid', id: 'mid' },
+    
+    { view: 'Box', rect: '640 0 400 400', anchors: 'left top', childViews: [
+        { view: 'Button', rect: '70 370 100 24', anchors: 'left top', text: 'Left Bottom', id: 'h_left_bottom' },
+        { view: 'Button', rect: '180 370 100 24', anchors: 'left top', text: 'Right Bottom', id: 'h_right_bottom' },
+        { view: 'Button', rect: '70 190 100 24', anchors: 'left top', text: 'Left Mid', id: 'h_left_mid' },
+        { view: 'Button', rect: '70 10 100 24', anchors: 'left top', text: 'Left Top', id: 'h_left_top' },
+        { view: 'Button', rect: '180 10 100 24', anchors: 'left top', text: 'Rigth Top', id: 'h_right_top' },
+        { view: 'Button', rect: '180 190 100 24', anchors: 'left top', text: 'Right Mid', id: 'h_right_mid' }
     ] }
 ] }).attachTo( window, '1000 400' );
 
@@ -30,12 +37,18 @@ uki('Button').click(function() {
 });
 
 // attach on popup per button
-uki({ view: 'Popup', rect: '120 120', anchors: 'left bottom', shadow: 'theme(shadow-big)', relativeTo: uki('#left_bottom')[0] })[0].show();
-uki({ view: 'Popup', rect: '120 120', anchors: 'left top', visible: true, relativeTo: uki('#left_top')[0] }).attachTo( window );
+uki({ view: 'Popup', rect: '120 120', anchors: 'left bottom', relativeTo: uki('#left_bottom')[0] })[0].show();
+uki({ view: 'Popup', rect: '120 120', anchors: 'bottom', relativeTo: uki('#mid_bottom')[0] })[0].show();
+uki({ view: 'Popup', rect: '120 120', anchors: 'left top', visible: true, relativeTo: uki('#left_top')[0] }).show();
+uki({ view: 'Popup', rect: '120 120', anchors: 'top', visible: true, relativeTo: uki('#mid_top')[0] }).show();
 uki({ view: 'Popup', rect: '120 120', anchors: 'right bottom', relativeTo: uki('#right_bottom')[0] }).show();
 uki({ view: 'Popup', rect: '120 120', anchors: 'right top', relativeTo: uki('#right_top')[0] }).show();
 
+uki({ view: 'Popup', rect: '120 120', anchors: '', relativeTo: uki('#mid')[0] }).show();
+
 uki({ view: 'Popup', rect: '120 120', anchors: 'left bottom', horizontal: true, relativeTo: uki('#h_left_bottom')[0] }).show();
 uki({ view: 'Popup', rect: '120 120', anchors: 'left top', horizontal: true, relativeTo: uki('#h_left_top')[0] }).show();
 uki({ view: 'Popup', rect: '120 120', anchors: 'right bottom', horizontal: true, relativeTo: uki('#h_right_bottom')[0] }).show();
-uki({ view: 'Popup', rect: '120 120', anchors: 'right top', horizontal: true, relativeTo: uki('#h_right_top')[0] }).show();
+uki({ view: 'Popup', rect: '120 120', anchors: 'right top', horizontal: true, relativeTo: uki('#h_right_top')[0] }).show();
+uki({ view: 'Popup', rect: '120 120', anchors: 'left', horizontal: true, relativeTo: uki('#h_left_mid')[0] }).show();
+uki({ view: 'Popup', rect: '120 120', anchors: 'right', horizontal: true, relativeTo: uki('#h_right_mid')[0] }).show();

data/frameworks/uki/examples/core-examples/resizeToContents/resizeToContents.js

@@ -20,10 +20,21 @@ uki({
                 text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
                 inset: '3 3', id: 'target'}
         },
-        {view: 'Button', rect: '10 10 100 24', anchors: 'left top', text: 'resize', id: 'doIt' }
+        {view: 'Button', rect: '10 10 100 24', anchors: 'left top', text: 'resize', id: 'doIt' },
+        
+        { view: 'VFlow', rect: '300 10 200 100', background: '#CCC', anchors: 'left top right', childViews: [
+            { view: 'Label', rect: '0 0 200 100', anchors: 'left top right', 
+                multiline: true,
+                adaptToContents: true,
+                background: 'blue',
+                text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.' },
+            { view: 'Label', rect: '0 0 100 100', anchors: 'left top', text: 'stop' }
+        ] }
     ]
 }).attachTo( document.getElementById('test'), '1000 600' )
 
+uki('VFlow Label').resizeToContents('height');
+
 // on click
 uki('#doIt').click(function () {
     uki('#target') 

data/frameworks/uki/examples/core-examples/slider/slider.js

@@ -9,7 +9,7 @@
 
 uki({ view: 'Box', rect: '500 100', anchors: 'left top right bottom', childViews: [
         { view: 'Label', rect: '10 12 70 18', anchors: 'left top', text: 'Continuous' },
-        { view: 'Slider', rect: '90 12 300 18', anchors: 'left right top' },
+        { view: 'Slider', rect: '90 12 300 18', anchors: 'left right top', min: -5, max: 20, value: 3 },
         { view: 'TextField', rect: '400 10 90 22', anchors: 'right top' },
         { view: 'Label', rect: '10 68 70 18', anchors: 'left top', text: 'With steps' },
         { view: 'Slider', rect: '90 68 300 18', anchors: 'left right top', values: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12] },

data/frameworks/uki/examples/core-examples/splitPaneExtended/splitPaneExtended.js

@@ -9,7 +9,7 @@
 
 uki(
     { view: 'HSplitPane', rect: '1000 600', anchors: 'left top right bottom', handlePosition: 200, rightMin: 500, handleWidth: 1, id: 'top',
-        leftPane: {  background: '#FFF' },
+        throttle: 42, leftPane: {  background: '#FFF' },
         rightChildViews: { view: 'HSplitPane', rect: '799 600', anchors: 'left top right bottom', id: 'second',
             handlePosition: 300, autogrowRight: true, autogrowLeft: false, leftMin: 200, rightMin: 300, handleWidth: 1,
             leftPane: {  background: '#D0D7E2', childViews: [

data/frameworks/uki/examples/core-examples/table/table.js

@@ -31,7 +31,7 @@ uki({ view: 'HSplitPane', rect: '1000 1000', anchors: 'left top right bottom', h
         ] },
         rightChildViews: [ // table with resizable columns
             { view: 'Table', rect: '0 0 800 1000', minSize: '0 200', anchors: 'left top right bottom', columns: [
-                { view: 'table.NumberColumn', label: 'ID', width: 40 },
+                { view: 'table.NumberColumn', label: 'ID', width: 40, sort: 'ASC' },
                 { view: 'table.CustomColumn', label: 'Name', resizable: true, minWidth: 100, width: 250, formatter: formatHlted },
                 { view: 'table.NumberColumn', label: 'Time', resizable: true, width: 50, formatter: formatTime },
                 { view: 'table.CustomColumn', label: 'Artist', resizable: true, minWidth: 100, width: 150, formatter: formatHlted },
@@ -69,8 +69,25 @@ window.onLibraryLoad = function(data) {
     model.bind('search.foundInChunk', function(chunk) {
         table.data(table.data().concat(chunk)).layout();
     });
+    
+    table.find('Header').bind('columnClick', function(e) {
+        var header = this;
+            
+        if (e.column.sort() == 'ASC') e.column.sort('DESC');
+        else e.column.sort('ASC');
+        
+        header.redrawColumn(e.columnIndex);
+        uki.each(header.columns(), function(i, col) {
+            if (col != e.column && col.sort()) {
+                col.sort('');
+                header.redrawColumn(i);
+            }
+        });
+        model.items = e.column.sortData(model.items);
+        table.data(model.items);
+    })
         
-    table.data(model.items).layout();
+    table.data(model.items);
     
     uki('TextField').bind('keyup click', function() {
         if (this.value().toLowerCase() == lastQuery) return;

data/frameworks/uki/examples/core-examples/wave/wave-theme.js

@@ -134,7 +134,7 @@
                 return new uki.background.Sliced9({
                     v: [u(prefix + "v.png"), "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAYAAADpnJ2CAAAD5klEQVRIx61Vi0+TdxTtH7UZBXQLZOFhMpgmGzHb1LklZi6Zc7Ch9GGdpQjIY0VYS4tACwUpopRXnM4NJiogaheYFFkHbLUP2lrGV/rk7Lu/ytYiFoSe5Cb9ve7pua9PIEiAJqOwpLrtE7NUk8edrNmFl+1NfFnzBs6qc7kq/bEZui/YDuihUJkZ/Ip3WlibhqL6dAhVmRCrciBp2P+f0Zr26bxAkQK6L1ZlR16LmBTRw9O8k9KWfKi6C9E3rMHE5BAs8zN49swKm83GbGHhT5im72Lgjgbq6wUo1ebjjDIdpxS7oLx60rUpWWnT+56vv98DefMHaO2X4f7jHzHPOyXnDocDi4uLcLlccLvdL5lz0YHH00PovFWG8rZDKKxLQaX+aCShMiIr132M67frMWt5woicTidz6PV6sby8DJ/Pl9CcbituT7RC0fUpvv0hFc39xZENc0ZFQMoofHO8KrvdztQsLS0xR4FAAKFQCOFwmNlGWDvzB1bw8yMdqg0foki1B2NTA/HhFSkzQ5R4bZ+UKSMyUkWK/H4/I4pEIlhdXcVWQPeWOBeMd6vwnTYL8rY82o4WkuaaSEZFckF7iM/ZjTgyUvU6ROsxax1Hfe8xCBv3wjR7KxpaRcfnDwpr90LTU4S/rX+xMMaS7QTBsB/dd0og1WXwaitpSyaQt+S7T9dn4OY9PSsQyhmFcadka3gw04uS9myoB06wpYCmBTUv9ROFkgqEcrbdMK6H1TWNC1fehagplZZuRihSZcNsMbHST6Y6gpdzoLzzPQibU9g6StiQhd+mR1jugsFg0tRFFZpRdiX3f0LKYbEyAz+NtYLjOBbOZGLcbIRMnwXN4BdRQqrSb+r2QTcoxnOv65VNvR2EwgFc/VWGc60Z6B+tieawsVd8vkCxG5UdH2HKMpJUwjm7ifWhuCUNU/ND0SolSNQ5EZH6HVwbrsA/Pk9SyJZXPBgcr4W8fT8uGg6ubcsY4eUeiaygbjeq+Nk3ZGpFIOjbWcOHVnDv9y7UGY/GqgvFzdMG4ynXGXUalMbjuP+kG5z/+TaVuTEy1QFV/3Gc1b7N5/B8vLpYKLo+iwgv78OlniMYGFNgwTnJt8jWejIUDsJie4i+0Wr+/WFItG/xlXli7dj8yu+i/qYkUtyYihJ9DguJYfgcJp72we75g4UqFv4gB5v7KUanu2EYkrL7NMZEzWmxyjybfvkfzd5wVXQeYA+ppOXtOfy0yEOF4QAudh1kRr/JyjpzGYlUl87uU4G8yFliZetBMZ+c+yVCfXTJeIR3lhpnNDnWrJZPASmKIQptmLOtEtM/5Y3bJI3ci3sJif4Fqpeom/ECPK8AAAAASUVORK5CYII=", u(prefix + "v.gif")],
                     m: [u(prefix + "m.png"), "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATYAAAAYCAYAAABwbdFbAAAAo0lEQVR42u3XIQ7CABBE0T0VSeEGVHIRfEuQKAQa0zoM96qqrGqyWBwK0c17yb/CJBPnxy4lqVJxfbYpSZWKaZpSkioV8zynJFUqlmVJSapUrOuakrSlfokEKMawAYYNwLABGDYAwwZg2ADDBmDYAAwbgGEDMGyAYQMwbACGDeBvw3Z/n1KSttztdfyqzbiMh5SkLdeP++yGJruhyX5oXFGgng9Zp0b7vJwDoAAAAABJRU5ErkJggg=="]
-                }, "0 14 0 14", {inset: '0 -24 0 -8'});
+                }, "0 14 0 14", {inset: '0 -24 0 -8', zIndex: 2});
             },
                      
             'panel-white': function() {

data/frameworks/uki/examples/core-examples/wave/wave.js

@@ -79,7 +79,7 @@ uki({ view: 'HSplitPane', id: 'splitMain', rect: '15 50 975 950', minSize: '800
                 { view: 'Button', rect: '58 16 33 24', backgroundPrefix: 'plus-big-button-', anchors: 'left bottom', focusable: false }
             ] },
             { view: 'Toolbar', rect: '0 79 470 24', anchors: 'left top right', background: 'theme(toolbar-normal)', buttons: [
-                toolbarButton('Reply', '-128px 0'), toolbarButton('Playback', '-144px 0'), toolbarButton('Unfollow', '-16px 0'), toolbarButton('Archive', '-32px 0'), toolbarButton('Spam', '-48px 0'), toolbarButton('Read', '-64px 0'), toolbarButton('Unread', '-80px 0'), toolbarButton('Trash', '-96px 0'), toolbarButton('Move to', '-112px 0')
+                toolbarButton('Reply', '-128px 0'), toolbarButton('Playback', '-144px 0'), toolbarButton('Unfollow', '-16px 0'), toolbarButton('Archive', '-32px 0'), toolbarButton('Spam', '-48px 0'), toolbarButton('Read', '-64px 0'), toolbarButton('Unread', '-80px 0'), toolbarButton('Trash', '-96px 0'), toolbarButton('Move to', '-112px 0')
             ] },
             { view: 'Label', id: 'message', rect: '0 103 470 791', anchors: 'left top right bottom', multiline: true, scrollable: true, inset: '2 2', textSelectable: true },
             { view: 'Box', rect: '0 894 470 32', background: 'theme(box-lblue-bottom)', anchors: 'left bottom right', childViews: [

data/frameworks/uki/examples/more-examples/radioButton/radioButton.js

@@ -9,9 +9,9 @@
 */
 
 uki([
-    { view: 'uki.more.view.RadioButton', rect: '15 40 70 24', text: 'Group 1', group: 'group_1' },
+    { view: 'uki.more.view.RadioButton', rect: '15 40 70 24', text: 'Group 1', group: 'group_1', checked: true },
     { view: 'uki.more.view.RadioButton', rect: '90 40 70 24', text: 'Group 1', group: 'group_1' },
     
-    { view: 'uki.more.view.RadioButton', rect: '200 40 70 24', text: 'Group 2', group: 'group_2' },
-    { view: 'uki.more.view.RadioButton', rect: '275 40 70 24', text: 'Group 2', group: 'group_2', checked: true }
+    { view: 'uki.more.view.RadioButton', rect: '200 40 70 24', text: 'Group 2', group: 'group_2', checked: true },
+    { view: 'uki.more.view.RadioButton', rect: '275 40 70 24', text: 'Group 2', group: 'group_2' }
 ]).attachTo( document.getElementById('test'), '400 100' );

data/frameworks/uki/examples/more-examples/select/select.js

@@ -0,0 +1,35 @@
+/**
+@example_title uki.more Select
+@example_order 4200
+@example_html
+    <style>body, html { overflow: hidden; margin: 0; padding: 0; }</style>
+    <script src="/src/uki.cjs"></script>
+    <script src="/src/uki-more.cjs"></script>
+    <script src="select.js"></script>
+*/
+
+var options = uki.map(uki.range(0, 100), function(i) {
+    return { value: i, text: 'option ' + i }
+});
+
+uki([
+    { 
+        view: 'Select', 
+        rect: '40 50 300 22', 
+        anchors: 'left top', 
+        rowHeight: 22,
+        options: options
+    },
+    
+    { view: 'TextField', rect: '40 10 100 22', anchors: 'left top', value: '0' },
+    
+    { view: 'Button',    rect: '150 10 100 22', anchors: 'left top', text: 'Set value' }
+]).attachTo(window, '1000 1000');
+
+uki('Select').change(function() {
+    uki('TextField').value(this.value());
+});
+
+uki('Button').click(function() {
+    uki('Select').value(uki('TextField').value());
+});

data/frameworks/uki/examples/touch-examples/scrollPane/scrollPane.js

@@ -0,0 +1,53 @@
+/**
+@example_title Touch Scroll pane
+@example_order 10001
+@example_html
+    <style>body, html { overflow: hidden; margin: 0; padding: 0; }</style>
+    <script src="/src/uki.cjs"></script>
+    <script src="/src/uki-touch.cjs"></script>
+    <script src="scrollPane.js"></script>
+*/
+
+uki.touch.view.ScrollPane.prototype._touch = uki.touch.view.ScrollPane.prototype._touch || /webkit/i.test(navigator.userAgent); // force touch
+uki.touch.setup({});
+
+uki([
+    {
+        view: 'Label',
+        rect: '0 0 1000 49',
+        background: 'theme(panel)',
+        html: 'Panel' + (uki.touch.view.ScrollPane.prototype._touch ? '' : ' <strong style="color: #C00">Works only on webkit browsers</strong>'),
+        anchors: 'top left right',
+        inset: '10 10'
+    },
+    { 
+        view: 'ScrollPane', 
+        rect: '0 50 1000 950', 
+        anchors: 'top left right bottom',
+        scrollableH: true, scrollableV: true, 
+        childViews: 
+            {
+                view: 'Box',
+                rect: '2000 2000',
+                anchors: 'top left',
+                background: '#CCF', 
+                id: 'contents'
+            }
+    }
+]).attachTo( window, '1000 1000' );
+
+function rand () {
+    return 127 + (Math.random()*127 | 0);
+}
+
+for (var i=0; i < 10; i++) {
+    for (var j=0; j < 10; j++) {
+        uki('#contents').append(uki({ 
+            view: 'Box', 
+            rect: new uki.geometry.Rect(i*200, j*200, 200, 200), 
+            background: new uki.background.Css('rgb(' + [rand(), rand(), rand()].join(',') + ')'),
+            anchors: 'left top' 
+        }));
+    }
+};
+uki('#contents').append(uki({ view: 'Label', rect: '10 10 100 20', anchors: 'left top', html: '2000&times;2000 pane' })).layout();

data/frameworks/uki/spec/unit/background.spec.js

@@ -2,7 +2,7 @@ describe 'uki.background'
 
     it 'should unserialize themed backgrounds'
         b = uki.background('theme(panel)')
-        b.should.be_an_instance_of uki.background.Sliced9
+        b.should.be_an_instance_of uki.background.LinearGradient
     end
     
     it 'should unserialize cssBox backgrounds'