cycle2-rails 1.0.0 → 1.1.0

data/app/assets/javascripts/jquery.cycle2.scrollVert.js

@@ -0,0 +1,17 @@
+//= require jquery.cycle2
+
+/*! 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/app/assets/javascripts/jquery.cycle2.shuffle.js

@@ -0,0 +1,64 @@
+//= require jquery.cycle2
+
+/*! 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/app/assets/javascripts/jquery.cycle2.swipe.js

@@ -0,0 +1,72 @@
+//= require jquery.cycle2
+
+/*! 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/app/assets/javascripts/jquery.cycle2.tile.js

@@ -0,0 +1,133 @@
+//= require jquery.cycle2
+
+/*! 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/app/assets/javascripts/jquery.cycle2.tmpl.js

@@ -0,0 +1,42 @@
+//= require jquery.cycle2.core
+
+/*! tmpl plugin for Cycle2;  version: 20121227 */
+(function($) {
+"use strict";
+
+$.extend($.fn.cycle.defaults, {
+    tmplRegex: '{{((.)?.*?)}}'
+});
+
+$.extend($.fn.cycle.API, {
+    tmpl: function( str, opts /*, ... */) {
+        var regex = new RegExp( opts.tmplRegex || $.fn.cycle.defaults.tmplRegex, 'g' );
+        var args = $.makeArray( arguments );
+        args.shift();
+        return str.replace(regex, function(_, str) {
+            var i, j, obj, prop, names = str.split('.');
+            for (i=0; i < args.length; i++) {
+                obj = args[i];
+                if ( ! obj )
+                    continue;
+                if (names.length > 1) {
+                    prop = obj;
+                    for (j=0; j < names.length; j++) {
+                        obj = prop;
+                        prop = prop[ names[j] ] || str;
+                    }
+                } else {
+                    prop = obj[str];
+                }
+
+                if ($.isFunction(prop))
+                    return prop.apply(obj, args);
+                if (prop !== undefined && prop !== null && prop != str)
+                    return prop;
+            }
+            return str;
+        });
+    }
+});    
+
+})(jQuery);

data/app/assets/javascripts/jquery.cycle2.video.js

@@ -0,0 +1,68 @@
+//= require jquery.cycle2
+
+/*! 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);

data/lib/cycle2-rails/version.rb

@@ -1,5 +1,5 @@
 module Cycle2
   module Rails
-    VERSION = "1.0.0"
+    VERSION = "1.1.0"
   end
 end

metadata

@@ -1,8 +1,8 @@
 --- !ruby/object:Gem::Specification
 name: cycle2-rails
 version: !ruby/object:Gem::Version
-  version: 1.0.0
   prerelease: 
+  version: 1.1.0
 platform: ruby
 authors:
 - Mike Alsup
@@ -10,39 +10,39 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-05-09 00:00:00.000000000 Z
+date: 2013-06-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jquery-rails
-  type: :runtime
-  requirement: !ruby/object:Gem::Requirement
+  version_requirements: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
       - !ruby/object:Gem::Version
         version: '2.0'
-  version_requirements: !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
       - !ruby/object:Gem::Version
         version: '2.0'
+  type: :runtime
   prerelease: false
 - !ruby/object:Gem::Dependency
   name: rake
-  type: :development
-  requirement: !ruby/object:Gem::Requirement
+  version_requirements: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
       - !ruby/object:Gem::Version
         version: '0'
-  version_requirements: !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
       - !ruby/object:Gem::Version
         version: '0'
+  type: :development
   prerelease: false
 description: Cycle2 is a versatile slideshow plugin for jQuery built around ease-of-use.
 email:
@@ -51,16 +51,37 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- .gitignore
 - Gemfile
 - Gemfile.lock
 - LICENSE
 - README.md
 - Rakefile
+- app/assets/javascripts/jquery.cycle2.all.js
+- app/assets/javascripts/jquery.cycle2.autoheight.js
+- app/assets/javascripts/jquery.cycle2.caption.js
+- app/assets/javascripts/jquery.cycle2.caption2.js
+- app/assets/javascripts/jquery.cycle2.carousel.js
+- app/assets/javascripts/jquery.cycle2.center.js
+- app/assets/javascripts/jquery.cycle2.command.js
+- app/assets/javascripts/jquery.cycle2.core.js
+- app/assets/javascripts/jquery.cycle2.hash.js
+- app/assets/javascripts/jquery.cycle2.ie-fade.js
+- app/assets/javascripts/jquery.cycle2.js
+- app/assets/javascripts/jquery.cycle2.loader.js
+- app/assets/javascripts/jquery.cycle2.pager.js
+- app/assets/javascripts/jquery.cycle2.prevnext.js
+- app/assets/javascripts/jquery.cycle2.progressive.js
+- app/assets/javascripts/jquery.cycle2.scrollVert.js
+- app/assets/javascripts/jquery.cycle2.shuffle.js
+- app/assets/javascripts/jquery.cycle2.swipe.js
+- app/assets/javascripts/jquery.cycle2.tile.js
+- app/assets/javascripts/jquery.cycle2.tmpl.js
+- app/assets/javascripts/jquery.cycle2.video.js
 - cycle2-rails.gemspec
 - lib/cycle2-rails.rb
 - lib/cycle2-rails/engine.rb
 - lib/cycle2-rails/version.rb
-- vendor/assets/javascripts/cycle2-rails/jquery.cycle2.js
 homepage: https://github.com/tomasc/cycle2-rails
 licenses: []
 post_install_message: 
@@ -72,19 +93,13 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ! '>='
     - !ruby/object:Gem::Version
-      segments:
-      - 0
       version: '0'
-      hash: -3052516954767104636
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
   - - ! '>='
     - !ruby/object:Gem::Version
-      segments:
-      - 0
       version: '0'
-      hash: -3052516954767104636
 requirements: []
 rubyforge_project: 
 rubygems_version: 1.8.25
@@ -95,3 +110,4 @@ summary: Cycle2 is a versatile slideshow plugin for jQuery built around ease-of-
   any scripting. Simply include the plugin, declare your markup, and Cycle2 does the
   rest.
 test_files: []
+has_rdoc: