kaerus-component-slideshow 0.0.13 → 0.0.14

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 4818e037339369aebd2aef3fadfff07ab157129f
-  data.tar.gz: 5af561d86b376a94c65a11016a60d83915662dac
+  metadata.gz: 2579d55f78d036cf38f956257d2141511ee7b3fd
+  data.tar.gz: 0d9c8127be31a4caa6cf1beb6be8aaeb2e261b01
 SHA512:
-  metadata.gz: 8a6b79cd920d6b07e5d88b3389d77367c7dbe5f30abc64cbf500945a5bd73afbb72be68bd2e1fc14d9c1305cfbe785522207d39e147e5fd30d7a51a0d4cc710e
-  data.tar.gz: bf0fcfdff82dbf32e1ac56c20af6067808897fdc5da9c7b88e2558b52bbc133444c1e6210c37570cd162a05e4aac6b41868694de2efff023925d46c54c46a8ef
+  metadata.gz: 5e594ddeb832590b703c2f311765446befb46cd6c931e7bbb869389576a93ee38aac55b173e73ece346979e64bf6e979a8ff9a7a7cdd22f797022643f5a4e725
+  data.tar.gz: b64bd8c36e17e7e1b589b3180c6960ddee56caf43807fab4e5190482b503ca97a077cd758cea3046c115d293c39b104823c414abb16d8adddee0047eb01a858c

data/lib/kaerus/component/slideshow/version.rb

@@ -1,7 +1,7 @@
 module Kaerus
   module Component
     module Slideshow
-      VERSION = "0.0.13"
+      VERSION = "0.0.14"
     end
   end
 end

data/vendor/assets/javascripts/kaerus_component_slideshow.js

@@ -64,7 +64,6 @@ require.aliases = {};
 
 require.resolve = function(path) {
   if (path.charAt(0) === '/') path = path.slice(1);
-  var index = path + '/index.js';
 
   var paths = [
     path,
@@ -77,10 +76,7 @@ require.resolve = function(path) {
   for (var i = 0; i < paths.length; i++) {
     var path = paths[i];
     if (require.modules.hasOwnProperty(path)) return path;
-  }
-
-  if (require.aliases.hasOwnProperty(index)) {
-    return require.aliases[index];
+    if (require.aliases.hasOwnProperty(path)) return require.aliases[path];
   }
 };
 
@@ -228,9 +224,9 @@ function Carousel(container,tag) {
     }
 
      /* clone some nodes if we have to few slides */
-    var min_slides = 4;
+    var min_slides = 3;
 
-    if(nodes.length === 3) min_slides = 6;
+    if(nodes.length === 2) min_slides = 4;
     
     for(var i = 0; nodes.length < min_slides; i++){
         nodes[nodes.length] = nodes[i].cloneNode(true);
@@ -320,13 +316,6 @@ Carousel.prototype.prev = function(){
     return this;
 }
 
-Carousel.prototype.getSlide = function(offset, pos){
-    var index = pos !== undefined ? offset : this.index,
-        slide = cap(this.slides.length,offset+pos);
-
-    return this.slides[slide];
-}
-
 Carousel.prototype.transit = function(index,from){
     
     clearClass(this.slides,[ACTIVE_SLIDE,NEXT_SLIDE,PREVIOUS_SLIDE]);
@@ -507,6 +496,7 @@ function Slideshow(container,options){
         template: template,
         next:'&rang;',
         prev:'&lang;',
+        auto: true,
         time: 4000,
         transition: ['all','1s', 'linear'],
         beforeTransit: undefined,
@@ -533,7 +523,7 @@ function Slideshow(container,options){
             var settings = this.settings,
                 id = settings.id,
                 slides = '\n', 
-                dots = '\n', 
+                navItems = '\n', 
                 navId = id + '-nav',
                 childs = container.childNodes;
 
@@ -541,7 +531,7 @@ function Slideshow(container,options){
             for(var i = 0, n = 0, l = childs.length; i < l; i++){
                 if(childs[i].nodeType === 1){ 
                     slides+= '<div id="'+ id + '-s' + n + '">' + childs[i].outerHTML + '</div>\n';
-                    dots+='<li class="dot" id="' + navId + n + '"></li>\n';
+                    navItems+='<li class="navItem" id="' + navId + n + '"></li>\n';
                     n++;
                 }    
             }
@@ -553,7 +543,7 @@ function Slideshow(container,options){
                     case "{slides}": return slides;
                     case "{next}": return settings.next;
                     case "{prev}": return settings.prev; 
-                    case "{nav}": return dots;
+                    case "{nav}": return navItems;
                 }
             });
 
@@ -571,12 +561,17 @@ function Slideshow(container,options){
 
             this.slides = this.carousel.slides;
 
-            attachHandlers(this);        
+            attachHandlers(this);  
+
+            /* autostart on initialization */
+            if(this.settings.auto !== false){
+                this.start(this.settings.auto === true ? 0 : this.settings.auto);
+            }      
 
             return this;        
         },
-        start: function(){
-            this.carousel.start(0,this.settings.time);
+        start: function(index){
+            this.carousel.start(index,this.settings.time);
 
             return this;
         },
@@ -710,10 +705,8 @@ function Slideshow(container,options){
             transition = settings.transition,
             beforeTransit = settings.beforeTransit,
             afterTransit = settings.afterTransit,
-            dots = nav.getElementsByTagName('li'), 
-            ix, fx, lx = dots.length, 
-            prev, next, show,
-            width = slideshow.width;
+            navItems = nav.getElementsByTagName('li'), 
+            ix, fx, lx = navItems.length;
 
         slideshow.carousel.onChange = function(index,from){
             ix = index % lx;
@@ -723,7 +716,7 @@ function Slideshow(container,options){
                 beforeTransit(ix, slideshow);
 
             if(from !== undefined){
-                dots[fx].className = "dot";
+                navItems[fx].className = "navItem";
                 /* apply transitions after first slide */
                 /* to avoid animations on startup */
                 if(!slideshow.hasTransitions){
@@ -732,23 +725,7 @@ function Slideshow(container,options){
                 }
             }
             
-            dots[ix].className = "active dot";
-
-            prev = slideshow.carousel.getSlide(from,-1);
-            next = slideshow.carousel.getSlide(from,1);
-            show = slideshow.carousel.getSlide(from,0);
-
-            applyStyle(prev,'transform','translate3d(0, 0, 0)');
-            applyStyle(next,'transform','translate3d(0, 0, 0)');
-            applyStyle(show,'transform','translate3d(0, 0, 0)');
-
-            prev = slideshow.carousel.getSlide(index,-1);
-            next = slideshow.carousel.getSlide(index,1);
-            show = slideshow.carousel.getSlide(index,0);
-            
-            applyStyle(prev,'transform','translate3d(-' + settings.width + 'px, 0, 0)');
-            applyStyle(next,'transform','translate3d(' + settings.width + 'px, 0, 0)');
-            applyStyle(show,'transform','translate3d(0, 0, 0)');
+            navItems[ix].className = "active navItem";
 
             slideshow.carousel.transit(index,from);
         }
@@ -765,7 +742,6 @@ function Slideshow(container,options){
             }
 
             applyStyle(elems,'transition',transition);
-            applyStyle(elems,'transform','translate3d(0, 0, 0)');
         }
 
         function addTransitionEndHandler(elem){
@@ -822,15 +798,15 @@ module.exports = Slideshow;
 require.register("slideshow/template.js", function(exports, require, module){
 module.exports = '<div class="slides" id="{id}-slides">{slides}</div>\n<div class="nextSlide" id="{id}-next">{next}</div>\n<div class="prevSlide" id="{id}-prev">{prev}</div>\n<div class="navSlide" id="{id}-nav"><ul>{nav}</ul></div>\n	';
 });
+
+
 require.alias("kaerus-component-carousel/index.js", "slideshow/deps/carousel/index.js");
 require.alias("kaerus-component-carousel/index.js", "carousel/index.js");
 
 require.alias("pgherveou-prefix/index.js", "slideshow/deps/prefix/index.js");
 require.alias("pgherveou-prefix/index.js", "slideshow/deps/prefix/index.js");
 require.alias("pgherveou-prefix/index.js", "prefix/index.js");
-require.alias("pgherveou-prefix/index.js", "pgherveou-prefix/index.js");
-
-if (typeof exports == "object") {
+require.alias("pgherveou-prefix/index.js", "pgherveou-prefix/index.js");if (typeof exports == "object") {
   module.exports = require("slideshow");
 } else if (typeof define == "function" && define.amd) {
   define(function(){ return require("slideshow"); });

data/vendor/assets/stylesheets/kaerus_component_slideshow.css

@@ -4,90 +4,15 @@
     position: relative;
     overflow: hidden;
     color: white;
-    -webkit-user-select: none;  
-    -moz-user-select: none;    
-    -ms-user-select: none;
-    -o-user-select: none;      
-    user-select: none;
-}
-
-.slideshow .nextSlide, 
-.slideshow .prevSlide {
-    cursor: pointer;
-    display: inline-block;
-    position: absolute;
-    top:0;
-    bottom: 0;
-    margin: auto;
-    line-height: 2.6em;
-    width: 2.5em;
-    height: 2.5em;
-    text-align: center;
-    border-radius: 2em;
-    color: black;
-    background: white;
-    background-color: white;
-    -webkit-border-radius: 2em;
-    -moz-border-radius: 2em;
-    -ms-border-radius: 2em;
-    -o-border-radius: 2em;
-    border-radius: 2em;
-    z-index: 9999;
-}
-
-.slideshow .nextSlide {
-    right: 2em;
-}
-
-.slideshow .prevSlide {
-    left: 2em;
-}
-
-.slideshow .navSlide {
-    font-size: 2em;
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-    color: white;
-    color: rgba(255,255,255,0.5);
-    z-index: 9999;
-}
-
-.slideshow .navSlide .dot {
-    width: 0.5em;
-    text-align: center;
-    display: inline-block;
-    list-style-type: none;
-}
-
-.slideshow .navSlide .dot:before {
-    content: "\0025cb";
-}
-
-.slideshow .navSlide .dot.active:before {
-    content: "\0025cf";
-}
-
-.slideshow .navSlide ul{
-    padding-top: 1em;
-    text-align: center;
-    margin: 0 auto;
-    padding-start: 0;
-    -o-padding-start: 0;
-    -moz-padding-start: 0;
-    -webkit-padding-start: 0;
 }
 
 .slideshow .slides .slide{
     position: absolute;
     overflow: hidden;
-    display: none;
+    visibility: hidden;
     width: 100%;
     height: 100%;
-    padding: 0;
-    margin: 0;
-    top: 0;
-    left: 0;
+    z-index: 0;
 }
 
 .slideshow .slides .slide img {
@@ -95,15 +20,14 @@
     height: 100%;
 }
 
-.slideshow .slides .slide .caption {
-    position: absolute;
-    display: block;
-    left: 2em;
-    top: 2em;
-}
 
 .slideshow .slides .slide.prev,
 .slideshow .slides .slide.next,
 .slideshow .slides .slide.show {
-    display: block;
+    z-index: 1;
+}
+
+.slideshow .slides .slide.show {
+    visibility: visible;
+    z-index: 2;
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: kaerus-component-slideshow
 version: !ruby/object:Gem::Version
-  version: 0.0.13
+  version: 0.0.14
 platform: ruby
 authors:
 - Anders Elo
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-09-22 00:00:00.000000000 Z
+date: 2013-10-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -83,7 +83,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.0.3
+rubygems_version: 2.0.0
 signing_key: 
 specification_version: 4
 summary: Created as a component.js module