blueimp-gallery 2.9.0.0 → 2.11.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 0c0f2d3a96cd4e89bf3dc0c07fff124920a5c2fb
-  data.tar.gz: 9e5b449ae6e2afa6b43ee434c47b4218b36548fa
+  metadata.gz: 108096f2fa0a84c05e3aed5ffb6443783698de31
+  data.tar.gz: 50e68b212131571919aaa185d129627aa8979a30
 SHA512:
-  metadata.gz: ab9c8954b0d0e7a8c1f5ea2d44952c21d8729cbfb798fa3de175338da3832206f7a94fe1bb45e5a5128a29f280ca7697b605533bca333e08791340453b563d34
-  data.tar.gz: 61076c99936568278d2827d69d3e5a55cb32c31e219b85a8898c824d13df169e8a6e963a9a1e0312f21a766cdc055f1c862c94b9652e0aaa712d202300738a9f
+  metadata.gz: 5e465a5f66e0db645ede88b5ac92a4a7abdad303ab7ddaaf422cfc51f84a7775c23e58068da1e55828578b7d534c821806b5045ccad89b41e59dbefb8dfe2c4d
+  data.tar.gz: 12a0d568227fb11fdf9bd579c7160508ca87161fb8d78fdb1fcd86a76228248418449beddcff0f273041c82603b84fa66b6d9991dd4b3463fdce2ef7ee97957a

data/CHANGELOG.md

@@ -1,3 +1,8 @@
+## v2.11.0.0
+
+* Update to Blueimp Gallery 2.11.0.
+* Added new tests for youtube and vimeo javascripts.
+
 ## v2.9.0.0
 
 * Change the versioning scheme.

data/README.md

@@ -5,7 +5,6 @@ blueimp Gallery is an image and video gallery featuring carousel and lightbox ga
 [![Gem Version](https://badge.fury.io/rb/blueimp-gallery.png)](http://badge.fury.io/rb/blueimp-gallery)
 [![Build Status](https://travis-ci.org/Phifo/blueimp-gallery.png?branch=master)](https://travis-ci.org/Phifo/blueimp-gallery)
 
-* blueimp Gallery version 2.7.3
 * Official Website: http://blueimp.github.io/Gallery/
 
 
@@ -151,7 +150,7 @@ blueimp.Gallery document.getElementById("links").getElementsByTagName("a"),
 
 ## More Features
 
-blueimp Gallery has a lot more features and options as adding control keys, fullscreen, slide interval, etc. The complete documentation is on the [blueimp Gallery site](https://github.com/blueimp/Gallery).
+blueimp Gallery has a lot more features and options as adding control keys, fullscreen, slide interval, video support (youtube and vimeo) etc. The complete documentation is on the [blueimp Gallery site](https://github.com/blueimp/Gallery).
 
 ## Contributing
 

data/lib/blueimp/gallery/version.rb

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

data/test/assets_test.rb

@@ -20,6 +20,10 @@ class AssetsTest < ActionDispatch::IntegrationTest
     assert_response :success
     get 'assets/jquery.blueimp-gallery.js'
     assert_response :success
+    get 'assets/blueimp-gallery-youtube.js'
+    assert_response :success
+    get 'assets/blueimp-gallery-vimeo.js'
+    assert_response :success
   end
 
   test 'has stylesheets assets' do

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

@@ -2,4 +2,6 @@
 //= require blueimp-gallery-fullscreen
 //= require blueimp-gallery-indicator
 //= require blueimp-gallery-video
+//= require blueimp-gallery-youtube
+//= require blueimp-gallery-vimeo
 //= require jquery.blueimp-gallery

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

@@ -1,5 +1,5 @@
 /*
- * blueimp Gallery Video Factory JS 1.0.0
+ * blueimp Gallery Video Factory JS 1.1.0
  * https://github.com/blueimp/Gallery
  *
  * Copyright 2013, Sebastian Tschan
@@ -42,7 +42,7 @@
         videoSourcesProperty: 'sources'
     });
 
-    Gallery.prototype.videoFactory = function (obj, callback) {
+    Gallery.prototype.videoFactory = function (obj, callback, videoInterface) {
         var that = this,
             options = this.options,
             videoContainerNode = this.elementPrototype.cloneNode(false),
@@ -51,7 +51,7 @@
                 type: 'error',
                 target: videoContainerNode
             }],
-            video = document.createElement('video'),
+            video = videoInterface || document.createElement('video'),
             url = this.getItemProperty(obj, options.urlProperty),
             type = this.getItemProperty(obj, options.typeProperty),
             title = this.getItemProperty(obj, options.titleProperty),
@@ -72,10 +72,7 @@
         if (video.canPlayType) {
             if (url && type && video.canPlayType(type)) {
                 video.src = url;
-            } else if (sources) {
-                if (typeof sources === 'string') {
-                    sources = $.parseJSON(sources);
-                }
+            } else {
                 while (sources && sources.length) {
                     source = sources.shift();
                     url = this.getItemProperty(source, options.urlProperty);
@@ -88,7 +85,7 @@
             }
         }
         if (posterUrl) {
-            video.setAttribute('poster', posterUrl);
+            video.poster = posterUrl;
             posterImage = this.imagePrototype.cloneNode(false);
             $(posterImage).addClass(options.toggleClass);
             posterImage.src = posterUrl;
@@ -97,11 +94,13 @@
         }
         playMediaControl = document.createElement('a');
         playMediaControl.setAttribute('target', '_blank');
-        playMediaControl.setAttribute('download', title);
+        if (!videoInterface) {
+            playMediaControl.setAttribute('download', title);
+        }
         playMediaControl.href = url;
         if (video.src) {
             video.controls = true;
-            $(video)
+            (videoInterface || $(video))
                 .on('error', function () {
                     that.setTimeout(callback, errorArgs);
                 })
@@ -135,14 +134,16 @@
                     videoContainer.addClass(that.options.videoLoadingClass);
                 });
             $(playMediaControl).on('click', function (event) {
-                event.preventDefault();
+                that.preventDefault(event);
                 if (isLoading) {
                     video.pause();
                 } else {
                     video.play();
                 }
             });
-            videoContainerNode.appendChild(video);
+            videoContainerNode.appendChild(
+                (videoInterface && videoInterface.element) || video
+            );
         }
         videoContainerNode.appendChild(playMediaControl);
         this.setTimeout(callback, [{

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

@@ -1,5 +1,5 @@
 /*
- * blueimp Gallery JS 2.9.0
+ * blueimp Gallery JS 2.11.0
  * https://github.com/blueimp/Gallery
  *
  * Copyright 2013, Sebastian Tschan
@@ -99,7 +99,9 @@
             clearSlides: true,
             // Defines if images should be stretched to fill the available space,
             // while maintaining their aspect ratio (will only be enabled for browsers
-            // supporting background-size="contain", which excludes IE < 9):
+            // supporting background-size="contain", which excludes IE < 9).
+            // Set to "cover", to make images cover all available space (requires
+            // support for background-size="cover", which excludes IE < 9):
             stretchImages: false,
             // Toggle the controls on pressing the Return key:
             toggleControlsOnReturn: true,
@@ -228,11 +230,15 @@
                         }
                     }
                     if (element.style.backgroundSize !== undefined) {
+                        support.backgroundSize = {};
                         element.style.backgroundSize = 'contain';
-                        support.backgroundSize = {
-                            contain: window.getComputedStyle(element)
-                                .getPropertyValue('background-size') === 'contain'
-                        };
+                        support.backgroundSize.contain = window
+                                .getComputedStyle(element)
+                                .getPropertyValue('background-size') === 'contain';
+                        element.style.backgroundSize = 'cover';
+                        support.backgroundSize.cover = window
+                                .getComputedStyle(element)
+                                .getPropertyValue('background-size') === 'cover';
                     }
                     document.body.removeChild(element);
                 };
@@ -509,11 +515,12 @@
         },
 
         onmousedown: function (event) {
-            // Trigger on clicks of the left mouse button only:
-            if (event.which && event.which === 1) {
+            // Trigger on clicks of the left mouse button only
+            // and exclude video elements:
+            if (event.which && event.which === 1 &&
+                    event.target.nodeName !== 'VIDEO') {
                 // Preventing the default mousedown action is required
                 // to make touch emulation work with Firefox:
-                event.preventDefault();
                 (event.originalEvent || event).touches = [{
                     pageX: event.pageX,
                     pageY: event.pageY
@@ -889,9 +896,7 @@
             var that = this,
                 img = this.imagePrototype.cloneNode(false),
                 url = obj,
-                contain = this.options.stretchImages &&
-                    this.support.backgroundSize &&
-                    this.support.backgroundSize.contain,
+                backgroundSize = this.options.stretchImages,
                 called,
                 element,
                 callbackWrapper = function (event) {
@@ -908,11 +913,11 @@
                         }
                         called = true;
                         $(img).off('load error', callbackWrapper);
-                        if (contain) {
+                        if (backgroundSize) {
                             if (event.type === 'load') {
                                 element.style.background = 'url("' + url +
                                     '") center no-repeat';
-                                element.style.backgroundSize = 'contain';
+                                element.style.backgroundSize = backgroundSize;
                             }
                         }
                         callback(event);
@@ -923,7 +928,12 @@
                 url = this.getItemProperty(obj, this.options.urlProperty);
                 title = this.getItemProperty(obj, this.options.titleProperty);
             }
-            if (contain) {
+            if (backgroundSize === true) {
+                backgroundSize = 'contain';
+            }
+            backgroundSize = this.support.backgroundSize &&
+                this.support.backgroundSize[backgroundSize] && backgroundSize;
+            if (backgroundSize) {
                 element = this.elementPrototype.cloneNode(false);
             } else {
                 element = img;
@@ -1096,10 +1106,31 @@
             return obj;
         },
 
+        getDataProperty: function (obj, property) {
+            if (obj.getAttribute) {
+                var prop = obj.getAttribute('data-' +
+                        property.replace(/([A-Z])/g, '-$1').toLowerCase());
+                if (typeof prop === 'string') {
+                    if (/^(true|false|null|-?\d+(\.\d+)?|\{[\s\S]*\}|\[[\s\S]*\])$/
+                            .test(prop)) {
+                        try {
+                            return $.parseJSON(prop);
+                        } catch (ignore) {}
+                    }
+                    return prop;
+                }
+            }
+        },
+
         getItemProperty: function (obj, property) {
-            return obj[property] || (obj.getAttribute &&
-                obj.getAttribute('data-' + property)) ||
-                this.getNestedProperty(obj, property);
+            var prop = obj[property];
+            if (prop === undefined) {
+                prop = this.getDataProperty(obj, property);
+                if (prop === undefined) {
+                    prop = this.getNestedProperty(obj, property);
+                }
+            }
+            return prop;
         },
 
         initStartIndex: function () {
@@ -1195,13 +1226,13 @@
             }
             this.slidesContainer = this.container.find(
                 this.options.slidesContainer
-            );
+            ).first();
             if (!this.slidesContainer.length) {
                 return false;
             }
             this.titleElement = this.container.find(
                 this.options.titleElement
-            );
+            ).first();
             if (this.num === 1) {
                 this.container.addClass(this.options.singleClass);
             }

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

@@ -1,5 +1,5 @@
 /*
- * blueimp helper JS 1.1.0
+ * blueimp helper JS 1.2.0
  * https://github.com/blueimp/Gallery
  *
  * Copyright 2013, Sebastian Tschan
@@ -172,6 +172,10 @@
                 }
             }
             return this;
+        },
+
+        first: function () {
+            return new Helper(this[0]);
         }
 
     });

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

@@ -1,6 +1,6 @@
 @charset 'UTF-8';
 /*
- * blueimp Gallery Video Factory CSS 1.0.0
+ * blueimp Gallery Video Factory CSS 1.1.1
  * https://github.com/blueimp/Gallery
  *
  * Copyright 2013, Sebastian Tschan
@@ -17,15 +17,25 @@
   right: 0;
   bottom: 0;
   left: 0;
-  /* Prevent artifacts in Mozilla Firefox: */
-  -moz-backface-visibility: hidden;
-}
-.blueimp-gallery > .slides > .slide > .video-content > video,
-.blueimp-gallery > .slides > .slide > .video-content > img {
   margin: auto;
+  width: auto;
+  height: auto;
   max-width: 100%;
   max-height: 100%;
   opacity: 1;
+  /* Prevent artifacts in Mozilla Firefox: */
+  -moz-backface-visibility: hidden;
+}
+.blueimp-gallery > .slides > .slide > .video-content > iframe {
+  width: 100%;
+  height: 100%;
+  border: none;
+  position: absolute;
+  top: 100%;
+  left: 0;
+}
+.blueimp-gallery > .slides > .slide > .video-playing > iframe {
+  top: 0;
 }
 .blueimp-gallery > .slides > .slide > .video-content > a {
   position: absolute;
@@ -55,7 +65,7 @@
 }
 
 /* Replace PNGs with SVGs for capable browsers (excluding IE<9) */
-body:last-child .blueimp-gallery > .slides > .slide > .video-content > a {
+body:last-child .blueimp-gallery > .slides > .slide > .video-content:not(.video-loading) > a {
   background-image: url("video-play.svg");
 }
 

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

@@ -1,6 +1,6 @@
 @charset 'UTF-8';
 /*
- * blueimp Gallery CSS 2.9.0
+ * blueimp Gallery CSS 2.10.0
  * https://github.com/blueimp/Gallery
  *
  * Copyright 2013, Sebastian Tschan
@@ -22,6 +22,8 @@
 }
 .blueimp-gallery > .slides > .slide > .slide-content {
   margin: auto;
+  width: auto;
+  height: auto;
   max-width: 100%;
   max-height: 100%;
   opacity: 1;
@@ -40,9 +42,9 @@
 .blueimp-gallery-carousel {
   position: relative;
   z-index: auto;
-  height: 432px;
-  max-width: 768px;
   margin: 1em auto;
+  /* Set the carousel width/height ratio to 16/9: */
+  padding-bottom: 56.25%;
   box-shadow: 0 0 10px #000;
 }
 .blueimp-gallery-display {
@@ -54,6 +56,9 @@
   height: 100%;
   overflow: hidden;
 }
+.blueimp-gallery-carousel > .slides {
+  position: absolute;
+}
 .blueimp-gallery > .slides > .slide {
   position: relative;
   float: left;
@@ -201,13 +206,6 @@ body:last-child .blueimp-gallery-playing > .play-pause {
   background-position: -20px 0;
 }
 
-@media (max-width: 767px) {
-  .blueimp-gallery-carousel {
-    height: 270px;
-    max-width: 480px;
-  }
-}
-
 /* IE7 fixes */
 *+html .blueimp-gallery > .slides > .slide {
   min-height: 300px;

metadata

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