blueimp-gallery 1.0.0 → 2.9.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: bc220eb2c5204fcc1bf8531f820dc23fd33a95fc
-  data.tar.gz: 7234c1b360d5008c97a656b73fb73864031d6c53
+  metadata.gz: 0c0f2d3a96cd4e89bf3dc0c07fff124920a5c2fb
+  data.tar.gz: 9e5b449ae6e2afa6b43ee434c47b4218b36548fa
 SHA512:
-  metadata.gz: d62514891de554c8a69c194f20043750a65c65c453cb8af41e235401c3fd42268013d5008a5a8b70811903c8048c389de35d62ee41950803ec9b078126f4c1ab
-  data.tar.gz: 1856d20464e078bc22679335ba3984eebeb55b38dce48014f3e981048d8c8a21f008e98a50cff453a5c136ce8b8e0e5bdff4c715118b2b5d74a5e623b465939a
+  metadata.gz: ab9c8954b0d0e7a8c1f5ea2d44952c21d8729cbfb798fa3de175338da3832206f7a94fe1bb45e5a5128a29f280ca7697b605533bca333e08791340453b563d34
+  data.tar.gz: 61076c99936568278d2827d69d3e5a55cb32c31e219b85a8898c824d13df169e8a6e963a9a1e0312f21a766cdc055f1c862c94b9652e0aaa712d202300738a9f

data/CHANGELOG.md

@@ -1,7 +1,18 @@
+## v2.9.0.0
+
+* Change the versioning scheme.
+* Update to Blueimp Gallery 2.9.0.
+
+## v1.0.0
+
+* Stable version.
+* Tests added.
+* Assets paths fixed.
+
 ## v0.0.2
 
-* Fixing spec folder bugs
+* Fixing spec folder bugs.
 
 ## v0.0.1
 
-* Initial release
+* Initial release.

data/README.md

@@ -41,7 +41,7 @@ Add this line to your `app/assets/stylesheets/application.css`
 
 In case you want a minimal version and you already understand how the plugin works, you can add the necessary assets.
 
-    *= require blueimp-gallery.css
+    *= require blueimp-gallery
     *= require blueimp-gallery-indicator
     *= require blueimp-gallery-video
 
@@ -147,7 +147,7 @@ or CoffeeScript if you want to add the script as an asset:
 blueimp.Gallery document.getElementById("links").getElementsByTagName("a"),
   container: "#blueimp-gallery-carousel"
   carousel: true
-``
+```
 
 ## More Features
 

data/lib/blueimp/gallery/version.rb

@@ -1,5 +1,5 @@
 module Blueimp
   module Gallery
-    VERSION = "1.0.0"
+    VERSION = "2.9.0.0"
   end
 end

data/vendor/assets/javascripts/blueimp-gallery-fullscreen.js

@@ -1,5 +1,5 @@
 /*
- * blueimp Gallery Fullscreen JS 1.0.0
+ * blueimp Gallery Fullscreen JS 1.1.0
  * https://github.com/blueimp/Gallery
  *
  * Copyright 2013, Sebastian Tschan
@@ -35,7 +35,7 @@
     });
 
     var initialize = Gallery.prototype.initialize,
-        close = Gallery.prototype.close;
+        handleClose = Gallery.prototype.handleClose;
 
     $.extend(Gallery.prototype, {
 
@@ -72,11 +72,11 @@
             }
         },
 
-        close: function () {
+        handleClose: function () {
             if (this.getFullScreenElement() === this.container[0]) {
                 this.exitFullScreen();
             }
-            close.call(this);
+            handleClose.call(this);
         }
 
     });

data/vendor/assets/javascripts/blueimp-gallery-indicator.js

@@ -1,5 +1,5 @@
 /*
- * blueimp Gallery Indicator JS 1.0.0
+ * blueimp Gallery Indicator JS 1.1.0
  * https://github.com/blueimp/Gallery
  *
  * Copyright 2013, Sebastian Tschan
@@ -46,7 +46,7 @@
         resetSlides = Gallery.prototype.resetSlides,
         handleClick = Gallery.prototype.handleClick,
         handleSlide = Gallery.prototype.handleSlide,
-        close = Gallery.prototype.close;
+        handleClose = Gallery.prototype.handleClose;
 
     $.extend(Gallery.prototype, {
 
@@ -139,12 +139,12 @@
             this.setActiveIndicator(index);
         },
 
-        close: function () {
+        handleClose: function () {
             if (this.activeIndicator) {
                 this.activeIndicator
                     .removeClass(this.options.activeIndicatorClass);
             }
-            close.call(this);
+            handleClose.call(this);
         }
 
     });

data/vendor/assets/javascripts/blueimp-gallery.js

@@ -1,5 +1,5 @@
 /*
- * blueimp Gallery JS 2.7.1
+ * blueimp Gallery JS 2.9.0
  * https://github.com/blueimp/Gallery
  *
  * Copyright 2013, Sebastian Tschan
@@ -91,6 +91,9 @@
             titleProperty: 'title',
             // The list object property (or data attribute) with the object URL:
             urlProperty: 'href',
+            // The gallery listens for transitionend events before triggering the
+            // opened and closed events, unless the following option is set to false:
+            displayTransition: true,
             // Defines if the gallery slides are cleared from the gallery modal,
             // or reused for the next gallery initialization:
             clearSlides: true,
@@ -144,6 +147,10 @@
             // Callback function executed when the Gallery is initialized.
             // Is called with the gallery instance as "this" object:
             onopen: undefined,
+            // Callback function executed when the Gallery has been initialized
+            // and the initialization transition has been completed.
+            // Is called with the gallery instance as "this" object:
+            onopened: undefined,
             // Callback function executed on slide change.
             // Is called with the gallery instance as "this" object and the
             // current index and slide as arguments:
@@ -156,9 +163,13 @@
             // Is called with the gallery instance as "this" object and the
             // slide index and slide element as arguments:
             onslidecomplete: undefined,
-            // Callback function executed when the Gallery is closed.
+            // Callback function executed when the Gallery is about to be closed.
+            // Is called with the gallery instance as "this" object:
+            onclose: undefined,
+            // Callback function executed when the Gallery has been closed
+            // and the closing transition has been completed.
             // Is called with the gallery instance as "this" object:
-            onclose: undefined
+            onclosed: undefined
         },
 
         carouselOptions: {
@@ -199,7 +210,32 @@
                 },
                 prop,
                 transition,
-                translateZ;
+                translateZ,
+                elementTests = function () {
+                    document.body.appendChild(element);
+                    if (transition) {
+                        prop = transition.name.slice(0, -9) + 'ransform';
+                        if (element.style[prop] !== undefined) {
+                            element.style[prop] = 'translateZ(0)';
+                            translateZ = window.getComputedStyle(element)
+                                .getPropertyValue(transition.prefix + 'transform');
+                            support.transform = {
+                                prefix: transition.prefix,
+                                name: prop,
+                                translate: true,
+                                translateZ: !!translateZ && translateZ !== 'none'
+                            };
+                        }
+                    }
+                    if (element.style.backgroundSize !== undefined) {
+                        element.style.backgroundSize = 'contain';
+                        support.backgroundSize = {
+                            contain: window.getComputedStyle(element)
+                                .getPropertyValue('background-size') === 'contain'
+                        };
+                    }
+                    document.body.removeChild(element);
+                };
             for (prop in transitions) {
                 if (transitions.hasOwnProperty(prop) &&
                         element.style[prop] !== undefined) {
@@ -209,43 +245,26 @@
                     break;
                 }
             }
-            document.body.appendChild(element);
-            if (transition) {
-                prop = transition.name.slice(0, -9) + 'ransform';
-                if (element.style[prop] !== undefined) {
-                    element.style[prop] = 'translateZ(0)';
-                    translateZ = window.getComputedStyle(element)
-                        .getPropertyValue(transition.prefix + 'transform');
-                    support.transform = {
-                        prefix: transition.prefix,
-                        name: prop,
-                        translate: true,
-                        translateZ: translateZ && translateZ !== 'none'
-                    };
-                }
-            }
-            if (element.style.backgroundSize !== undefined) {
-                element.style.backgroundSize = 'contain';
-                support.backgroundSize = {
-                    contain: window.getComputedStyle(element)
-                        .getPropertyValue('background-size') === 'contain'
-                };
+            if (document.body) {
+                elementTests();
+            } else {
+                $(document).on('DOMContentLoaded', elementTests);
             }
-            document.body.removeChild(element);
             return support;
             // Test element, has to be standard HTML and must not be hidden
-            // for the CSS3 transform translateZ test to be applicable:
+            // for the CSS3 tests using window.getComputedStyle to be applicable:
         }(document.createElement('div'))),
 
+        requestAnimationFrame: window.requestAnimationFrame ||
+            window.webkitRequestAnimationFrame ||
+            window.mozRequestAnimationFrame,
+
         initialize: function () {
             this.initStartIndex();
             if (this.initWidget() === false) {
                 return false;
             }
             this.initEventListeners();
-            if (this.options.onopen) {
-                this.options.onopen.call(this);
-            }
             // Load the slide at the given index:
             this.onslide(this.index);
             // Manually trigger the slideend event for the initial slide:
@@ -332,11 +351,19 @@
         },
 
         play: function (time) {
+            var that = this;
             window.clearTimeout(this.timeout);
             this.interval = time || this.options.slideshowInterval;
             if (this.elements[this.index] > 1) {
                 this.timeout = this.setTimeout(
-                    this.slide,
+                    (!this.requestAnimationFrame && this.slide) || function (to, speed) {
+                        that.animationFrameId = that.requestAnimationFrame.call(
+                            window,
+                            function () {
+                                that.slide(to, speed);
+                            }
+                        );
+                    },
                     [this.index + 1, this.options.slideshowTransitionSpeed],
                     this.interval
                 );
@@ -374,7 +401,7 @@
             this.slides = [];
         },
 
-        close: function () {
+        handleClose: function () {
             var options = this.options;
             this.destroyEventListeners();
             // Cancel the slideshow:
@@ -391,9 +418,34 @@
             if (this.options.clearSlides) {
                 this.resetSlides();
             }
+            if (this.options.onclosed) {
+                this.options.onclosed.call(this);
+            }
+        },
+
+        close: function () {
+            var that = this,
+                closeHandler = function (event) {
+                    if (event.target === that.container[0]) {
+                        that.container.off(
+                            that.support.transition.end,
+                            closeHandler
+                        );
+                        that.handleClose();
+                    }
+                };
             if (this.options.onclose) {
                 this.options.onclose.call(this);
             }
+            if (this.support.transition && this.options.displayTransition) {
+                this.container.on(
+                    this.support.transition.end,
+                    closeHandler
+                );
+                this.container.removeClass(this.options.displayClass);
+            } else {
+                this.handleClose();
+            }
         },
 
         circle: function (index) {
@@ -1120,7 +1172,23 @@
             }
         },
 
+        handleOpen: function () {
+            if (this.options.onopened) {
+                this.options.onopened.call(this);
+            }
+        },
+
         initWidget: function () {
+            var that = this,
+                openHandler = function (event) {
+                    if (event.target === that.container[0]) {
+                        that.container.off(
+                            that.support.transition.end,
+                            openHandler
+                        );
+                        that.handleOpen();
+                    }
+                };
             this.container = $(this.options.container);
             if (!this.container.length) {
                 return false;
@@ -1134,14 +1202,25 @@
             this.titleElement = this.container.find(
                 this.options.titleElement
             );
+            if (this.num === 1) {
+                this.container.addClass(this.options.singleClass);
+            }
+            if (this.options.onopen) {
+                this.options.onopen.call(this);
+            }
+            if (this.support.transition && this.options.displayTransition) {
+                this.container.on(
+                    this.support.transition.end,
+                    openHandler
+                );
+            } else {
+                this.handleOpen();
+            }
             if (this.options.hidePageScrollbars) {
                 // Hide the page scrollbars:
                 this.bodyOverflowStyle = document.body.style.overflow;
                 document.body.style.overflow = 'hidden';
             }
-            if (this.num === 1) {
-                this.container.addClass(this.options.singleClass);
-            }
             this.container[0].style.display = 'block';
             this.initSlides();
             this.container.addClass(this.options.displayClass);

data/vendor/assets/javascripts/jquery.blueimp-gallery.js

@@ -1,5 +1,5 @@
 /*
- * blueimp Gallery jQuery plugin 1.1.0
+ * blueimp Gallery jQuery plugin 1.2.0
  * https://github.com/blueimp/Gallery
  *
  * Copyright 2013, Sebastian Tschan
@@ -29,7 +29,7 @@
 
     // Global click handler to open links with data-gallery attribute
     // in the Gallery lightbox:
-    $(document.body).on('click', '[data-gallery]', function (event) {
+    $(document).on('click', '[data-gallery]', function (event) {
         // Get the container id from the data-gallery attribute:
         var id = $(this).data('gallery'),
             widget = $(id),
@@ -46,7 +46,10 @@
                     onopen: function () {
                         container
                             .data('gallery', this)
-                            .trigger('open', arguments);
+                            .trigger('open');
+                    },
+                    onopened: function () {
+                        container.trigger('opened');
                     },
                     onslide: function () {
                         container.trigger('slide', arguments);
@@ -58,8 +61,11 @@
                         container.trigger('slidecomplete', arguments);
                     },
                     onclose: function () {
+                        container.trigger('close');
+                    },
+                    onclosed: function () {
                         container
-                            .trigger('close')
+                            .trigger('closed')
                             .removeData('gallery');
                     }
                 }

data/vendor/assets/stylesheets/blueimp-gallery-all.css

@@ -1,5 +1,5 @@
 /*
-*= require blueimp-gallery.css
+*= require blueimp-gallery
 *= require blueimp-gallery-indicator
 *= require blueimp-gallery-video
 */

data/vendor/assets/stylesheets/blueimp-gallery.css

@@ -1,6 +1,6 @@
 @charset 'UTF-8';
 /*
- * blueimp Gallery CSS 2.5.2
+ * blueimp Gallery CSS 2.9.0
  * https://github.com/blueimp/Gallery
  *
  * Copyright 2013, Sebastian Tschan
@@ -33,7 +33,6 @@
   background: #000;
   background: rgba(0, 0, 0, 0.9);
   opacity: 0;
-  visibility: hidden;
   display: none;
   direction: ltr;
   -ms-touch-action: none;
@@ -48,7 +47,6 @@
 }
 .blueimp-gallery-display {
   display: block;
-  visibility: visible;
   opacity: 1;
 }
 .blueimp-gallery > .slides {

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: blueimp-gallery
 version: !ruby/object:Gem::Version
-  version: 1.0.0
+  version: 2.9.0.0
 platform: ruby
 authors:
 - Christopher Fernández
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-08-11 00:00:00.000000000 Z
+date: 2013-09-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties