groundworkcss 0.2.2

data/vendor/assets/javascripts/groundworkcss/plugins/cycle/jquery.cycle2.center.js

@@ -0,0 +1,63 @@
+/*! center plugin for Cycle2;  version: 20121121 */
+(function($) {
+"use strict";
+
+$.extend($.fn.cycle.defaults, {
+    centerHorz: false,
+    centerVert: false
+});
+
+$(document).on( 'cycle-pre-initialize', function( e, opts ) {
+    if ( !opts.centerHorz && !opts.centerVert )
+        return;
+
+    // throttle resize event
+    var timeout, timeout2;
+
+    $(window).on( 'resize', resize );
+    
+    opts.container.on( 'cycle-destroyed', destroy );
+
+    opts.container.on( 'cycle-slide-added', function( e, opts, slideOpts, slide ) {
+        adjustSlide.apply(slide);
+    });
+
+    adjustActive();
+
+    function resize() {
+        clearTimeout( timeout );
+        timeout = setTimeout( adjustActive, 50 );
+    }
+
+    function destroy( e, opts ) {
+        clearTimeout( timeout );
+        clearTimeout( timeout2 );
+        $( window ).off( 'resize', resize );
+    }
+
+    function adjustAll() {
+        opts.slides.each( adjustSlide ); 
+    }
+
+    function adjustActive() {
+        /*jshint validthis: true */
+        adjustSlide.apply( opts.container.find( opts.slideActiveClass ) );
+        clearTimeout( timeout2 );
+        timeout2 = setTimeout( adjustAll, 50 );
+    }
+
+    function adjustSlide() {
+        /*jshint validthis: true */
+        var slide = $(this);
+        var contW = opts.container.width();
+        var contH = opts.container.height();
+        var w = slide.width();
+        var h = slide.height();
+        if (opts.centerHorz && w < contW)
+            slide.css( 'marginLeft', (contW - w) / 2 );
+        if (opts.centerVert && h < contH)
+            slide.css( 'marginTop', (contH - h) / 2 );
+    }
+});
+
+})(jQuery);

data/vendor/assets/javascripts/groundworkcss/plugins/cycle/jquery.cycle2.ie-fade.js

@@ -0,0 +1,46 @@
+/*! ie-fade transition plugin for Cycle2;  version: 20121120 */
+(function($) {
+"use strict";
+
+function cleartype(before, opts, el) {
+    if ( before && el.style.filter ) {
+        opts._filter = el.style.filter;
+        try { el.style.removeAttribute('filter'); }
+        catch(smother) {} // handle old opera versions
+    }
+    else if ( !before && opts._filter ) {
+        el.style.filter = opts._filter;
+    }
+}
+
+$.extend($.fn.cycle.transitions, {
+    fade: {
+        before: function( opts, curr, next, fwd ) {
+            var css = opts.API.getSlideOpts( opts.nextSlide ).slideCss || {};
+            opts.API.stackSlides( curr, next, fwd );
+            opts.cssBefore = $.extend(css, { opacity: 0, display: 'block' });
+            opts.animIn    = { opacity: 1 };
+            opts.animOut   = { opacity: 0 };
+            cleartype( true, opts, next );
+        },
+        after: function( opts, curr, next ) {
+            cleartype( false, opts, next );
+        }
+    },
+    fadeout: {
+        before: function( opts , curr, next, fwd ) {
+            var css = opts.API.getSlideOpts( opts.nextSlide ).slideCss || {};
+            opts.API.stackSlides( curr, next, fwd );
+            opts.cssBefore = $.extend(css, { opacity: 1, display: 'block' });
+            opts.animOut = { opacity: 0 };
+            cleartype( true, opts, next );
+        },
+        after: function( opts, curr, next ) {
+            cleartype( false, opts, next );
+        }
+    }
+});
+
+})(jQuery);
+
+

data/vendor/assets/javascripts/groundworkcss/plugins/cycle/jquery.cycle2.scrollVert.js

@@ -0,0 +1,15 @@
+/*! scrollVert transition plugin for Cycle2;  version: 20121120 */
+(function($) {
+"use strict";
+
+$.fn.cycle.transitions.scrollVert = {
+    before: function( opts, curr, next, fwd ) {
+        opts.API.stackSlides( opts, curr, next, fwd );
+        var height = opts.container.css('overflow','hidden').height();
+        opts.cssBefore = { top: fwd ? -height : height, left: 0, opacity: 1, display: 'block' };
+        opts.animIn = { top: 0 };
+        opts.animOut = { top: fwd ? height : -height };
+    }
+};
+
+})(jQuery);

data/vendor/assets/javascripts/groundworkcss/plugins/cycle/jquery.cycle2.shuffle.js

@@ -0,0 +1,62 @@
+/*! shuffle transition plugin for Cycle2;  version: 20121120 */
+(function($) {
+"use strict";
+
+$.fn.cycle.transitions.shuffle = {
+
+    transition: function( opts, currEl, nextEl, fwd, callback ) {
+        $( nextEl ).show();
+        var width = opts.container.css( 'overflow', 'visible' ).width();
+        var speed = opts.speed / 2; // shuffle has 2 transitions
+        var element = fwd ? currEl : nextEl;
+
+        opts = opts.API.getSlideOpts( fwd ? opts.currSlide : opts.nextSlide );
+        var props1 = { left:-width, top:15 };
+        var props2 =  opts.slideCss || { left:0, top:0 };
+
+        if ( opts.shuffleLeft !== undefined ) {
+            props1.left = props1.left + parseInt(opts.shuffleLeft, 10) || 0;
+        } 
+        else if ( opts.shuffleRight !== undefined ) {
+            props1.left = width + parseInt(opts.shuffleRight, 10) || 0;
+        } 
+        if ( opts.shuffleTop ) {
+            props1.top = opts.shuffleTop;
+        }
+
+        // transition slide in 3 steps: move, re-zindex, move
+        $( element )
+            .animate( props1, speed, opts.easeIn || opts.easing )
+            .queue( 'fx', $.proxy(reIndex, this))
+            .animate( props2, speed, opts.easeOut || opts.easing, callback );
+
+        function reIndex(nextFn) {
+            /*jshint validthis:true */
+            this.stack(opts, currEl, nextEl, fwd);
+            nextFn();
+        }
+    },
+
+    stack: function( opts, currEl, nextEl, fwd ) {
+        var i, z;
+
+        if (fwd) {
+            opts.API.stackSlides( nextEl, currEl, fwd );
+            // force curr slide to bottom of the stack
+            $(currEl).css( 'zIndex', 1 );
+        }
+        else {
+            z = 1;
+            for (i = opts.nextSlide - 1; i >= 0; i--) {
+                $(opts.slides[i]).css('zIndex', z++);
+            }
+            for (i = opts.slideCount - 1; i > opts.nextSlide; i--) {
+                $(opts.slides[i]).css('zIndex', z++);
+            }
+            $(nextEl).css( 'zIndex', opts.maxZ );
+            $(currEl).css( 'zIndex', opts.maxZ - 1 );
+        }
+    }
+};
+
+})(jQuery);

data/vendor/assets/javascripts/groundworkcss/plugins/cycle/jquery.cycle2.swipe.js

@@ -0,0 +1,70 @@
+/*! swipe plugin for Cycle2;  version: 20121120 */
+(function($) {
+"use strict";
+
+// this script adds support for touch events.  the logic is lifted from jQuery Mobile.
+// if you have jQuery Mobile installed, you do NOT need this script
+
+var supportTouch = 'ontouchend' in document;
+
+$.event.special.swipe = $.event.special.swipe || {
+    scrollSupressionThreshold: 10,   // More than this horizontal displacement, and we will suppress scrolling.
+    durationThreshold: 1000,         // More time than this, and it isn't a swipe.
+    horizontalDistanceThreshold: 30, // Swipe horizontal displacement must be more than this.
+    verticalDistanceThreshold: 75,   // Swipe vertical displacement must be less than this.
+
+    setup: function() {
+        var $this = $( this );
+
+        $this.bind( 'touchstart', function( event ) {
+            var data = event.originalEvent.touches ? event.originalEvent.touches[ 0 ] : event;
+            var stop, start = {
+                time: ( new Date() ).getTime(),
+                coords: [ data.pageX, data.pageY ],
+                origin: $( event.target )
+            };
+
+            function moveHandler( event ) {
+                if ( !start )
+                    return;
+
+                var data = event.originalEvent.touches ? event.originalEvent.touches[ 0 ] : event;
+
+                stop = {
+                    time: ( new Date() ).getTime(),
+                    coords: [ data.pageX, data.pageY ]
+                };
+
+                // prevent scrolling
+                if ( Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) > $.event.special.swipe.scrollSupressionThreshold ) {
+                    event.preventDefault();
+                }
+            }
+
+            $this.bind( 'touchmove', moveHandler )
+                .one( 'touchend', function( event ) {
+                    $this.unbind( 'touchmove', moveHandler );
+
+                    if ( start && stop ) {
+                        if ( stop.time - start.time < $.event.special.swipe.durationThreshold &&
+                                Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) > $.event.special.swipe.horizontalDistanceThreshold &&
+                                Math.abs( start.coords[ 1 ] - stop.coords[ 1 ] ) < $.event.special.swipe.verticalDistanceThreshold ) {
+
+                            start.origin.trigger( "swipe" )
+                                .trigger( start.coords[0] > stop.coords[ 0 ] ? "swipeleft" : "swiperight" );
+                        }
+                    }
+                    start = stop = undefined;
+                });
+        });
+    }
+};
+
+$.event.special.swipeleft = $.event.special.swipeleft || {
+    setup: function() {
+        $( this ).bind( 'swipe', $.noop );
+    }
+};
+$.event.special.swiperight = $.event.special.swiperight || $.event.special.swipeleft;
+
+})(jQuery);

data/vendor/assets/javascripts/groundworkcss/plugins/cycle/jquery.cycle2.tile.js

@@ -0,0 +1,131 @@
+/*! tile transition plugin for Cycle2;  version: 20121120 */
+(function ($) {
+"use strict";
+
+$.fn.cycle.transitions.tileSlide =
+$.fn.cycle.transitions.tileBlind = {
+
+    before: function( opts, curr, next, fwd ) {
+        opts.API.stackSlides( curr, next, fwd );
+        $(curr).show();
+        opts.container.css('overflow', 'hidden');
+        // set defaults
+        opts.tileDelay = opts.tileDelay || opts.fx == 'tileSlide' ? 100 : 125;
+        opts.tileCount = opts.tileCount || 7;
+        opts.tileVertical = opts.tileVertical !== false;
+
+        if (!opts.container.data('cycleTileInitialized')) {
+            opts.container.on('cycle-destroyed', $.proxy(this.onDestroy, opts.API));
+            opts.container.data('cycleTileInitialized', true);
+        }
+    },
+
+    transition: function( opts, curr, next, fwd, callback ) {
+        opts.slides.not(curr).not(next).hide();
+
+        var tiles = $();
+        var $curr = $(curr), $next = $(next);
+        var tile, tileWidth, tileHeight, lastTileWidth, lastTileHeight,
+            num = opts.tileCount,
+            vert = opts.tileVertical,
+            height = opts.container.height(),
+            width = opts.container.width();
+
+        if ( vert ) {
+            tileWidth = Math.floor(width / num);
+            lastTileWidth = width - (tileWidth * (num - 1));
+            tileHeight = lastTileHeight = height;
+        }
+        else {
+            tileWidth = lastTileWidth = width;
+            tileHeight = Math.floor(height / num);
+            lastTileHeight = height - (tileHeight * (num - 1));
+        }
+
+        // opts.speed = opts.speed / 2;
+        opts.container.find('.cycle-tiles-container').remove();
+
+        var animCSS;
+        var tileCSS = { left: 0, top: 0, overflow: 'hidden', position: 'absolute', margin: 0, padding: 0 };
+        if ( vert ) {
+            animCSS = opts.fx == 'tileSlide' ? { top: height } : { width: 0 };
+        }
+        else {
+            animCSS = opts.fx == 'tileSlide' ? { left: width } : { height: 0 };
+        }
+
+        var tilesContainer = $('<div class="cycle-tiles-container"></div>');
+        tilesContainer.css({
+            zIndex: $curr.css('z-index'),
+            overflow: 'visible',
+            position: 'absolute', 
+            top: 0
+        });
+        tilesContainer.insertBefore( next );
+
+        for (var i = 0; i < num; i++) {
+            tile = $('<div></div>')
+            .css( tileCSS )
+            .css({
+                width:  ((num - 1 === i) ? lastTileWidth  : tileWidth),
+                height: ((num - 1 === i) ? lastTileHeight : tileHeight),
+                marginLeft: vert ? ((i * tileWidth)) : 0,
+                marginTop:  vert ? 0 : (i * tileHeight)
+            })
+            .append($curr.clone().css({
+                position: 'relative',
+                maxWidth: 'none',
+                width: $curr.width(),
+                margin: 0, padding: 0,
+                marginLeft: vert ? -(i * tileWidth) : 0,
+                marginTop: vert ? 0 : -(i * tileHeight)
+            }));
+            tiles = tiles.add(tile);
+        }
+
+        tilesContainer.append(tiles);
+        $curr.hide();
+        $next.show().css( 'opacity', 1 );
+        animateTile(fwd ? 0 : num - 1);
+        
+        opts._tileAniCallback = function() {
+            $next.show();
+            $curr.hide();
+            tilesContainer.remove();
+            callback();
+        };
+
+        function animateTile(i) {
+            tiles.eq(i).animate( animCSS, {
+                duration: opts.speed,
+                easing: opts.easing,
+                complete: function () {
+                    if (fwd ? (num - 1 === i) : (0 === i)) {
+                        opts._tileAniCallback();
+                    }
+                }
+            });
+
+            setTimeout(function () {
+                if (fwd ? (num - 1 !== i) : (0 !== i)) {
+                    animateTile(fwd ? (i + 1) : (i - 1));
+                }
+            }, opts.tileDelay);
+        }
+    },
+
+    // tx API impl
+    stopTransition: function( opts ) {
+        opts.container.find('*').stop( true, true );
+        if (opts._tileAniCallback)
+            opts._tileAniCallback();
+    },
+
+    // core API supplement
+    onDestroy: function( e ) {
+        var opts = this.opts();
+        opts.container.find('.cycle-tiles-container').remove();
+    }
+};
+
+})(jQuery);

data/vendor/assets/javascripts/groundworkcss/plugins/cycle/jquery.cycle2.video.js

@@ -0,0 +1,66 @@
+/*! youtube plugin for Cycle2;  version: 20121120 */
+(function($) {
+"use strict";
+
+var template = '<div><object width="640" height="360">' +
+    '<param name="movie" value="{{url}}"></param>' +
+    '<param name="allowFullScreen" value="{{allowFullScreen}}"></param>' +
+    '<param name="allowscriptaccess" value="always"></param>' +
+    '<embed src="{{url}}" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="{{allowFullScreen}}"></embed>' +
+'</object></div>';
+
+$.extend($.fn.cycle.defaults, {
+    youtubeAllowFullScreen: true,
+    youtubeAutostart: false,
+    youtubeAutostop:  true
+});    
+
+$(document).on( 'cycle-bootstrap', function( e, opts ) {
+    if ( ! opts.youtube )
+        return;
+
+    // don't hide inactive slides; hiding video causes reload when it's shown again
+    opts.hideNonActive = false; 
+
+    opts.container.find( opts.slides ).each(function(i) {
+        // convert anchors to template markup
+        var markup, slide = $(this), url = slide.attr( 'href' );
+        var fs = opts.youtubeAllowFullScreen ? 'true' : 'false';
+        url += ( /\?/.test( url ) ? '&' : '?') + 'enablejsapi=1';
+        if ( opts.youtubeAutostart && opts.startingSlide === i )
+            url += '&autoplay=1';
+        markup = opts.API.tmpl( template, { url: url, allowFullScreen: fs });
+        slide.replaceWith( markup );
+    });
+    opts.slides = '>div';
+
+    if ( opts.youtubeAutostart ) {
+        opts.container.on( 'cycle-initialized cycle-after', function( e, opts ) {
+            var index = e.type == 'cycle-initialized' ? opts.currSlide : opts.nextSlide;
+            $( opts.slides[ index ] ).find('object,embed').each( play );
+        });
+    }
+
+    if ( opts.youtubeAutostop ) {
+        opts.container.on( 'cycle-before', function( e, opts ) {
+            $( opts.slides[ opts.currSlide ] ).find('object,embed').each( pause );
+        });
+    }
+});
+
+function play() {
+    /*jshint validthis:true */
+    try {
+        this.playVideo();
+    }
+    catch( ignore ) {}
+}
+function pause() {
+    /*jshint validthis:true */
+    try {
+        this.pauseVideo();
+    }
+    catch( ignore ) {}
+}
+
+})(jQuery);