RubyGems - survivalkit - Versions diffs - 0.3.4 → 1.0.beta.1 - Mend

survivalkit 0.3.4 → 1.0.beta.1

Files changed (1362) hide show

data/templates/project/sources/pie/tests/tables.html DELETED Viewed

@@ -1,87 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <title>Tests for background gradients</title>
-    <style type="text/css">
-        table {
-            border: 1px solid blue;
-            background: #EEF;
-            margin: 30px;
-            -webkit-border-radius: 30px;
-            -moz-border-radius: 30px;
-            border-radius: 30px;
-            width: 50%;
-            behavior: url(../build/PIE_uncompressed.htc);
-        }
-        th {
-            border: 1px solid red;
-            /*background: #FEE;*/
-            padding: .5em 2em;
-        }
-        td {
-            border: 1px solid green;
-            /*background: #EFE;*/
-            padding: .5em 2em;
-        }
-        #test1 {
-            border-collapse: separate;
-            border-spacing: 5px;
-        }
-        #test2 {
-            border-collapse: collapse;
-        }
-        .rounded {
-            -webkit-border-radius: 10px;
-            -moz-border-radius: 10px;
-            border-radius: 10px;
-            background: #FCC;
-            background: -webkit-gradient(0 0, 0 100%, from(#FCC), to(#C99));
-            background: -moz-linear-gradient(#FCC, #C99);
-            -pie-background: linear-gradient(#FCC, #C99);
-            behavior: url(../build/PIE_uncompressed.htc);
-        }
-    </style>
-</head>
-<body>
-    <table id="test1">
-        <thead>
-            <tr> <th>Head 1</th> <th>Head 2</th> <th>Head 3</th> </tr>
-        </thead>
-        <tfoot>
-            <tr> <th>Foot 1</th> <th>Foot 2</th> <th class="rounded">Foot 3</th> </tr>
-        </tfoot>
-        <tbody>
-            <tr> <td>Body 1</td> <td>Body 2</td> <td>Body 3</td> </tr>
-            <tr> <td class="rounded">Body 1</td> <td>Body 2</td> <td>Body 3</td> </tr>
-            <tr> <td>Body 1</td> <td>Body 2</td> <td>Body 3</td> </tr>
-        </tbody>
-    </table>
-    <table id="test2">
-        <thead>
-            <tr> <th>Head 1</th> <th>Head 2</th> <th>Head 3</th> </tr>
-        </thead>
-        <tfoot>
-            <tr> <th>Foot 1</th> <th>Foot 2</th> <th class="rounded">Foot 3</th> </tr>
-        </tfoot>
-        <tbody>
-            <tr> <td>Body 1</td> <td>Body 2</td> <td>Body 3</td> </tr>
-            <tr> <td class="rounded">Body 1</td> <td>Body 2</td> <td>Body 3</td> </tr>
-            <tr> <td>Body 1</td> <td>Body 2</td> <td>Body 3</td> </tr>
-        </tbody>
-    </table>
-</body>
-</html>

data/templates/project/sources/pie/tests/tokenizer-tests.html DELETED Viewed

@@ -1,158 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <title>Tokenizer Tests</title>
-    <style type="text/css">
-        table {
-            border-collapse: collapse;
-            border-spacing: 0;
-            width: 100%;
-        }
-        th, td {
-            text-align: left;
-            padding: .2em 1em;
-            border-bottom: 1px solid #CCC;
-            font: 13px sans-serif;
-        }
-        .tokens ul,
-        .tokens li {
-            list-style: none;
-            margin: 0;
-            padding: 0;
-        }
-        .result {
-            font-weight: bold;
-        }
-        .fail {
-            color: orange;
-        }
-        .error {
-            color: red;
-        }
-        .pass {
-            color: green;
-        }
-    </style>
-</head>
-<body>
-    <script type="text/javascript">
-        window.PIE = {};
-        function runTest( css, expectedTokens) {
-            document.write( '<tr><td class="css">' + css + '</td><td class="tokens"><ul>' );
-            var result, error, className;
-            try {
-                var tokenizer = new PIE.Tokenizer( css ),
-                    actualTokens = [],
-                    token, expected, failure;
-                function checkMatch( msgPrefix ) {
-                    if( actualTokens.length === expectedTokens.length ) {
-                        for( var i = 0, len = actualTokens.length; i < len; i++ ) {
-                            expected = expectedTokens[i];
-                            if( actualTokens[i].type !== expected.type ) {
-                                failure = ( msgPrefix || '' ) + "Type mismatch at token " + i + ": expected " + expected.type + ', got ' + actualTokens[i].type;
-                                break;
-                            }
-                            if( actualTokens[i].value !== expected.value ) {
-                                failure = ( msgPrefix || '' ) + "Value mismatch at token " + i + ": expected " + expected.value + ', got ' + actualTokens[i].value;
-                                break;
-                            }
-                        }
-                    } else {
-                        failure = ( msgPrefix || '' ) + "Number of tokens is different: expected " + expectedTokens.length + ', got ' + actualTokens.length;
-                    }
-                }
-                // verify tokens in forward order
-                while( token = tokenizer.next() ) {
-                    actualTokens.push( token );
-                    document.write( '<li>type=' + token.tokenType + ', value=' + token.tokenValue + '</li>' );
-                }
-                checkMatch( '' );
-                // step back through all of them to make sure backtracking works
-                actualTokens = [];
-                while( token = tokenizer.prev() ) {
-                    actualTokens.unshift( token );
-                }
-                checkMatch( 'Backtracking: ' );
-            } catch( e ) {
-                error = e.message;
-            }
-            className = !!error ? 'error' : !!failure ? 'fail' : 'pass';
-            document.write( '</ul></td><td class="result ' + className + '">' + ( error || failure || 'Passed' ) + '</td></tr>' );
-        }
-    </script>
-    <script type="text/javascript" src="../sources/Color.js"></script>
-    <script type="text/javascript" src="../sources/Tokenizer.js"></script>
-    <table>
-        <thead>
-            <tr>
-                <th>CSS Value</th>
-                <th>Tokens</th>
-                <th>Test Result</th>
-            </tr>
-        </thead>
-        <tbody>
-            <script type="text/javascript">
-                runTest( '#00CCFF', [
-                    { tokenType: PIE.Tokenizer.Type.COLOR, tokenValue: '#00CCFF' }
-                ] );
-                runTest( 'rgb(0,127, 255 )', [
-                    { tokenType: PIE.Tokenizer.Type.COLOR, tokenValue:'rgb(0,127, 255 )' }
-                ] );
-                runTest( 'rgba(0,127, 255, 1 )', [
-                    { tokenType: PIE.Tokenizer.Type.COLOR, tokenValue:'rgba(0,127, 255, 1 )' }
-                ] );
-                runTest( 'linear-gradient(center top, yellow, blue)', [
-                    { tokenType: PIE.Tokenizer.Type.FUNCTION, tokenValue: 'linear-gradient' },
-                    { tokenType: PIE.Tokenizer.Type.IDENT, tokenValue: 'center' },
-                    { tokenType: PIE.Tokenizer.Type.IDENT, tokenValue: 'top' },
-                    { tokenType: PIE.Tokenizer.Type.OPERATOR, tokenValue: ',' },
-                    { tokenType: PIE.Tokenizer.Type.COLOR, tokenValue: 'yellow' },
-                    { tokenType: PIE.Tokenizer.Type.OPERATOR, tokenValue: ',' },
-                    { tokenType: PIE.Tokenizer.Type.COLOR, tokenValue: 'blue' },
-                    { tokenType: PIE.Tokenizer.Type.CHARACTER, tokenValue: ')' }
-                ] );
-                runTest( 'linear-gradient(top, yellow, rgba(0,0,255,0.5))', [
-                    { tokenType: PIE.Tokenizer.Type.FUNCTION, tokenValue: 'linear-gradient' },
-                    { tokenType: PIE.Tokenizer.Type.IDENT, tokenValue: 'top' },
-                    { tokenType: PIE.Tokenizer.Type.OPERATOR, tokenValue: ',' },
-                    { tokenType: PIE.Tokenizer.Type.COLOR, tokenValue: 'yellow' },
-                    { tokenType: PIE.Tokenizer.Type.OPERATOR, tokenValue: ',' },
-                    { tokenType: PIE.Tokenizer.Type.COLOR,  tokenValue: 'rgba(0,0,255,0.5)' },
-                    { tokenType: PIE.Tokenizer.Type.CHARACTER, tokenValue: ')' }
-                ]);
-                runTest( 'top 15px 3em 50%', [
-                    { tokenType: PIE.Tokenizer.Type.IDENT, tokenValue: 'top' },
-                    { tokenType: PIE.Tokenizer.Type.LENGTH, tokenValue: '15px' },
-                    { tokenType: PIE.Tokenizer.Type.LENGTH, tokenValue: '3em' },
-                    { tokenType: PIE.Tokenizer.Type.PERCENT, tokenValue: '50%' }
-                ] );
-            </script>
-        </tbody>
-    </table>
-</body>
-</html>

data/templates/project/sources/pie/tests/z-index-tests.html DELETED Viewed

@@ -1,145 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <title>Tests for z-index</title>
-    <style type="text/css">
-        html {
-            margin: 0;
-            padding: 0;
-        }
-        body {
-            background: url(background2.gif);
-            padding: 20px 50% 20px 0;
-        }
-        .test {
-            behavior: url(../build/PIE.htc);
-            padding: 20px;
-            margin: 0 20px 20px;
-            background: #EEE;
-            -moz-border-radius: 1em;
-            border-radius: 1em;
-            -moz-box-shadow: 0 0 10px;
-            box-shadow: 0 0 10px;
-            white-space: nowrap;
-        }
-        .wrapper {
-            padding: 20px 0;
-            margin: 0 20px 20px;
-            background: url(background1.gif);
-            border: 1px solid;
-        }
-        .clearer {
-            clear: both;
-        }
-        #test1 {
-            position: static;
-        }
-        #test2 {
-            position: relative;
-        }
-        #test3 {
-            position: absolute;
-            top: 20px;
-            right: 0;
-        }
-        #test4 {
-            position: static;
-            float: left;
-        }
-        #test5 {
-            position: relative;
-            float: left;
-            clear: left;
-        }
-        #test6 {
-            position: static;
-            z-index: 1;
-        }
-        #test7 {
-            position: relative;
-            z-index: 1;
-        }
-        #test8 {
-            position: absolute;
-            top: 100px;
-            right: 0;
-            z-index: 1;
-        }
-        #test9 {
-            position: static;
-        }
-        #test10 {
-            position: relative;
-        }
-        #test11 {
-            position: absolute;
-            top: 180px;
-            right: 0;
-        }
-        #test9 {
-            position: static;
-            zoom: 1;
-        }
-        #test13 {
-            position: static;
-            z-index: 1;
-        }
-        #test14 {
-            position: relative;
-            z-index: 1;
-        }
-        #test15 {
-            position: absolute;
-            top: 320px;
-            right: 0;
-            z-index: 1;
-        }
-        #test16 {
-            position: static;
-            z-index: 1;
-            zoom: 1;
-        }
-    </style>
-</head>
-<body>
-    <div class="test" id="test1">position:static, no z-index</div>
-    <div class="test" id="test2">position:relative, no z-index</div>
-    <div class="test" id="test3">position:absolute, no z-index</div>
-    <div class="test" id="test4">float:left, position:static, no z-index</div>
-    <div class="test" id="test5">float:left, position:relative, no z-index</div>
-    <div class="clearer"></div>
-    <div class="test" id="test6">position: static, z-index: 1</div>
-    <div class="test" id="test7">position: relative, z-index: 1</div>
-    <div class="test" id="test8">position: absolute, z-index: 1</div>
-    <div id="test9" class="wrapper"><div class="test">Nested within position: static, no z-index</div></div>
-    <div id="test10" class="wrapper"><div class="test">Nested within position: relative, no z-index</div></div>
-    <div id="test11" class="wrapper"><div class="test">Nested within position: absolute, no z-index</div></div>
-    <div id="test12" class="wrapper"><div class="test">Nested within position: static, no z-index, hasLayout</div></div>
-    <div id="test13" class="wrapper"><div class="test">Nested within position: static, z-index: 1</div></div>
-    <div id="test14" class="wrapper"><div class="test">Nested within position: relative, z-index: 1</div></div>
-    <div id="test15" class="wrapper"><div class="test">Nested within position: absolute, z-index: 1</div></div>
-    <div id="test16" class="wrapper"><div class="test">Nested within position: static, z-index: 1, hasLayout</div></div>
-</body>
-</html>

data/templates/project/sources/pie/tools/compiler.jar DELETED Viewed

Binary file

data/templates/project/sources/scrollability/README.md DELETED Viewed

@@ -1,38 +0,0 @@
-scrollability
-=============
-Give your mobile web apps a pretty darn good approximation of native scrolling.
-Scrollability is a single script, it's small, and it has no external dependencies. Drop it into your page, add a few CSS classes to scrollable elements, and scroll away.
-Status
-------
-This project is a WORK-IN-PROGRESS and is not yet ready to use.  Stay tuned!  Documentation will be written when the library is ready.
-Plan
-----
-As of this writing, Scrollability supports only basic vertical or horizontal scrolling.  Future plans include:
-* Snapping to pages
-* Sticky table headers
-* Photo browser
-* More customization of the animation details
-License
--------
-Copyright 2011 Joe Hewitt
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-   http://www.apache.org/licenses/LICENSE-2.0
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.

data/templates/project/sources/scrollability/scrollability-min.js DELETED Viewed

@@ -1 +0,0 @@

- /* See LICENSE for terms of usage */(function(){function R(b){var c=b.parentNode;return{node:b,scrollbar:O(b),min:-c.scrollHeight+c.offsetHeight,max:0,viewport:c.offsetHeight,bounce:c.offsetHeight*e,constrained:!0,delegate:b.scrollDelegate,filter:function(a,b){return b},disable:function(b,c,d,e){var f=Math.abs(b-d),g=Math.abs(c-e);if(f>g&&f>a)return!0},update:function(a,b){N(a,a.scrollable_horizontal||0,b)}}}function Q(b){var c=b.parentNode;return{node:b,min:-c.scrollWidth+c.offsetWidth,max:0,viewport:c.offsetWidth,bounce:c.offsetWidth*e,constrained:!0,delegate:b.scrollDelegate,filter:function(a,b){return a},disable:function(b,c,d,e){var f=Math.abs(b-d),g=Math.abs(c-e);if(g>f&&g>a)return!0},update:function(a,b){N(a,b,a.scrollable_vertical||0)}}}function P(a,b,c,d){return a==d?b+c:c*(-Math.pow(2,-10*a/d)+1)+b}function O(a){if(!a.scrollableScrollbar){var b=a.scrollableScrollbar=document.createElement("div");b.className="scrollableScrollbar",b.style.cssText=["position: absolute","top: 0","right: 1px","width: 7px","min-height: 7px","opacity: 0","-webkit-transform: translate3d(0,0,0)","-webkit-box-sizing: border-box",'-webkit-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUhJREFUeNp0Ur1OwzAQtt1CaZQQgUjDhuicrEwoqjJlzpBAXoIHywtkcwfECyQPwIgKQkoyFJWq5k6cJcsUS5/sO993/1wpxazjAU4BJyR/A3aA0TSaGu85kbSO0y0AM/pH8lYr8ZwBLpBUluVtGIaPjuM8IYIgeEAdObwkB4xTqgv8iOP4vuu6lZEFRkUDHkWRbNv2mVJ/x4g+1pPn+RJICRlzk4Q3/lVVdUP1nwtqgpJSYqQJGbMj96RpmhXJM01kwzBcWU2x36zv+wXppro5TAihvat/HCjxa6R0V7FY5rruhx3BTtfzvDeS95rI0zSVcB+MpijL0SHLsjW9d3ocIRZvjINbKSsYx5rGsQdsNHFOC8CKolhCh+/GcbxG2ff9TZIkL3Vdv5KjT8AXN3b12MqZi4yRBiTZu7olmEvOacH/LPmPAAMA2bZzzeYUC40AAAAASUVORK5CYII=") 6 2 6 2 / 3px 1px 3px 1px round round',"z-index: 2147483647"].join(";")}return a.scrollableScrollbar}function N(a,b,c){m?a.style.webkitTransform="translate3d("+(b?b+"px":"0")+","+(c?c+"px":"0")+","+"0)":n&&(a.style.MozTransform="translate("+(b?b+"px":"0")+","+(c?c+"px":"0")+")")}function M(){if(w){clearInterval(w),w=0;for(var a=0;a<x.length;++a){var b=x[a];b.terminator()}x=[]}}function L(a){for(var b=0;b<a.length;++b){var c=a[b];c.className=c.className.replace("touched","")}}function K(a){var b=[];for(var c=a;c;c=c.parentNode)c.nodeType==1&&(c.className=(c.className?c.className+" ":"")+"touched",b.push(c));return b}function J(a,b,c,d){var e=a.className.split(" ");for(var f=0;f<e.length;++f){var g=e[f];if(y[g]){var h=y[g](a);h.key="scrollable_"+g,h.paginated=e.indexOf("paginated")!=-1,h.key in a||(a[h.key]=h.initial?h.initial(a):0);return h}}}function I(a,b,c,d,e){while(a){if(a.nodeType==1){var f=J(a,c,d,e);if(f){var g=!1;for(var h=0;h<b.length;++h)if(b[h].node==a){g=!0;break}g||(f=F(f,c,d,e),f&&b.push(f))}}a=a.parentNode}}function H(a,b,c,d){var e=[];I(a,e,b,c,d);var f=document.querySelectorAll(".scrollable.global");for(var g=0;g<f.length;++g)I(f[g],e,b,c,d);return e}function G(){var a=(new Date).getTime();for(var b=0;b<x.length;++b){var c=x[b],d=c.filter(r,s);c.animator(d,a)||(c.terminator(),x.splice(b--,1))}x.length||M()}function F(e,l,m,n){function W(){if(q){var a=Math.round(v/r);V(a*(r+A))}else v>x&&p?V(x):v<w&&p&&V(w);s&&(s.style.opacity="0",s.style.webkitTransition="opacity 0.33s linear"),o&&o.onEndScroll&&o.onEndScroll()}function V(a,b){v=a,e.node[e.key]=v,e.update(e.node,v),o&&o.onScroll&&o.onScroll(v);var c=-w-x;if(s&&r<c){var d=r-k*2,f=d/c*d,g=0;v>x?(f=Math.max(f-(v-x),7),g=0):v<w?(f=Math.max(f-(w-v),7),g=d-f):g=Math.round(Math.abs(v)/c*(d-f)),g+=k,s.style.height=Math.round(f)+"px",N(s,0,Math.round(g)),u&&(s.style.webkitTransition="none",s.style.opacity="1")}return b}function U(g,h){var i=1/(h-J);J=h;var k=!0;if(t){var l=(g-I)*b;if(!l){K||(K=h);if(h-K<L)return!0}else K=0;!O&&Math.abs(g-startTouch)>a&&(O=!0,o&&o.onLockScroll&&o.onLockScroll(e.key)),I=g,B=l/i;if(v>x&&z==x&&p){var m=v-x;B*=1-m/G}else if(v<w&&y==w&&p){var m=w-v;B*=1-m/G}}else{if(q&&!M){M=!0;if(Math.abs(v-x)>H||Math.abs(B)>j)if(v>x){if(x!=z){x+=r+A,w+=r+A;if(o&&o.onScrollPage){var n=w%r,s=-Math.round((v+r-n)/r);o.onScrollPage(s,-1)}}}else if(w!=y){x-=r+A,w-=r+A;if(o&&o.onScrollPage){var n=w%r,s=-Math.round((v-r-n)/r);o.onScrollPage(s,1)}}}if(v>x&&p){if(!(B>0)){C||(D=v,E=x-v),v=P(C,D,E,F);return V(v,++C<=F&&Math.floor(v)>x)}var m=v-x,u=1-m/G;B=Math.max(B-f*i,0)*u,C=0}else if(v<w&&p){if(!(B<0)){C||(D=v,E=w-v),v=P(C,D,E,F);return V(v,++C<=F&&Math.ceil(v)<w)}var m=w-v,u=1-m/G;B=Math.min(B+f*i,0)*u,C=0}else{C||(B<0&&B<-c?B=-c:B>0&&B>c&&(B=c),D=B),B=P(C,D,-D,d);if(++C>d||Math.floor(B)==0)k=!1}}v+=B*i;return V(v,k)}var o=e.delegate,p=e.constrained,q=e.paginated,r=e.viewport||0,s=e.scrollbar,v=e.node[e.key],w=e.min,x=e.max,y=w,z=Math.round(x/r)*r,A=0,B=0,C=0,D,E,F=q?h:g,G=e.bounce,H=r*i,I=startTouch=e.filter(l,m),J=n,K=0,L=20,M=!1,O=!1;if(q){var Q=Math.round(Math.abs(y)%r),R=(Math.abs(y)-Q)/r+1,A=Q/R,S=Math.round(v)%r,T=Math.round((v-S)/r)*r;w=x=Math.round(T+z)+S,y+=A}if(o&&o.onStartScroll&&!o.onStartScroll())return null;s&&e.node.parentNode.appendChild(s),e.updater=V,e.animator=U,e.terminator=W;return e}function E(a){function i(a){f&&(clearTimeout(f),f=0);if(d){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,1),d[0].dispatchEvent(b),L(d)}g.removeEventListener("touchmove",h,!1),g.removeEventListener("touchend",i,!1),t=!1}function h(a){a.preventDefault(),u=!0,f&&(clearTimeout(f),f=0),d&&(L(d),d=null);var b=a.touches[0];r=b.clientX,s=b.clientY;if(x.length>1)for(var c=0;c<x.length;++c){var e=x[c];if(e.disable&&e.disable(r,s,p,q)){e.terminator(),x.splice(c,1);break}}}M();var b=a.target,c=a.touches[0],d=null,e=(new Date).getTime();r=p=c.clientX,s=q=c.clientY,t=!0,u=!1,x=H(a.target,r,s,e);if(!x.length&&!z.globalScrolling)return!0;var f=setTimeout(function(){f=0,d=K(b)},50),g=document;g.addEventListener("touchmove",h,!1),g.addEventListener("touchend",i,!1),w=setInterval(G,0)}function D(a){v=!0}function C(a){setTimeout(function(){v?v=!1:o&&z.scrollToTop()})}function B(){z.flashIndicators()}function A(){window.scrollability=z,document.addEventListener("touchstart",E,!1),document.addEventListener("scroll",C,!1),document.addEventListener("orientationchange",D,!1),window.addEventListener("load",B,!1)}var a=10,b=1,c=720/(window.devicePixelRatio||1),d=350,e=.5,f=600,g=80,h=60,i=.5,j=50,k=1,l=200,m="webkitTransform"in document.documentElement.style,n="MozTransform"in document.documentElement.style,o="ontouchstart"in window,p,q,r,s,t,u,v,w=0,x=[],y={horizontal:Q,vertical:R},z={globalScrolling:!1,scrollers:y,flashIndicators:function(){var a=document.querySelectorAll(".scrollable.vertical");for(var b=0;b<a.length;++b)z.scrollTo(a[b],0,0,20,!0)},scrollToTop:function(){var a=document.getElementsByClassName("scrollable");if(a.length){var b=a[0];b.className.indexOf("vertical")!=-1&&z.scrollTo(b,0,0,l)}},scrollTo:function(a,b,c,d,e){M();var f=J(a);if(f){e&&(f.delegate=null),f=F(f),x=[f],u=!0;if(d){var g=a[f.key],h=f.filter(b,c),i=h-g,j=(new Date).getTime();w=setInterval(function(){var a=(new Date).getTime()-j,b=g+(h-g)*(a/d);if(i<0&&b<h||i>0&&b>h)b=h;f.updater(b),b==h&&(clearInterval(w),setTimeout(M,200))},20)}else f.updater(c),M()}}};A()})()